/* Theme Name: brownline Description: brown, 3-column, Widget-ready theme. Tags: brown, fixed width, three columns, right sidebar, valid XHTML, valid CSS Author: Good Design Web Author URI: http://blog.gooddesignweb.com Version: 1.2 */ /************************************************ * Body, Wrap * ************************************************/ body { background: #332610 url(images/bg.jpg) repeat-x; color: #FFF; font-size: 12px; font-family: Tahoma, Verdana, Arial; margin: 0px auto 0px; padding: 0px; } img { border: none; } #wrap { margin: 0px auto 0px; padding: 0px; } /************************************************ * Hyperlinks * ************************************************/ a, a:visited { color: #E0DAA3; text-decoration: none; } a:hover { color: #B60000; text-decoration: underline; } /************************************************ * Header * ************************************************/ #header { width: 960px; height: 150px; color: #888888; background: url(images/header.jpg) no-repeat; font-size: 14px; font-weight: normal; margin: 0px auto; padding: 0px; overflow: hidden; position: relative; } #header p { padding: 0px 0px 5px 0px; margin: 0px; line-height: 20px; } #header h1 { color: #FFFFFF; font-size: 35px; font-family: Times New Roman, Georgia, Trebuchet MS; font-weight: normal; margin: 0px; padding: 20px 0px 0px 0px; text-decoration: none; } #header h1 a, #header h1 a:visited { color: #EEEEEE; font-size: 40px; font-family: Times New Roman, Georgia, Trebuchet MS; font-weight: normal; margin: 0px; padding: 20px 0px 0px 0px; text-decoration: none; } #header h1 a:hover { color: #CCCCCC; text-decoration: none; } .rss { position: absolute; top: 86px; left: 830px; } /************************************************ * Navbar * ************************************************/ #nav { width: 800px; height: 30px; position: absolute; top: 133px; left: 0; } * html #nav { top: 119px; } *:first-child+html #nav { top: 119px; } #nav ul { position: absolute; bottom: -1px; overflow: hidden; height: 30px; } #nav ul li { float: left; margin: 0 -1px 0 0; font-weight: bold; list-style: none; } #nav ul li.current_page_item { width: 120px; height: 30px; } #nav ul li a { width: 120px; height: 30px; background: url(images/nav_bg.jpg) no-repeat; display: block; text-decoration: none; color: #FFF; line-height: 30px; text-align: center; } #nav ul li a:hover { color: #FFF; background: url(images/nav_bg_over.jpg) no-repeat; } #nav ul li.current_page_item a { background: url(images/nav_bg_over.jpg) no-repeat; color: #FDF782; } /************************************************ * Content * ************************************************/ #content { width: 960px; margin: 0px auto 0px; padding: 20px 0px 0px 0px; } #content p { padding: 0px 0px 10px 0px; margin: 0px; line-height: 20px; } .content_title { width: 530px; height: 67px; background: url(images/entry_title.jpg) no-repeat; margin: 0; padding: 0; } .post_left { width: 410px; height: 67px; float: left; line-height: 55px; } .post_right { width: 73px; height: 67px; float: right; text-align: center; font-size: 16px; font-weight: bold; line-height: 60px; } .post_right a { color: #333; } #content h3 { color: #AAAAAA; font-size: 24px; font-family: Times New Roman, Georgia, Trebuchet MS; font-weight: normal; text-transform: uppercase; line-height: 67px; margin: 0; padding: 0px 0px 0px 15px; } .content_body { width: 530px; background: url(images/entry_body.jpg) repeat-y; margin: 0; padding: 0; } .content_bodyin { width: 500px; margin: 0 0 0 15px; } .content_bottom { width: 530px; height: 51px; background: url(images/entry_bottom.jpg) no-repeat; margin: 0; padding: 0; } .content_bottomin { width:500px; height: 45px; margin: 0 0 0 15px; line-height: 45px; } #contentleft { float: left; width: 530px; margin: 0px 0px 0px 0px; padding: 0px 30px 20px 0px; } #contentleft ol { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } #contentleft ol li { margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; } #contentleft ul { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } #contentleft ul li { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; } blockquote{ font-style: italic; margin: 0px 25px 15px 25px; padding: 0px 25px 0px 10px; border-left: 2px solid #2583AD; } #content blockquote p{ margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; } /************************************************ * single * ************************************************/ .single_title { width: 530px; height: 67px; background: url(images/single_title.jpg) no-repeat; margin: 0; padding: 0 0 0 15px; line-height: 67px; } /************************************************ * Sidebar * ************************************************/ #right { width: 390px; float: right; margin: 0 10px 0 0; display: inline; } #searchbox { width: 390px; height: 80px; background: url(images/search_bg.jpg) no-repeat; } #searchbox #s { float: left; margin: 40px 0 0 16px; padding: 4px 0 0 2px; width: 270px; height: 20px; border: 1px solid #333; background: url(images/search_s.jpg) no-repeat; color:#333; } #searchbox #go { float: right; margin: 40px 28px 0 0; background: url(images/search_bt.jpg) no-repeat; width:70px; height:26px; text-align: center; color: #FFF; font-weight: bold; border: none; } .bt{ cursor: pointer; } #sad { width: 390px; height: 125px; margin: 15px 0 15px 0; padding: 0; } #sad ul { width: 390px; margin: 0; padding: 0; list-style: none; } #sad ul li { float: left; list-style: none; } .sad_margin { margin-right: 7px; } .tabberlive .tabbertabhide { display:none; } .tabber { padding:0; } .tabberlive { margin:1px 0 10px 0; } ul.tabbernav { margin:0; padding:3px 0; border-bottom:1px solid #555; } ul.tabbernav li { list-style:none; margin:0; display:inline; } ul.tabbernav li a { padding:3px 0.5em; border-bottom:none; text-decoration:none; } ul.tabbernav li a:link { color:#80AA00; background: url(images/tab-bg2.jpg) top left repeat-x; border-top:1px solid #000; border-left:1px solid #111; border-right:1px solid #555; border-bottom:1px solid #555; } ul.tabbernav li a:hover { color:#ccff33; } ul.tabbernav li.tabberactive a { color:#ccff33; background: url(images/tab-bg.jpg) top left repeat-x; border-top:1px solid #111; border-left:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #333; text-decoration:none; font-weight:bold; } ul.tabbernav li.tabberactive a:hover { color:#ccff33; background: url(images/tab-bg.jpg) top left repeat-x; border-left:1px solid #111; border-right:1px solid #111; border-top:1px solid #111; } .tabberlive .tabbertab { background:#333; padding:5px 10px 10px 10px; border-top:0px; border-left:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #111; } .tabberlive .tabbertab h2 { display:none; color:#fff; } .tabberlive .tabbertab h3 { display:none; } .tabbertab { margin:0px; padding:0px; } .tabbertab ul { margin:5px 0 5px 5px; padding: 0; list-style-type:none; } .tabbertab li { width: 335px; margin:0; padding: 0 0 5px 22px; background: #2C210E url(images/li-img.jpg) no-repeat; overflow: hidden; } /************************************************ * Left Sidebar * ************************************************/ #l_sidebar { float: left; width: 160px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; line-height: 20px; } #l_sidebar h2 { background: url(images/sidetitle_bg.jpg) no-repeat top left; color: #B8AC16; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 5px 0px; padding: 0px 0px 6px 30px; border-bottom: 1px dotted #AAAAAA; } #l_sidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #l_sidebar p { padding: 0px 0px 0px 0px; margin: 0px; line-height: 20px; } /************************************************ * Right Sidebar * ************************************************/ #r_sidebar { float: right; width: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; line-height: 20px; } #r_sidebar h2 { background: url(images/sidetitle_bg.jpg) no-repeat top left; color: #B8AC16; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 5px 0px; padding: 0px 0px 6px 30px; border-bottom: 1px dotted #AAAAAA; list-style-type: none; } #r_sidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #r_sidebar p { padding: 0px 0px 0px 0px; margin: 0px; line-height: 20px; } /************************************************ * Widgets * ************************************************/ .textwidget { margin: 0px 0px 0px 0px; padding: 3px 0px 8px 0px; } .recent-posts ul { list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; } #recent-posts ul li { padding: 0px 0px 0px 18px; margin: 0px 0px 0px 0px; } #recent-comments ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #recent-comments ul li { padding: 0px 0px 0px 18px; margin: 0px 0px 0px 0px; } #categories-1 ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #categories-1 ul ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #categories-1 ul li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; } #archives ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #archives ul li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; } #pages ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #pages ul ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #pages ul li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; } #links ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #links ul ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #links ul li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; } #meta ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #meta ul li { padding: 0px 0px 0px 18px; margin: 0px 0px 0px 0px; } #text-1 ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #text-1 ul li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /************************************************ * Footer * ************************************************/ #footerbg { background: #252525 url(images/footer_bg.jpg) repeat-x; border-top: 1px solid #555; } #footer { width: 960px; height: 80px; color: #EEEEEE; margin: 0px auto 0px; padding: 0px; line-height: 80px; } #footer p { color: #EEEEEE; font-size: 11px; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 0px; } #footer a { color: #E0DAA3; text-decoration: none; } #footer a img { border: none; margin: 0px; padding: 0px; } #footer a:hover { color: #EEEEEE; text-decoration: underline; } .footerleft { width: 730px; float: left; margin: 0px; padding: 8px 0px 8px 0px; } .footerright { width: 220px; float: right; margin: 0px; padding: 8px 0px 8px 0px; text-align: right; } /************************************************ * Comments * ************************************************/ #commentblock { width: 460px; background: #332610; float: left; padding: 20px 20px 10px 20px; margin: 10px 0px 0px 0px; border-top: 1px dotted #888888; border-bottom: 1px dotted #888888; } #commentblock a, #commentblock a:visited { color: #B60000; text-decoration: none; } #commentblock a:hover { color: #2583AD; text-decoration: none; } #commentblock ol { list-style-type: decimal; margin: 0px 0px 0px 5px; padding: 0px 0px 10px 0px; } #commentblock ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p { margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .commenttitle { color: #AAAAAA; font-size: 12px; font-family: Times New Roman, Georgia, Trebuchet MS; font-weight: normal; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 10px 0px 5px 0px; border-bottom: 1px solid #CCCCCC; } .commenttext { color: #FFF; clear: both; margin: 3px 0px 0px 0px; padding: 0px 10px 0px 10px; width: 420px; } .commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 420px; background: #FFFFFF; } /************************************************ * Comment Form * ************************************************/ #author, #email, #url { background: url(images/search_s.jpg) no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #222222; border: 1px solid #666666; padding: 5px; width: 210px; } #comment { background: url(images/textarea.jpg) no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #222222; border: 1px solid #666666; padding: 5px; width: 440px; } #submit { float: right; background: url(images/submit_bt.jpg) repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; border: 1px solid #333; color: #333; padding: 3px; } #submit:focus, #submit:hover { background-color: #222222; font-family: Helvetica, Arial, sans-serif; font-size: 12px; border: 1px solid #999999; color: #EEEEEE; padding: 3px; } /************************************************ * Alignment & Image Caption Classes * ************************************************/ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }