/* Theme Name: Autumn Brown Theme URI: http://webm.pl/autumn-brown Author URI: http://webm.pl/ Description: Light brown wordpress theme with modern menu. Author: webm.pl Version: 1.0 Tags: brown, two-columns, fixed-width License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ----------------General Start-----------------*/ body{ background:#c8bc89 url(./images/body-bg.gif) repeat-x 0 0; color:#000; font:normal 12px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; margin:0; } div, td, p, a, h1, h2, h3, h4, h5, h6, li, form, input, select { padding:0; margin:0; } img{ padding:0; margin:0; border:none; display:block; } ul{ padding:0; margin:0; list-style-type:none; } a{ text-decoration:none; outline:none; color: #802F0E; } .spacer{ padding:0; margin:0; clear:both; line-height:0; font-size:0; } h1, h2, h3, h4, h5, h6 {color: #000;} /* ----------------General End-----------------*/ #wrapper{ width:980px; margin:0 auto; position:relative; } .top{ width:980px; margin:0 auto; } .logo{ float:left; width:475px; color:#edd98a; background-color:inherit; font: normal 38px/38px Georgia, "Times New Roman", Times, serif; margin:5px 0 0 0; letter-spacing:-2px; } .logo span{ color:#c8bc89; background-color:inherit; font: normal 38px/38px Georgia, "Times New Roman", Times, serif; } .logo a{ color:#edd98a; background-color:inherit; font: normal 38px/38px Georgia, "Times New Roman", Times, serif; margin:5px 0 0 0; letter-spacing:-2px; } .logo span a{ color:#c7b673; background-color:inherit; font: normal 38px/38px Georgia, "Times New Roman", Times, serif; } .logo a:hover{ color:#edd98a; background-color:inherit; font: normal 38px/38px Georgia, "Times New Roman", Times, serif; margin:5px 0 0 0; letter-spacing:-2px; } .logo span:hover{ color:#c7b673; background-color:inherit; font: normal 38px/38px Georgia, "Times New Roman", Times, serif; } /*Nav start*/ .navPanel{ width:455px; float:right; padding:56px 0 0 0; } .navPanel ul.nav{ list-style-type:none; color:#FFFFFF; background-color:inherit; } .navPanel ul.nav li{ float:left; margin:0 1px 0 0; font:bold 12px/28px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-align:center; position:relative; } .navPanel ul.nav li a{ color:#e8e2a9; text-decoration:none; background:url(./images/menu-bg.png) no-repeat 0 0; display:block; padding:0 0 0 10px; } .navPanel ul.nav li a span{ color:#e8e2a9; text-decoration:none; background:url(./images/menu-bg-right.png) no-repeat 100% 0; display:block; padding:0 10px 0 0; } .navPanel ul.nav li a:hover{ color:#97330f; background:url(./images/menu-bg.png) no-repeat 0 -28px; } .navPanel ul.nav li a:hover span{ color:#97330f; text-decoration:none; background:url(./images/menu-bg-right.png) no-repeat 100% -28px; } .navPanel ul.nav li a.selected, .navPanel ul.nav li.activeParent a { color:#97330f; background:url(./images/menu-bg.png) no-repeat 0 -28px; } .navPanel ul.nav li a.selected span, .navPanel ul.nav li.activeParent a span { color:#97330f; text-decoration:none; background:url(./images/menu-bg-right.png) no-repeat 100% -28px; } /* Drop Down Menu */ .navPanel ul.nav ul { position:absolute; width:170px; left:0; top:28px; height:auto; font-size:13px; line-height:18px; display:none; } .navPanel ul.nav ul li { float:none; padding:0; text-align:left; } .navPanel ul.nav ul li a { background:#E9E2AA!important; height:auto; height:100%; display:block; } .navPanel ul.nav ul li a:hover { background:#DED198!important; } /*nav End*/ .content-cont{ width:980px; margin:0 auto; } /*Left Start*/ .left-panel{ width:268px; background:url(./images/left-bg.jpg) no-repeat 100% 0; overflow:hidden; height:100%; padding:27px 24px 0 0; float:left; margin-bottom: 10px; } .left-panel h3{ width:252px; background:url(./images/browse-cat-title.png) no-repeat 100% 27px; color:#ebd39a; background-color:inherit; font:normal 18px/37px 'Trebuchet MS',Arial, Helvetica, sans-serif; padding:27px 0 0 10px; } .left-panel-bg{ font:normal 18px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#ebd39a; background-color:inherit; background:url(./images/cat-bg.png) no-repeat 0 0; } ul.left-panel-bg{ font:normal 18px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#ebd39a; background-color:inherit; padding:14px 0 0 0; } ul.left-panel-bg li{ background:url(./images/cat-bullet.gif) no-repeat 0 11px; padding:0 0 0 10px; display:block; border-bottom:#e4cc8d 1px dashed; width:200px; color:#802f0e; font-size:14px; margin:0 auto; } ul.left-panel-bg li.noborder{ background:url(./images/cat-bullet.gif) no-repeat 0 50%; padding:0 0 0 10px; display:block; width:200px; margin:0 auto; border:0; } ul.left-panel-bg li a{ font:normal 14px/26px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; text-decoration:none; } ul.left-panel-bg li a:hover{ font:normal 14px/26px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#6a2b0d; background-color:inherit; text-decoration:underline; } ul.left-panel-bg li ul li { width:190px; } /*this is last child li class so that border will not display*/ ul.left-panel-bg li ul li.cat-item-42{ border-bottom:none; } /*Left End*/ /*Right Panel Start*/ .right-panel{ background:url(./images/right-bg.png) no-repeat 0 0; width:664px; float:right; /*padding:25px 0 25px 0;*/ padding:25px 0 0 24px; overflow:hidden; height:100%; } .right-panel .banner{ padding:0; width:659px; } .right-panel .bgpanel{ background:url(./images/right-cont-bg.png) no-repeat 0 0; width:612px; float:right; padding:26px 26px 10px 26px; overflow:hidden; height:100%; } .right-panel h3{ font:normal 19px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#000; background-color:inherit; letter-spacing:-2px; } .right-panel .post{ width:616px; float:left; border-top:#b2a465 1px solid; padding:0 0 13px 0 } .right-panel .post p{ font:normal 13px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#1d1d1d; background-color:inherit; } .right-panel .post p.txt{ font:normal 13px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#1d1d1d; background-color:inherit; padding:7px 0 0 0; } .right-panel .post p{ font:normal 13px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#1d1d1d; background-color:inherit; padding:7px 0 0 0; } .right-panel .post p.lefttext{ font:normal 14px/15px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#e5d9a1; background-color:inherit; background:url(./images/date-bg.png) no-repeat 0 22px; float:left; width:40px; padding:27px 4px 14px 2px; text-align:center; } h1 {margin: 0 0 10px 0;} h2 {margin-top: 10px;} .right-panel .post h2.righttext a{ font:normal 22px/22px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#020101; background-color:inherit; float:right; width:557px; padding-top: 15px; } .right-panel .post p.postedin{ font:oblique 12px/18px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#5d5c2d; background-color:inherit; float:left; padding:0 0 0 14px; } .right-panel .post p.postedin a{ font:oblique 12px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802F0E; background-color:inherit; text-decoration:none; } .right-panel .post p.postedin a:hover{ font:oblique 12px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802F0E; background-color:inherit; text-decoration:underline; } .right-panel .post p span{ font:oblique 12px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#5d5c2d; background-color:inherit; padding:0 5px 0 5px; } .right-panel .post p.comment{ font:oblique 12px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; float:left; padding:0 0 0 0px; } .right-panel .post p.comment a{ font:oblique 12px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; text-decoration:none; } .right-panel .post p.comment a:hover{ font:oblique 12px/25px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; text-decoration: underline; } .right-panel a{ font:bold 11px/38px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; text-decoration: underline; } .right-panel a:hover{ font:bold 11px/38px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; text-decoration: none; } /*Right Panel End*/ /*Pagination Start*/ .pagination-cont{ background:url(./images/pagination-bg.gif) no-repeat 0 0; line-height:31px; width:618px; text-align: center; color:#802f0e; background-color:inherit; margin-bottom: 10px; height: 50px; padding: 5px 0 0 0; } .pagination-cont a{ font:bold 12px/18px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; text-decoration:none; } .pagination-cont a:hover{ font:bold 12px/18px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#802f0e; background-color:inherit; text-decoration:underline; } /*Pagination End*/ .th-cont{ width:618px; margin:0 auto; padding:25px 0 0 0; } /*Tip of the day start*/ .tipday-cont{ width:370px; float:left; } .tipday-cont h3{ font:normal 30px/35px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#7c5e1f; background-color:inherit; letter-spacing:-1px; } .tipday-cont p{ font:normal 13px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#7c5e1f; background-color:inherit; padding:10px 20px 10px 0; } .tipday-cont img{ width:114px; float:left; border:#b2a465 1px solid; margin:0 9px 0 0; } ul.tipday-cont{ font:bold 12px/22px 'Trebuchet MS',Arial, Helvetica, sans-serif!important; color:#ebd39a; background-color:inherit; width:212px; } ul.tipday-cont li{ background:url(./images/tip-bullet.gif) no-repeat 0 50%; padding:0 0 0 15px; display:block; border-bottom:#b2a465 1px dashed; width:187px; margin:0 auto; } ul.tipday-cont li.noborder{ background:url(./images/tip-bullet.gif) no-repeat 0 50%; padding:0 0 0 15px; display:block; width:187px; margin:0 auto; border:0; } ul.tipday-cont li a{ font:bold 12px/22px 'Trebuchet MS',Arial, Helvetica, sans-serif!important; color:#802f0e; background-color:inherit; text-decoration:none; } ul.tipday-cont li a:hover{ font:bold 12px/22px 'Trebuchet MS',Arial, Helvetica, sans-serif!important; color:#6a2b0d; background-color:inherit; text-decoration:underline; } /*Tip of the Day end*/ /*Hightlights start*/ .highlights-cont{ width:228px; float:right; } .highlights-cont h3{ font:normal 30px/35px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#7c5e1f; background-color:inherit; letter-spacing:-1px; } .highlights-cont p{ font:normal 13px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#7c5e1f; background-color:inherit; padding:10px 20px 10px 0; } .highlights-cont img{ width:auto; float:left; border:#b2a465 1px solid; margin:0 9px 10px 0; } .highlights-cont img.nomargin{ width:auto; float:left; border:#b2a465 1px solid; margin:0; } /*Hightlights end*/ /*Footer start*/ .footer-cont{ width:100%; background:url(./images/footer-bg.gif) repeat-x 0 0; color:#802f0e; overflow:hidden; } .footer{ width:940px; color:#802f0e; margin:0 auto; padding:27px 0 28px 0; text-align:center; } .footer p{ font:normal 12px/23px 'Trebuchet MS',Arial, Helvetica, sans-serif; padding:0; margin:0; } ul.footer{ text-align:center; padding:40px 0 0 0; margin:0!important; } .footer ul li{ color:#802f0e; background-color:inherit; font:bold 12px/16px Arial, Helvetica, sans-serif; display:inline; width:auto; padding:0 2px 0 2px; margin:0; } .footer ul li a{ color:#802f0e; background-color:inherit; font:bold 12px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; text-decoration:none; } .footer ul li a:hover{ color:#e8e2a9; background-color:inherit; font:bold 12px/16px 'Trebuchet MS',Arial, Helvetica, sans-serif; } .footer span{ font:bold 11px/11px 'Trebuchet MS',Arial, Helvetica, sans-serif; color:#4d3f15; background-color:inherit; text-align:center; font-size: 9px; } .footer span img{ text-align:center; } .footer span img a{ text-align:center; border:none; } /*Footer End*/ h1.righttext {padding-top: 23px; width:557px; float: right;} .entry p {color: #000; padding: 0 5px 10px 0;} .slogan {color: #c7b673; font-size: 16px; letter-spacing: 1px;} ol {padding: 0; margin: 0 0 0 30px;} /*search*/ .search { background:url(./images/search_bg.png) no-repeat 0 0; width:262px; height:91px; } .search form { padding:17px 15px; height:100%; overflow:hidden; } .search form label { float:left; display:block; font-size:18px; color:#7B2D0D; padding:0 0 8px; width:231px; } .search form input { float:left; display:block; width:169px; height:27px; line-height:27px; padding:0 5px; border:none; border-left:1px solid #996F22; border-top:1px solid #996F22; background-color:#E3B049; color:#7B2D0D; } .search form input#searchsubmit { width:44px; height:28px; border:none; float:right; background:url(./images/go.png) no-repeat 0 0; text-indent:-100000px; font-size:0; outline:none; } /*search ends*/ /* Comment Form */ #commentform p { padding-bottom:12px; } #commentform input.field { float:left; margin-right:10px; width:200px; height:14px; padding:2px 3px; } #commentform label { display:block; font-size:11px; line-height:20px; } #commentform textarea { width:500px; height:120px; margin-bottom:10px; padding:3px 5px; } #commentform input.btn { width:120px; height:25px; cursor:pointer; font-size:12px; } h3#respond, h3#comments { font-size:20px; padding-bottom:10px; } /* Comment Closed */ p.nocomments { font-weight:bold; font-sizepx; font-style:italic; } /* Comment List */ .commentlist li { margin-bottom:10px; padding:10px; background-color:#e7d59a; overflow:hidden; } .commentlist li.alt { background-color:#ebc779; } .commentlist li img.photo { float:left; margin:0 10px 5px 0; border:#ccc 1px solid; padding:2px; } .commentlist li p img { display:inline; } .commentlist li p { padding-bottom:8px; } .commentlist li p.commentmetadata { font-size:11px; padding-bottom:5px; } /*Comments end*/ .wp-caption-text { margin: 5px; color: #888; font-size: 12px; } .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } .page-header {padding-top: 23px;}