/* colour styles : dark */ body { background: #1c1c1c; font-size:12px; line-height:18px; font-family: 'Helvetica', sans-serif; } #wrap { width:90%; margin-left:5%;} /* font styles */ h1 { font-size:20px; line-height:41px; color:#ccc; padding:0px; margin:0px; font-weight:bold; margin-bottom:5px; margin-top:5px; } h2 { font-size:12px; line-height:11px; color:#eee; padding:0px; margin:0px; font-weight:bold; margin-bottom:2px; margin-top:2px; } h3 { font-size:12px; line-height:25px; color:#777; padding:0px; margin:0px; font-weight:normal; font-weight:bold; } h4 { font-size:15px; line-height:25px; color:#ccc; padding:0px; margin:0px; font-weight:normal; font-weight:bold; } h5 { font-size:13px; line-height:22px; color:#ccc; padding:0px; margin:0px; font-weight:normal; } h6 { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal; } p { color:#888; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family:'Helvetica',Arial, Helvetica, sans-serif; } /* list Styles */ ul { padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; } ul li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style:inside; list-style-type:square;} ol { padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; } ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style-type: decimal; } hr { background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;} /* link styles */ a:link {color:#ccc; font-weight:bold; text-decoration: none;} a:visited {color:#999; font-weight:bold; text-decoration: none;} a:hover {color:#FFF; text-decoration: none;} a:active {color:#999; text-decoration: none;} a:focus {outline-style: none;} /* header nav styles */ #header { width:100% } #logo { margin-top:50px; margin-bottom:0px; } #nav { width:800px; top left repeat-x; height:36px; overflow:hidden; } #nav ul { display: inline; list-style: none; margin:0px; padding:0px; height:36px; line-height:36px; clear:both; } #nav ul li { float: left; display: inline; font-size: 9px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; } #nav ul li a { display:block; height:36px; margin-right:20px; text-decoration:none; margin-top:0px; color:#666; } #nav ul li a:hover { color:#FFF; } /* footer styles */ #footer-area { width:800px; display:inline; float:left; padding-top:10px; margin-top:40px; margin-bottom:10px; clear:both; top left repeat-x; } #footer-area .widget { width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:11px; line-height:16px; color:#555; font-family:'Helvetica',Arial, Helvetica, sans-serif; } #footer-area .widget h3 { color:#777;} #footer-area .widget p { color:#ccc;} #footer-area .widget ul { margin-left:0px;} #footer-area .widget li { color:#ccc; } #footer-area .widget a { color:#777;} #footer-area .widget a:hover { color:#FFF;} #footer-area .widget-copy { width:300px; overflow:hidden; display:inline; float:left; margin-left:0px;} /* copyright styles */ #copyright { clear:both; width:800px; background:url(../images/dark/bg-row.png) top left repeat-x; display:inline; float:left; margin-top:20px; margin-bottom:20px; } #copyright p { padding-top:10px; color:#666; font-size:9px; font-weight:bold; } #copyright a {color:#ccc; text-decoration: none;} #copyright a:hover {color:#FFFF; text-decoration: underline;} /* post and page styles */ .type-post { width:800px; border-right:0px solid #000000; border-bottom:0px solid #000000; margin-right:10px; margin-top:5px; display:inline; float:left; } .type-page { width:800px; border-right:0px solid #000000; border-bottom:0px solid #000000; margin-right:10px; margin-top:0px; display:inline; float:left; } .type-attachment { width:800px; border-right:0px solid #000000; border-bottom:0px solid #000000; margin-right:10px; margin-top:5px; display:inline; float:left; } .gridly-copy { width:800px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; overflow:hidden; } .size-full { width:100%; height:inherit;} /* post index styles */ #post-area .post { width:310px; background:#161616; border-right:0px solid #000000; border-bottom:0px solid #000000; margin-right:10px; margin-top:5px; position:relative; } #post-area .post .gridly-copy { width:250px; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:3px; overflow:hidden; clear:both;} #post-area .post .gridly-date { width:150px; color:#666; font-size:9px; line-height:12px; border-bottom:0px dotted #cccccc; padding-bottom:2px; padding-top:0; } #post-area .post .gridly-link { width:150px; border-top:0px dotted #e8e8e8; color:#494e51;} /* single post nav styles */ .post-nav { width:35px; display:inline; float:left; margin-left:10px; margin-top:15px; } .post-next a { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; } .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;} .post-prev a { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;} .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;} /* comment styles */ .comments-area ol { list-style:none; margin:0; padding:0; border-bottom:1px solid #8e8e8e; } .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px; } .avatar { display:none;} .reply { display:none;} .comment-meta { display:none;} .comment-author { font-size:12px; font-weight:bold; font-family: 'Helvetica', sans-serif; } #comment-form { width:50%; } .text-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Helvetica, sans-serif; color:#555; font-size:12px; } .comment-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Helvetica, sans-serif; color:#555; font-size:12px; } .comment-submit { clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e; } /* Additional and WordPress styles */ .clear { clear:both;} .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; } .alignright { float: right; margin: 0 0 20px 20px; } .wp-caption { text-align: left; margin-top:5px; margin-bottom:5px; } .wp-caption-text { margin-top:2px; text-align:left; font-style:italic; font-size:11px; color:#999; } .sticky {} .gallery-caption {} .bypostauthor {} blockquote { background: #161616 url(http://www.humancreative.co.uk/wp-content/themes/gridly/images/dark/quote.png) no-repeat 17px 21px; font-size:18px; font-style: normal; line-height:24px; padding: 10px 20px 12px 55px; } /* end of css file */