/* Theme Name: Stat Author: Postmodern Sublime Author URI: http://www.postmodernsublime.com/ */ /*=== Setup ===*/ *{border: 0;margin: 0;padding: 0; outline: none} html{height: 100%} body{background: #000 url(images/bg_ny.jpg) no-repeat center 100%; background-attachment:fixed; color: #fff; font: 12px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; height:100%} p{} a {color: #F77400 /*#ED2700*/;text-decoration: none} a:active, a:focus {outline: none} .fade img{float: left; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85)} .shadowbox img {-moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75)} img.alignleft {margin: 0 10px 10px 0} img.alignright {margin: 0 0 10px 10px} img.avatar {-moz-box-shadow: 0 3px 7px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a} .post img {-moz-box-shadow: 0 3px 7px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a} input,select,textarea{font: normal 1em "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 2px; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a } select{padding: 0} ul li{list-style: none} h1, h2, h3{font-weight: normal; text-transform: uppercase;letter-spacing: .075em;} h1{font-size: 24px; margin: 0 0 15px; } h2{font-size: 18px; margin: 0 0 12px; } h3 {font-size: 14px; margin: 0 0 10px; } h1 a, h2 a, h3 a {color: #fff; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70)} /*=== Layout ===*/ #wrap {width: 1000px; margin: 0 auto; height:100%;} #page {overflow: hidden; background: url(images/bg_body.png) no-repeat center 0} /*=== Header ===*/ #header{position:relative; height: 75px;z-index: 2; border-bottom: 1px #000 solid; background: #222} /*- Logo -*/ #header #logo{margin: 0; height: 75px; width: 175px; text-indent: -999px; background: url(images/logo.png) no-repeat 0 0; border-right: 1px #000 solid} #header #logo a{height: 75px; width: 175px; display: block} /*main nav*/ #mainmenu {background: url(images/bg_menu_gray.png) repeat-x 0 0; height: 75px; width: 824px; position:absolute; top: 0; right:0; *background-image: url(images/bg_menu.png)} #mainmenu ul {width: 824px} #mainmenu li {float: left; font-size: 14px; text-transform: uppercase; letter-spacing: 0.075em; z-index: 9; border-right: 1px #222 solid; background: url(images/glaze.png) no-repeat 0px 45px;} #mainmenu li a {padding: 10px 10px; display: block; color: #ffffff; white-space:nowrap; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); *padding: 12px 10px} #mainmenu .current_page_item, #mainmenu .current_page_parent, #mainmenu .current-cat {background-position: 0 0} #mainmenu .current_page_item a, #mainmenu .current_page_parent a, #mainmenu .current-cat a, #mainmenu li:hover a, #mainmenu .current_page_parent .current_page_item a {color: #fff;opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100);} #mainmenu .current_page_item li a, #mainmenu .current_page_parent li a, #mainmenu .current-cat li a, #mainmenu li:hover li a {color: #fff;opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70);} #mainmenu li ul {position: absolute; top: -999em; left: 0; z-index: 1;} #mainmenu li:hover ul/*, #mainmenu .current_page_item ul, #mainmenu .current_page_parent ul*/ {top: auto; *top: 35px} #mainmenu li li {font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;height: 30px!important; line-height: 30px!important; background: none!important; border: none!important} #mainmenu li li a {color: #ffffff!important; padding: 5px 20px 15px; *padding: 10px 20px 15px} #mainmenu li li a:hover {} #social {position: absolute; top: 0px; right: 5px;} #social a {float:left; display: block; background-image: url(images/social.png); background-repeat: no-repeat; margin: 10px 5px 0; opacity: 0.7; filter: alpha(opacity=70); height: 21px} #social #facebook {background-position: -15px 0; width: 10px} #social #twitter {background-position: 0px 0; width: 15px } #social #youtube {background-position: -25px 0; width: 53px} #social #rss {background-position: -78px 0; width: 19px } #search {position: absolute; width:158px;height: 22px; bottom: 2px; right: 0px} #search #s {width: 150px; font-size: 90%;} #search #searchsubmit {background: transparent url(images/bg-search-submit.gif) no-repeat center center; position: absolute; top: 0; right: 3px; height: 18px; width: 18px; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: pointer } /*front page promos*/ #promo-wrap {margin: 0 20px 20px; height: 340px; width: 960px; position: relative} a.slideshow-link {width: 100%; height: 100%; display:block} #pointer {} .panel-overlay{position: absolute; width: 100%; bottom: 0; left: 0; background: url(images/bg_transparent.png)} .slidetext {padding: 10px} #promo #promo-nav {position: absolute; left: 565px; top:0} #promo #promo-nav li {height: 76px; width: 150px; margin:0 0 10px; padding: 0 0 0 7px } .ui-tabs-nav img {opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85); -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; margin: 2px } .ui-tabs-nav .ui-tabs-selected img {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); margin: 0; border: 2px #ccc solid} #promo .ui-tabs-selected {background: url(images/pointer.png) no-repeat 0 center } #promo h2.feature-title {text-shadow: 2px 2px 2px #000 } #promo h2.feature-title a {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); color: #F77400; } #promo #promo-nav a {display: block; height: 76px; width: 150px; border: 2px hidden #ccc} #promo .panels-wrap {background: #000; height: 340px; width: 560px; position: relative} #promo .ui-tabs-panel{background-position: 0 0; background-repeat: no-repeat; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; width: 560px; height: 340px; position:absolute; top: 0; left: 0;} #promo .ui-tabs-hide {display: none} /*=== Main column ===*/ #content{overflow: hidden; padding: 20px 20px 0} #content.home{padding: 20px 0 0} #main{float: left; background: url(images/bg_main.png) repeat-x 0 0} #main.single, #main.archive {width: 640px; padding: 20px} #main.subindex {width: 680px} #main.full-width {float: none; padding: 20px; margin: 0 0 20px} /*=== Post ===*/ .blogpost {padding: 10px 0; margin: 0; clear:both; border-bottom: 1px #272727 solid; overflow:hidden } .blogpost .preview-image {margin: 0 15px 0 3px} .post {clear: both;} .post p, .post li, .blogpost p {} .post-content p, .post-content ul, .post-content ol {padding: 0 0 10px} .post-content ol {margin: 0 0 0 20px} .post-content ul{margin: 0 0 0 12px} .post-content p a, .post-content li a {color: #F77400; font-weight: bold} .post-content ul li ul, .post-content ol li ol{margin-bottom:0px;} .post-content ul li {list-style:disc outside;margin: 7px;} .post-content ul li ul li {list-style:disc outside;} .post-content ol li {list-style:decimal outside } .post-content ol li ol li {list-style:decimal-leading-zero outside} p.large {font: italic 18px/1.5 Georgia, "Times New Roman", Times, serif} .wp-caption, .wp-caption.aligncenter {margin-bottom: 10px; background: #333; border: 1px #1a1a1a solid; padding: 5px 0; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a;} .wp-caption img {margin: 0 auto; display: block} .wp-caption .wp-caption-text {font-size: 80%; color: #999; padding: 4px; text-align: center} .wp-caption.alignright {margin: 0 0 10px 10px} .wp-caption.alignleft {margin: 0 10px 10px 0} .postmeta{color: #999;font-size: 85%; padding: 0 0 12px; display:block; height: 16px} .postmeta div {float:left; line-height: 12px; padding: 0 5px 0 0; margin: 0 5px 0 0} .postmeta .time, .postmeta .comment {border-right: 1px #999 solid} .sociable {} .sociable ul {margin: 0!important; float: left} .sociable ul li {float: left; margin: 0 4px 0 0!important; height: 16px; width: 16px; overflow: hidden; list-style: none!important} .sociable li img {opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80)} .blogpost .posted {float: right; color: #999;font-size: 85%;} .edit {float:right; font-size: 85%} .more {float: right; text-transform:lowercase;} .previous-next {text-transform:uppercase; margin: 5px 0 0} .previous-next a:hover {color: #fff} /*subindex pages*/ .subindex .submenu {float: left; width: 140px; background: url(images/bg_submenu.png)} .subindex .submenu ul {padding: 0px 10px 0 0;} .subindex .submenu li {text-transform: uppercase; padding: 10px 0 10px 10px} .subindex .submenu .page_item a, .subindex .submenu .current_page_item li a, .subindex .submenu .current_page_parent li a {color: #fff; display: block; opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); background: none} .subindex .submenu .current_page_item a, .subindex .submenu .current_page_parent a, .subindex .submenu .current_page_parent .current_page_item a {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background: url(images/arrow.png) no-repeat 100% center} .subindex .submenu .page_item a:hover {background: url(images/arrow.png) no-repeat 100% center} .subindex .submenu li li {padding: 5px 0 5px 10px; font-size: 85%} .subindex .submenu li ul {padding: 10px 0 0!important; display: none} .subindex .submenu .current_page_item ul, .subindex .submenu .current_page_parent ul {display: block} .subindex .subcontent {float: right; width: 500px; padding: 20px} /*=== sidebar == */ #sidebar{width: 260px; float: right;} #sidebar .widget {margin: 0 0 20px 0; padding: 0!important; overflow:hidden;} #home-widgets {overflow: hidden; margin: 0 20px } #home-widgets .widget {float: left; width: 23%; margin: 0 2% 0 0} .widget-title {background: url(images/bg_widget_title.png) repeat-y 0 0; padding: 5px} .widget-title a {color: #fff; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)} .widget ul{margin: 0; padding:0; } .widget ul li{margin: 0; padding: 10px 0 10px 25px; overflow:hidden; background: url(images/node-horiz.png) no-repeat 0 15px; border-left: 1px #f2f2f2 solid;} .widget ul li:last-child {border: none!important; background: url(images/node-last.png) no-repeat 0 0!important; } .widget ul li a {color: #fff;} .widget ul li a:hover {} .widget .more-news a, .widget .follow-me a {color: #F77400; font-weight: bold} .widget_twitter .entry-meta {display: block; font-size: 85%; color: #ccc; padding: 5px 0} .upcoming_events .date {color: #bbb; font-size: 85%} /*=== Footer ===*/ #footer{font-size: 85%; color: #ccc; margin: 20px;} #footer a {color: #ccc } /*=== Misc. ===*/ .th{float: left; margin: 0 7px 0 0} .image-wrap {float:left; margin: 0 15px 15px 0} .fl{float: left;} .fr{float: right;} .gravatar {float:left;border: 1px solid #ccc;margin-right: 7px;} /*========= COMMENTS =========*/ div#comments {clear: both; border-top: 1px #272727 solid; padding: 12px 12px 12px 0} textarea#comment {width: 440px; margin: 0 0 10px} .post-a-comment {float: right} div#comments li {list-style: none} #comments a {} .respond {width: 100%; margin: 0 0 0 12px} #comments p{margin-bottom:10px;padding:0!important;} .cancel-comment-reply {display: none} .fldrequired{ background-image: url(images/bg-required-field.png)!important; background-repeat: no-repeat !important; background-position: 100% 0!important} ol.commentlist{margin: 10px 0 0;padding: 0;list-style: none;line-height: 20px;} ol.commentlist p{line-height: 20px;} ol.commentlist cite{font-style: normal;font-weight: bold;} ol.commentlist li{padding: 10px; border-top:1px solid #272727;} ol.commentlist li.alt{} input#submit {display: block; -moz-box-shadow: 0 3px 7px #1a1a1a; -webkit-box-shadow: 0 3px 7px #1a1a1a; background: #ccc; cursor: pointer; padding: 10px 20px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; margin: 10px 0 0} input#submit:hover {-moz-box-shadow: 0 3px 7px #000; -webkit-box-shadow: 0 3px 7px #000; background: #ddd;} input#submit:focus {-moz-box-shadow: 0 3px 7px #000; -webkit-box-shadow: 0 3px 7px #000; background: #bbb; outline: none!important; border: none!important} ol.commentlist .comment-meta{font-size:10px; float: right; color: #999} ol.commentlist li .avatar {float:left;margin-right: 7px;} ol.commentlist li .even{} ol.commentlist li ul {margin: 0 -10px 0 20px; padding: 0} ol.commentlist li ul li {padding: 10px; background: none!important ;} ol.commentlist li ul li ul li.alt {} ol.commentlist li .reply {text-align: right; font-size: 0.8em} ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px} .post-alt p {padding:0;} .alignleft{display:inline;float:left;} .alignright{display:inline;float:right;} .aligncenter {display: block; margin: 0 auto 12px; text-align: center} .navigation {overflow: hidden; clear:both} /*Scrollbar */ .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;} .jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%; background: #272727;} .jScrollPaneDrag {position: absolute;background: #4c4c4c;cursor: pointer;overflow: hidden;} .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;} .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;} a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;} a.jScrollArrowUp:hover {} a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;} a.jScrollArrowDown:hover {} a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {} .cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading #mainmenu li{ visibility: hidden !important;} #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(images/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(images/close.png);} #sb-nav-next{background-image:url(images/next.png);} #sb-nav-previous{background-image:url(images/previous.png);} #sb-nav-play{background-image:url(images/play.png);} #sb-nav-pause{background-image:url(images/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}