/* Screen style sheet (browsers) Author: Gareth Watson Notes: */ /* General Styles| default lists, links, images, sitewide layout elements ---------------------------- */ body { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:150%; background:#f0eeee; color:#666666;} /* Typography */ p { margin:10px 20px 10px 15px; } /* Headers */ h2 { line-height:110%; margin-left:15px; font-size:24px; padding: 3px 0; margin-top:25px; margin-bottom:15px;} h3 { margin-left:15px;} h2.top, h2.pagetitle { margin-left:35px; margin-top:15px;} h3, h4, h5, h6 { color:#a40001; margin-left:15px; padding:3px 0; margin-bottom:15px;} h3 { font-size:18px; margin-bottom:10px;} h4 { font-size:18px; margin-bottom:10px;} h5 { font-size:14px; margin-bottom:10px;} h6 { font-size:12px; margin-bottom:10px;} /* Links */ a {color:#A40001} /* Lists */ ul , ol { margin:10px 50px; list-style-type:disc; } /* arbitrary size to ensure we set all sizes on non standard lists - this to be set properly later /* Images */ /* Common Layout Elements ---------------------------- */ #top { height:45px; background:#1a1a1a;; overflow:hidden; position:relative; z-index:1000; } #top-inner { width:1000px; margin:0 auto; } /* On Air */ #onair { float:left; position:relative; width:500px;} #onair img.nerdradio { float:left; position: relative; top: -8px;} #onair p { margin:13px 0 0 15px; color:#DDFD02; font-weight:bold; float:left;} #onair a { color:#DDFD02; text-decoration:none;} #onair a:hover { text-decoration:underline; } /* Search */ #searchform { float:right; margin-top:5px;} /* Main Page Container */ #container { background:#000 url(../images/repeat-bg.png); padding-top:20px; border-bottom:1px solid #dedede;} #container-inner { width:1000px; margin:0 auto 0 auto;} /* Header ---------------------------- */ #header { border-top:4px solid #ddfd02; border-bottom:4px solid #ddfd02; height:170px; background:#a40001; overflow:hidden; } #header-inner { width:1000px; margin:0 auto; } /* Logo */ #header h1, #header .site-name { float:left; margin-top:10px; } /* Top navigation and social media links */ #header #nav-social { float:right; margin-top:10px;} #header #nav-social ul#nav-sec { margin:0; float:left; list-style-type:none;} #header #nav-social ul#nav-sec li { float:left; } #header #nav-social ul#nav-sec li a { color:#fff; display:block; margin-right:15px; text-decoration:none;} #header #nav-social ul#nav-sec li a:hover { text-decoration:underline;} #header #nav-social ul#sociallinks { margin:0; float:right; list-style-type:none;} #header #nav-social ul#sociallinks li { float:left;} #header #nav-social ul#sociallinks li a { display:block; margin-left:10px;} #header #ad-main { float:right; clear:right;} #header #ad-main img { border:1px solid #a4a3a3} /* Navigation ---------------------------- */ #container .menu-navigation-container { position:relative; height:39px; border-top:4px solid #a40001; background:#000; z-index:1000;} .menu-navigation-container ul#navigation { position:absolute; top:0; left:0; background:#000; list-style-type:none; } #navigation, #navigation ul { padding:0; margin:0; list-style:none;} #navigation li { float:left; padding:10px 15px; font-size:18px; } #navigation > li.current-menu-item, #navigation > li.current-menu-parent, #navigation li:hover { background:#a40001;} #navigation li a { display:block; padding:0px; text-decoration:none;color:#fff; } /* The Home Icon */ #navigation li.home { padding:0;} #navigation li.home a { padding:0; display:block; width:59px; height:39px; text-indent:-9999px; background:url(../images/home_not_active.png) no-repeat;} body.home #navigation li.home a, #navigation li.home a:hover { background:url(../images/home.png) no-repeat;} #navigation li ul { position:absolute; width:10em; left: -999em; margin-left:-15px;top:38px; } #navigation li ul li { font-size:14px; background:#000; width:150px;} #navigation li ul li:hover { background:#a40001;} #navigation li:hover ul, #navigation li ul:hover { left:auto;} #navigation li.current-menu-parent { background:#a40001;} /* Front Page Only ---------------------------- */ .banner--on-air { display: block; width: 100%; } #featured { background:#ccc;} #featured-posts-sec { border-top:1px solid #000; overflow:hidden; background:#a30001 url(../images/featured-sec-bg.png) repeat-x;} div.featured-post-sec { float:left; width:200px; padding-bottom:25px;} div.featured-post-sec img { display:block; margin:20px auto 0 auto;} div.featured-post-sec p { width:160px; margin:5px auto 0 auto; color:#efefef;} div.featured-post-sec p a { color:#fff; text-decoration:none;} div.featured-post-sec p a:hover { text-decoration:underline;} div.featured-post-sec span { width:160px; display:block; margin:8px auto 0 auto; color:#efefef;} div.featured-post-sec span a { color:#ddfd02;} #featured-posts-sec h2 { margin:10px 25px 0 25px; color:#fff; font-size:18px;} /* Main Content ---------------------------- */ #content { border-left:1px solid #d5d3d3; border-right:1px solid #d5d3d3; border-bottom:1px solid #d5d3d3; background:#fff url(../images/content-bg.png) repeat-x; overflow:hidden; margin-bottom:25px; padding:5px 0;} #content #col-main { float:left; width:673px; background:url(../images/col-divider.png) repeat-y right; padding-bottom:15px;} #col-main .post { clear:left; margin:25px 15px 0 15px; overflow:hidden; border-bottom:1px solid #e0e0e0; padding-bottom:20px;} #col-main .post h2, #col-main .post h1 { font-size:24px; color:#666; margin-left:15px; padding:3px 0; margin-bottom:0px; margin-top:0; line-height: 110%; } #col-main .post h2 a { color:#666; text-decoration:none;} #col-main .post h2 a:hover { text-decoration:underline;} #col-main .post img.wp-post-image { display:block; float:left; margin-left:15px; margin-right:15px;} #col-main .post span.date { margin-left:15px; font-weight:bold; font-style:italic; display:block; margin-bottom:10px;} #col-main .post a { font-weight:normal; font-style:normal; color:#a40001;} #col-main .post p { margin:10px 35px 10px 15px; } #col-main .post a.readmore { display:block; margin-left:15px; text-decoration:none; margin-top:10px;} #col-main .post a.readmore:hover { text-decoration:underline;} .wp-pagenavi { margin-left:15px; margin-top:10px;} #content #sidebar { margin-left:680px; padding-bottom:25px;} #content #sidebar h2 { color:#a40001; font-size:24px; font-weight:normal; margin-bottom:15px; margin-left:0; margin-top:0;} #content #sidebar p { margin-left:0;} #content #sidebar .widget { margin-top:25px; margin-right:15px; overflow:hidden;} #content #sidebar .widget ul { list-style-type:none;} /* FOOTER ---------------------------- */ #footer { border-top:1px solid #fff;overflow:hidden; background:#fff url(../images/footer-bg.png) repeat-x} #footer-inner { width:1000px; margin:0 auto; padding-top:25px; padding-bottom:45px; overflow:hidden;} #footer-inner h2 { font-size:18px; font-weight:normal; margin-bottom:15px; margin-left:0; margin-top:0;} #footer-inner p { margin-right:20px; margin-left:0} #footer .footer { float:left; width:230px; margin: 0 10px; } #footer .footer > ul { margin:0 0 10px 0; list-style:none; } #footer .footer > ul li { padding:5px 0; border-bottom:1px solid #ccc;} #footer .footer > ul li a { text-decoration:none; } #footer .footer > ul li a:hover{ text-decoration:underline; } #siteinfo { background:#000; padding-top:15px; padding-bottom:15px; color:#dcd9d9;} #siteinfo-inner { width:1000px; margin:0 auto; overflow:hidden} #siteinfo p { margin-left:0; margin-top:0;} #siteinfo #nav-copy { float:left;} #siteinfo #nav-copy ul#navigation-bottom { margin:0 0 10px 0; overflow:hidden; list-style-type:none;} #siteinfo #nav-copy ul#navigation-bottom li { float:left;} #siteinfo #nav-copy ul#navigation-bottom li a { color:#dcd9d9; display:block; margin-right:10px; text-decoration:none;} #siteinfo #nav-copy ul#navigation-bottom li a:hover { text-decoration:underline;} #siteinfo #nav-copy p#copyright { color:#dcd9d9;} #siteinfo #credits { float:right; text-align:right;} #siteinfo #credits a { color:#ddfd02;} #siteinfo #credits p.poweredby { margin-bottom:10px;} /* Images ----------------------------- */ img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .post img { max-width: 590px; height: auto; } img.dontpanic { float:right; margin-left:15px; margin-right:15px;} /* MISC ---------------------------- */ /* Post Tags */ .post-tags { margin:10px 15px;} .post-tags a { margin-left:5px;} .post-edit-link { display:block; margin-left:15px; margin-top:15px;} /* Search Form*/ #searchform { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #fff; width:250px; background:#fff url(../images/search-bg.png) repeat-x top; } #searchform input#s { border:0; background-color:transparent; font-style:italic;padding-left:8px; font-size:12px;} #searchform input#searchsubmit { float:right; margin:2px 5px 0 0;} /* Author Stuff - at end of post */ #authorbio { margin:15px; border:1px solid #ccc; background:#efefef; overflow:hidden; clear:both;} #authorbio .entry_author_image { float:left; margin:10px 15px 10px 10px; } #authorbio .entry_author_image img { display:block;padding:5px; background:#fff; border:1px solid #ccc; } #authorbio h3 { margin:10px 15px 10px 120px; } #col-main .post #authorbio p { margin: 0 15px 15px 120px;} /* Author Stuff - on main author page */ #authorbio-main { margin:15px; border:1px solid #ccc; background:#efefef; overflow:hidden; clear:both;} #authorbio-main .entry_author_image { float:right; margin:10px 15px 10px 10px; } #authorbio-main .entry_author_image img { display:block;padding:5px; background:#fff; border:1px solid #ccc; } #authorbio-main h2 { margin:10px 15px 10px 15px; } #col-main .post #authorbio p { margin: 0 15px 15px 120px;} /* Contact Form */ form.frm-show-form { margin-left:15px;} /* comments and discussion */ #respond { margin-left:15px;} ol.commentlist { border:1px solid red; margin:0 15px; list-style-type:none;} ol.commentlist li { } ol.commentlist div.comment-author { border:1px solid blue;} /* CSS3 ---------------------------- */ /* share buttons */ .home .ssba.ssba-wrap * { /* text-align: right !important; */ } .home .ssba.ssba-wrap img { width: 25px !important; padding: 0px 5px; }