/* @override http://rosiebrownrn.com/wp-content/themes/rosiebrown/style.css */ /* Theme Name: Rosie Brown Theme URI: www.rosiebrownrn.com Description: Developed by Sabramedia, LLC Version: 1.0 Author: Sabramedia, LLC Author URI: http://sabramedia.com */ /* ----------RESET----------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } body, html { color: #636363; font-family: Georgia, serif; font-size: 13px; line-height: 1.5em; } html { background: url(images/bgr.jpg) repeat center top; } body { background: url(images/bg.jpg) repeat-x center top; } #wrapper { background: url(images/header7.jpg) no-repeat center top; } #container { margin: 0 auto; width: 980px; } /* -------------HEADER-------------- */ #header { height: 230px; } #header ul#main-nav { position: relative; top: 158px; left: 3px; } #header ul#main-nav li {display: inline-block; *display: inline; /*DISPLAY INLINE-BLOCK HACK FOR IE*/ *padding-right: 2px; zoom: 1; } #header ul#main-nav a { float: left; text-indent: -9999px; height: 40px; } #header ul#main-nav a.home { width: 63px; } #header ul#main-nav a.blog { width: 56px; } #header ul#main-nav a.about { width: 66px; } #header ul#main-nav a.recommends { width: 150px; } #header ul#main-nav a.story { width: 147px; } #header ul#main-nav a.events { width: 68px; } #header ul#main-nav a.contact { width: 70px; } #header ul#main-nav a:hover { border-bottom: 2px solid #915d1a;} /* ----------TEXT STYLES------------ */ #content p { margin-bottom: 10px; } a { color: #0786c1 } #content img { border: 1px solid #CCC; padding: 5px; } /* ----------MAIN CONTENT----------- */ #content { float: left; width: 650px; min-height: 400px; background: white url(images/paper-bottom.jpg) no-repeat center bottom; margin-top: 10px; padding-bottom: 20px;} #content h2.page-title { font-size: 32px; font-weight: normal; color: #0786c1; line-height: 32px; text-decoration: none; margin-bottom: 10px;} #content h2.page-heading { font-size: 32px; font-weight: normal; color: #0786c1; line-height: 32px; text-decoration: none; margin: 20px;} #content img.alignleft { float: left; margin: 0 20px 10px 0;} #content .post { padding: 20px; border-top: 1px dotted #CCC; } #content .post:first-child { border: none; } #content .post h2 a { font-size: 24px; font-weight: normal; color: #0786c1; line-height: 32px; text-decoration: none; } #content .post img.preview { border: 1px solid #CCC; padding: 5px; float: left; } #content .post .post-excerpt { float: right; width: 450px; } #content .post .post-excerpt h2 { font-size: 32px; font-weight: normal; color: #0786c1; line-height: 32px; text-decoration: none; } #content .post .post-excerpt span.date, #content .post small { font: bold 11px Helvetica, Arial, Verdana, sans-serif;} /*#content .post .entry { margin-top: 20px; border-top: 1px solid #CCC; padding-top: 20px;}*/ #content .post .entry h2 { text-decoration: none; } #content .post p.tags { font: bold 10px Helvetica, Arial, Verdana, sans-serif; } #content .feature { background: url(images/feature3.jpg) no-repeat center top; height: 204px; padding: 55px 30px 20px 20px; margin-top: -14px; position: relative; } #content .feature .post-excerpt { width: 320px; position: absolute; top: 62px; right: 34px; } #content .feature .post-excerpt h2 { font-size: 32px; font-weight: normal; color: #0786c1;} #content .feature .post-excerpt ul#signup { margin: 45px 0 0 0; } #content .feature .post-excerpt ul li { margin: 10px 0; font-size: 16px; background: url(images/check.png) no-repeat left center; padding: 0 0 0 30px;} #content .feature .post-excerpt input { margin: 4px; padding: 3px; float: left; width: 140px;} #content .feature input.submit { background: #e1b669; padding: 5px; width: 150px; border: 1px solid #566e2b; color: #003366; font-weight: bold; text-transform: uppercase; -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-box-shadow:0 0px 2px #566e2b; -moz-box-shadow:0 0px 2px #566e2b;} #content .feature input.submit:hover { background: #eec781; cursor: pointer;} #content .feature img#tree { position: relative; top: -73px; left: 11px; border: 0;} #content .post .postmetadata { border-top: 2px dotted #DDD; padding-top: 10px; margin-top: 15px; font: bold 11px Helvetica, Arial, Verdana, sans-serif;} #content .post .postmetadata a { font-weight: normal;} #content .post p.tags { font: bold 10px Helvetica, Arial, Verdana, sans-serif; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px;} #content .post .entry ul#books li.row p a img { } .navigation { padding: 0 20px; } .alignleft { float: left; } .alignright { float: right; } /* ------------COMMENTS------------- */ #content #comments { padding: 0 20px; } #content #comments h3#responses { font-size: 18px; margin-bottom: 20px; } #content #comments h3.leave-reply { font-size: 18px; margin-bottom: 5px; border-top: 1px solid #CCC; padding-top: 20px; } #content #comments .comment-body { border-top: 1px solid #CCC; padding: 20px 0;} #content #comments .comment-body img.photo { float: left; margin: 0 10px 10px 0; } #content #comments #respond textarea#comment { width: 100%; } #content #comments .comment-body p { margin-top: 16px; } /*----------SIDE CONTENT-----------*/ #side-content { float: right; width: 320px; } #side-content h3 { background: url(images/tag.png) no-repeat center center; height: 48px; line-height: 48px; padding: 0 20px; color: #4f4f4f; clear: both; margin: 0 0 5px 0; font-weight: normal; font-size: 24px;} #side-content h3 span { color: #0786c1; } #side-content h3.testimonial { background: url(images/nametag.png) no-repeat center center; height: 36px; line-height: 36px; padding: 0 10px; color: #4f4f4f; clear: both; margin: 0 0 5px 0; font-weight: normal; margin: 0 0 25px 0; font-size: 13px; } #side-content p.testimonial { color: #675734; width: 200px; float: right; margin: 0 0 10px 0; } #side-content img.testimonial { float: left; margin: 0 10px 0 0; } #side-content img.book { float: left; } #side-content img.rosie { float: left; margin: 0 10px 10px 0; } #side-content p.rosie { color: #675734; width: 120px; float: right; margin-bottom: 10px;} #side-content a.rosie { width: 120px; float: right; margin-bottom: 25px;} #side-content img.social-icon { float: left; height: 50px; width: 50px; margin-right: 10px;} #side-blog { float: right; width: 320px; margin-top: 10px;} /*#side-blog h2.widgettitle { font-size: 18px; font-family: Helvetica, Arial, sans-serif; margin-bottom: 2px; }*/ #side-blog h2.widgettitle { background: url(images/tag.png) no-repeat center center; height: 48px; line-height: 48px; padding: 0 20px; color: #4f4f4f; clear: both; margin: 0 0 5px 0; font-weight: normal; font-size: 24px;} #side-blog .widget { margin-bottom: 20px;} #side-blog .widget ul { margin-left: 10px; } #side-blog .widget ul li { margin-bottom: 5px;} #book { margin-bottom: 5px; padding: 0 10px;} #book h2.book { font-size: 20px; text-align: center; font-style: italic; margin-bottom: 10px; color: #003366; } #book p { width: 170px; float: left; margin-top: 15px;} #book img.book { float: right; } #book img.paypal { margin-top: 25px; } #side-content #twitter { padding: 0 10px; } #side-content #twitter ul li { border-bottom: 1px dotted #675734; padding: 10px 0; } #side-content #twitter a#twitter-link { margin: 10px 0; text-decoration: none;} /* -------------FOOTER-------------- */ #footer { clear: both; width: 980px; color: #675734; padding: 15px; height: 35px;} #footer p a { color: #675734; } #footer ul#footer-nav { } #footer ul#footer-nav li { display: inline; margin: 10px;} #footer ul#footer-nav li a { color: #675734; text-decoration: none; border-right: 1px solid; padding-right: 20px;} #footer ul#footer-nav li a.last { border: none; } #footer ul#footer-nav li a:hover { text-decoration: underline; } /* -------------CLEARFIX-------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }