/* Theme Name: Outdoor News Theme URI: http://www.413creativemedia.com Description: Theme for Tri-State Outdoor News Author: JD Weagley Author URI: http://www.413creativemedia.com Template: Version: 1.0 . Created for use by Tri-State Outdoor News part of Tri-State Media (http://www.tristate-media.com/). . */ /*////////// GENERAL //////////*/ * {margin:0; padding:0;} body {background:url(images/wood_texture.jpg); } #container { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 800px; margin: 0 auto 0 auto; line-height:18px; background:url(images/main_background.jpg)} #container2 {} #container3 {float: left;} #pushbottom {clear:both;} /*////////// TYPEOGRAPHY //////////*/ h1 { font-size: 36px; line-height: 38px; } h2 { font-size: 24px; line-height: 26px; } h3 { font-size: 18px; line-height: 20px;} h4 {} h5 {font-size: 16px;} h6 {display:none;} p {margin-bottom: 18px;} a {color: #006600; text-decoration:none; font-weight:bold;} a:hover {color: #000000; text-decoration:underline; font-weight:bold;} a:visited { color: #006600; text-decoration:none;} .widgettitle {font-size: 18px; line-height: 20px;} .right { text-align:right; } .center { text-align:center; } .byline { font-size: 10px; text-align:right; font-style:italic; float: right; margin-bottom: 10px; clear: both;} .more-link { position: inherit; float: right; text-align:right;} .wp-caption-text {font: bold 10px Arial, Helvetica, sans-serif; text-align: left; padding: 2px 5px; } .post_author {margin-bottom: 10px;} /*////////// HEADERS //////////*/ #header { background: url(images/header.jpg); height: 228px; } #header p, #header h1, #header h2{display: none;} #header_nav{position: relative; float:right; right:10px; width:500px; text-align:right; top: 6px; color:#FFF200;} #header_nav a{color:#FFF200; text-decoration:none;} #header_nav a:hoover{color:#FFFFFF; text-decoration:underline;} #header_nav a:visited{color:#FFF200; text-decoration:none;} #header_logo{position: relative; float:left; top: 15px; left: 10px; height: 100px; width: 228px; background: url(images/logo.png);} #header_subscribe a{position: relative; float:left; top: 35px; left: 441px; background:url(images/subscribe.jpg); height:125px; width:125px;} #header_sub{width:800px; height:26px; background:url(images/header_sub.jpg);} /*////////// CONTENT //////////*/ #content { width: 480px; padding: 5px 10px; float:left;} .post_author ul{ list-style: none; } .entry_break { height: 20px; margin: 30px 0px 0px 0px; background: url('images/break.gif') no-repeat center; } /*////////// SIDEBARS //////////*/ #sidebar { width: 290px; float:right;} #sidebar li {list-style:none;} #sidebar_contents { padding: 0px 5px; margin: 0px;} #sidebar_nonwidget {clear: both;} /*////////// NAV //////////*/ #top_navlist {position: absolute; top: 204px; width: 800px; height: 23px;} * html #top_navlist{ /*IE only. Add 1em spacing between menu and rest of content*/ margin-bottom: 1em;} #top_navlist ul{list-style-type: none; margin:0; margin-left: 5px; padding:0; } #top_navlist li{display:inline; margin:0; padding:0; } #top_navlist a {float:left; background:url(images/tab_left.png) no-repeat left top; margin:0; padding:0 0 0 10px; text-decoration:none;} #top_navlist a span {float:left; display:block; background:url(images/tab_right.png) no-repeat right top; padding:3px 15px 3px 5px; font-weight:bold; color:#FFFFFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #top_navlist a span {float:none;} /* End IE5-Mac hack */ #top_navlist a:hover span {color: #FFFFFF; } #top_navlist a.current_page_item { background-position:0 -240px; } #top_navlist a.current_page_item span { background-position:100% -240px; color: black; } #top_navlist a:hover {background-position:0% -120px;} #top_navlist a:hover span {background-position:100% -120px;} /*///TOC NAV///*/ .tocNav{padding-left:0; margin-left:0; width:200px;} .tocNav li{ list-style:none; margin:0;padding:0.25em;} .tocNav li a {text-decoration: none; color:#006600;} /*////////// Front Page Classes /////////*/ .front_article { clear: both; margin-left: 15px; } .front_title {clear: both; margin-bottom: 20px; } .front_article_title {clear: both;} .front_article_body {clear: both; margin-top: 20px;} .front_article_byline {font-size: 10px; text-align:right; font-style:italic; float: right; clear: both;} .front_article_more {float: right; text-align:right; font-style: italic;} /*////////// BLOG ELEMENTS //////////*/ .authorName {font-size:9px; text-align:right;} /*////////// FORMS //////////*/ /*////////// FOOTER //////////*/ #footer { background:url(images/footer.jpg); height: 165px; color:#FFFFFF;} #footer_text{position: relative; top: 110px;} #footer p{line-height:12px; margin-bottom: 5px;} #footer a{color:#FFFFFF; text-decoration:none;} #footer a:hover{ color:#FFFFFF; text-decoration:underline;} #footer a:visted {color:#FFFFFF; text-decoration:none;} /*////////// IMAGES //////////*/ /*--TSM Logo--*/ #tsm_container {margin: 10px auto 5px auto; width: 800px; position: relative;} #tsm_logo {float: right; width: 139px;} #tsim_logo img {float:right;} .alignright {float:right; margin: 5px;} .alignleft {float:left; margin: 5px;} .aligncenter {margin: auto;} /*////// FUN CLASSES ///////////*/ /*/////// Widgets /////////*/ .img125 { border: 0 none; } #show-125ads li{list-style:none; margin-left:18px;} #sidebar_widget {margin: 0 auto; position: relative; clear: both;} #sidebar_widget li {list-style:none;} .wpg2sidebargrid-image {width: 85px; margin-left: 5px; float: left; position: relative;} .wpg2sidebargrid-image a img{border-color:#000000; border-width:thin;} .sftagp{ font-size: 9px; font-style: italic; text-indent: 20px; line-height: 7px; } .sftagli{ text-indent: 5px; } /* -------------------[ 125x125 Banner Ads ]------------------- */ .ad1 { float:left; margin: 0 5px 5px 12px; width:125px; } .ad2 { float:left; margin: 0 0 5px 0; width:125px; } .ad3 { float:left; margin: 0 5px 10px 12px; width:125px; } .ad4 { float:left; margin: 0 0 10px 0; width:125px; } .ad1 img, .ad2 img, .ad3 img, .ad4 img {border: 0 none;} /*----------Locations--------*/ .state { font: bold 32px Arial, Helvetica, sans-serif; } .county { font: bold 24px Arial, Helvetica, sans-serif; padding-left: 15px; padding-top: 5px; } .city { font: bold 18px Arial, Helvetica, sans-serif; padding-left: 30px; padding-top: 5px; } .location { font: 14px Arial, Helvetica, sans-serif; padding-left: 45px; padding-top: 5px; } .special-list { padding-left: 20px; }