body { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0px; padding: 0px; font-size: 10px; } a img {border:none; } #topcontent { height: 110px; width: 100%; background-color: #3C5A98; margin: 0px; padding: 0px; color: #FFFFFF; } #userinfo { float: left; width: 50em; margin-left: 1em; } #whatdoyou { float: left; width: 30em; margin-left: 1em; height: 3.7em; margin-top: 1em; background-image: url(../assets/images/site/statebook/whatdoyou-back.gif); background-repeat: no-repeat; padding-left: 0.4em; background-position-x: 0px; background-position-y: -5px; } #whatdoyouinner { float: left; width: 28em; height: 2em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; padding-left: 0.5em; padding-top: 0.5em; font-size: 1.4em; line-height: 1em; } #topcontent ul { float: left; padding-top: 3em; margin-top: 1em; } #topcontent li { list-style-type: none; display: inline; margin-top: 1em; margin-right: 1em; float: left; clear: none; font-weight: bold; font-size: 1.6em; } #maincontent { width: 97em; } #maincontentleft { margin-top: 1em; margin-right: 1em; width: 66em; float: left; } #tabrow { width: 65em; margin-top: 1.5em; margin-left: 1em; height: 4em; } #tabrow div { float: left; font-size: 1.2em; line-height: 1.2em; height: 1.2em; color: #3C5A98; font-weight: bold; } #pagecontent { margin-left: 1.5em; } .tabrowspacer { width: 0.4em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 0.4em; } .heretabrow { padding-top: 0.3em; padding-right: 0.6em; padding-bottom: 0.1em; padding-left: 0.6em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #FFFFFF; border-left-color: #CCCCCC; height: 1em; color: #000000; } .black { color: #000000; } #tabrow a, #tabrow a:link, #tabrow a:visited { display: block; background-color: #D8DFEA; padding-top: 0.3em; padding-right: 0.6em; padding-bottom: 0.2em; padding-left: 0.6em; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-width: 1px; border-bottom-color: #CED5DF; } #tabrow a:hover { color: #FFFFFF; background-color: #3C5A98; text-decoration: none; } #statusbar { margin-top: 1em; margin-left: 2em; width: 60em; } #topcontent ul { margin: 0px; padding-top: 2.8em; padding-right: 0px; padding-bottom: 0px; padding-left: 2em; } #maincontentright { margin-top: 1em; width: 26em; float: left; } #ads, #apps, #takeaction { padding: 0.7em; border: 1px solid #CCCCCC; margin-bottom: 1em; } .floatleft { clear: none; float: left; } /* HEADERS */ h2, h3, h4, h5, h6 { color: #3b5998; border-top: 1px solid #cccccc; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } /* POSTS & PAGES */ .post { width: 100%; margin: 0; float: left; display: block; } .post h2.post-title { float: left; width: 100%; display: block; font-size: 1em; margin: 2px 0; padding: 2px 0 0 0; text-indent: 25px; background: transparent url(http://www.statebook.co.uk/css/images/note.gif) no-repeat 0 .2em; border-top: 1px solid #cccccc; } .post h2.post-title a, .post h2.post-title a:hover { color: #3b5998; } .post p.post-time { font-size: .9em; margin: 2px 0 0 0; } .entry { float: left; width: 100%; display: block; margin: 10px 0; } .post h2 { font-size: 1em; } /* blockquotes */ blockquote { color: #5e5f5e; } blockquote blockquote { color: #858785; } /* links */ a { color: #3b5998; text-decoration: none; } a:hover { color: #3b5998; text-decoration: underline; } /* images */ .post a img, .post img { border: 2px solid #3b5998; } /* lists */ .post ul { list-style-type: square; } .post ul li { margin: 0; padding: 0; } .post ol { margin: 0; padding: 0 0 0 25px; } .post ol li { margin: 1px 0; padding: 0; } /* postmetadata */ p.postmetadata { float: left; width: 100%; text-align: left; margin: 15px 0 0 0; padding: 0 0 5px 0; } /* tables */ .post table { border: none; background: #ffffff; } .post tr, .post td { border: 1px solid #3b5998; } /* other basics & typography */ small { font-size: .9em; } /* navigation & left, right, center alignment */ .navigation { padding: 25px 0; width: 100%; display: block; float: left; } .previous { float: left; width: 45%; } .left, .alignleft { float: left; margin: 0 15px 15px 0; } .next { float: right; width: 45%; } .right, .alignleft { float: right; margin: 0 0 15px 15px; } .center { text-align: center; margin: 0 auto; display: block; } .clear { clear: both; } /* COMMENTS */ #comments-template { width: 99%; float: left; display: block; } #comments-template ol { list-style-type: none; margin: 0; padding: 0; } #comments-template ol li { margin: 5px 0; padding: 0 5px; } #comments-template fieldset { border: none; } #comments-template form { padding: 5px; margin: -10px 0 0 0; background: #eeeeee; border-bottom: 1px solid #cccccc; } #comments-template legend { border: none; } #comments-template textarea { width: 99%; border: 1px solid #3b5998; } #comments-template input { width: 40%; border: 1px solid #3b5998; } #comments-template input.submitcomment, #comments-template input.resetcomment { width: 100px; color: #ffffff; background: #3b5998; } .comment-meta-data { padding: 5px; margin: 0; background: #eeeeee; border-top: 1px solid #3b5998; border-bottom: 1px solid #cccccc; } .comment-text { padding: 0 5px; margin: 0; } h3#comments, h3#respond { font-size: 1em; margin: 10px 0; padding: 0; text-indent: 5px; border-top: 1px solid #3b5998; background: #d8dfea; } /* SIDEBAR */ #sidebar, #sidebar2 { font-size: 1em; background: transparent; margin: 0; padding: 0; } #sidebar { width: 136px; float: left; } #sidebar2 { width: 200px; float: right; margin: 0 11px 0 0; padding: 20px 0; } #sidebar .menu, #sidebar2 .menu { margin: 0 0 5px 0; width: 100%; display: block; float: left; } #sidebar h2.menu-header, #sidebar2 h2.menu-header { font-size: 1em; margin: 0; padding: 0; background: #d8dfea; border-top: 1px solid #324e8b; } #sidebar h2.menu-header span, #sidebar2 h2.menu-header span { margin-left: 23px; } #sidebar ul, #sidebar2 ul { list-style-type: none; margin: 0; padding: 0; } #sidebar ul li, #sidebar2 ul li { padding: 0; margin: 0 0 0 10px; } #sidebar div, #sidebar2 div { padding: 0; margin: 0; } #sidebar2 .about ul li { width: 100%; border-bottom: 1px solid #3b5998; padding: 0; margin: 0; } #sidebar ul li a, #sidebar2 ul li a { color: #3b5998; padding: 1px 0 1px 0; text-decoration: none; } #sidebar2 .about ul li a { padding: 0 0 0 5px; display: block; } #sidebar ul li a:hover, #sidebar2 ul li a:hover { color: #3b5998; text-decoration: underline; } #sidebar2 .about ul li a:hover { color: #ffffff; background: #3b5998; text-decoration: none; } #sidebar ul li ul { margin: 0; padding: 0; border: none; } #sidebar ul li ul li { padding: 0; margin: 0 0 0 10px; } /* sidebar feed */ #sidebar ul.feed, #sidebar2 ul.feed { width: 100%; display: block; float: left; border: none; margin: 10px 0; padding: 0 0 5px 0; } #sidebar ul.feed li { float: left; width: 100%; background: transparent url(http://www.statebook.co.uk/css/images/feed.gif) no-repeat left top; border: none; margin: 0; padding: 0; } #sidebar ul.feed li a, #sidebar2 ul.feed li a { text-indent: 25px; display: block; height: 16px; width: 100%; float: left; } #sidebar ul.feed li a:hover, #sidebar2 ul.feed li a:hover { background: transparent; text-indent: 25px; } /* about - sidebar2 */ #sidebar2 .about { margin: 0 0 20px 0; } .about p { margin: 0; padding: 0; } .about ul { margin: 0; padding: 0; } /* search */ #sidebar .search { text-align: center; padding: 10px 0; margin: -12px 0 0 0; background: #3b5998; border-bottom: 5px solid #6d84b4; } #sidebar .search form { margin: 0 2px; } #sidebar input#s { width: 96%; border: 1px solid #809595; } /* wp-calendar */ table#wp-calendar { width: 80%; margin: 0 auto; } /* ads for the bottom of sidebar */ .ads { padding-top: 20px; text-align: center; } /* SIDEBAR WIDGET STYLES */ /* blogroll widget */ li#linkcat-2 { list-style-type: none; margin: 0; padding: 0; } /* flickr widget & other images in the sidebar */ /* NEED TO ADD CSS FOR THIS */ #sidebar img, #sidebar2 img { border: none; } /* recent comments widget */ ul#recentcomments li a, ul#recentcomments li a:hover { border: none; background: transparent; text-indent: 0; } /* Flickr RSS */ .flickr img { margin: 5px 10px; padding: 0; } /* FOOTER */ #footer { margin: 0; padding: 0 0 20px 0; background: #ffffff; border-top: 1px solid #324e8b; } #footer p { margin: 2px 0; font-size: .9em; } #footer a:hover { text-decoration: underline; } #footerimage { margin-right: 0.5em; float: left; } /* "We multiply distinctions, then Deem that our puny boundaries are things That we perceive, and not that we have made." ~ William Wordsworth, The Prelude, 1850 */ .application { margin-bottom: 1em; border: 1px solid #CCCCCC; } .sidebartitle { font-size: 1.2em; line-height: 1.2px; padding: 0px; margin-top: 0.5em; margin-bottom: 0.5em; } p, ul, li { font-size: 1.2em; } #topcontent a, #topcontent a:visited { color: #FFFFFF; } #topcontent a:hover { color: #D8DFEA; text-decoration: none; } #application { width: 570px; padding: 10px; margin: 10px; border: 5px solid #999999; } #applicationinfo { width: 580px; padding: 10px; margin: 10px; } a { font-weight: bold; text-decoration: none; } #ads p, #apps p { padding-bottom: 1em; } .floatleft { float: left; margin-right: 1em; } /* BOOKMARKS */ .bookmarks, #bookmarks { display : block; clear: both; margin-top: 1em; } #bookmarks ul { float: left; padding-right: 0em; padding-bottom: 0em; padding-left: 0px; margin: 0em; padding-top: 0px; left: 0px; } #bookmarks li, #bookmarks ul li, #bookmarks ul { display: block; float: left; padding-right: 0.4em; padding-bottom: 0em; padding-left: 0px; list-style-type: none; margin: 0em; padding-top: 0px; } #insidepagelinksinfocolumn ul { left: -0.5em; } #insidepagelinksinfocolumn ul li { margin-left: 2em; left: -2em; } #betabar { background-color: #D8DFEA; padding-top: 0.5em; padding-left: 0.5em; height: 2em; } #betabar p { padding: 0; margin: 0; } #bookmarksdiv { float: left; } #credits { margin-top: 1.4em; margin-left 1em; }