@charset "utf-8";
/*
Theme Name: Ring John Blog
Version: 1.0
*/

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:underline;}
*.toggle a:hover {text-decoration:none;}

.navigation {display: block;text-align: center;margin: 20px 0 0 0;}
.alignright {float: right!important;}
.alignleft {float: left!important;}
img.alignleft {margin: 0 15px 15px 0;}
img.alignright {margin: 0 0 15px 15px;}

/***************************** body + fonts */

body {width: 100%; min-width: 920px; background: #c4c4c4;}
p {line-height:150%;padding: 12px 0;}

a {outline:none;text-decoration:none;color:#0c2e82;}
a:hover {text-decoration:underline;color:#0c2e82;}

ul, ol {padding: 10px 0 10px 25px;}
li {line-height:150%;}

h1, .post h2 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

html, body, div, p, input, select, textarea {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 17px;}
/*img { padding: 1px; background: #fff; border: 1px solid #ddd; }*/

/***************************** containers + general */

.wrap {width: 1030px; margin: 0px auto; }
.container { width: 920px; float: left; padding: 0px 55px; background: url(/blog/wp-content/themes/rjb/images/bg.jpg) repeat-y; }
.head {width: 920px; height: 108px; float: left; }
	.logo { width: 430px; height: 71px; float: left; display: block; margin: 17px 0px 0px 11px; background: url(/blog/wp-content/themes/rjb/images/logo.gif) no-repeat; }
	.numbers { width: 249px; height: 71px; float: right; margin: 17px 7px 0px 0px; background: url(/blog/wp-content/themes/rjb/images/numbers.jpg) no-repeat; }
.page {width: 640px; float: left; padding: 0px 29px 0px 10px; overflow: hidden; }
.social { width: 240px; float: right; overflow: hidden; }
	.social ul { width: 256px; float: left; list-style-type: none; margin: 14px 0px 0px 0px; padding: 0; }
	.social ul li { width: 64px; float: left; margin: 0; padding: 0; }
	.social ul li.share { width: 126px; padding: 10px 10px 15px 10px; }
	.social ul li.rss { padding: 10px 0px 15px 0px; }
	.social ul li a img { border: 0; padding: 0; display: block; }
.sidebar {width: 240px; float: right; padding: 10px 0px 0px 0px; overflow: hidden; background: #e4e4e4 url(/blog/wp-content/themes/rjb/images/bg-side_top.jpg) top no-repeat; position: relative;}
	.widget { width: 220px; float: left; padding: 0px 10px 20px 10px; }
.foot { width: 1030px; height: 36px; float: left; background: url(/blog/wp-content/themes/rjb/images/bg-foot.jpg) no-repeat; }
.clearfix { width: 97%; clear: both; }
.no-marg { margin: 0px!important; }
.no-pad { padding: 0px!important; }
.no-bord { border: 0!important; }
.no-bg { background: 0!important; }
.left-padded { padding: 10px 0px 20px 10px!important; }

/***************************** navigation */

.nav {width: 910px; float: left; padding: 0px 5px; list-style-type: none; background: url(/blog/wp-content/themes/rjb/images/bg-nav.jpg) no-repeat;}
.nav li {float: left; display:inline; position: relative;}
.nav li a {padding: 0 18px; display: block; color: #fff; font-size: 14px; line-height: 35px; }
.nav li.current_pag_item a { font-weight: bold; }

/***************************** content */

.post { width: 640px; float: left; padding: 20px 0px 5px 0px; border-bottom: 1px solid #999; }
	.post h1,
	.othertitle,
	.post h1 a, .post h2 a { color: #54a508; font-weight: normal; line-height: 26px; }
	.post h1 a { width: 640px; float: left; display: block; padding: 0px 0px 7px 0px; border-bottom: 1px solid #54a508; }
	.post h1 a:hover { color: #0c2e82; border-bottom: 1px solid #0c2e82; text-decoration: none; }
.meta { width: 640px; float: left; line-height: 34px; color: #999; border-bottom: 1px solid #ccc; }
	.meta a { color: #999; }

.post_body { width: 640px; float: left; padding: 3px 0px 0px 0px; position: relative; }
	.post_body p.more { width: 640px; float: left; color: #0c2e82; margin:-5px 0 5px 0;padding:0;}
        .post_body p.more a {width:133px;height:23px;padding:4px 0 0 0;background: url(/blog/wp-content/themes/rjb/images/button.png) 0 0 no-repeat; display:block;text-align:center;color:#fff;}
	.post_body .addthis { padding: 0; margin: 10px 0 0 0;; position: absolute; bottom: 8px; right: 0px; }
	.post_body .retweet {float:left;margin: 0 10px 10px 0;}
	.post h6 { padding: 0px 0px 15px 0px; color: #0b2e82; }
	.post div.related { width: 640px; float: left; overflow: hidden; }
	.post div.related ul { width: 660px; float: left; list-style-type: none; margin: 0px 0px 0px -8px; padding: 0px 0px 10px 0px; }
	.post div.related ul li { width: 106px; float: left; border-right: 1px solid #ddd; padding: 0px 12px 12px 12px; }
	.post div.related ul li a { color: #666; font-size: 11px; display: block; }
	.post div.related ul li a img { padding: 2px; border: 1px solid #ddd; }
	.post div.related ul li a:hover { text-decoration: none; color: #0c2e82; }
	.post div.related ul li a:hover img { padding: 2px; border: 1px solid #0c2e82; }
	.post div.related p { float: right; padding: 0px 0px 12px 0px; margin: 0; }
	.post div.related p a { font-size: 11px; color: #999; }

/*single*/
#sharestuff {clear:both;background:#efefef;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:0 10px;margin: 0 0 10px 0;}
#sharestuff ul.alignright {padding-top:7px;}
#sharestuff ul.alignright li {display:inline;list-style:none;font-size:11px;}
#sharestuff .addthis_button {margin: 8px 0 0 0;}

/*comments*/
#comms p {font-size:11px;}
#comms ol {padding:0;}
#comms li {list-style:none;border-bottom:1px solid #ddd;margin: 0 0 15px 0;}
.avatar, .says {display:none;}
#comms .comment-author {text-transform:capitalize;font-weight:bold;text-decoration:underline;}
#comms .comment-author cite {font-style:normal;}
#comms .commentmetadata a {font-size:11px;color:#000;}
#comments {font-weight:normal;border-bottom:1px solid #0d277c;color:#0d277c;padding: 15px 0;clear:both;}
.noborder {border:0;}

#commentform {background:#efefef;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px;clear:both;}
p.namep, p.mailp, p.urlp {width:190px;float:left;padding:0;margin: 0 20px 0 0;}
p.urlp {float:right;margin:0;}
#commentform label {font-weight:bold;}
#comment, #author, #email, #url {padding:5px;border:1px solid #9a9a9a;width:180px;}
#comment {width:600px;height:80px;}
#commentform h3 {font-weight:normal;color:#70ae1f;margin: 0 0 10px 0;}
p.htmlallowed {padding:5px 0 0 0;border-top:1px solid #555;clear:both;}
p.commentbutton {padding:0;float:right;margin: 0 0 10px 0;}

/***************************** sidebar */

.widget h2 { padding: 0px 0px 0px 12px; font-size: 14px; line-height: 35px; display: block; color: #fff; background: url(/blog/wp-content/themes/rjb/images/bg-h2_grey.jpg) no-repeat; }
.widget h2.blue { background: url(/blog/wp-content/themes/rjb/images/bg-h2_blue.jpg) no-repeat; }
.widget h2.green { background: url(/blog/wp-content/themes/rjb/images/bg-h2_green.jpg) no-repeat; }
.widget h2.grey { background: url(/blog/wp-content/themes/rjb/images/bg-h2_grey.jpg) no-repeat; }
.widget p { padding: 10px; }

.about ul { width: 196px; float: left; list-style-type: none; background: #fff; margin: 0px 0px 0px 11px; padding: 0; border: 1px solid #fff; }
.about ul li { float: left; }
.about ul li a img { display: block; border: 0; padding: 1px; }

.subscribe p { font-size: 11px; }
.subscribe form p { padding: 0px 10px; }
.subscribe input.newsletter { width: 188px; height: 18px; float: left; background: #fff!important; border: 1px solid #999; font-size: 12px; padding: 5px; }
.subscribe input.submit { padding: 10px 0px 0px 0px; float: right; }

.advert a img { border: 0; padding: 0; display: block; }

.popular ul { padding: 10px 10px 0px 10px; }
.popular ul li { margin: 0px 0px 0px 15px; }
.popular a { font-size: 11px; color: #333; }

.twittering {background: url(/blog/wp-content/themes/rjb/images/twittertop.jpg) 17px 53px no-repeat;}
.twittering p.tweet { width: 185px; padding: 0 10px 5px; margin: 28px 0px 0px 7px; text-align: center; font-size: 11px; background: url(/blog/wp-content/themes/rjb/images/twittermiddle.jpg) 0 0 repeat-y;}
span.twitbot {display:block;background:url(/blog/wp-content/themes/rjb/images/twitterbottom.jpg) 0 0 no-repeat;width:204px;height:34px;margin: 0 0 0 7px;}
.twittering p.follow { float: right; padding: 0px 15px 0px 0px; margin: 0; }
.twittering p.follow a { font-weight: bold; color: #62a6c2; }
.twittering div.followers { width: 200px; float: left; margin: 11px 0px 0px 10px; padding: 0px; background: #fff; }
.twittering div.followers p { padding: 0px 0px 12px 18px; font-weight: bold; color: #0b2e82;}
.twittering div.followers p.followers_top { width: 200px; height: 6px; float: left; padding: 0px 0px 3px 0px; margin: 0; background: url(/blog/wp-content/themes/rjb/images/bg-followers_top.jpg) no-repeat; }
.twittering div.followers p.followers_bottom { width: 200px; height: 6px; float: left; padding: 3px 0px 0px 0px; margin: 0; background: url(/blog/wp-content/themes/rjb/images/bg-followers_bottom.jpg) bottom no-repeat; }
.twittering div.followers a img { float: left; width:24px; height:24px; display: block; padding: 0; margin: 0px 4px 5px 0px; border: 0; }

.item4 ul { list-style-type: none; padding: 13px; margin: 0; }
.item4, .item4 a { font-size: 12px; color: #666; }

.sidebar p.bottom { width: 240px; height: 9px; background: url(/blog/wp-content/themes/rjb/images/sidebar_bottom.jpg) no-repeat!important; padding: 0; margin: 0; position: absolute; left: 0; bottom: 0; }

/***************************** subpages */

/*archive*/
.othertitle {margin: 20px 0 0 0;font-size:22px;border-bottom:1px solid #ddd;padding: 0 0 10px 0;}


/***************************** footer */