/* Theme Name: Fullscreen Theme URI: http://graphpaperpress.com/ Description: A multimedia theme framework for WordPress by Graph Paper Press Version: 2.4.3 Tags: photography, one-column, minimal, widgets, black, portfolio, video, multimedia, framework Author: Thad Allender Author URI: http://graphpaperpress.com/ Contributors: Chandra Maharzan 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.css' ); /* Override */ html { height:100%; width:100%; margin:0; padding:0; } body { background: #000000; color: #999; height:100%; width:100%; margin:0; padding:0;} .container { margin-top:24px } h1,h2,h3,h4,h5,h6 { color: #999 } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #fff } a { color:#707070; text-decoration:none } a:hover { color:#fff } /* Masthead */ #masthead { padding:0; margin:12px 0 24px 0; height: 30px; position: relative; display:block; clear:both } #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 { float:left; color:#999; margin: 10px 12px; padding-left:12px; border-left: 1px solid #999; font-size:11px } /* Home Thumbs & Nav*/ .home-thumbs { margin-top: 0; padding: 0; overflow: auto; left: 0; overflow: -moz-scrollbars-none; position: absolute; width: 1600px} .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: 160px; height:160px; 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: #000; color:#474747; position:absolute; z-index: 2; left: 0px; top:330px; height:60px; padding:40px; zoom:1; width:100%; margin:auto; clear: both; display: block; -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; } #branding200 { background: #F00; color:#474747; z-index: 4; position:absolute; left: 0px; top:160px; height:40px; padding:40px; zoom:1; width:100%; margin:auto; display: block; } #branding a, #masthead a { color:#474747; 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 { 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:#000; padding:24px 0 } #footer { width: 950px; margin:0 auto;color:#333; text-align: left } #footer a { color:#333 } #footer a:hover { color:#ccc } #footer ul { list-style:none; margin:0; padding:0; border-top:1px solid #111 } #footer ul li { border-bottom:1px solid #111 } #footer ul li a { text-decoration:none; padding: 4px } .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 } #nav2 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 */ #content { display:block; clear:both; margin:2em 0; padding-top: 20px;} .post { display:block; clear:both } #content h2, .post h2 { text-align:center; text-transform:uppercase; border-bottom:1px solid #333; border-top:1px solid #333; padding:6px 0 0 0; background: url(images/stripe.png) repeat } #content h2 a, .post h2 a { text-decoration:none; } .postmetadata { background: #000; margin:0 0 2em 0; padding:1em; color:#999; font-size:11px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:block; clear:both ;height:25px} .postmetadata a { color:#515151; } .postmetadata a:hover { color:#eee } .sub {} .underlined { border-bottom:1px solid #222 } .nav { margin:12px 0; font-size:11px} .nav a { background:#000; color:#999; padding:8px; text-decoration:none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .nav a:hover { color:#eee; background:#333; 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: 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} img.logo {padding:0; margin:0;display: block;} img.searchimage { background: #000 url('http://cengi.org/images/search.png') 0px center no-repeat; } .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; } div.gallery-columns-1 { width: 204px; } div.gallery-columns-2 { width: 500px; } div.gallery-columns-3 { width: 750px; } div.gallery-columns-4, div.gallery-columns-5, div.gallery-columns-6, div.gallery-columns-7, div.gallery-columns-8, div.gallery-columns-9 { width: 950px; } /* 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;} .ad-main, .ad-sidebar {clear:both; display:block; margin: 0 0 1.5em;} .hidden {display:none} .wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */ /* Search */ #search {z-index: 5; float:right;margin:5px 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: 130px;border:1px solid #333;} #search input {border:0} #search #s:hover {color: #0066cc;background: #fff 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 #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: absolute; top: 0; right: 0; padding:0; } #nav2 { position: absolute; top: 0; right: 0; padding-top:12px; padding-right:70px; } #branding #nav { position: absolute; top: 50px; left:500px; } #masthead .sf-menu li a:hover {color:#fff;} #nav ul li a.icon { padding-left: 30px; } #nav ul li a.new { background: #000 url(images/right-arrow-gray.png) 5px 50% no-repeat; } #nav ul li a.new:hover { background: #000 url(images/right-arrow-blue.png) 5px 50% no-repeat;} #nav ul li ul li a.icon { padding-left: 30px; } #nav ul li ul li a.phone { background: #000 url(images/cengi-phone.png) 5px 50% no-repeat; } #nav ul li ul li a.email { background: #000 url(images/cengi-email.png) 5px 50% no-repeat;} #nav ul li ul li a.fax { background: #000 url(images/cengi-fax.png) 5px 50% no-repeat;} #nav ul li ul li a.graphite { background: #000 url(images/graphite-icon-blank.png) 5px 50% no-repeat;} #nav ul li ul li a.facebook { background: #000 url(images/facebook.png) 5px 50% no-repeat;} #nav ul li ul li a.twitter { background: #000 url(images/twitter.png) 5px 50% no-repeat;} #nav ul li ul li a.rssfeed { background: #000 url(images/rss.png) 5px 50% no-repeat;} #nav ul li ul li a.new { background: #000 url(images/new.png) 5px 50% no-repeat;} #nav ul li ul li a.phone:hover { background: #000 url(images/cengi-phone.png) 5px 50% no-repeat;} #nav ul li ul li a.email:hover { background: #000 url(images/cengi-email.png) 5px 50% no-repeat;} #nav ul li ul li a.fax:hover { background: #000 url(images/cengi-fax.png) 5px 50% no-repeat;} #nav ul li ul li a.graphite:hover { background: #000 url(images/graphite-icon-blank.png) 5px 50% no-repeat;} #nav ul li ul li a.facebook:hover { background: #000 url(images/facebook.png) 5px 50% no-repeat;} #nav ul li ul li a.twitter:hover { background: #000 url(images/twitter.png) 5px 50% no-repeat;} #nav ul li ul li a.rssfeed:hover { background: #000 url(images/rss.png) 5px 50% no-repeat;} #nav ul li ul li a.new:hover { background: #000 url(images/new.png) 5px 50% no-repeat;} #nav2 ul li a.icon { padding-left: 30px; } #nav2 ul li a.new { background: #000 url(images/right-arrow-gray.png) 5px 50% no-repeat; } #nav2 ul li a.new:hover { background: #000 url(images/right-arrow-blue.png) 5px 50% no-repeat;} #nav2 ul li ul li a.icon { padding-left: 30px; } #nav2 ul li ul li a.phone { background: #000 url(images/cengi-phone.png) 5px 50% no-repeat; } #nav2 ul li ul li a.email { background: #000 url(images/cengi-email.png) 5px 50% no-repeat;} #nav2 ul li ul li a.fax { background: #000 url(images/cengi-fax.png) 5px 50% no-repeat;} #nav2 ul li ul li a.graphite { background: #000 url(images/graphite-icon-blank.png) 5px 50% no-repeat;} #nav2 ul li ul li a.facebook { background: #000 url(images/facebook.png) 5px 50% no-repeat;} #nav2 ul li ul li a.twitter { background: #000 url(images/twitter.png) 5px 50% no-repeat;} #nav2 ul li ul li a.rssfeed { background: #000 url(images/rss.png) 5px 50% no-repeat;} #nav2 ul li ul li a.new { background: #000 url(images/new.png) 5px 50% no-repeat;} #nav2 ul li ul li a.phone:hover { background: #000 url(images/cengi-phone.png) 5px 50% no-repeat;} #nav2 ul li ul li a.email:hover { background: #000 url(images/cengi-email.png) 5px 50% no-repeat;} #nav2 ul li ul li a.fax:hover { background: #000 url(images/cengi-fax.png) 5px 50% no-repeat;} #nav2 ul li ul li a.graphite:hover { background: #000 url(images/graphite-icon-blank.png) 5px 50% no-repeat;} #nav2 ul li ul li a.facebook:hover { background: #000 url(images/facebook.png) 5px 50% no-repeat;} #nav2 ul li ul li a.twitter:hover { background: #000 url(images/twitter.png) 5px 50% no-repeat;} #nav2 ul li ul li a.rssfeed:hover { background: #000 url(images/rss.png) 5px 50% no-repeat;} #nav2 ul li ul li a.new:hover { background: #000 url(images/new.png) 5px 50% no-repeat;} #masterdiv { height:100%; width:100%; z-index:2; margin:0; padding:0; position:absolute; left:0px; top:0px; } #branding10 { background: #000; color:#474747; z-index:2; position:absolute; left: 0px; top:150px; height:90px; width:100%; margin:0; padding:0; } #album-5 { background: #000; color:#474747; z-index:-1; position:absolute; left: 0px; top:0px; height:100%; width:100%; margin:0; padding:0; } #branding2 { background: #f00; color:#474747; z-index:3; position:absolute; left: 0px; top:160px; height:90px; width:100%; margin:0; padding:0; } span.sep { padding-left: 5px; padding-right: 5px; background: url(images/sep1.png) 0 50% no-repeat; text-decoration: none; } span.sep1 { padding-left: 0px; padding-right: 8px; text-decoration: none; } span.sep2 { padding-left: 0px; padding-right: 8px; text-decoration: none; } div.copyright { text-align: right; } h1.interior-headings { color: #FFF; } h3.interior-headings { color: #ddd; } #smcf-container div.smcf-bottom a {display:none;} div.post_column_1 { width:20%; float: left; padding-right: 5%; display: inline; } #fadebeef { } #fadebeef img { }