/* Theme Name: Bluerown Theme URL: http://www.happyblogdesign.com Description: Bluerown is a simple fashion theme. Author: StudioPress Author URI: http://www.happyblogdesign.com/about Version: 1.0 Tags: green, brown, two-columns */ /*-------------------------------------------------------------------------------------------------------------------*/ /*--General--*/ * { /*--make all to 0 as default--*/ padding: 0; margin: 0; } body { background: #D2E1E5 url(images/body_bg.png) repeat-x top left; font: 80%/170% Verdana, Arial, Helvetica, sans-serif; color: #6F6341; } /*--formatting--*/ a { color: #b63d13; } a:hover { text-decoration: none; color: #28567B; } p { padding: 0 0 1.8em; } h2 { font: 700 17px Arial, Helvetica, sans-serif; letter-spacing: 0px; padding-bottom: 10px; padding-left: 10px; } h2 em { font: 20px Verdana, Times, serif; font-style: italic; letter-spacing: 0; } h2.pagetitle { font: 400 14px Verdana, Times, serif; padding: 2px 0; text-align: center; letter-spacing: 0; background-color: #E0DCCD; border-bottom: 1px solid #E2DECF; } h2.pagetitle strong { font-size: 15px; font-style: italic; } h2 a { color: #6F6341; text-decoration: none; } h3 { font: 900 20px Arial, Helvetica, sans-serif; letter-spacing: -1px; } h4 { font: 900 12px Verdana, Times, serif; font-style: italic; } h5 { font: 400 14px Arial, Helvetica, sans-serif; } h6 { } blockquote { width: 530px; font-style: italic; background-color: #E2DECF; padding: 10px; clear: both; margin: 0 0 10px 0px; _margin: 0 0 10px 0px; border-bottom: 1px solid #A6A371; border-top: 1px solid #A6A371; font: 400 12px Verdana, Times, serif; } blockquote p { padding: 0; } .entry ul, .entry ol, .post ul, .post ol { padding: 18px; } ul { list-style-type: circle; } ul li ul { list-style-type: disc; } ol { list-style-type: decimal; } ol li ol { list-style-type: lower-roman; } img.left { float: left; margin: 5px 5px 5px 0; background-color: #fff; padding: 4px; border: 1px solid #A6A371; } img.right { float: right; margin: 5px 0 5px 5px; background-color: #fff; padding: 4px; border: 1px solid #A6A371; } /*--container--*/ #wrapper { width: 980px; margin: 0 auto; } #headx { width: 980px; height: 38px; float: left; } #headtop { background: url(images/header_top.png) no-repeat top left; width: 980px; height: 15px; float: left; } #bottomx { width: 980px; height: 30px; float: left; } #header { background: url(images/header_top.png) no-repeat top left; width: 980px; height: 65px; float: left; } #spacex { background: #ffffff; width: 980px; height: 2px; float: left; } #content { background: url(images/content_bg.png) repeat-y top left; width: 980px; float: left; } #contenttop { background: url(images/content_top.png) no-repeat top left; width: 980px; height: 20px; float: left; } #contentbottom { background: url(images/content_bottom.png) no-repeat top left; width: 980px; height: 20px; float: left; } #content #right-col { width: 305px; margin-top: 0px; padding-left: 15px; padding-top: 10px; padding-right: 25px; float: right; position: relative; } #content #right-col #banner3 { width: 300px; float: left; position: relative; border: 0px solid #C1B79C; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; font: 10px Arial, Helvetica, sans-serif; text-align: center; color: #D6D4B1; } #content #right-col #sidebar { width: 305px; float: left; position: relative; padding-bottom: 10px; } #content #right-col #banner3 #ads { font: 10px Arial, Helvetica, sans-serif; color: #6F6341; } #content #center-col { width: 600px; margin-top: 0px; padding-left: 30px; padding-top: 10px; float: left; position: relative; padding-bottom: 20px; } #content #center-col #center-con { width: 600px; margin-top: 0px; float: left; position: relative; background: #F9F8F5; border: 1px solid #C1B79C; } #content #center-col2 { width: 600px; margin-top: 0px; padding-left: 30px; padding-top: 10px; float: left; position: relative; padding-bottom: 20px; } #content #center-col2 #center-con2 { width: 600px; margin-top: 0px; float: left; position: relative; background: #ffffff; border: 1px solid #C1B79C; } #footer { background: url(images/footer_bg.png) repeat-x top left;; width: 100%; float: left; color: #fff; } #footerbottom { background: url(images/footer_bottom.png) no-repeat top left; width: 980px; height: 15px; float: left; } /*--header--*/ #header #logo { margin-left: 20px; margin-top: 10px; width: 200px; height: 50px; float: left; } #header #banner1 { width: 728px; height: 90px; float: left; padding-top: 5px; } #header #logo h1 a { background: url(images/logo.png) no-repeat bottom center; width: 200px; height: 50px; float: left; text-indent: -9999em; } /*--page-menu--*/ #header #menu { float: right; width: 700px; margin-top: 0px; margin-right: 30px; } #header #menu ul { width: 700px; list-style: none; float: right; text-align: center; } #header #menu ul li.page_item { float: right; width: 91px; } #header #menu ul li.page_item a { background: url(images/button.png) no-repeat top center; padding: 30px 8px 25px 8px; display: block; margin: 0 0 0 0; float: none; text-decoration: none; font: 900 13px Arial, Verdana, Helvetica, sans-serif; color: #F1F9DF; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; } #header #menu ul li.page_item a:hover { background: url(images/button2.png) no-repeat top center; color: #fff; } #header #menu ul li.current_page_item a { color: #fff; } /*--featu#28567B-post--*/ #featu#28567B-post { width: 600px; } #featu#28567B-post h3 { font: 900 14px Arial, Helvetica, sans-serif; color: #918e61; letter-spacing: -1px; padding-bottom: 5px; } #featu#28567B-post .featu#28567B { width: 578px; border: 1px solid #c0bd92; float: left; padding: 0 10px; background: #fff url(images/featu#28567B-bg.png) no-repeat top left; } #featu#28567B-post .featu#28567B h2 a { display: block; padding: 5px 0 0 0; letter-spacing: -1px; } #featu#28567B-post .featu#28567B span#f-date { padding: 3px 4px; background-color: #E9E6DA; color: #6F6341; font-size: 10px; } #featu#28567B-post .featu#28567B span#f-date a { color: #6F6341; } #featu#28567B-post .featu#28567B p { padding-top: 5px; } #featu#28567B-post .featu#28567B p img, #featu#28567B-post .featu#28567B p a img { padding: 5px; border: 1px solid #e5e3c2; background-color: #fff; float: right; margin: 0 0 5px 5px; } #featu#28567B-post .featu#28567B small { float: left; padding: 4px 0; border-top: 1px solid #E9E6DA; width: 558px; background: url(images/tag.png) no-repeat center left; padding: 4px 0 4px 20px; } #featu#28567B-post a#readmore { float: right; display: block; background: url(images/readmore.png) no-repeat top left; width: 79px; height: 22px; text-indent: -9999em; margin: -10px 10px 0 0; display: inline; } /*--post--*/ .post { width: 575px; background: url(images/post.png) no-repeat top left; float: left; margin-left: 12px; padding-left: 0px; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; } .post .post-info { float: left; width: 540px; padding-left: 10px; } .post .post-info a img, .post .post-info img { padding: 5px; background-color: #dedcb9; border: 1px solid #a6a371; } .post .post-info em { display: block; font-size: 10px; } .post .post-info span.post-tag { display: block; font-size: 10px; padding: 3px 0 5px 0; font: 900 10px Verdena, Arial, Helvetica, sans-serif; color: #344B5F; } .post img { padding: 3px; float: left; background-color: #ffffff; border: 1px solid #E5E3C2; margin: 2px 10px 5px 0; } .post .post-info span.post-tag a { text-decoration: none; font-weight: 900; } .entry { float: left; width: 560px; font: 13px Arial, Helvetica, sans-serif; color: #000000; padding-left: 10px; padding-bottom: 10px; } /*--post--*/ .post2 { width: 610px; float: left; padding-left: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; } .post3 { width: 610px; float: left; padding-left: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; } .post2 .post-info { float: left; width: 600px; padding-right: 10px; } .post2 .post-info a img, .post .post-info img { padding: 5px; background-color: #dedcb9; border: 1px solid #a6a371; } .post2 .post-info em { display: block; font-size: 10px; } .post2 .post-info span.post-tag { display: block; font-size: 10px; padding: 3px 0 5px 0; font: 900 10px Verdena, Arial, Helvetica, sans-serif; color: #344B5F; } .post2 img { padding: 3px; float: left; background-color: #ffffff; border: 1px solid #E5E3C2; margin: 2px 10px 5px 0; } .post2 .post-info span.post-tag a { text-decoration: none; font-weight: 900; } .entry2 { float: left; width: 600px; font: 13px Verdena, Arial, Helvetica, sans-serif; color: #000000; } .cat{ font: 8pt Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; padding-bottom: 5px; } p.metadata { padding: 3px; height: 32px; font: 12px Verdena, Arial, Helvetica, sans-serif; background: url(images/comment_bg.png) no-repeat top left; clear: left; text-align: right; margin-top: 0px; margin-bottom: 0px; padding-right: 10px; } p.metadata a{ font: 7pt Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; } p.metadata2 { padding: 3px; height: 32px; font: 12px Verdena, Arial, Helvetica, sans-serif; background: url(images/comment_bg2.png) no-repeat top left; clear: left; text-align: right; margin-top: 0px; margin-bottom: 0px; padding-right: 10px; } p.metadata2 a{ font: 7pt Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; } .clear { clear: both; padding: 10px 0 0 0; } /*--right-col--*/ /*--feed--*/ #feed { width: 300px; text-align: right; float: right; margin-top: 5px; margin-right: 20px; } #feed a.rss { width: 32px; height: 30px; background: url(images/rss.png) no-repeat top left; float: right; text-indent: -9999em; text-align: left; } #feed a.rss2 { padding-top: 11px; font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; float: right; text-align: left; color: #173148; } /*--feed--*/ #searchform { width: 290px; float: left; background: ; height: 45px; padding-bottom: 20px; } #searchform form { float: left; width: 290px; margin: 10px; display: inline; } #searchform form input#s { width: 241px; background: url(images/form.png) no-repeat top left; height: 30px; line-height: 29px; border: 0; float: left; margin-right: 0px; padding: 2px 0px 0px 37px; margin-right: 15px; color: #666; } #searchform form input#searchsubmit { width: 1px; background: url(images/spacer.gif) no-repeat center left; height: 24px; border: 0; } /*--about--*/ #about { clear: left; width: 330px; margin-bottom: 20px; } #about h3 { font: 400 18px Arial, Helvetica, sans-serif; background: url(images/about.png) no-repeat top right; width: 260px; margin-bottom: 10px; } #about a img { padding: 5px; float: left; background-color: #dedcb9; border: 1px solid #a6a371; margin: 5px 5px 5px 0; } /*--sidebar1--*/ #sidebar h3 { text-align: center; border-top: 1px solid #a6a371; border-bottom: 1px solid #a6a371; background-color: #dedcb9; margin-bottom: 15px; } #sidebar ul { list-style: none; } #sidebar1 { float: left; width: 190px; padding-right: 0px; } #sidebar2 { float: left; width: 300px; } #sidebar ul { } #sidebar ul li { float: left; width: 190px; border: 0px solid #bbb875; margin-bottom: 10px; } #sidebar ul li h2 { padding: 6px 8px 6px; font: 600 15px Arial, Helvetica, sans-serif; color: #6F6341; background: url(images/sidebar.png) no-repeat top left; } #sidebar ul li ul { } #sidebar ul li ul li { float: left; width: 190px; border: 0; margin-bottom: 0; } #sidebar ul li ul li a { border-bottom: 1px solid #E9E6DA; float: left; width: 182px; text-decoration: none; color: #6F6341; padding: 2px 4px; background: url(images/sidebar_bullet.png) no-repeat left 3px; background-position: -3px 2px; } #sidebar ul li ul li a:hover { color: #000; background: url(images/sidebar_bullet.png) no-repeat left 3px; background-position: -1px 2px; } /* sidebar2 */ #sidebar2 ul { } #sidebar2 ul li { float: left; width: 300px; border: 0px solid #bbb875; margin-bottom: 10px; } #sidebar2 ul li h2 { padding: 6px 8px 6px; font: 600 15px Arial, Helvetica, sans-serif; color: #6F6341; background: url(images/sidebar.png) no-repeat top left; } #sidebar2 ul li ul { } #sidebar2 ul li ul li { float: left; width: 300px; border: 0; margin-bottom: 0; } #sidebar2 ul li ul li a { border-bottom: 1px solid #E9E6DA; float: left; width: 292px; text-decoration: none; color: #6F6341; padding: 3px 4px 2px 18px; background: url(images/sidebar_bullet.png) no-repeat left 3px; } #sidebar2 ul li ul li a:hover { color: #000; background: url(images/sidebar_bullet.png) no-repeat left 3px; } /*--comments--*/ #comments { font: 12px Verdena, Arial, Helvetica, sans-serif; margin-top: 15px; float: left; width: 600px; } h3#comment-title { background: url(images/comments.png) no-repeat top left; width: 575px; float: left; text-indent: -9999em; padding-top: 5px; } #comments ol, #comments ol li { float: left; width: 775px; list-style: none; padding: 0; } #comments ol li .comment-data { float: left; width: 450px; margin-right: 10px; background-color: #E2DECF; padding: 5px 10px; min-height: 130px; overflow: auto; border: 1px solid #CDC5AB; } #comments ol li.alt .comment-data { float: left; width: 450px; margin-right: 10px; background-color: #E9E6DA; padding: 5px 10px; min-height: 130px; border: 1px solid #CDC5AB; overflow: visible; margin-top: -1px; margin-bottom: -2px; } #comments ol li .comment-info { width: 90px; float: left; text-align: right; font-size: 10px; line-height: 12px; } #comments ol li .comment-info a img { border: 0; margin-bottom: 5px; } #comments ol li .comment-info a { text-decoration: none; } /*--respond--*/ #respond { background: url(images/respond.png) no-repeat top left; padding-top: 30px; margin-top: 15px; float: left; float: left; width: 600px; } #respond p { padding: 2px 0; } #respond input { padding: 2px; border: 1px solid #CDC5AB; } /*--footer--*/ #footer .footer-text { font: 11px Tahoma, Arial, Helvetica, sans-serif; width: 960px; margin: 0 auto; text-align: right; color: #A0946B; float: left; } #footer .footer-text a { color: #A0946B; } #footer .footer-text span { text-align: right; width: 960px; } #footer .footer-text em { float: left; width: 960px; text-align: right; } #footer #footerx { width: 960px; margin: 0 auto; } .f-block { float: right; width: 270px; padding-left: 30px; padding-top: 20px; } .f-block h3 { margin: 0px; padding: 0px; float: left; width: 250px; font-size: 18px; color: #B11A1A; } .f-block ul { margin-top: 0px; padding: 2px 0px 20px; float: left; width: 250px; list-style-type: none; } .f-block ul ul { margin: 0px; padding: 0px; float: left; width: 240px; list-style-type: none; } .f-block ul li { margin: 10px 0px 0px; padding: 0px; float: left; width: 250px; list-style-type: none; font-size: 11px; line-height: 17px; color: #58513A; } .f-block ul ul li { margin: 0px 1px 0px; padding: 0px; float: left; width: 240px; list-style-type: none; font-size: 11px; line-height: 17px; color: #58513A; } .f-block ul li a { padding: 0px 0px 0px 13px; float: left; width: 236px; list-style-type: none; color: #58513A; text-decoration: none; display: block; background: url(images/bullet.png) no-repeat left 2px; background-position: -3px 2px; } .f-block ul ul li a { padding: 0px 0px 0px 13px; float: left; width: 226px; list-style-type: none; color: #58513A; text-decoration: none; display: block; background: url(images/bullet.png) no-repeat left 2px; background-position: -3px 2px; } .f-block ul li a:hover { padding: 0px 0px 0px 13px; float: left; width: 236px; list-style-type: none; color: #58513A; text-decoration: none; display: block; background: url(images/bullet.png) no-repeat left 2px; background-position: -1px 2px; } .f-block ul ul li a:hover { padding: 0px 0px 0px 13px; float: left; width: 226px; list-style-type: none; color: #58513A; text-decoration: none; display: block; background: url(images/bullet.png) no-repeat left 2px; background-position: -1px 2px; } .green { color: #A9E100; } /*--widget-formatting*/ .textwidget { padding: 5px; } a.tag-link-11 { text-decoration: none; margin: 3px; } #tag_cloud .widgettitle, .widget_text .widgettitle, .widget_calendar .widgettitle { text-align: left; border-bottom: 1px solid #BBB875; } #tag_cloud { text-align: center; } ul#recentcomments li.recentcomments { width: 150px; font-weight: 900; border-top: 1px solid #BBB875; padding: 2px 4px; } ul#recentcomments li.recentcomments a { border:0 ; width: 150px; font-weight: 400; } ul#recentcomments li.recentcomments a:hover { background-color: #E2DECF; } #calendar_wrap { } #wp-calendar { width: 150px; margin: 0 auto; } #wp-calendar a { text-decoration: none; padding: 1px 2px; background-color: #b63d13; color: #fff; } #prev { text-align: left; } #prev a { text-decoration: none; padding: 1px 2px; background-color: #E2DECF; color: #b63d13; } #next { text-align: right; } #next a { text-decoration: none; padding: 1px 2px; background-color: #E2DECF; color: #b63d13; } /*--navigation--*/ .navigation { float: left; width: 565px; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; } .navigation .alignleft a { font: 12px Arial, Helvetica, sans-serif; float: left; text-decoration: none; color: #6F6341; } .navigation .alignright a { font: 12px Arial, Helvetica, sans-serif; float: right; text-decoration: none; color: #6F6341; } /*--navigation--*/ .navigation2 { float: left; width: 600px; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; } .navigation2 .alignleft a { font: 12px Arial, Helvetica, sans-serif; float: left; text-decoration: none; color: #6F6341; } .navigation2 .alignright a { font: 12px Arial, Helvetica, sans-serif; float: right; text-decoration: none; color: #6F6341; } /*--gallery--*/ p.attachment { text-align: center; padding: 15px 10px; background-color: #dedcb6; border: 1px solid #c5c39b; } p.attachment a img { padding: 3px; background-color: #dedcb9; border: 1px solid #a6a371; } .navigation a img { padding: 3px; background-color: #dedcb9; border: 1px solid #a6a371; } .gallery-item a img { padding: 3px; background-color: #dedcb9; border: 1px solid #a6a371; } .gallery-item a:hover img { border: 1px solid #28567B; } .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; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .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; }