/* Theme Name: Blue Simple Theme URI: http://www.rorydevlin.com/simple-blue-theme Description: First Release of my first ever wordpress theme, please report any bugs to roryd@me.com, Thanks to Elliot Jay Stocks this theme is built on the Starkers Theme .The theme is designed to use the WP-PageNavi Plugin for Pagination of posts, Simply install and activated the plugin and it should work right away. Thanks & Enjoy.. Version: 1.0 Author: Rory Devlin Author URI: http://www.rorydevlin.com/ Tags: blue,white,right-sidebar,two-columns,right-sidebar,fixed-width */ @import "style/css/reset.css"; @import "style/css/layout.css"; @import "style/css/typography.css"; /* Global reset */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } body{ background-color: #dde0e5; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; font-weight: 100;} #header-top{ width:811px; height: 10px; display: block; background-image: url(style/images/headertop.gif); background-repeat: no-repeat; background-position: bottom; margin-left: auto; margin-right: auto;} #header{ width:811px; background-image: url(style/images/header.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto;} #header-bottom{ width: 811px; clear: both;} #logo{ float: left;} .blogtitle,.blogtitle a:link,.blogtitle a:active,.blogtitle a:visited{ color:#fafafa; font-size: 30px; font-weight: normal; text-decoration: none; padding-left: 10px; padding-bottom: 5px; text-shadow: #001560 0px 0px 4px;} .description{ display: inline; float: left; font-size: 13px; color: #fafafa; padding-top:10px; margin-left: 20px; text-shadow: #001560 0px 0px 3px;} #search{ background-image: url(style/images/search2.gif); background-repeat: no-repeat; height:27px; width:200px; float: right; margin:3px 15px 0 0; display: inline;} #searchform{ } #searchform input{ font-size: 14px; margin: 5px 0px 0 24px; width: 165px; border: none;} #s{ background: transparent;} #container{ width:811px; background-image: url(style/images/bg.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto;} .post_title,.post_title h2,.post_title a:link,.post_title a:active,.post_title a:visited{ font-size: 21px; color:#1b1b1c; text-decoration:none; font-weight: normal; padding-top: 5px; padding-left: 7px;} .post_title a:hover { color: #1b1ef9; text-decoration: none;} .page_title{ font-size: 21px; color:#1b1b1c; text-decoration:none; font-weight: normal; padding-top: 5px; padding-left: 13px;} .post{ padding-bottom: 5px;} #content{ float:left; width:580px;} .the_content{ line-height: 16px; clear: both; margin-left:15px; padding-bottom: 5px;} .postfooter{ height: 15px; margin-left: 15px; width: 555px; border-bottom:1px solid #486690; border-top:1px solid #e7ecf2; padding:3px 5px 5px 5px; background-color:#eff2f2; } .the_tags { background-color: #fff; border:1px solid #dbdbdb; padding:5px; margin: 10px 0 5px 15px;} .tagimg { display: block; width: 16px; height: 16px; background-image: url(style/images/tag_blue.png); background-repeat: no-repeat; padding: 0 3px 0 0; float: left;} .tags, .tags a:link,.tags a:active,.tags a:visited { text-decoration: none;} .tags a:hover { color: black; text-decoration: none;} .commentformbar{ height: 15px; margin-left: 0px; margin-bottom: 10px; width: 560px; border-bottom:1px solid #486690; border-top:1px solid #e7ecf2; padding:0 0 3px 10px; background-color:#eff2f2; } .commentcountbar{ height: 15px; margin-left: 5px; margin-bottom: 10px; width: 560px; border-bottom:1px solid #486690; border-top:1px solid #e7ecf2; padding:0 0 3px 10px; background-color:#eff2f2; } .post_info{ float:left; } .post_comment{ float:right; } .post_comment a:link,.post_comment a:active,.post_comment a:visited{ color: #2f3030; text-decoration: none;} .post_comment a:hover{ color: #1b1ef9; text-decoration: underline;} .post_info a:link,.post_info a:active,.post_info a:visited{ color: #2f3030; text-decoration: none;} .post_info a:hover{ color: #1b1ef9; text-decoration: underline;} .results_title{ font-size: 19px; color:#1b1b1c; text-decoration:none; font-weight: normal; padding-top: 5px; padding-left: 13px; padding-bottom: 10px;} #archivetop{ margin-top: 5px; height: 15px; margin-left: 15px; width: 555px; border-bottom:1px solid #486690; border-top:1px solid #476690; padding:3px 5px 5px 5px; background-color:#fafafa; } .archive{ text-align: center;} .search-title,.search-title a:link,.search-title a:active,.search-title a:visited{ font:18px; color:#2f3030; padding-left: 7px; } .search-terms{ font-style: italic; color: #d45433; } #sidebar{ padding-top: 5px; float:right; width:220px;} #sidebar h2{ font-size: 14px; font-weight: normal; height:28px; color:#fafafa; padding:4px 0 0 6px; background-image: url(style/images/sidebarh2.gif); background-repeat: no-repeat;} #sidebar ul{ list-style-type:none;} #sidebar ul li{ padding:0 0 5px 0;} #sidebar ul li ul{ margin:-5px 0 0 7px;} #sidebar ul li ul li{ padding:2px 0 0 0;} #sidebar ul li a:link,#sidebar ul li a:visited,#sidebar ul li a:active{ color:#242222; text-decoration: none;} #sidebar ul li a:hover{ color: #1b1ef9; text-decoration: none;} #pagenavi, #pagenavi a:link, #pagenavi a:visited{ text-decoration: none; padding:10px 0 10px 10px;} #comments { width:565px; margin-left: 13px; margin-top: 5px;} .acomment { width: 480px; min-height: 50px; background-color: #ffffff; border:1px solid #dbdbdb; padding:5px; margin: 0 0 7px 2px; float:left; display: inline;} .comment_head { height: 20px; border-bottom:1px solid #dbdbdb; } .comment_author{ float: left; font-weight: normal; color:#0d1eff ; text-shadow: 0px 1px #dce1f0; border-bottom: 1px solid ;} .comment_author a:link,.comment_author a:visited,.comment_author a:active{ color:#0d1eff; text-decoration: none;} .comment_date { font-size: 12px; color: #bec5cc; float: right;} .gravatar { background-color: #fff; border:1px solid #dbdbdb; padding:5px; float: right; margin: 0 0 5px 3px;} .comment_text{ clear: both; float: left; padding: 5px;} .commentlogin{ width: 515px; float: left; border: 1px solid #dbdbdb; background-color: #fffed7; padding:5px; margin: 0 0 10px 3px; display: inline; } .commentlogin a:link,.commentlogin a:visited,.commentlogin a:active{ text-decoration: none;} .commentlogout, .commentlogout a:link,.commentlogout a:visited,.commentlogout a:active{ text-decoration: none; float:right;} /* Comment Form */ .myform{ clear: both; margin:0 0 0 3px; width:505px; padding:10px; border:solid 0px #b7ddf2;} #comment_form label{ clear: both; font-size: 15px; display:block; font-weight:normal; text-align:right; width:110px; float:left;} #comment_form .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:110px;} #comment_form input{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; max-width:325px; margin:2px 0 20px 10px; display: inline;} #comment_form #submit{ margin-top: 5px; margin-left:200px; width:250px; height:31px; padding-bottom: 6px; background-color: #f2f2f2; text-align:center; color:#000; font-size:15px; font-weight:normal;} #comment_txt { float: left; max-width: 325px; margin-left: 10px; padding:4px 2px; border:solid 1px #aacfe4; display: inline;} #footer{ width:780px; border-top:1px solid #b4b6b9; margin-left:6px; padding:10px; clear:both;} #footer,#footer a:link,#footer a:active,#footer a:visited{ text-decoration: none; } #footer-btm{ width:811px; height: 10px; background-image: url(style/images/footerbtm.gif); background-repeat: no-repeat; margin-bottom: 1px; margin-left: auto; margin-right: auto;} #footercredit{ width: 811px; text-align: right; font-size: 11px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-right: 25px;} #footercredit,#footercredit a:link,#footercredit a:active,#footercredit a:visited{ color: #a9abb1; text-decoration: none;} small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h2 a{font-weight:700;border:0;text-decoration:none;color:#2C2C29;display:block;} h3{font-size:1.8em;} h4{font-size:1.5em;} h5{font-size:1.4em;} h6{font-size:1.3em;} pre{width:100%; white-space:pre-wrap;} blockquote{margin:20px 10px 10px 5px;border-left:4px solid #DDD;padding:0 5px 0 5px;font-size:1em;text-align:justify;} .wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;} .wp-caption img{border:none;margin:0;padding:0;} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;color:#111;margin:0;padding:0 4px 5px;} .alignleft,img.alignleft{float:left;margin:5px 10px 5px 0;} .alignright,img.alignright{float:right;margin:5px 0 5px 10px;} .aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:10px auto;} abbr, acronym, span.abbr{cursor:help;border-bottom:1px dotted #000;} table{margin:.5em 0 1em;} table td,table th{text-align:left;border-right:1px solid #fff;padding:.4em .8em;} table th{background-color:#5e5e5e;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #e8e1c8;} table td{background-color:#eee;} table th a{color:#d6f325;} table th a:hover{color:#fff;} table tr.even td{background-color:#ddd;} table tr:hover td{background-color:#fff;} table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;} .wp_syntax { width:auto; } .wp_syntax table { border:0 !important; } .wp_syntax table td { border:0 !important; } img.wp-smiley{border:0px;vertical-align:middle;} .the_content p{padding-bottom: 5px;} .the_content ul,.the_content ol{margin:15px 30px;} .the_content ul li{list-style: square;margin-bottom:4px;} .the_content ol li{list-style-type: decimal;}