/*** Blog specific styles ***/

/*** Header ***/

body#blog {background-image:url(images/blog-body.jpg);}

#blog #subheader {height:170px;}
#blog .subheader2 {background:none;height:170px;}

.blog-cham {position:relative;top:26px;left:19px;}

#blog #subheader h1 {position:absolute;left:268px;top:69px;}
#blog #subheader h1 a {display:block;width:241px;height:35px;background:url(images/blog-title.png) 0 0 no-repeat;text-indent:-9999px;}

#blog #subheader h2 {position:absolute;top:104px;left:268px;}

.blog-social {position:absolute;left:815px;top:90px;}
.blog-social li {float:left;margin-right:10px;}
.blog-social li a {display:block;width:30px;height:30px;background:url(images/blog-social.jpg) 0 0 no-repeat;text-indent:-9999px;}

li.blog-social-rss a {background-position:0 0;}
li.blog-social-fb a {background-position:-30px 0;}
li.blog-social-tw a {background-position:-60px 0;}


/*** Posts ***/

.post {margin:0 0 40px 0;width:550px;}

.post-date {float:left;width:42px;height:42px;background:url(images/blog-date.jpg) 0 0 no-repeat;text-align:center;color:#fff;text-transform:uppercase;font-weight:bold;font-size:21px;padding:6px 0 0 0;margin-right:10px;}
.post-date span {display:block;font-size:12px;}

.post-title {width:498px;float:left;}
.post-title h1 {margin:0 0 2px 0;}
.post-title h1 a:link, .post-title h1 a:visited {color:#0f3140;}
.post-title h1 a:hover, .post-title h1 a:active {text-decoration:none;border-bottom:1px solid #0f3140;}

.postmeta {color:#94989b;font-size:11px;}
.comments-num {float:right;}
.comments-num a:link, .comments-num a:visited {color:#578d9c;text-transform:uppercase;font-weight:bold;font-size:10px;}

ul.share {width:540px;height:25px;padding:5px 0 0 10px;background:#ededed;overflow:hidden;}
ul.share li {float:left;margin-right:10px;}

li.share-rss a {display:block;width:16px;height:16px;text-indent:-9999px;background:url(images/blog-share.png) 0 0 no-repeat;position:relative;top:2px;}
li.share-tw a {display:block;width:16px;height:16px;text-indent:-9999px;background:url(images/blog-share.png) -16px 0 no-repeat;position:relative;top:2px;}
li.share-fb a {display:block;width:16px;height:16px;text-indent:-9999px;background:url(images/blog-share.png) -32px 0 no-repeat;position:relative;top:2px;}
li.share-su a {display:block;width:16px;height:16px;text-indent:-9999px;background:url(images/blog-share.png) -48px 0 no-repeat;position:relative;top:2px;}
li.share-del a {display:block;width:16px;height:16px;text-indent:-9999px;background:url(images/blog-share.png) -64px 0 no-repeat;position:relative;top:2px;}

ul.share li.readmore {float:right;margin-right:0;}
.readmore a:link, .readmore a:visited {font-family:"Myriad Pro", calibri, arial, sans-serif;font-size:14px;text-transform:uppercase;color:#0f3140;font-weight:bold;display:block;padding:5px 10px 0 10px;height:25px;position:relative;top:-5px;width:160px;}
html>body .readmore a:link, html>body .readmore a:visited {width:auto;}
.readmore a span {color:#5d94a3;}
.readmore a:hover, .readmore a:active {background:#d8e6ec;text-decoration:none;}

.tags {text-transform:uppercase;color:#5d94a3;font-size:10px;background:#ededed;line-height:11px;font-weight:bold;margin:2px 0 2px 0;}
.tags span {background:#fff;padding:0 4px 0 0;}

.tag-links {font-size:12px;color:#696868;font-family:arial, sans-serif;}
.tag-links a:link, .tag-links a:visited {color:#696868;}

.blog-newsletter {background:#ededed url(images/blog-newsletter-corner.png) 100% 0 no-repeat;padding:15px;}
.blog-newsletter h3 {text-transform:uppercase;letter-spacing:-1px;padding:0 0 5px 0;border-bottom:1px solid #eee;margin:0 0 4px 0;}
.blog-newsletter h3 span {color:#5d94a3;}

.blog-newsletter .mailchimp label {font-size:12px;font-family:arial, sans-serif;}
.blog-newsletter .mailchimp input.email {width:391px;}
.blog-newsletter .mailchimp input.btn {left:401px;top:32px;}

.navigation {height: 1%;overflow: hidden;}
.nav-previous {float:left;width:45%;}
.nav-next {float:right;width:45%;text-align:right;}


/*** Comments ***/

#comments .post-date {padding-top:14px;margin-bottom:12px;}

.comments-title {text-transform:uppercase;font-size:24px;margin:3px 0 0 0;}
.comments-title span {display:block;text-transform:none;font-size:14px;color:#6196a4;}

ol.commentlist {clear:both;}
ol.commentlist li {border-top:1px solid #ededed;padding-top:20px;margin:20px 0 20px 0;clear:both;}

img.avatar {border:4px solid #ededed;}

.co-left {width:80px;float:left;}
.co-main {background:url(images/pp-sidebar.png) 0 0 repeat-y;width:432px;padding:0 0 0 32px;float:right;}

ol.commentlist li ul.children {padding:0 0 0 80px;}
ol.commentlist li ul.children .co-main {width:352px;}
ol.commentlist li ul.children li ul.children {padding:0;}

.co-author a:link, .co-author a:visited {font-weight:bold;}

.co-meta {background:#ededed url(images/blog-comment-meta.png) 10px 3px no-repeat;padding:0 0 0 36px;margin:0;height:24px;line-height:24px;color:#756f6f;font-size:11px;text-transform:uppercase;overflow:hidden;}

.co-reply a:link, .co-reply a:visited {font-family:"Myriad Pro", calibri, arial, sans-serif;font-size:14px;text-transform:uppercase;color:#0f3140;font-weight:bold;float:right;padding:0 10px 0 10px;position:relative;top:-24px;}
html>/**/body .co-reply a:link, html>/**/body .co-reply a:visited {top:0;}

#respond {clear:both;}
#respond .comments-title {border-bottom:1px solid #ededed;padding:0 0 9px 0;margin:0 0 10px 0;}

/* Inline reply commentforms */
ol.commentlist #respond {margin-top:20px;}
ol.commentlist #respond .comments-title {margin-left:80px;}
.cancel-comment-reply {font-size:11px;margin:0 0 0 80px;}

#commentform label {display:block;float:left;width:74px;height:30px;text-align:right;margin:0 10px 10px 0;line-height:30px;}
.text {display:block;float:left;width:329px;height:29px;padding:0 5px 0 5px;background:url(images/blog-com-input.png) 0 0 no-repeat;;}
#comment {width:329px;height:174px;padding:5px;display:block;float:left;background:url(images/blog-com-message.png) 0 0 no-repeat;font-family:verdana, arial, sans-serif;font-size:12px;line-height:20px;}

.commentform-after {clear:both;padding:20px 0 0 80px;}
#commentform .subscribe-to-comments {color:#7a7878;margin:20px 0 20px 0;}
#commentform .subscribe-to-comments input, #commentform .subscribe-to-comments label {float:none;width:auto;display:inline;}
#subscribe {position:relative;top:3px;}

#submit {display:block;width:90px;height:34px;background:url(images/newsletter.png) -401px 0 no-repeat;color:#113140;font-size:14px;font-family:"Myriad Pro", Verdana, Arial, sans-serif;font-weight:bold;}
#submit:hover {cursor:pointer;}

/*** Sidebar ***/
#sidebar {background:#fff url(images/pp-sidebar.png) 0 0 repeat-y;position:relative;top:-60px;padding:0;width:350px;}

.box {background:url(images/blog-sidebar-box.png) 100% 0 no-repeat;margin:0 0 80px 0;padding:24px 30px 0px 50px;}
html>/**/body .box {margin-bottom:40px;}
.boxtop {background:url(images/blog-sidebar-box-top.png) 100% 0 no-repeat;padding-top:31px;}

#sidebar .box h3 {text-transform:uppercase;letter-spacing:-1px;padding:0 0 5px 0;border-bottom:1px solid #eee;margin:0 0 4px 0;}
.box h3 span {color:#5d94a3;}

form.mailchimp {margin:0 auto;position:relative;}
.mailchimp label {font-size:12px;line-height:16px;margin:0 0 16px 0;display:block;}

.mailchimp input.email {display:block;width:175px;height:34px;padding:0px 5px 0 5px;background:url(images/newsletter.png) 0 0 no-repeat;color:#989191;font-size:12px;line-height:34px;border-width:0;}
.mailchimp input.btn {position:absolute;top:48px;left:185px;width:84px;height:34px;background:url(images/newsletter.png) -407px 0 no-repeat;border-width:0;color:#113140;font-size:14px;font-family:"Myriad Pro", Verdana, Arial, sans-serif;font-weight:bold;float:left;}
.mailchimp input.btn:hover {cursor:pointer;}

#sidebar ul.footer-social li {background:none;padding:0;border-width:0;}
#sidebar .footer-social {margin:20px 0 0 0;font-size:11px;}

.ppthemes {padding:30px 0 0 0;}
.ppthemes img {position:relative;left:30px;}

.box ul li {padding:4px 0 4px 20px;background:url(images/bullet.png) 0 11px no-repeat;border-bottom:1px solid #e3e3e3;}
.box a:link, .box a:visited {color:#6d6a6a;}
.box ul li a:link, .box ul li a:visited {display:block;}

/*** Other ***/
.post-title h1.searchtitle {margin:0 0 20px 0;}