/*
Theme Name: iCharts
Description: iCharts Wordpress Theme
Author: stresslimitdesign
Version: 1.0
*/

body { color: #222; }
#wrap { margin: 0px auto; width: 100%; position: absolute; top: 0; z-index: 5; }
#backstretch { width: 100%; position: fixed; z-index: 1; }
#supersize img { height: 100%; width: 100%; display: inline; }
#body-background { position: absolute; z-index: 5; }
#page-wrap { margin: 0 auto; width: 720px; overflow: hidden; position: relative; z-index: 555; }
/**
*	Header
*/
#header { height: 77px; position: relative; }
#header #logo { display: block; height: 42px; width: 260px; position: absolute; top: 35px; left: 30px; }
#header #logo h1 { float: left; width: 140px; height: 27px; }
#header #logo p { width: 93px; height: 34px; font-size: 12px; float: right; background: url(images/text-blog.png) no-repeat; margin-right: 10px; overflow: hidden; text-indent: -999px; }
#header .search { position: absolute; top: 35px; right: 0; }
#header .search label { color: #464646; font-size: 18px; font-weight: bold; }
#header .search .inputbox { border: 0px; font-size: 12px; padding: 0 0 0 4px; width: 232px; height: 24px; background: url(images/bgsearch.jpg) no-repeat; }
#header .search .inputbutton { display: none; }
/**
*	Intro
*/
#intro { background: #fff; font-size: 11px; overflow: hidden; padding: 10px 30px; }
#intro h2 { margin: 0 0 1px 0; }
#intro p { margin: 0; line-height: 1.5em; }
#intro .about { float: left; width: 320px; }
#intro .subscribe { float: right; width: 318px; }
#intro .subscribe fieldset { display: block; height: 22px; padding-top: 2px; }
#intro .subscribe label { width: 87px; display: block; float: left; padding-top: 4px; color: #000; }
#intro .subscribe .txB { border: 0px; width: 193px; padding: 0 0 0 3px; height: 21px; float: left; background: #f6f6f6 url(images/bgsubscribe.jpg) no-repeat; margin: 1px 3px 0 0; font-size: 11px; }
#intro .subscribe .txS { float: left; }
/**
*	Categories
*/
#categories { padding: 0 0 20px 0; font-family: Helvetica,Arial,sans-serif; }
#categories ul { padding: 0px; margin: 0px; }
#categories ul li { float: left; list-style: none; padding: 0px; margin: 0px; }
#categories .cat-open { background: #fff; margin-top: 2px; padding: 0 30px 15px 30px; line-height: 24px; }
#categories .cat-item a, .post ul.post-options li#category-links a { color: #ffffff; text-decoration: none; background: #afafaf; padding: 2px 4px; margin: 1px 3px 1px 0; font-size: 12px; display: inline; }
#categories a.categories-btn { display: block; height: 21px; background: url(images/categories-arrow.png) no-repeat scroll top left; text-decoration: none; font-weight: bold; color: #fff; padding-left: 34px; line-height: 20px; }
#categories .cat-open-arrow { display: block; }
/**
*   Leading post
*/
.post h1 a, .post h2 a { color: #222; text-decoration: none; }
.leading h1 { margin-bottom: 3px; }
.leading p { font-size: 14px; line-height: 24px; }
.post.post-g { margin-bottom: 20px; }
#inner .post.leading.post-g { margin-bottom: 5px; }
.post-g p { font-family: Georgia, Times, "Times New Roman", serif; }
#post-list { padding-top: 10px; }
#post-list .post.post-g { margin: 10px 0 0; }
#post-list .post-g p { line-height: 24px; margin-bottom: 5px; }
#post-list h2 { line-height: 14px; margin-bottom: 7px; }
/**
*	Featured Post
*/	
#featured-post { float: left; margin-right: 20px; height: 279px; padding: 15px 20px 15px 30px; width: 420px; }
#featured-post ul { margin: 0; padding: 0; }
#featured-post ul li { margin: 0 0 16px 0; padding: 0; line-height: 16px; }
#featured-post ul li img { display: block; float: left; margin: 0 15px 0 0; vertical-align: top; }
#featured-post ul li p { font-size: 11px; margin: 0; padding: 0; }
#featured-post ul li p.info { color: #888888; font-size: 10px; margin: 0; }
#featured-post ul li h4 { display: inline; margin: 0; padding: 0; text-transform: uppercase; font-weight: normal; }
#featured-post ul li h4 a:link,
#featured-post ul li h4 a:visited
#featured-post ul li h4 a:active { text-decoration: underline; }
/**
*	Recent Tweets
*/
#recent-tweets { font-size: 11px; float: right; height: 279px; width: 170px; line-height: 16px; }
#recent-tweets ul { margin: 0; padding: 0; }
#recent-tweets ul li { margin-bottom: 10px; padding: 0; }
#recent-tweets ul li h4 { margin: 0 0 10px 0; }
#recent-tweets ul li p { margin: 0; }
#recent-tweets ul li p.info { color: #979797; }
/**
*	Pagination
*/
#pagination { height: 90px; overflow: hidden; }
#pagination span { display: block; width: 40%; }
#pagination span.previous { float: left; }
#pagination span.next { float: right; text-align: right; }
#pagination a { color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none; display: block; }
#pagination span.previous a { float: left; background: url(images/previous-post.png) no-repeat scroll center left; padding: 5px 0 5px 25px; }
#pagination span.next a { float: right; background: url(images/next-post.png) no-repeat scroll center right; padding: 5px 25px 5px 0; text-align: right; }
/**
*	Footer
*/
#footer { background: transparent url(images/bg-footer.png) repeat-x scroll 0 0; overflow: hidden; padding: 10px 30px; margin-bottom: 32px; }
#footer a { color: #606060; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .box { color: #606060; font-size: 9px; float: left; width: 175px; margin-right: 60px; }
#footer .box h5 { font-size: 10px; margin: 5px 0; }
#footer .box ul,
#footer .box li { margin: 0; padding: 0; }
#footer .lastbox { margin: 0; }
/**
*	Post
*/
.post { margin-bottom: 5px; background: #fff; padding: 15px 30px; overflow: hidden; }
.post .img-med { width: 201px; height: 127px; display: block; float: left; margin: 0 10px 0 0; }
.post .info { color: #5a5b5c; font-size: 11px; font-weight: bold; }
.post .info a { text-decoration: none; }
.post .info a:hover { text-decoration: underline; }
.post ul.post-options { float: left; width: 430px; margin-top: 23px; padding: 0; overflow: hidden; }
.post ul.post-options li { display: inline; float: left; font-size: 12px; padding: 0; width: 150px; }
.post ul.post-options li.last { width: auto; }
.post ul.post-options li span { margin: 1px; padding: 1px 3px 1px 0; color: #888888; display: block; }
.post ul.post-options li h3 { margin: 0; }
.post ul.post-options li a { text-decoration: underline; }
.post ul.post-options li a:hover { text-decoration: none; }
.post ul.post-options li#category-links a { float: left; margin-right: 3px; }

/* Specific styles for post */
#reactions { margin-bottom: 15px; }
#post-top .readon, #post-top2 .readon { color: #ffffff; font-weight: bold; margin-top: 32px; font-size: 14px; width: 227px; padding: 5px 5px 5px 20px; height: 16px; line-height: 16px; }
#post-top .readon span { color: #242424; height: 16px; line-height: 16px; vertical-align: text-bottom; }
.post .readon { background: #7d7d7d; background-repeat: no-repeat; background-position: 230px bottom; color: #ffffff; float: right; font-size: 11px; margin: 0 -32px 0 0; padding: 5px; overflow: hidden; }
.post a.readon { display: block; text-decoration: none; }
.post a.readon:hover { text-decoration: underline; }

/****************************** Inner Page Specific Styling *****************************/
/**
*	Share
*/
#share-post { height: 37px; padding: 7px 28px 0 28px; }
#share-post p { margin: 0; }
#share-post h3 { float: left; margin: 0 15px 0 0; padding: 7px 0 0 0; }
#share-post a { height: 28px; line-height: 28px; padding: 0 33px 0 0; display: block; float: left; margin-right: 10px; }
#share-post a#facebook { background: url(images/facebook-icon.jpg) no-repeat scroll center right; }
#share-post a#tweeter { background: url(images/tweeter-icon.jpg) no-repeat scroll center right; }
#share-post a#email { background: url(images/email-icon.jpg) no-repeat scroll center right; }
/**
*	Comments
*/
#comments { }
#comments a { text-decoration: underline; }
#comments .items { font-size: 12px; margin: 10px 0; line-height: 20px; }
#comments .items .info { float: left; width: 220px; margin-bottom: 10px; font-size: 12px; }
#comments .items .info span { color: #225CD2; text-decoration: underline; }
.comment-form { margin: 10px 0; }
.comment-form label { color: #3b3b3b; float: left; font-size: 11px; font-weight: bold; width: 40px; }
.comment-form .inputbox,
.comment-form .inputtextarea { margin: 0 0 6px 0; }
.comment-form .inputbox { padding: 0px; width: 170px; height: 21px; border: 0px; background: #e7e7e7 url(images/bgtxcomment.jpg) no-repeat; font-size: 11px; }
.comment-form textarea { height: 76px; width: 350px; border: 0px; padding: 0px; background: #e7e7e7 url(images/bgtxacomment.jpg) no-repeat; float: left; }
.comment-form .col-left,
.comment-form .col-right { float: left; }
.comment-form .col-left { margin-right: 30px; }
.comment-form .col-right { margin-left: 0px; width: 420px; height: 76px; }
.comment-form .col-right label { float: left; }
.comment-form .col-right label { width: 70px; }
.comment-form .captcha { clear: both; padding-top: 10px; padding-left: 220px; height: 42px; }
.comment-form .captcha img { margin: 0 5px 0 0; }
.comment-form .captcha label { width: 210px; }
.comment-form .captcha label span { color: #7b7b7b; }
.comment-form .captcha .inputbox { padding: 0px; width: 86px; height: 21px; border: 0px; background: #e7e7e7 url(images/bgtxcap.jpg) no-repeat; font-size: 11px; float: left; margin-right: 10px; }
.comment-form .captcha .txS { float: left; }
.comment-form .captcha .inputbutton { float: left; margin-top: -3px; }
/**
*	Reactions
*/
#reactions { }
#reactions h3 { margin-bottom: 15px; }
#reactions .items { font-size: 12px; margin: 10px 0; }
#reactions .items .info { float: left; width: 230px; margin-bottom: 10px; }
#reactions .items .info a { color: #000000; }