@charset "UTF-8";
/* 
	ELKGIRL.com - updated: Dec. 16, 2009
*/

body {
	background-color:#acafb6;
	color:#ccc;
}
.container {
	background-image:url(../images/content-bkgd.jpg);
	background-repeat:repeat-y;
	border-width:0px 2px;
	border-style:solid;
	border-color:#43495b;
}
#banner{
	border-bottom-width:2px;
	border-style:solid;
	border-color:#95918c;
}
#content{
	background-color:#4c4d51;
}
a{text-decoration:none;}
a:link{color:#ccc;}
a:visited{color:#ccc;}
a:hover{color:#43495b;}
a:active{color:#ccc;}

/* GLOABAL nav - left */
#nav ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}
#nav a{
	display: block;
	width:110px;
	padding:2px 0px 2px 30px;
	background-color:#95918c;
	color:#43495b;
	border-bottom:1px solid #43495b;
	text-decoration:none;
}
#nav a:link, #nav a:visited{
	background-color:#95918c;
	color:#43495b;
}
#nav a:hover{
	background-color:#43495b;
	color:#ccc;
}
#nav .sps{
	width:130px;
	padding:4px 0px 2px 10px;
	background-color:#66635f;
	color:#ccc;
	border-bottom:1px solid #43495b;
}
#nav #lastLI a{
	border-bottom:4px solid #66635f;
}
		
/* rotating images on front page: index.html */
#phRot{
	height:530px;
	margin:0px 0px 20px 0px;
}
#phRot #rotatePH img{
	margin:0px 0px 20px 88px;
	border-bottom:4px solid #66635f;
}
#phRot #titlePH{
	width:588px;
	margin:20px 0px 0px 88px;
	padding:2px 12px 2px 0px;
	background-color:#66635f;
	border-bottom:1px solid #95918c;
	text-align:right;
	font-size:1.2em;
}
		
/* content: center (gallerific jquery): all gallery pages */
#slideshow{
	height:520px;
	margin:30px 0px 0px 0px;
	position:relative;
	left:-6px;
	text-align:center;
}
#slideshow img{
	margin:0px;
	padding:0px;
	border:1px solid #95918c;
}
#caption{
	width:160px;
	margin:10px 10px 0px 10px;
	padding:2px 6px 2px 6px;
	background-color:#66635f;
	color:#ccc;
}
		
/* content: form area of contact page */
		/* 
		#thanks{ 
			background-color:#95918c;
			width:412px;
			height:160px;
			border-bottom:4px solid #66635f;
		}
		#thanks p.thk{ 
			color:#43495b;
			padding:10px 20px;
		}
		.err{color:#ccc;} 
		*/
		#r11c{
			margin:20px 0px;
			height:480px;
			position:relative;
			left:46px;
		}
		#r11c #titleContact{
			background-color:#66635f;
			width:400px;
			margin:0px;
			padding:2px 12px 2px 0px;
			text-align:right;
			font-size:1.2em;
			border-bottom:1px solid #95918c;
		}
		#eagContact{
			width:400px;
			color:#43495b;
		}
		
		#eagContact label{font-weight:normal;}
		#eagContact input.text{
			width:300px;
			padding:2px;
			background-color:#ccc;
		}
		#eagContact fieldset{
			padding:10px 20px;
			margin:0px;
			border:0px;
			background-color:#95918c;
			border-bottom:4px solid #66635f;
			height:460px;
		}
		#eagContact textarea{
			width:370px;
			height:140px;
			padding:0px;
			background-color:#ccc;
		}
		#eagContact .formButton{
			padding:2px;
			width:80px;
			color:#ccc;
			background-color:#66635f;
			border:1px solid #43495b;
		}
		
/* content: about/contact page */
#bioCon{
	height:520px;
	margin-bottom:20px;
}
#bioCon #titlePH{
	width:588px;
	margin:20px 0px 0px 88px;
	padding:2px 12px 2px 0px;
	background-color:#66635f;
	color:#ccc;
	border-bottom:1px solid #95918c;
	text-align:right;
	font-size:1.2em;
}
#bioCon #bio{
	width:560px;
	margin:0px 0px 10px 88px;
	padding:10px 20px;
	background-color:#95918c;
	color:#43495b;
	border-bottom:4px solid #66635f;
}
#bioCon #bio p.beth{
	float:right;
	margin-left:10px;
}
#bioCon #bio img{
	border:1px solid #66635f;
}
#bioCon #bio span.aB{
	font-size:0.8em;
}

#bioCon #abTitleBar{
	width:588px;
	margin:0px 0px 0px 88px;
	padding:2px 0px 2px 12px;
	background-color:#66635f;
	color:#ccc;
	border-bottom:1px solid #95918c;
	text-align:left;
	font-size:1.2em;
}
#bioCon #abCon{
	width:560px;
	margin:0px 0px 0px 88px;
	padding:10px 20px;
	background-color:#95918c;
	color:#43495b;
	border-bottom:4px solid #66635f;
}
		
/* SECONDARY nav - (right thumbnails) */
#r1RightNav{
	margin-bottom:10px;
	padding:10px 0px;
	background-color:#95918c;
	border-bottom:4px solid #66635f;
}
							#titleBar{ /* need to test this in browsers because of postion:relative*/
								width:180px;
								margin:0px;
								padding:0px 0px 0px 10px;
								background-color:#66635f;
								position:relative;
								top:-10px;
								text-align:left;
								font-size:1.2em;
							}
#thumbs{
	margin-left:8px;
}
#thumbs ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#thumbs ul li{
	display:inline;
}
.thumbIMG{
	margin:2px;
	border:1px solid #43495b;
}

/* pagination is generated by the jquery in gallery pages with more than 15 thumbnails in the right nav */
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display:block;
	float:left;
	margin:4px 2px 0px 2px;
	padding:2px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#43495b;
}
div.pagination a:hover {
	background-color:#eee;
	text-decoration:none;
}
div.pagination span.current {
	background-color:#43495b;
	color:#eee;
	border-color:#43495b;
	font-weight: bold;
}
div.pagination span.ellipsis {
	border:none;
	padding:5px 0 3px 2px;
}
		
/* footer */
#footer{
	font-size:0.8em;
}
#spacer{
	height:22px;
	background-color:#66635f;
	border-top:1px solid #95918c;
}
#footL, #footR{
	text-align:center;
	position:relative;
	top:4px;
}