/*

Style sheet for EugenePhotographer.com

Author: Kristina Meyer	

Author URI: http://www.kristinameyer.com

Version: 1.0

*/



/* Eric Meyer's RESET */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, ol 

{

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	line-height: 1;

	font-family: inherit;

	text-align: left;

	vertical-align: baseline;

}

table {border-collapse: collapse; border-spacing: 0;}

q:before, q:after, blockquote:before, blockquote:after {content: "";}





/* BASE TYPOGRAPHY 

____________________*/



body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea

{

	font-family: Georgia, "Times New Roman", Times, serif;

	line-height: 1.4;

	font-size: 12px;

	color: #333333;

}



ul {list-style-type: none;}

ol {list-style-type: decimal;}



h1 {

	font-size:34px;

	margin-bottom:12px;

	font-weight:bold;

	font-family: Georgia, "Times New Roman", Times, serif;

}

h2 {

	font-size:22px;

	margin-bottom:10px;

	margin-left: 10px;

	line-height: 1.2;

	font-family: Georgia, "Times New Roman", Times, serif;

}

h2#about {

	text-indent: -9999px;

	background: url(images/aboutshoot_header.gif) no-repeat top left;

	}

	

h3 {font-size:18px; margin-bottom:8px; font-family: Georgia, "Times New Roman", Times, serif;}

h4 {font-size:16px; margin-bottom:5px; font-weight:bold; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}

h5 {font-size:14px; margin-bottom:5px; padding-left: 10px; font-weight:bold; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}

h6 {font-size:14px; margin-bottom:5px; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}



blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }

strong {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

em     {font-style:italic;}

p {
	font-size: 14px;
	padding-left: 10px;
	}


/* LINKS 

___________*/



a {font-family: Georgia, "Times New Roman", Times, serif;}



a:link {

	color:#63151e;

	text-decoration: underline;}



a:visited {color: #666666;}



a:hover {text-decoration: none;

}



a:active {}





/* STRUCTURE 

_________________*/



#wrapper { 

 margin: 0 auto;

 width: 800px;

}

#inner_wrap {

 margin-bottom: 5px;

 width: 100%

}



#header {

 color: #333;

 width: 780px;

 height: 100px;

 margin: 10px 0px 15px 0px;

}



#sidebar { 

 display: inline;

 color: #333;

 padding-top: 3px;

 width: 160px;

 float: right;

}



#content { 

 float: left;

 color: #333;

 margin: 0 20px 0 0;

 padding: 0px;

 width: 620px;

 display: inline;

 position: relative;

}



#bloglink a {

	height: 111px;

	width:150px;

	display: block;

	overflow: hidden;

	}

/*#bloglink a img {

	padding-top: 5px;

	}

#bloglink a:hover {

	border: 1px solid black;

	}*/





/* NAVIGATION */



ul#nav {

	margin: 10px 15px 10px 0;

	list-style: none;

	font-size: 14px;

	line-height: 1.2;

	position: relative;

	}



ul#nav li a{

	display: block;

	overflow: hidden;

	height: 38px;

	text-indent: -9999px;

	}

	

ul#nav li#nav_home a {

	width: 160px;

	background: url(images/home_bio.gif) no-repeat left center;

	}

ul#nav li#nav_home a:hover, ul#nav li#nav_home a.active {

	background-position: -160px 0;

	}

/* JH fudges 6/15/10 for new actors button image */

ul#nav li#nav_act a {

	width: 160px;

	background: url(images/actors.gif) no-repeat -3px 5px;

	}

ul#nav li#nav_act a:hover, ul#nav li#nav_act a.active {

	background-position: -160px 5px;

	}


ul#nav li#nav_cont a {

	width: 160px;

	background: url(images/contact.gif) no-repeat left center;

	}

ul#nav li#nav_cont a:hover, ul#nav li#nav_cont a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_babe a {

	width: 160px;

	background: url(images/babies.gif) no-repeat left center;

	}

ul#nav li#nav_babe a:hover, ul#nav li#nav_babe a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_child a {

	width: 160px;

	background: url(images/children.gif) no-repeat left center;

	}

ul#nav li#nav_child a:hover, ul#nav li#nav_child a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_coup a {

	width: 160px;

	background: url(images/couples.gif) no-repeat left center;

	}

ul#nav li#nav_coup a:hover, ul#nav li#nav_coup a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_wed a {

	width: 160px;

	background: url(images/weddings.gif) no-repeat left center;

	}

ul#nav li#nav_wed a:hover, ul#nav li#nav_wed a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_fam a {

	width: 160px;

	background: url(images/families.gif) no-repeat left center;

	}

ul#nav li#nav_fam a:hover, ul#nav li#nav_fam a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_fash a {

	width: 160px;

	background: url(images/fashion.gif) no-repeat left center;

	}

ul#nav li#nav_fash a:hover, ul#nav li#nav_fash a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_pers a {

	width: 160px;

	background: url(images/portraits.gif) no-repeat left center;

	}

ul#nav li#nav_pers a:hover, ul#nav li#nav_pers a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_pro a {

	width: 160px;

	background: url(images/professionals.gif) no-repeat left center;

	}

ul#nav li#nav_pro a:hover, ul#nav li#nav_pro a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_sr a {

	width: 160px;

	background: url(images/seniors.gif) no-repeat left center;

	}

ul#nav li#nav_sr a:hover, ul#nav li#nav_sr a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_about a {

	width: 160px;

	background: url(images/aboutyourshoot.gif) no-repeat left center;

	}

ul#nav li#nav_about a:hover, ul#nav li#nav_about a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_photo a {

	width: 160px;

	background: url(images/photography.gif) no-repeat left center;

	}

ul#nav li#nav_photo a:hover, ul#nav li#nav_photo a.active {

	background-position: -160px 0;

	}

ul#nav li#nav_model a {

	width: 150px;

	height: 54px;

	display: block;

	overflow: hidden;

	background: url(images/modelingbutton.gif) no-repeat right top;

	}

/*ul#nav li#nav_model a:hover, ul#nav li#nav_model a.active {

	border: 1px solid black;

	}*/



/* FOOTER

____________*/



#footer { 

 	width: 800px;

 	clear: both;

 	color: #333;

 	margin: 0px 0px 10px 0px;

 	padding: 10px;

	border-top: 1px solid #ccc

	}

#footer p {

	text-align: center;

	font-size: 16px;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	}

#footer p.keywordtext {

	font-size: 9px;

	color: #333;}





/*   CLASSES 

__________________*/

.bullets {

	list-style-type: disc;

	margin-left: 30px;

}

ul.bullets li {

	padding-bottom: 3px;

	}

.redborder { border: red solid 2px; }

.blackborder {border: black solid 1px;}

.right { float: right }

.left { float: left }

img.right { margin: 5px 5px 5px 17px; display: inline; position: relative;}

img.left { margin: 5px 5px 5px 0px; display: inline; position: relative;}

.pcenter {text-align:center;}

img.center {margin: 5px auto; display: block;}

.clear { clear: both; background: none; }

.just {text-align: justify;}

.indented {
		margin-left: 20px;
		font-size: 14px;
		line-height: 1.4;
		}