/* ................................... */ /* COLOURS Background ffffff Text 5c5c5c Links 0b3353 Visited Links 13588f Hover Links c11d2c Headers 9cc Sub-Headers 699 /* 1 Imports ................................... */ @import'reset.css'; @import'typography.css'; @import'layout.css'; @import'forms.css'; /* STYLESHEET SECTIONS 1 Generic Styles 2 Header 3 Navigation 4 Content 5 Footer 6 Modernizer ................................... */ /* 1 Generic Styles ................................... */ body {} .container {} /* define some common positioning settings */ #aside, #footer div {float:left;} #content_main {float:right;} #header, #content {position:relative;} h1#branding, #report, #report-img, #tagline {position:absolute;} /* classes */ .rss {background:url(../images/feed-icon-16x16.png) no-repeat left center;padding-left:19px;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .button {background:url(../images/but-report.png) no-repeat top center;display:inline-block;width:387px;height:51px;text-indent:-9999px;margin-bottom:0.5em;} .wpmlbutton .button {background-image:none;background:#123265;width:220px;height:32px;text-indent:0px;color:#fff;} a.button:hover {background:url(../images/but-report.png) no-repeat bottom center;} /* 2 Header ................................... */ #header {height:215px;width:100%;} h1#branding {left:0;top:70px;background:url(../images/logo.png) no-repeat;width:385px;height:58px;} h1#branding a {display:block;width:385px;height:58px;text-indent:-9999px;} #report {width:670px;right:0;bottom:14px;padding:15px 20px;background-color:#eceee8;} #report a {background-color:#113265; padding:8px 20px;color:#fff;margin-right:15px;font-size:1.1em;} #report a:hover {background-color:#0F4FB1;} #report-img {right:15px;top:2px;} #tagline {top:20px;left:0;color:#fff;font-weight:bold;} #tagline a {color:#fff;} /* 3 Navigation ................................... */ /*div.menu ul {list-style:none;margin:0 0 5em 0;padding:0;} #div.menu ul a:focus,div.menu ul a:hover {background:#cec7c1;text-decoration:none;color:#0b2244;} div.menu ul a {width:160px;display:inline-block;margin:5px 10px;padding:5px 15px;background:#a2988f;color:#fff;font-weight:bold;text-transform:capitalize;}*/ div.menu ul {list-style:none;margin:1em 0 5em 0;padding:0;} #div.menu ul a:focus,div.menu ul a:hover {background:#0F4FB1;text-decoration:none;color:#fff;} div.menu ul a {width:160px;display:inline-block;margin:5px 10px;padding:5px 15px;background:#fff;color:#113265;font-weight:normal;text-transform:capitalize;} /* 4 Content ................................... */ #content {width:940px;background:url(../images/bg-aside.gif) no-repeat top left;} #content_main {width:710px;padding:40px 0;} #content_main h1 {width:475px;} #content_main .post-list .postsubhead {margin:0;padding:0;font-size:.9em;color:#666;} #content_main .post-list .postbody {margin:4px 0 4px 0;padding:0;} #content_main .post-list .postbody p {margin:0;padding:0;} #content_main .blog-post-list {list-style:none;margin:0;padding:0;} #content_main .blog-post-list h4 {display:block;background:#113265;margin:10px 0;padding:10px;font-size:1.6em;color:#fff;font-family: Georgia, serif;} #content_main .blog-post-list h4 a {color:#fff;} #content_main .blog-post-list li {} #content_main .blog-post-list .postsubhead {margin:0 0 0 10px;padding:0;font-size:.9em;color:#666;} #content_main .blog-post-list .postbody {margin:4px 0 20px 0;padding:0;} #content_main .blog-post-list .postbody p {margin:10px 0;padding:0;font-size:1.1em;padding:0 10px;} #content_main .blog-post-list .postbody p a {text-decoration:underline;} #content_main h4 {font-size:1.3em;font-weight:bold;} #aside {width:210px;margin-top:-65px;z-index:2;background:url(../images/bg-aside.gif) no-repeat top left;} #aside .menu {margin:0;padding:0;} #aside .menu ul {margin:0 0 6px 0;padding:0;} .homeitem { border: 1px solid #F1EFEB; padding: 10px; margin: 0 0 10px 0; } #homeblog { width: 400px; float: left; margin: 0 10px 0 0; } #homeblog img { float: left; margin: 0 10px 10px 0; border: 0; } #homeblog h4 { margin: 2px 0; padding:0; font-size:18px; font-family: Georgia, serif; color:#113265; } #homeblog a { color:#113265; } #homeblog p { margin: 6px 0;} #homeblog .blogdate { font-size: 10px; margin: 0; padding: 0; } #homemyth { width: 290px; float: right; color:#113265; } #homemyth h4 { font-size: 12px; font-weight: bold; color: #000; line-height:1.6em; } #homereality { width: 270px; float: right; background: #F1EFEB; padding: 10px; color:#113265; } #homereality p { font-size: 12px; font-weight: bold; margin: 6px 0; color: #000; line-height:1.6em; } #blogroll { /*float:right;*/ padding: 20px; /*margin:20px 0;*/ background-color:#F1EFEB; /*width: 200px;*/ color:#666; } #blogroll a { color:#666; } #blogroll h3 { font-size:1.1em; margin-bottom:2px; border:0; color:#333; font-weight:normal; } #blogroll h4 { font-size:1.1em; line-height:1.25; margin-bottom:0.25em; } #blogroll ul { list-style:none; padding:0; margin:0; } #blogroll li { list-style:none; display:block; line-height:1.15em; margin:6px 0; } .toc li {font-size:1.3em;font-weight:bold;} /*.five-points {float:left;padding:1.5em;background-color:#cfdadb;border:1px solid #bbcbcd;margin:0.5em 0.5em 0.5em 0;width:40%;} .five-points, .five-points h3, .conclusion {color:#2c3a3b;}.five-points h3 {border-bottom:1px solid #2c3a3b;} .five-points ol {margin:0 1.5em;padding:0;} .five-points li {font-size:1.1em;font-weight:bold;} .conclusion {float:right;width:40%;padding:1.5em;background-color:#eae7e1;border:1px solid #dcd7cd;margin:0.5em 0 0.5em 0.5em;color:#504838;}*/ .five-points {padding:1.5em;background-color:#F1EFEB;margin:0.5em 0;} .five-points, .five-points h3, .conclusion {color:#2c3a3b;}.five-points h3 {border-bottom:1px solid #2c3a3b;} .five-points ol {margin:0 1.5em;padding:0;} .five-points li {font-size:1.1em;font-weight:bold;} .conclusion {margin:1.5em 0;color:#000;font-size:1.1em;} #topquote {margin:-1.5em 0 1.5em 0;color:#666;font-style:italic;font-weight:bold;width:475px;font-size:1.1em;} #topquote cite {font-style:italic;} .post-list {list-style:none;margin:1.5em 10px;padding:0;} .post-list li {padding:1.5em 0 0.5em 0;/*border-top:#eee 1px solid;*/border-bottom:#eee 1px solid;} /* SignUp - Home Pop Modal */ /* Z-index of #mask must lower than #boxes .window */ #mask { position:absolute; z-index:9000; background-color:#000; display:none; } #boxes .window { position:absolute; width:440px; height:200px; display:none; z-index:9999; padding:20px; } /* Customize your modal window here, you can add background image too */ #boxes #dialog { width:375px; height:203px; background: #FFF; color: #444; border: 4px solid #CCC; } #basic-modal-content {display:none; color:#fff;} #basic-modal-content .wpml { width: 250px; height: 24px; } #basic-modal-content .h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; } /* Overlay */ #simplemodal-overlay {background-color:#000; cursor:wait;} /* Container */ #simplemodal-container {height:330px; width:400px; color:#bbb; background-color:#333; border:4px solid #FFF; padding:12px;} #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color:#fff; text-transform: none; border: none;} /* 5 Footer ................................... */ #footer-wrap {width:100%;clear:both;background:#123265;} #footer {background:url(../images/bg-footer.gif) left top no-repeat;padding:2em 0 1em 230px;width:710px;color:#fff;font-weight:300;} #footer div {margin-right:25px;} #footer a {color:#fff;} /* clearfix */ .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* 6 Modernizer ................................... */