/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body { background-color:#000; font: 0.8125em Verdana, sans-serif; line-height: 1; color: #f1f0dc; width:100%; margin:0; font: 12px/1.6 "Helvetica Neue", Helvetica, Arial,sans-serif; } 


.clear	{ clear: both; content: "."; display: block; height: 0; clear: both; visibility: hidden;}


* {
	margin: 0;
	padding: 0;
}



										  
/* STRUCTURE */
	
#page-wrap					{ width: 100%; min-width: 100%; min-height: 100%; height: 100%; }

#about						{ width: 250px; margin: -350px 0 0 390px; }
#aboutphoto					{ padding: 55px 0 0 35px; }

h1#patwright				{ display: none; }
#tagline                    { display: none; }

/* Bar */
#banner						{ height: 180px;  background-color:#dedede; width: 100%; position: absolute; right:0px; top:150px;padding:0px; margin: 0px;}
#header						{ width: 243px; height: 180px; background-image:url(images/portrait.jpg); background-repeat: no-repeat; position:absolute; top:150px; left: 0px; margin: 0px; z-index: 1;}
a#logo					    { width: 135px; height: 46px; background-image:url(images/logo.png); background-repeat: no-repeat;  top:220px; left: 240px; z-index: 100; display: block; position: absolute;}

#gallerypos 				{ width: 800px; margin-left: 400px;  }
#contactform				{ padding: 80px 0 0 40px; }


/* Page Styling */
#homepage					{ padding: 5px 0 0 5px;}
#content					{ width: 760px; height: 510px; background-color:#dedede; margin: 20px 0 0 420px; color: #000; }
#quote					    { width: 390px; padding: 140px 0 0 30px; line-height: 153%; font-size: 12px; }
#quoteback				    { width: 760px; height: 510px; background-image:url(images/quote.jpg); background repeat: no-repeat;}
#safari					    { width: 390px; padding: 50px 0 0 30px; line-height: 153%; font-size: 12px; }
#safariback				    { width: 760px; height: 510px; background-image:url(images/safari.jpg); background repeat: no-repeat;}
#video				    { width: 710px; padding: 50px 0 0 30px; line-height: 153%; font-size: 12px; }
#videoback				    { width: 760px; height: 510px; background-image:url(images/video.jpg); background repeat: no-repeat;}
#videofont		{ color: #fff; }
#spacer						{ margin: 10px; }


/* About Page */
#bio			{ width: 760px; height: 510px;background-image:url(images/about.jpg); font-size: 12px; }
#photographer   { width: 300px; float: left; padding: 10px 40px 0 40px; line-height: 153%}
#person         { width: 300px; float: right; padding: 10px 40px 0 0; line-height: 153% }
#title		{ color: #d4513f; text-transform: uppercase; font-size: 14px; margin: 30px 0 3px 0; font-weight: bold; }


ul#social  							{ list-style: none;  float: left; margin: 360px 0 0 -344px;}
ul#social li 						{ display: inline; }
ul#social li a						{ text-indent: -9999px; display: block; height: 40px; float: left; }
ul#social li a.mail 				{ background: url(images/mail.png) no-repeat bottom center; width: 40px; }
ul#social li a.facebook 			{ background: url(images/facebook.png) no-repeat bottom center; width: 40px; }
ul#social li a.twitter 				{ background: url(images/twitter.png) no-repeat bottom center; width: 40px; }
ul#social li a.tumblr 				{ background: url(images/tumblr.png) no-repeat bottom center; width: 40px; }
ul#social li a.vimeo 				{ background: url(images/vimeo.png) no-repeat bottom center; width: 40px; }

/* Partner Page */
#biopart		{ width: 760px; height: 510px;background-image:url(images/video.jpg); font-size: 12px; color: #fff}
#partners   { width: 700px; float: left; padding: 30px 40px 0 40px; line-height: 153%}
#videos   { width: 355px; float: left; padding: 0 0 0 40px; line-height: 153%}
#squibs        { width: 300px; float: right; padding: 0 50px 0 0; line-height: 153% }
#titlepart		{ color: #d4513f; text-transform: uppercase; font-size: 14px; margin: 0px 0 3px 0; font-weight: bold; }
#titlepartdos		{ color: #d4513f; text-transform: uppercase; font-size: 14px; margin: 76px 0 3px 0; font-weight: bold; }


/* Footer */
#copyright					{ margin: 700px 0 0px 595px; position: absolute; font-size: 9px;}


/* Navigation */
#top									{ width: 700px; margin: 60px 0 0px 475px; }

ul#main-nav  							{ list-style: none; color: #f5f5f5; font: "Helvetica Neue", Helvetica, Arial,sans-serif;}
ul#main-nav li 							{ display: inline;  }
ul#main-nav li a						{ color: #f2f2f2; text-transform: uppercase; text-decoration: none; font-size: 10px; margin-left: 5px; padding: 2px 3px 2px 3px;}
ul#main-nav li a:hover					{ background-color: #519097; color: #000;}

/* Galleria Nav */
p.galleria_nav						{color: #4d798e; font-family:       Verdana, Arial, Helvetica, sans-serif;
	font-size:         11px;}
A:link {}
A:visited {}
A:hover  {}

/* Links */
a.quotemail:link {text-decoration: none; color: #eb4837;}
a.quotemail:visited {text-decoration: none; color: #eb4837; }
a.quotemail:active {text-decoration: none}
a.quotemail:hover { color: #f8877c;}

a.peter:link {text-decoration: none; color: #eb4837;}
a.peter:visited {text-decoration: none; color: #eb4837; }
a.peter:active {text-decoration: none}
a.peter:hover { color: #f8877c;}