@charset "UTF-8";
/* The Lillian Pearl Site CSS. Created by Maury McCown. Don't Tread On Me. 7-16-2009 around 2:04pm CST. */


/* ----- MAIN WEB BROWSER CSS ----- */
html {
	/* forces a page to show a scrollbar so that the centering doesn't go wonky */
	height:100%;
	margin-bottom:1px;
}
img {
	/* removes the ugly border around img tags to allow for strict xhtml validation */
	border-style:none;
}
body {
	/*sets main body text formatting*/
	font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif;
        background-image:url(graphics/siteimages/backgroundpattern01.png);
	font-size:12px;
	background-color:#444444;
	/*text-align:center;*/
	/*vertical-align:middle;*/
	line-height:1.5em;
	font-weight:normal;
	align:center;
	/*color:#FFFFFF;*/
}
table {
	/* forces all tables to appear centered */
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background-position:top;
}
.nav_text {
	/* sets nav area text formatting */
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	font-family: Arial, "Lucida Grande", "Trebuchet MS", Verdana, Sans-serif;
	font-size:14px;
	word-spacing:5px;
}
.nav_text a {
	/* customizes the nav area's links */
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.nav_text a:link {
	/* kills the auto-underline */
	text-decoration:none;
	color:#FFFFFF;
}
.nav_text a:hover {
	/* sets the nav link hover color */
	color:#CC9966;
	text-decoration:none;
}
h1 {
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
	color:#444444;
}
h2 {
	/* on pages with subheadings inline, this sets the styling of those headings */
	margin-top:15px;
	font-weight:bold;
	font-size:14px;
	color:#444444;
}
#wrapper {
	/* establish the overall page width */
	width:810px;
	margin:auto;
	text-align:center;
}
#title {
	/*establishes title image*/
        background-image:url(graphics/siteimages/sitetitle02.png);
	height:115px;
	background-repeat:no-repeat;
	background-position:center top;
	padding-bottom:3px;
	margin-top:25px;
}
#navigation {
	/*establishes navigation area formatting*/
	background-position:center;
	text-align:center;
	line-height:normal;
	margin-bottom:30px;
}
#top {
	/*establishes top of window border*/
	background-image:url(graphics/siteimages/sitetop.png);
	background-repeat:no-repeat;
	height:19px;
	/*margin-bottom:0px;*/
	/*margin-top:10px;*/
	background-position:center;
	overflow:hidden;
	line-height:0em;
}
#middle {
	background-image:url(graphics/siteimages/sitemiddle.png);
	color:#444444;
	font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	background-repeat:repeat-y;
	background-position:center;
	padding-right:35px;
	padding-left:35px;
	padding-top:7px;
	padding-bottom:7px;
	overflow:hidden;
}
#middle a:hover {
	color:#CC9966;
}
#bottom {
	background-image:url(graphics/siteimages/sitebottom.png);
	background-repeat:no-repeat;
	height:19px;
	background-position:center;
	margin-top:0px;
	margin-bottom:20px;
	overflow:hidden;
	line-height:0em;
}
a {
	color:#444444;
}
a:link {
	color:#444444;
}
a:hover {
	color:#CC9966;
}
.page_title {
	font-weight:bold;
	font-size:14px;
	color:#444444;
}
.fine_print {
	font-size:10px;
	color:#FFFFFF;
	line-height:1.4em;
	font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif;
}
.fine_print a {
	color:#FFFFFF;
}
.fine_print a:link {
	color:#FFFFFF;
}
.fine_print a:hover {
	color:#CC9966;
}
.float_left {
	/* used to float images to the left of the enclosing div tag */
	float:left;
	padding-right:20px;
}
.centered {
	/* centers stuff I tell it to */
	text-align:center;
	margin:auto;
}
.block100h {
	/* sets the vertical height for my guitar pic div area */
	height:100px;
}



/* ----- iPad SPECIFIC CSS ----- */
@media screen and (max-device-width: 1024px){


	#top {
		/*establishes top of window border*/
		background-image: none;
		background-repeat: no-repeat;
		height: 0px;
		background-position: center;
		overflow: hidden;
		line-height: 0em;
	}
	#middle {
		background-image: none;
		color: #444444;
		font-family: "Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif;
		font-size: 13px;
		font-weight: normal;
		text-align: justify;
		background-repeat: no-repeat;
		background-position: center;
		padding-right: 25px;
		padding-left: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
		overflow: hidden;
		background-color: #FFFFFF;
		border: 7px solid #cc9966;
	}
	#middle a:hover {
		color:#CC9966;
	}
	#bottom {
		background-image: none;
		background-repeat: no-repeat;
		height: 0px;
		background-position: center;
		margin-top: 0px;
		margin-bottom: 0px;
		overflow: hidden;
		line-height: 0em;
	}
}


/* ----- iPhone SPECIFIC CSS ----- */
@media screen and (max-device-width: 480px){

	#wrapper {
		/* establish the overall page width */
		width: 910px;
		margin: auto;
		text-align: center;
	}
	.nav_text {
		/* sets nav area text formatting */
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		padding-top: 8px;
		font-family: Arial, "Lucida Grande", "Trebuchet MS", Verdana, Sans-serif;
		font-size: 12px;
		word-spacing: 5px;
	}
	#top {
		/*establishes top of window border*/
		background-image: none;
		background-repeat: no-repeat;
		height: 0px;
		background-position: center;
		overflow: hidden;
		line-height: 0em;
	}
	#middle {
		background-image: none;
		color: #444444;
		font-family: "Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif;
		font-size: 13px;
		font-weight: normal;
		text-align: justify;
		background-repeat: no-repeat;
		background-position: center;
		padding-right: 25px;
		padding-left: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
		overflow: hidden;
		background-color: #FFFFFF;
		border: 7px solid #cc9966;
	}
	#middle a:hover {
		color:#CC9966;
	}
	#bottom {
		background-image: none;
		background-repeat: no-repeat;
		height:0px;
		background-position: center;
		margin-top: 0px;
		margin-bottom: 0px;
		overflow: hidden;
		line-height: 0em;
	}
}