/*----------------------------------------------------------------------

Johnhuba.com
Screen Styles
© 2007

styled by: Ryan Hinkel

----------------------------------------------------------------------*/

body{margin: 0px; padding: 0px;
	font-family:  Helvetica, san-serif; color: #000; background-color: #fff;vertical-align: baseline;}
	

a {text-decoration: none;color: #015474;outline:none;}


img {border-style:none;}


/* Header (Logo) */

#header {position: fixed; text-align: left; padding: 20px 15px 0px 100px;background-color:transparent;}
#header h1 {margin:0;display: inline;float: left;}
#header h1 a {outline: none; display: block; width: 205px; height: 25px; margin: 0; padding: 0px;}


#menu {
	width: auto;
	background-color: #222;
	position: relative;
	list-style: none;
	margin: 0px 0 0;
	padding: 0 0 0 220px;
	}
	
/* Text Replacement */

#menu li {
	position:relative;
	display: inline;
	float:left;
	}

#menu li a{
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	display:block;
	line-height: normal;
	margin: 11px 0 0 20px;
	padding: 2px;
	outline: none;
	color: #000;
	letter-spacing: 0em;
	
	}
	
/* #menu li a:hover {color: #015474;} */

body#portraits #menu li#portraits_menu a {color:#b5001a;}
body#lifestyle #menu li#lifestyle_menu a {color:#42a24b;}
body#travel #menu li#travel_menu a {color:#fa5f18;}
body#projects #menu li#projects_menu a {color:#3babc5;}
body#film #menu li#film_menu a {color:#fbc737;}
body#contact #menu li#contact_menu a {color:#ae5cd8;}
	
#menu li#portraits_menu a:hover {color:#b5001a;}
#menu li#lifestyle_menu a:hover {color:#42a24b;}
#menu li#travel_menu a:hover {color:#fa5f18;}
#menu li#projects_menu a:hover {color:#3babc5;}
#menu li#film_menu a:hover {color:#fbc737;}
#menu li#blog_menu a:hover {color:#1111bc;}
#menu li#contact_menu a:hover {color:#ae5cd8;}



/* CONTENT */
#content {margin: 0; padding-top: 60px;height:100%;}

/* THUMBNAILS */
#thumbnail #content {}
#thumbnail #content #container {}

/* FILM  */




/* CONTACT */

#contact #content {margin-left: 40px;}
#contact div.contact {margin: 120px 0 0 60px;padding:20px 0 0;line-height:1.2em;}
#contact div.contact {display:inline;float:left;margin-right: 20px;}
#contact div.contact h2{font-size: 12px;letter-spacing: 1px;}
#contact div.contact p{font-size: 16px; letter-spacing: 1px;}
#contact div.contact ul{font-size: 11px;list-style: none;letter-spacing: 1px;padding: 0; margin: 0;}
#contact div.contact li{padding: 0; margin: 0;}
#contact div.contact ul li{margin-top: 3px; position: relative;font-size: 11px;padding: 0;}
#contact div.contact ul li.spacer{margin-top: 10px;}
#contact div.contact ul li span {position:absolute;left:55px}
#contact div.contact ul li span a {font-size: 10px;letter-spacing:0;}