/* Theme Name: Bright Property Theme Description: The WordPress theme was designed by The Landlord. Version: 1.0 Author: Maruf Rahman Author URI: http://www.propertyinvestmentproject.co.uk/ Tags: fixed-width, green, blue, red, fixed-width, two-columns, right-sidebar This theme was designed and built by Maruf Rahman, whose blog you will find at http://www.propertyinvestmentproject.co.uk/ If you have any questions about this theme, please visit http://www.propertyinvestmentproject.co.uk/blog/2008/09/18/start-your-own-property-blog/ */ /* Global ------------------------------------------------------------------*/ html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin:0; padding:0; } ul,li { list-style-type:none; } a{ outline: none; text-decoration:none; } body { margin:0; padding:0; text-align:center; background:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; } /* Structure ------------------------------------------------------------------*/ #wrapper{ margin: 0 auto; width:900px; text-align:left; } /* Header ------------------------------------------------------------------*/ #header{ float:left; width:900px; } #navigation{ float:left; width:900px; border-bottom:2px solid red; } #navigation li{ float:left; margin:10px 10px 0 0; } #navigation li a{ color:#fff; float:left; padding:8px; font-size:16px; background:#A2D369; } #navigation li a:hover{ color:#A2D369; text-decoration:none; background:#fff; } #navigationlinks{ float:left; width:670px; } #navigationsearchbox{ float:right; } #mainheaderimage{ float:left; width:900px; height:239px; background:url('images/headersplashbg.jpg') no-repeat; margin-bottom:20px; border-top:4px solid red; border-bottom:4px solid red; } #logo{ margin:20px 0 40px 0; } h1{ font-size:45px; letter-spacing:-0.1em; } h1 a{ color:#fff; } #mainheaderimage h1{ text-align:right; margin:10px; } /* Search ------------------------------------------------------------------*/ input.searchbg{ padding:3px; border:1px solid #c0c0c0; width:195px; color:#999; } #searchmenu{ float:left; } #searchsubmitbtn{ position:relative; bottom:1px; right:10px; float:left; } #searchformalign{ position:relative; margin-top:9px; } /* Content ------------------------------------------------------------------*/ #maincontent{ float:left; width:900px; } #maincontent .posttitle a{ font-size:38px; color:#EC005E; } #maincontent .posttitle a:hover{ background:#EC005E; color:#fff; } #contentleft{ float:left; width:650px; } #contentright{ float:left; width:250px; } #introduction{ font-size:16px; line-height:2.0em; letter-spacing:0.1em; margin-bottom:20px; margin-top:20px; width:900px; } .post{ margin-bottom:35px; float:left; width:630px; } .posttitle{ width:630px; } .postdate{ font-style:italic; letter-spacing:0.1em; color:#999; width:630px; } .postdate a{ color:red; } .postdate a:hover{ background:red; color:#fff; } .postcontent{ float:left; font-size:14px; line-height:1.8em; width:610px; margin-top:10px; margin-bottom:10px; } .postcontent img{ margin: 0 10px 0 0; float:left; } .postcontent p{ width:610px; margin-bottom:15px; } .posttags{ float:left; margin:0 0 5px 0; width:550px; font-weight:bold; } .postleft{ width:550px; float:left; height:60px; } .posttags a, .postcategory a{ color:#13ACD5; font-weight:normal; } .posttags a:hover, .postcategory a:hover{ color:#fff; background:#13ACD5; } .postcomments{ float:left; width:50px; height:60px; background:red; font-weight:bold; background:url('images/commenticon.gif') no-repeat; margin-right:15px; } .commentcount{ position:relative; top:5px; width:50px; text-align:center; } .commentcount a{ color:#7C9F54; font-size:18px; } .commentcount a:hover{ background:#7C9F54; color:#fff; } .postcategory{ float:left; margin:5px 0 5px 0; width:550px; font-weight:bold; } .paging{ width:640px; float:left; margin-top:30px; } .paging a{ font-size:28px; color:#13ACD5; } .paging a:hover{ color:#fff; background:#13ACD5; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft{ width:320px; float:left; } .alignright{ width:320px; float:right; text-align:right; } blockquote { border-left:4px solid #666; margin:10px; padding:0 0 10px 10px; letter-spacing:1px; color:#666; } .postcontent ul, .postcontent ol{ margin-left:25px; } .postcontent li{ list-style-type:disc; } #titlearchive{ width:600px; margin-bottom:30px; } #titlearchive h1{ font-size:40px; letter-spacing:0.1px; } h2{ font-size:30px; } .notfound404{ width:600px; float:left; margin:10px 0 10px 0; } /* comments ------------*/ #commentwrap, #commentreplies{ float:left; margin:20px 0 0 0; } #commentwrap textarea{ width:500px; color:#666; } #commentwrap input{ color:#666; } .commentitle{ border-bottom:#666 solid 2px; float:left; width:610px; } #commentwrap h3, #commentreplies h3{ background:#333; float:left; padding: 8px; font-size:13px; color:#fff; } #commentform{ float:left; padding-top:10px; } ol.commentlist{ float:left; width:590px; } ol.commentlist li{ float:left; width:600px; padding:10px 0 10px 10px; border-bottom:1px solid red; background:#fff; } ol.commentlist p a{ color:#333; } ol.commentlist p a:hover{ color:#666; } .commentwrapper{ float:left; } .commentleft{ float:left; } .commentright{ float:right; } .commentcentre{ float:left; width:120px; } .commentright p{ width:430px; padding-left:10px; line-height:1.5em; } .commentsavatar{ border:#c0c0c0 solid 1px; padding:4px; margin-right:5px; float:left; } .commentauthor{ font-size:11px; color:#333; font-weight:bold; float:left; width:120px; padding-left:5px; } .commentauthor a{ color:#7FC82A; } .commentauthor a:hover{ background:#7FC82A; color:#fff; } .commentdate{ font-size:11px; color:#999; width:120px; padding-left:5px; } .commentcomment{ float:left; font-size:13px; } .commentcomment em{ color:#999; padding-left:8px; } #commentwrap input{ padding:2px; border:0px; margin:10px 10px 10px 0; border:1px solid #666; } #commentwrap textarea{ padding:0px; border:0px; border:1px solid #666; width:610px; } #commentwrap label{ color:#666; font-weight:bold; } #commentloggedin{ color:#666; font-weight:bold; float:left; font-size:12px; margin:10px 10px 10px 0; } #commentloggedin a{ color:#666; } #commentloggedin a:hover{ text-decoration:none; background:#FAFAFA; } .commentedit{ width:430px; padding-left:10px; margin-top:15px; } .commentedit a{ color:red; } .commentedit a:hover{ background:red; color:#fff; } #submit{ text-transform: uppercase; font-size:11px; font-weight:bold; } #youmustbe{ font-family: Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:-0.1em; font-weight:bold; color:#333; margin:10px 0 10px 0; } #youmustbe a{ color:#666; } #youmustbe a:hover{ background:#c0c0c0; } /* Footer ------------------------------------------------------------------*/ #footer{ width:900px; float:left; margin-top:30px; border-top:2px solid #eee; border-bottom:2px solid #eee; padding:15px 0 15px 0; } .footercontainer{ width:270px; float:left; margin:10px 43px 10px 0px; } .footercontainer li, .footercontainerright li{ padding: 5px 0 5px 0; border-bottom:dashed 1px #999; } .footercontainer a, .footercontainerright a{ font-size:16px; width:270px; display:block; color:#BADD92; } .footercontainer a:hover, .footercontainerright a:hover{ background:#BADD92; color:#fff; } .footercontainerright{ width:270px; float:left; margin:10px 0px 10px 0px; } #footer h3{ color:#C4EC95; font-size:32px; } #disclaimer{ width:900px; float:left; margin:30px 0 30px 0; color:#999; } #disclaimer a{ color:#999; } /* Sidebar ------------------------------------------------------------------*/ #sidebar{ width:250px; float:left; } #sidebar h3{ color:#A2D369; font-size:35px; } .sidebarcontainer{ margin-bottom:20px; } ul.children li{ border:none; padding-left:15px; } .sidebarcontainer li{ padding: 5px 0 5px 0; border-bottom:dashed 1px #666; } .sidebarcontainer a{ font-size:16px; display:block; color:#7FC82A; } .sidebarcontainer a:hover{ background:#7FC82A; color:#fff; } /* wp essentials ------------------------------------------------------------------*/ .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; }