/*

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.0.0

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

Author: Thad Allender

Author URI: http://graphpaperpress.com/

Contributors: Chandra Mazahran, Richard Cornish

License: GNU - See license.txt

*/



/* Blueprint CSS Styles */

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



/* jQuery UI CSS */

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



/* Override */

body { background: #464343; color: #A2A2A2; letter-spacing: .05em;}

.container { margin-top:24px }

p { font-family: helvetica, arial, sans-serif; font-size: .9em; letter-spacing: .07em; color: #A2A2A2 }

p a { font-family: helvetica, arial, sans-serif; font-size: .8em; letter-spacing: .3em; color: #a2a2a2;text-transform:uppercase; }

h1,h2,h3,h4,h5,h6 { letter-spacing: .1em; color: #A2A2A2 }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #f66611 }

h2 { font-family: helvetica, arial, sans-serif; font-size: .8em; text-transform:uppercase;letter-spacing: .3em; color: #A2A2A2 }

h4 { font-family: helvetica, arial, sans-serif; font-size: 1.3em; letter-spacing: .08em; color: #A2A2A2 }

h6 { font-family: helvetica, arial, sans-serif; font-size: .8em; text-transform:uppercase;letter-spacing: .3em; color: #A2A2A2 }

a { color:#428ce7; text-decoration:none }

a:hover { color:#f66611 }



/* Masthead */

#masthead { padding:0; margin:0px 0 0px 0; height: 20px; position: relative; display:block; clear:both }

#masthead h2, #branding h2 { font-size: 9.5px; letter-spacing: .3em; float:left; text-transform:uppercase; margin-top:11px; margin-right:12px;padding:0 }

#masthead h2 a, #branding h2 a { text-transform:uppercase; color:#f66611 }

#masthead .description, #branding .description { text-transform:uppercase; letter-spacing: .3em; float:left; color:#A2A2A2; margin: 10px 0px; padding-left:12px; border-left: 1px solid #A2A2A2; font-size:.83em; }



/* Home Thumbs & Nav*/

.home-thumbs { margin-top: 0; padding: 0; overflow: auto; overflow: -moz-scrollbars-none; }

.bottom-thumbs {position: absolute; top: 440px; left:0;}

.thumbs { display:hidden; }

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

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

ul.thumbs li.thumb-big { float: left; width: 320px; height:320px; margin:0; overflow:hidden; }

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

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

.go-left { position:absolute; top:17px; right: 90px;display: none}

.go-right { position:absolute; top:17px; right: 50px; }

#branding { background: #353232; color:#464343; position:absolute; z-index: 4; left: 0px; top:320px; height:40px; padding:40px; zoom:1; width:100%; margin:auto; clear: both; display: block; }

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

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

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

#branding a:hover { color:#f66611 }

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

.brand-wrap { float:left }



/* IE 6 hacks for position fixed */

* html #branding { position: absolute; padding:45px 40px 35px 50px;width: 1505px;}

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

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



/* Footer */

#footer-wrap { width:100%; background:#353232; padding:24px 0 }

#footer { width: 950px; margin:0 auto;color:#747474; text-align: left }

#footer a { color:#747474 }

#footer a:hover { color:#f66611 }

#footer ul { list-style:none; margin:0; padding:0; }

#footer ul li {  }

#footer ul li a { text-decoration:none; padding: 0 }

.post-nav-prev,.post-nav-next, #dialog_link,.icon { float:left; margin:0 10px 0 0; text-decoration: uppercase; position: relative; color:#747474 }

.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: 0; position: relative; padding: 0; cursor: pointer; float: left;  list-style: none }

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

#post-nav { float:right }



/* Posts */

#content { display:block; clear:both; margin:2em 0 }

.post { display:block; clear:both }

#content h2, .post h2 { text-align:left; text-transform:uppercase; padding:6px 0 0 0;}

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

.postmetadata { background: #464343; margin:0 0 0 0; padding:0; color:#A2A2A2; font-size:9px; text-transform:uppercase;display:block; clear:both ;height:0px}

.postmetadata a { color:#a2a2a2; }

.postmetadata a:hover { color:#f66611 }

.sub { text-transform:uppercase }

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

.nav { margin:12px 0; font-size:9.5px}

.nav a { background:#464343; color:#A2A2A2; padding:8px; text-decoration:none; }

.nav a:hover { color:#f66611; background:#464343; cursor:pointer }



/* Floats & Images */

.right { float: right; }

.left { float: left; }

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

.clear { clear: both; }

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: 12px 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 #b2b2b2;border-width: 1px 0;background: #b2b2b2;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:left;margin:55px 12px 0 0; padding:0;}

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

#search input {border:0}

#search #s:hover {color: #0066cc;background: #f66611 url('images/search_blue.png') 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 #b2b2b2; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%;}

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

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

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

ol.commentlist li div.vcard { color:#464343 }

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

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:#353232; }

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

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

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

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

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

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

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

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

ol.commentlist li div.reply a:hover {color:#f66611; background:#464343}

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 #b2b2b2}

#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 #b2b2b2 solid;font-size: 1.2em;}

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

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

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

#commentform #submit:hover{background:#353232;color:#f66611}

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

#wp-submit:hover {background:#353232;color:#f66611}



/* Navigation at rest */

#nav { position: absolute; top: 0; right: 0; padding:10px 0 6px 30px; }

#branding #nav { position: absolute; top: 40px; left:610px;}

#nav ul, #nav ul li { margin: 0; padding: 0; }

#branding #nav ul {height:30px;width:710px}

#nav ul li { font-size: .83em; letter-spacing: .3em; font-weight: normal; text-transform: uppercase; list-style: none; float: left; margin-right: 15px; position: relative;color:#A2A2A2 }

#nav ul li a { color: #A2A2A2; letter-spacing: .3em;}

#nav ul li a:hover {color:#f66611;}



/* Navigation interaction */

#nav ul li ul { display: none; text-align:left;}

#nav ul li.drop:hover ul { display: block; }

#nav ul li span {cursor: pointer}



/* Sub-navigation */

#nav ul li ul { padding-top: 10px; margin-left: -10px; position: absolute;z-index:200}

#nav ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: .9em;z-index:210}

#nav ul li ul li a { display: block; background: #464343; padding: 7px 10px; width: 110px; color: #A2A2A2; background-repeat: no-repeat; background-position: 5px 50%; }

#nav ul li ul li a:hover { background:#464343;}

#nav #search {margin:0; padding:0;}

#nav #search #s {color: #A2A2A2;font-size: 1em;margin:0;padding: 8px 0 8px 10px;width: 110px;border:none;background:#464343}

#nav #search input {border:0}

#nav #search #s:hover {color: #f66611;background: #464343}



/* Navigation enhanced styles */

#nav ul li ul.push { margin-top: 12px; z-index:211}

#nav ul li.enhanced { margin-right: 0; padding-right: 15px; z-index:211}

#nav ul li.enhanced span { padding-right: 7px; float: left; z-index:211}

#nav ul li.enhanced a.arrow { display: block; position: relative; top: -2px; width: 18px; height: 15px; overflow: hidden; float: left; }

#nav ul li.enhanced a.arrow:hover { cursor: pointer; }

#nav ul li.enhanced a.arrow img { display: block; position: relative; border: 0; }

#nav ul li.enhanced a.rest img { top: 0; }

#nav ul li.enhanced a.hover img { top: -15px; }

#nav ul li.enhanced a.open img { top: -30px; }



/* Add This */

.addthis_toolbox .custom_images a

{

� � width: 60px;

� � height: 60px;

� � margin: 0;

� � padding: 0;

}

.addthis_toolbox .custom_images a:hover img

{

� � opacity: 1;

}

.addthis_toolbox .custom_images a img

{

� � opacity: 0.75;

}