/*
Theme Name: 
Theme URI: 
Description: 
Version: 3
Author: Shaun
Author URI: 
*/

@import "style/css/reset.css";

/* Wordpress Mumbo Jumbo */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

/* Main */

body { background: #f2f2f2 url(images/bg-main.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }

/* Wrapper */

#wrapper { width: 960px; margin: 0px auto; }

/* Header */

#header { height: 143px; width: 960px; }

/* Navigation */

#nav { height: 29px; }
#nav ul { padding: 5px 0px 0px 0px; }
#nav ul li { display: inline; font-size: 12px; padding-right: 10px; }
#nav ul li a { color: #f5fbff; font-weight: bold; }

/* Logo */

#logo { float: left; position: absolute; }
#logo a { display: block; width: 208px; height: 107px; background: transparent url(images/logo.png) no-repeat top center; position: relative; cursor: pointer; z-index: 0; }
#logo h1, #logo p { text-indent: -9999px; margin: 0px; }

#header-ad { float: right; width: 728px; height: 90px; position: relative; top: 11px; }

/* Seperator */

#seperator { width: 960px; height: 40px; background: transparent url(images/bg-seperator.jpg) no-repeat top; }

/* Content */

#content { float: left; background: #fafafa; width: 698px; padding: 10px 0px 0px; border: 1px solid #ddd; }
#content-page { float: left; background: #fafafa; width: 678px; padding: 10px; border: 1px solid #ddd; }

/* Post */

#content .post { margin: 0px auto 20px; width: 680px; position: relative; }
#content .post-image { width: 550px; padding: 10px; float: right; }
#content .post-wrap { width: 650px; margin: 0px auto 10px; background: #1c5a85 url(images/bg-block.jpg) repeat-x; border: 5px solid #a0d5d9; }

#content .post h2, #content .post h1 { margin: 4px 0px 4px 5px; font-size: 28px; font-weight: normal; position: relative; }
#content .post h2 a, #content .post h1 a { color: #3d5663; } #content .post h2 a:hover, #content .post h1 a:hover { text-decoration: none; }

#content .post .more { background: #1d5d88 url(images/btn-more.jpg); width: 115px; height: 25px; padding: 10px 0px 0px 20px; margin: 5px 0px 0px 10px; font-size: 12px; color: #feead1; font-weight: bold; }

#content .post .info { width: 650px; border: 5px solid #a0d5d9; margin: 0px auto; padding: 5px; background: #111519; overflow: auto; }

#content .post .meta { width: 650px; padding: 10px; font-size: 12px; font-weight: bold; color: #c4dbe3; border: 5px solid #a0d5d9; background: #1d5d88 url(images/bg-blockquote.jpg) repeat-x bottom; margin: 5px 0px 5px 0px; }
#content .post .meta a { color: #feead1; }

#content-page .post .meta { width: 640px; padding: 10px; font-size: 12px; font-weight: bold; color: #c4dbe3; border: 5px solid #a0d5d9; background: #1d5d88 url(images/bg-blockquote.jpg) repeat-x bottom; margin: 5px 0px 5px 10px; }
#content-page .post .meta a { color: #feead1; }

#content .promote { width: 62px; margin: 11px 0px 0px 15px; }
#content .promote-wrap { border: 1px solid #ccc; background: #fff; padding: 5px; }
#content .promote-wrap img.stumble { width: 48px; margin: 0px 0px 0px 1px; }

#content .vote { background: transparent url(images/bg-vote.png); width: 512px; height: 74px; margin: 0px 0px -5px 10px; padding: 60px 0px 0px 148px; font-size: 12px; color: #fff; }


#content .post .textPost h2 { margin: 8px 0px; font-size: 18px; font-weight: bold; color: #206390; position: inherit; }
#content .post .textPost h3 { font-size: 16px; color: #558db2; font-weight: bold; }
#content .post .textPost h4 { font-size: 16px; color: #72b6e4; }
#content .post .textPost p { font-size: 12px; margin: 10px 0px; }
#content .post .textPost ul { font-size: 12px; margin: 10px 15px 10px 35px; border-top: 1px dotted #CCC; }
#content .post .textPost li { font-size: 12px; padding: 5px 0px; border-bottom: 1px dotted #CCC; list-style: square; }
#content .post .textPost a { color: #3093c7; }

.side { position: relative; left: 15px; }

blockquote p { margin: 4px 0px; }
blockquote { width: 638px; padding: 10px; font-size: 12px; color: #333; border: 1px solid #ccc; background: #b0b0b0 url(images/bg-blockquote2.jpg) repeat-x top; margin: 5px 0px 5px 10px; }
blockquote a { color: #1e5f8b; }
blockquote strong { color: #206390; }

#navigation { text-align: center; font-size: 12px; margin: 0px 0px 20px; }

p.single-ad { width: 468px; height: 60px; margin: 10px auto; }

/* Content Page */

#content-page .post h1 { font-size: 28px; font-weight: normal; position: relative; }
#content-page .post h1 a { color: #3d5663; }
#content-page .post { font-size: 12px; }

/* Popular */

#popular { width: 700px; background: #a0d5d9; margin: 10px 0px 10px -1px; padding-bottom: 10px; position: relative; overflow: auto; }
#popular-ad { width: 350px; height: 200px; margin: 10px; position: absolute; }
#popular-posts { width: 330px; float: right; font-size: 12px; background: #13181c; padding: 10px; margin: 10px 0px 0px 0px; position: relative; right: 10px; }
#popular-posts h3 { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 8px; }
#popular-posts ul li { border-bottom: 1px solid #3a4751; margin: 0px 0px 3px 0px; }
#popular-posts a { color: #a0d5d9; font-weight: bold; }

/* Comment */

#comments { width: 660px; margin: 0px auto; }

#commentform { width: 660px; padding: 20px 10px; margin: 0px auto 20px; } #commentform p { font-size: 12px; } #commentform a { color: #3d5663; }
#commentbox { width: 660px; height: 100px; border: 1px solid #48494d; color: #333; }
.author-box { width: 165px; float: left; color: #333; font-size: 11px; } #content-single .author-box p { font-size: 11px; margin: 4px 0px 4px 0px; color: #333; }
.url-box { width: 165px; float: left; color: #333; font-size: 11px; } #content-single .url-box p { font-size: 11px; margin: 4px 0px 4px 0px; color: #333; }
.email-box { width: 165px; float: left; color: #333; font-size: 11px; } #content-single .email-box p { font-size: 11px; margin: 4px 0px 4px 0px; color: #333; }
#author { height: 25px; border: 1px solid #48494d; color: #333; } 
#url { height: 25px; border: 1px solid #48494d; color: #333; } 
#email { height: 25px; border: 1px solid #48494d; color: #333; }
p.submit-btn { text-align: right; margin: 15px 0px 0px 0px; }

#comments h3 { font-size: 18px; font-weight: normal; color: #333; }
ol.commentlist { font-size: 12px; }
ol.commentlist li a { color: #3d5663; }
ol.commentlist li { padding: 10px; background: #adcdd9; margin: 10px 0px; }
ol.commentlist li.alt { background: #8ec2d5; }

ol.commentlist span.comment-text p { padding: 10px 0px; }
ol.commentlist span.comment-meta { color: #333; background: #d3ebfb; padding: 10px; display: block; margin: 10px 0px 0px; }

/* Sidebar */

#sidebar-search { float: right; background: #fafafa; width: 218px; border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; }
#sidebar-submit { float: right; background: #fafafa; width: 218px; border: 1px solid #ddd; padding: 10px 10px 0px 10px; margin: 0px 0px 10px 0px; }

#sidebar { float: right; background: #fafafa; width: 218px; border: 1px solid #ddd; padding: 10px; }
#sidebar a { color: #3d5663; font-size: 12px; }

#sidebar h2 { font-size: 18px; margin: 8px 0px; }

#sidebar-ad { width: 120px; margin: 10px auto; }

#search-box { width: 155px; }

/* Footer */

#footer { background: #d3ebfb url(images/bg-footer.jpg) repeat-x bottom; height: 143px; clear: both; font-size: 12px; margin: 12px 0px 0px; border-top: 1px solid #2e94ac; }
#footer-seperator { margin: 0px auto; width: 960px; height: 40px; background: transparent url(images/bg-seperator.jpg) no-repeat top; }
#footer-wrap { width: 960px; margin: 0px auto; }