/*
Theme Name: Fullscreen Modified
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, Simon Deeley
Author URI: http://graphpaperpress.com/
Template: fullscreen
Contributors: Chandra Maharzan, Richard Cornish
License: GPL
*/

/* Original Fullscreen Stylesheet */
@import url('../fullscreen/style.css');


/* Override */
a { color:#428ce7; text-decoration:none; }
a:hover { color:#0f0f0f; text-decoration:underline; }
body { background: #fff; }


/* Masthead */
#masthead { width: 950px; margin-left: auto; margin-right: auto; background: #000; margin-top: 40px; margin-bottom: 40px; }
#content .sub { width:100%; margin-left: auto; margin-right: auto; text-align: center; position: absolute; top: 50%; margin-top: -210px; font-size: 4em; color: #eee; line-height: 0.8em; }
#content h6:before { content: "You are browsing "; }


/* IE 6 hacks for position fixed */


/* Footer */
#footer-wrap { background: #0f0f0f; }
#footer ul { border-top: none; }
#footer ul li { border-bottom: none; }
#footer .text { color: #333; }
#footer {width: 990px; margin-left: auto; margin-right: auto;}
#small-print { display: inline; float: left;}
#footer .sub { text-align: left; }



/* Posts */
.post { margin-bottom: 100px; margin-top: 50px; margin-left: auto; margin-right: auto; width: 990px; background: #0f0f0f; }
.post p, post li { border: #0f0f0f solid 20px; margin: 0; padding: 0;}
.post ul { list-style: none; margin: 10px; margin-right: 0px; }
.post li { float: left; list-style: none; margin-left: 10px; margin-right: 10px; margin-top: 0; margin-bottom: 0; border: #fff solid 20px; height: 200px; width: 263px; overflow: hidden; }
.post li img { margin: 0; padding: 0; }
#content .the-title, .home-slideshow .the-title { opacity:0.0; filter: alpha(opacity=0); }
#content .the-title { position: absolute; top: 70px; margin-left: auto; margin-right: auto; width: 990px; background: url(../fullscreen/images/stripe.png) repeat; }
#content .the-title h2, .home-slideshow .the-title h2 { margin: 0; text-align: left; border: none; padding: 0; padding-left: 24px; background: none; }
#content .the-title small { text-transform: uppercase; margin: 0; padding-left: 24px; }
.postmetadata, .post-nav { width: 950px; margin-left: auto; margin-right: auto; }
.postmetadata, post-nav { padding-top: 20px; padding-bottom: 20px; }
.post-nav-prev a, .post-nav-next a { color: #0f0f0f; }
.sub { text-align: center; }

/*.post p img { -o-box-shadow: 0px 0px 10px #888; 
-icab-box-shadow: 0px 0px 10px #888; 
-khtml-box-shadow: 0px 0px 10px #888;
-moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px -10px 10px #000;
box-shadow: 0px 0px 10px #888; }
*/

/* Pages */
.page { width: 950px; margin-left: auto; margin-right: auto; }
.page p { text-align: justify; }
.nav-interior { text-align: center; }


/* Search Page */


/* Home Thumbs & Nav*/
.home-thumbs, .home-slideshow { position: absolute; top: 50%; margin-top: -360px; -webkit-box-shadow: 0px 0px 20px #000; }
.home-slideshow {width: 100%;}
.home-thumbs ul li { background: #0f0f0f; }
.home-thumbs h3 { padding: 0; margin: 0; text-align: left; text-transform: uppercase; padding: 1px; width: 320px;}
.home-thumbs a { color: #333; }
.home-thumbs a:hover { color: #555; text-decoration: none; }
.home-thumbs p {width: 320px; padding: 1px;}
.bottom-thumbs { top: 50%; margin-top: 80px; background: #0f0f0f; }
#branding { top: 50%; margin-top: -40px; }
#branding-shadow { position: absolute; top: 50%; margin-top: -40px; -webkit-box-shadow: 0px 0px 20px #000; z-index: 0; height: 120px; width: 100%; }

.home-slideshow ul {margin: 0; padding: 0;}
.home-slideshow ul li { list-style: none; width: 100%; height: 320px; overflow: hidden; border: none; padding: 0; }
.home-slideshow ul li img { padding: 0; margin-left: 0; margin-right: 0; width: 100%; margin-top: -20%; }
.home-slideshow .the-title { z-index: 1000; position: absolute; margin-left: 160px; margin-right: 0; width: 320px; height: 320px; vertical-align: bottom; background: url(../fullscreen/images/stripe.png) repeat; }
.home-slideshow .the-title h2, .home-slideshow .the-title small { text-transform: uppercase; padding-left: 6px; }
.home-slideshow .the-title p { padding-left: 6px; padding-right: 6px; text-align: justify; }

.home-slideshow a:hover { color: #fff; }

.nav-interior .prev { position: absolute; top: 50%; margin-top: -80px; left: 50%; margin-left: -475px; width: 950px; }
.nav-interior .next { position: absolute; top: 50%; margin-top: -80px; left: 50%; margin-left: 475px; width: 950px; }

/* Floats & Images */


/* Gallery */


/* Captions */
.wp-caption .wp-caption-text { margin-top: -100px; margin-bottom: 100px; padding: 5px; }


/* Etc */


/* Search */


/* Comments */
#commentform input, #commentform textarea, #si_contact_form input, #si_contact_form textarea { background-color: #000; color: #999; border: 1px solid #333; font-size: 90%; }
#commentform input, #commentform textarea { margin: 0px; }
#commentform textarea:hover {border: 1px solid #333; }
#commentform textarea { height: 100px; }
#si_contact_form input, #si_contact_form textarea { background-color: #0f0f0f; }
#comment_post_ID, #comment_parent { display: none; visibility: hidden; }
#commentform { margin: 0; }


#si_contact_form #submit{ cursor: pointer; margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB; }


#respond, #small-print { font-size:.8em; line-height:1.875em; padding:1em; border: none; background: #000; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#respond { width: 520px; float: left; margin-right: 160px;}
#small-print { width: 250px; clear: right; }
#commentform #submit { font-size: 1em; cursor: pointer; }
#commentform #submit:hover, #si_comment_form #submit:hover { background-color: #0f0f0f; }

#si_contact_form div { width: 950px; margin-left: auto; margin-right: auto; }

#si_contact_form div label { float: left; width: 140px; text-align: right; display: block; padding-right: 10px; }
#si_contact_form span { clear: left; font-size: 0.8em; }


/* Navigation at rest */

