/* Theme Name: WNYmedia Theme Description: The Wordpress port of the citybration Website. Please read the readme file before using this theme as it includes important theme-specific install instructions. Version: 0.1 ---------------------------------------------------------- TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE 04 - HOMEPAGE ELEMENTS 05 - SUBPAGE ELEMENTS 06 - UTILITY ---------------------------------------------------------- */ /* @group 01 - GLOBAL BROWSER RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } /* @end */ /* @group 02 - COMMON STYLE */ body { font: 65% Arial, sans-serif; color: #666; } body.interior h1 { font: 1.75em/1.3em Arial, Helvetica, Geneva, sans-serif; color: #014673; text-transform: uppercase; margin-bottom: 1em; letter-spacing: 1px;} body.interior h2 { font: bold 1.25em/1.33em Arial, sans-serif; color: #007fc0; margin-bottom: 4px;} body.interior h3 { font: bold 1.25em/1.33em Arial, sans-serif; color: #000; margin-bottom: 4px;} body.interior h4 { font: italic 1em/1.1em Arial, sans-serif; color: #000; margin-bottom: 1em; } body.interior #main img {padding:5px} body.interior #main { font-size: 1.25em; } body.interior #main p { line-height: 1.4em; margin-bottom: 1.5em;} body.interior #main ul { list-style-type: disc; } body.interior #main ol { list-style-type: decimal; } body.interior #main li { } body.interior #main blockquote { } a { color: #007fc0; } strong { font-weight: bold; } em { font-style: italic; } /* @end */ /* @group 03 - STRUCTURE */ body { background: #d5e2f0 url(images/background.jpg) repeat-x; } #container { width: 976px; margin: 0 auto; background: #fff;} #body { width: 960px; border-left: 8px solid #194d85; border-right: 8px solid #194d85;} body #content { width: 960px; background: url(images/bg-content.jpg) repeat-y; } body #main { padding: 15px 0; width: 615px; float: left; display: inline; margin: 0 0px 20px 15px; } body #sidebar { width: 320px; background: #75accf; float: right; } body #actions { float: right; width: 312px; padding-right: 8px; display: inline; background: #fff;} body #actions img { float: right; } body #actions img.top { margin-bottom: 10px; } body #actions-new { float: left; width: 945px; display: inline; background: #fff;margin-left: 15px;} body #actions-new img { float: left;margin-right: 8px;} body #actions-new img.top { } #body #sidebar #flickr, #body #sidebar .track-tom { float: right; margin-top: 10px; padding-right: 8px;} .track-tom {margin-bottom:10px} #body #sidebar #social-networks { background: #fff; width: 303px; float: right; margin: 10px 8px 20px 10px; display: inline;} #body #sidebar #social-networks h4 { background-image: url(images/title-socialnetworking.jpg); width: 236px; height: 14px; display: block; text-indent: -9999px; margin: 0 auto 10px; overflow: hidden;} #body #sidebar #social-networks img.left { margin-left: 5px; } #body #sidebar #social-networks img.right { margin-left: 2px; } #body #sidebar #social-networks img.top { margin-bottom: 4px; } #body #sidebar .twitterTop{float:left;display:inline; background:url(images/twitter_top.png) no-repeat;margin-left: 10px;margin-top: 10px; padding: 10px; width: 283px; height: 47px;} #body #sidebar .twitterBottom{float:left;display:inline; background: url(images/twitter_bottom.png) no-repeat 0 100%;margin-left: 10px; margin-bottom: 10px; padding: 0 10px 10px; width: 283px;} #body #sidebar .twitterBottom .box{margin-top: 0;} #body #sidebar .twitterBottom .box p{ margin-bottom: 15px;} #sidebar .twitterTop a.all{display:block;text-indent:-9999px; margin-left: 55px; height: 34px; width: 171px;} #footer { float:left; display:inline;background: url(images/bg-footer.jpg) no-repeat; height: 97px; width: 960px; border-left: 8px solid #194d85; border-right: 8px solid #194d85; color: #fff; font-size: 1.2em; padding-top: 10px; text-align: center;} #footer p { margin: 1.5em 0; } #footer a { color: #fff; } /* @end */ /* @group 04 - HOMEPAGE ELEMENTS */ body.homepage #home-feature { padding-top: 15px; } body.homepage #home-feature-top { margin-bottom: 10px; } body.homepage #welcome { border: 1px solid #002c5b; width: 615px; float: left; margin: 10px 0 0 15px; display: inline; } body.homepage #welcome p { font: 1.25em/1.8em Verdana, sans-serif; color: #002c5b; padding: 2px 20px; } body.homepage #body #content { margin-top: 10px; } body.homepage #home-feature-bottom { width: 936px; height: 315px; margin: 0 8px 0 15px; overflow: hidden;} body.homepage #home-feature-bottom ul, body.homepage #home-feature-bottom #cycle { float: left; } body.homepage #home-feature-bottom li { background: #97c6e3; text-align: center; color: #002c5b; font-size: 1.35em; text-transform: uppercase; margin-bottom: 3px;} body.homepage #home-feature-bottom li a { display: block; height: 58px; width: 172px; padding: 45px 35px 0 15px; text-decoration: none;} body.homepage #home-feature-bottom li.feature3 { margin-bottom: 0; } body.homepage #home-feature-bottom li.feature1 a{ background: url(images/bg-rotator.jpg) no-repeat; } body.homepage #home-feature-bottom li.feature2 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -105px; } body.homepage #home-feature-bottom li.feature3 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -212px; } body.homepage #home-feature-bottom li a.activeSlide { font-weight: bold; } body.homepage #home-feature-bottom li.feature1 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -315px; } body.homepage #home-feature-bottom li.feature2 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -420px; } body.homepage #home-feature-bottom li.feature3 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -528px; } body.homepage #home-feature-bottom .entry { width: 714px; height: 315px; display: block;} body.homepage #home-feature-bottom .entry img { width: 714px; height: 315px; float: left;} body.homepage #home-feature-bottom .entry .caption { width: 684px; padding: 15px; font: 3em/1.25em Georgia, "Times New Roman", Times, serif; color: #fff; background: url(images/bg-feature-caption.png) repeat-y; z-index: 1000; position: relative; float: left; margin-top: -69px;} body.homepage #home-feature-bottom .total4 li { background: #97c6e3; text-align: center; color: #002c5b; font-size: 1.35em; text-transform: uppercase; margin-bottom: 3px;} body.homepage #home-feature-bottom .total4 li a { display: block; height: 68px; width: 172px; padding: 10px 35px 0 15px; text-decoration: none;} body.homepage #home-feature-bottom .total4 li.feature1 a{ background: url(images/bg-rotator.jpg) no-repeat; } body.homepage #home-feature-bottom .total4 li.feature2 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -105px; } body.homepage #home-feature-bottom .total4 li.feature3 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -105px; } body.homepage #home-feature-bottom .total4 li.feature4 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -243px; } body.homepage #home-feature-bottom .total4 li a.activeSlide { font-weight: bold; } body.homepage #home-feature-bottom .total4 li.feature1 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -315px; } body.homepage #home-feature-bottom .total4 li.feature2 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -420px; } body.homepage #home-feature-bottom .total4 li.feature3 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -528px; } body.homepage #home-feature-bottom .total4 li.feature4 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -558px; } body.homepage #home-feature-bottom .total5 li { background: #97c6e3; text-align: center; color: #002c5b; font-size: 1.35em; text-transform: uppercase; margin-bottom: 3px;} body.homepage #home-feature-bottom .total5 li a { display: block; height: 51px; width: 172px; padding: 10px 35px 0 15px; text-decoration: none;} body.homepage #home-feature-bottom .total5 li.feature1 a{ background: url(images/bg-rotator.jpg) no-repeat; } body.homepage #home-feature-bottom .total5 li.feature2 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -105px; } body.homepage #home-feature-bottom .total5 li.feature3 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -105px; } body.homepage #home-feature-bottom .total5 li.feature4 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -240px; } body.homepage #home-feature-bottom .total5 li.feature5 a{ background: url(images/bg-rotator.jpg) no-repeat 0 -256px; } body.homepage #home-feature-bottom .total5 li a.activeSlide { font-weight: bold; } body.homepage #home-feature-bottom .total5 li.feature1 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -315px; } body.homepage #home-feature-bottom .total5 li.feature2 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -420px; } body.homepage #home-feature-bottom .total5 li.feature3 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -528px; } body.homepage #home-feature-bottom .total5 li.feature4 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -558px; } body.homepage #home-feature-bottom .total5 li.feature5 a.activeSlide { background: url(images/bg-rotator.jpg) no-repeat 0 -571px; } body.homepage #body .body { background: #fff; margin: 0 5px; padding: 10px; } body.homepage #body #content .entry { margin-bottom: 2em; } body.homepage #body #content .entry .dateline { font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 2px;} body.homepage #body #content h4 { color: #007fc0; font: bold 1.4em/1.33em Arial, sans-serif; margin-bottom: 4px;} body.homepage #body #content h4 a { text-decoration: none; } body.homepage #body #content h4 a:hover { text-decoration: underline; } body.homepage #body #content p { font-size: 1.25em; line-height: 1.4em; } body.homepage #body #content a.more { text-align: right; color: #fff; font-size: 1.3em; display: block; text-decoration: none; margin: 10px 7px 0; font-weight: bold; } body.homepage #body #content a.more:hover { text-decoration: underline; } body.homepage #body #news { width: 615px; background: #014673; margin-bottom: 30px; float: left;} body.homepage #body #news h2 a { background: url(images/title-inthenews.jpg) no-repeat; width: 154px; height: 21px; display: block; margin: 0 auto 10px; text-indent: -9999px; overflow: hidden;} body.homepage #body #news a.rss { background-image: url(images/btn-rss.jpg); width: 23px; height: 23px; display: block; float: right; margin-right: 15px; display: inline; text-indent: -9999px;} body.homepage #body #videos { width: 300px; background: #014673; float: left; } body.homepage #body #videos h2 a { background: url(images/title-latestvideos.jpg); width: 166px; height: 21px; display: block; margin: 0 auto 10px; text-indent: -9999px; overflow: hidden;} body.homepage #body #videos h4, body.homepage #body #videos p { display: inline; } body.homepage #body #blog { width: 300px; background: #014673; float: left; margin-left: 15px; display: inline;} body.homepage #body #blog h2 a { background: url(images/title-latestblogentries.jpg); width: 243px; height: 20px; display: block; margin: 0 auto 10px; text-indent: -9999px; overflow: hidden;} body.homepage #body #blog .author { font-size: 1.2em; text-transform: none; font-weight: normal; color: #a81d00;} body.homepage #body #blog h4, body.homepage #body #blog p { display: inline; } .videoentry .dateline { font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 2px; line-height: 1.5em; font-size: .8em;} .body .entry #videoholder {padding-left: 5px; padding-bottom: 10px;} /* @end */ /* @group 05 - SUBPAGE ELEMENTS */ body.interior #main { padding: 20px 15px 20px 20px; width: 590px; margin: 0;} body.interior #actions { padding: 10px 8px 10px 0; } body.interior .blog .entry { margin-bottom: 2em; } body.interior .blog .dateline, body .news .dateline { font-size: .75em; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 2px;} body.interior .blog .author { font-size: 1.2em; text-transform: none; font-weight: normal; color: #a81d00;} body.interior .blog h2, body.homepage #body #blog p { display: inline; } body.interior .blog h2 a, body.interior .news h2 a { text-decoration: none; } body.interior .blog h2 a:hover, body.interior .news h2 a:hover { text-decoration: underline; } body.interior.onecol #content { background: none;} body.interior.onecol #main { width: 925px; } body.interior .news h2.title { text-transform: uppercase; font-size: 1.5em; margin: 35px 0 10px;} #main.news.clearfix .videoentry {padding-bottom: 23px;} #main.news.clearfix .videoentry object {padding-bottom: 15px;} #main.news.clearfix .event-title{ margin-bottom: 15px; height: 19px; vertical-align: middle;} #main.news.clearfix .event-title span{float:left;width: auto;height: 14px;padding-top: 6px; margin-right: 8px;font-size: .75em; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 2px;} #main.events.clearfix span.bookmarks{float: left;width: 350px; margin: 15px auto 0;} #main.events.clearfix span.dateline{font-size: .75em; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 2px;} #comments .comment {border: 1px solid #ccc; margin: 20px 10px; padding: 0 10px; font-size: .9em;} #comments {margin-top: 25px;height: auto;} #comments .commentInfo{margin-top: 15px;} .comments.clearfix span.bookmarks img {float: right; margin-top: -15px;} #commentPost #comment_form fieldset { width: 350px; margin: 0 auto; } #commentPost #comment_form .text, #commentPost #comment_form .textarea {border: 1px solid #999; padding: 2px 4px; font: 10.5px Verdana, Arial, sans-serif; color: #666;} #commentPost #comment_form .text { width: 250px; height: 15px; } #commentPost #comment_form .textarea { width: 250px;} #commentPost #comment_form label { display: inline-block; vertical-align: top; width: 80px; } /* @end */ /* @group 06 - UTILITY */ #content .no-margin { margin: 0; padding: 0;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .required {color: #b52126;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* @end */ #main ul, #main ol { margin: 2em !important; } .alignleft { margin-right: 10px; margin-bottom: 10px; float: left; } .alignright { margin-left: 10px; margin-bottom: 10px; float: right; } .aligncenter { margin: auto; } #header { height: 261px; background: url(http://citybration.com/wp-content/themes/wny_politics_theme/images/bg-header.jpg) no-repeat; position: relative;} /* The Header Size: 261px by 976px */ #header a.masthead { display: block; height: 90px; width: 225px; position: absolute; top: 70px; left: 190px; text-indent: -9999px; overflow: hidden;} #header #quicksignup { position: absolute; left: 580px; margin-top: 6px;} #header #quicksignup input { vertical-align: middle; color: #002c5b; font: 1.2em Arial, sans-serif; } #header #quicksignup input.text { padding: 3px 5px; border: 1px solid #002c5b; background-color: #e6f1fd;} #header #quicksignup input.email { width: 150px; margin-right: 15px; } #header #quicksignup input.zip { width: 75px; margin-right: 15px;} #header ul#nav { height: 44px; position: absolute; bottom: 22px; right:15px;} #header ul#nav li { float: left; } #header ul#nav li a { display: block; height: 44px; text-indent: 0px; overflow: hidden; font-size: 15px; text-align: center; line-height: 44px; text-decoration: none; font-weight: bold;} #header ul#nav li a { min-width: 100px; width: auto;} #header ul#nav li a:hover { background-color: #244D79; color: #FFFFFF !important; } /* The Menu Hover Color */ #place_your_ad_here { background: #000; width: 468px; height: 60px; position: absolute; top: 82px; right: 50px; }