/*

Theme Name: Fullscreen


Theme URI: http://graphpaperpress.com/


Description: A multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>


Version: 1.2

Tags: photography, one-column, minimal, widgets, black, portfolio, video, multimedia, framework


Author: Thad Allender



Author URI: http://graphpaperpress.com/


Contributors: Chandra Maharzan, Richard Cornish



License: GPL

*/


/* Blueprint CSS Styles */


@import url( 'css/screen.css' );

/* Menu CSS */



@import url( 'css/superfish.css' );



/* jQuery UI CSS */



@import url( 'css/jquery-ui-1.7.1.custom.css' );































/* Override */















body  { color: #999; background-color: #000; }



.container      { width: 900px }



#slider  { margin-left: 75px }	

#slider ul, #slider li{

	margin:0;

	padding:0;

	list-style:none;

	}

#slider li  { width: 700px; height: 300px; overflow: hidden }	

#prevBtn, #nextBtn  { display: block; position: absolute; top: 350px; left: 98px; width: 30px; height: 77px }	

#nextBtn  { top: 350px; left: 828px }														

#prevBtn a, #nextBtn a{  

	display:block;

	width:30px;

	height:77px;

	background:url(images/btn_prev.gif) no-repeat 0 0;	

	}	

#nextBtn a{ 

	background:url(images/btn_next.gif) no-repeat 0 0;	

	}

#column1 { padding-right: 20px; width: 500px }

#secondary-container    { width: 550px; float: left }



#fullwidth-container    { width: 900px; min-height: 450px; float: left }


#archive-container   { visibility: visible; position: relative; width: 900px; height: auto; min-height: 450px; float: left; clear: both }


#archive-container img { margin-right: 10px; margin-bottom: 10px; max-width: 625px; float: left }

#secondary-container img  { width: 550px;}


#secondary-container p { color: #b1b1b1; font-size: 12px; line-height: normal; text-decoration: none; margin-bottom: 8px }



h1,h2,h3,h4,h5,h6   { color: #fff; text-decoration: none; margin-bottom: 0 }



h1 { color: #fff; font-size: 50px; font-family: Arial; font-weight: bold; text-transform: uppercase; padding-top: 10px }

h5 { color: #fff; font-size: 10px; font-family: Arial; font-weight: bold; padding-top: 10px }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a  { color: #fff; text-decoration: none }

a  { color: #777; text-decoration: underline }

p { font-size: 14px;}

h3 { color: #fff; font-size: 50px; font-family: Arial; font-weight: bold; text-transform: uppercase; padding-top: 10px }











a:hover { color:#fff }































/* Masthead */















#masthead       { margin: 12px 0 10px; padding: 0; position: relative; height: 30px; clear: both }



#masthead img  { padding-top: 20px; padding-left: 50px }



#masthead h2, #branding h2 { float:left; text-transform:uppercase; margin:0; padding:0 }















#masthead h2 a, #branding h2 a { color:#fff }















#masthead .description, #branding .description  { color: #999; font-size: 11px; margin: 10px 12px; padding-left: 12px; float: left }



.nav  { font-size: 9px; margin: 25px 0 5px; float: right }

.nav a { color: #999; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 8px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px  }

.nav a:hover { color: #eee; background: #333; cursor: pointer }



.post-nav  { font-size: 11px; margin: 25px 0 5px; float: left; clear: both }

.post-nav a { color: #999; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 8px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px  }

.post-nav a:hover { color: #eee; background: #333; cursor: pointer }





/* Home Thumbs & Nav*/















.home-thumbs              { background-image: url("http://theillustrati.com/wp-content/themes/fullscreen/images/tiles_short.jpg"); background-repeat: no-repeat; background-position: 1px 25px; margin-right: auto; margin-left: auto; padding-top: 58px; padding-bottom: 20px; padding-left: 50px; position: relative; top: 3px; left: 5px; width: 880px; height: 400px; clear: both }



.thumbs { display:hidden; }















ul.thumbs  { list-style: none; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 850px }



ul.thumbs li  { margin: 0; width: 100px; height: 100px; float: left; overflow: hidden }



ul.thumbs li.thumb-big    { margin-right: 7px; margin-bottom: 7px; width: 153px; height: 125px; float: left; overflow: hidden }



ul.thumbs li img.attachment-thumbnail { margin:0 }



ul.thumbs li.thumb-end {margin-top:144px}





ul.thumbs-casestudies  { list-style: none; width: 950px; height: 150px;}



ul.thumbs-casestudies li  { padding-right: 10px; padding-bottom: 10px; width: 215px; height: 150px; float: left; overflow: hidden }





#branding        { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: auto; padding: 100px 40px 40px; z-index: 4; width: 100%; height: 50px; clear: both; zoom: 1       }















#branding a, #masthead a  { color: #fff; text-decoration: none }















#branding h1 a, #masthead h1 a { color:#fff; }















#branding h1, #masthead h1 { text-transform:uppercase; font-weight:bold; margin:0 ;}















#branding a:hover { color:#fff }















#branding .description { text-align:left;}















.brand-wrap      { background-repeat: no-repeat; background-position: left top; width: 500px; height: 50px; float: right }































/* IE 6 hacks for position fixed */















* html #branding    { padding: 45px 40px 35px 50px; position: absolute; top: -20px; width: 100% }















* html .go-left { top:17px; right: 280px; display: none}















* html .go-right { top:17px; right: 240px; }



#boxes  { background-color: #000; width: 900px; height: 200px }



#home-quote {text-align: center; padding-top: 20px;}

#clientlist {height: 275px;}



#box1 { padding-top: 20px; padding-right: 20px; padding-left: 20px; width: 275px; float: left }

#box1 h2 {text-align: center;}



#box2 { padding-top: 20px; padding-right: 20px; width: 275px; float: left }

#box2 h2 {text-align: center;}



#box3 { padding-top: 20px; width: 275px; float: left }

#box3 h2 {text-align: center;}

#left-column { float: left; padding-right: 50px; width: 500px }
#right-column { float: left; width: 350px }



/* Footer */



#footer        { color: #fff; text-align: right; margin-top: 30px; margin-bottom: 20px; width: 900px }



.post-nav-prev,.post-nav-next, #dialog_link,.icon { float:left; margin:0 10px 0 0; padding: .4em 1em .4em 20px; text-decoration: none; position: relative; color:#999 }















.icon span.ui-icon,#dialog_link span.ui-icon, .post-nav-prev span.ui-icon, #nav ul li ul li a.icon span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px }















.post-nav-next span.ui-icon { margin: 0 5px 0 0; position: absolute; left: 42px; top: 50%; margin-top: -8px }















ul#icons { margin: 0; padding: 0 }















ul#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none }















ul#icons span.ui-icon { float: left; margin: 0 4px }















#post-nav { float:right }































/* Posts */















#sidebar        { margin-left: 20px; width: 300px; float: right }



#sidebar h3 { color: #fff; font-weight: bold; margin-bottom: 0; border-bottom: 1px solid #fff }



#content      { margin-top: 2em; margin-right: 0; margin-left: 0; width: 600px; float: left }



#content2      { margin-top: 2em; margin-right: 0; margin-left: 0; width: 900px; float: left }











#content img  { max-width: 550px }















.post  { }















#content h2, .post h2   { background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; text-transform: uppercase; padding: 0 }















#content h2 a, .post h2 a { text-decoration:none; }















.postmetadata  { color: #999; font-size: 11px; background: #000; display: block; margin: 0 0 20px; padding: 10px; height: 25px; clear: both; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }















.postmetadata a { color:#515151; }















.postmetadata a:hover { color:#eee }















.sub { text-transform:uppercase }















.underlined { border-bottom:1px solid #222 }

/* Floats & Images */















.right { float: right; }















.left { float: left; }















.middle {margin: 0 auto;float:left;}















.clear  { clear: left }















img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px}















img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px}















img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px}















img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px}















.alignleft{float: left;}















.alignright{float: right;}















.aligncenter,div.aligncenter {display: block;clear:both;margin-left: auto;margin-right: auto;}















.thumbnail, .attachment-thumbnail {margin:0 1.5em 1.5em 0;float:left}















.attachment-medium {max-width:950px;overflow:hidden;display: inline}















.attachment-large {max-width:950px;overflow:hidden;display: inline}































/* Gallery */















.gallery { margin: auto; }















.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }















.gallery-caption { margin-left: 0; }















.gallery-item { float: left; text-align: center; margin-left: 0; }















.gallery-columns-2 { width: 50%; }















.gallery-columns-3 { width: 33%; }















.gallery-columns-4 { width: 25%; }















.gallery-columns-5 { width: 20%; }















.gallery-columns-6 { width: 16%; }















.gallery-columns-7 { width: 14%; }















.gallery-columns-8 { width: 12%; }















.gallery-columns-9 { width: 11%; }































/* Captions */















.wp-caption { text-align: center; }















.wp-caption img { margin: 0; padding: 0; border: 0 none; }















.wp-caption .wp-caption-text { margin: 0; padding: 5px; }































/* Etc */















#filters {clear: both;height: 2em;margin-bottom: 1em;}















#filters li {float: left;margin-right: 2em;}















:focus {outline: 0;}















.sticky {font-size: 24px;border: 1px solid #bbb;border-width: 1px 0;background: #eee;padding: 15px;}















.ad-main, .ad-sidebar {display:block;clear:both;}















.hidden {display:none}















.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */































/* Search */















#search {float:right;margin:55px 12px 0 0; padding:0;}















#search #s {background: #ddd url('images/search.png') 0px center no-repeat;color: #222;font-size: 1em;margin:0;padding: 4px 0 4px 17px;width: 150px;border:1px solid #333;}















#search input {border:0}















#search #s:hover {color: #0066cc;background: #fff 0px center no-repeat;}















.search-excerpt {margin: 0;}















#searchsubmit {display:none}































/* Comments */















ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }















ol.commentlist li { border-top:5px solid #ccc; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%;}















ol.commentlist li:hover {background:#ccc;}















ol.commentlist li.comment-author-admin {border-top:5px solid #ccc;}















ol.commentlist li div.comment-author { padding:0 170px 0 0; }















ol.commentlist li div.vcard { font-weight: bold; color:#222 }















ol.commentlist li div.vcard a {color:#222}















ol.commentlist li div.vcard cite.fn { font-style:normal; }















ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }















ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }















ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }















ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0;background:#ccc; padding:6px 4px 4px 4px}















ol.commentlist li div.comment-meta a { color:#fff; text-decoration:none; }















ol.commentlist li div.comment-meta a:hover { color:#000; }















ol.commentlist li.comment-author-admin div.comment-meta {background:#ccc; color:#fff}















ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff}















ol.commentlist li div.reply { text-align:center; width:36px; }















ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  color:#222; text-decoration:none; text-transform:uppercase; }















ol.commentlist li div.reply a:hover {color:#fff; background:#222}















ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }















ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }















ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }















ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }















ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }















#comments {margin:4px 0}















#respond {margin:30px 0; padding:10px 0;border-top:5px solid #ccc}















#commentform{ margin-bottom: 60px;}	















#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1.2em;}















#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:1px #ccc solid;font-size: 1.2em;}















#commentform textarea:hover {border:1px solid #222;}















#commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.3em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-size:1.3em;font-weight:bold;margin-top:5px;padding:5px;}















legend {font-size: 1.2em;font-weight:bold;padding: 2px 10px}















#commentform #submit:hover{background:#000;color:#fff}















#wp-submit {font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px;}















#wp-submit:hover {background:#000;color:#fff}































/* Navigation at rest */















#nav      { position: relative; right: 10px; float: right }















#branding #nav        { }















#masthead .sf-menu li a:hover {color:#fff;}



#break   { margin-top: 5px; margin-bottom: 35px; padding-top: 5px; width: 900px; clear: both }



.copy-link { margin-top: 30px }



#archive_thumbs   { margin-right: 20px; margin-bottom: 20px; width: 200px; height: 100px; max-width: 200px; float: left; overflow: hidden }