/*
Theme Name: JRBLOG
Theme URI: http://blog.jmorobinson.co.uk
Description: My blog theme what I made
Version: 1.0
Author: John Robinson
Author URI: http://blog.jmorobinson.co.uk
Tags: blog, grey, square, custom theme, fluid

	JRBLOG v1.0
	http://blog.jmorobinson.co.uk/

	This theme was designed and built by John Robinson,
	whose blog you will find at http://blog.jmorobinson.co.uk/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/******************************
blog.jmorobinson.co.uk main CSS
http://blog.jmorobinson.co.uk/blog.css
Version 1.0.0
20th December 2009
John Robinson
font-size base: 13px
To work out correct width and height in em = (W or H)/13 [non-IE browsers]
To work out correct width and height in em = (W or H)/13.3333 [IE- browsers]

Contents:
***** SETUP *****
***** HEADER *****
***** SIDEBAR *****
***** FOOTER *****
***** CONTENT *****
***** GLOBALS *****
***** COMMENTS *****
***** MISC *****
******************************/

/***** SETUP *****/

body {
	background: url(./images/background-body.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	min-width: 87.6923em;
}

.graphicalheader {
	background: url(./images/background-header.png) repeat-x;
	width: 100%;
	min-width: 87.6923em;
	height: 6.1538em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.graphicallogo {
	background: url(./images/background-logo.png) no-repeat 0 4.6153em;
	top: 0;
	left: 50%;
	margin: 0 0 0 -43.8461em;
	width: 87.6923em;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.wrapper {
	width: 85em;
	margin: 0 auto;
	overflow: hidden;
}

.sitecontainer {
	position: relative;
	z-index: 3;
	width: 85em;
	padding: 0 0 0 35px;
	overflow: hidden;
}

.siteheader {
	width: 49.2307em;
	height: 6.1538em;
	position: absolute;
	top: 0;
	left: 40px;
}

.sitecontent {
	/*this should be 49.2307em but IE8 goes bananas*/
	width: 49.6153em;
	margin: 6.1538em 0 0 0;
	padding: 120px 0 0 0;
	float: left;
}

.sidebar {
	width: 460px;
	min-height: 100%;
	background: url(./images/background-sidebar.png);
	position: absolute;
	top: 0;
	right: 0;
}


/***** HEADER *****/


.sitenavigation {
	list-style: none;
	margin: 0px;
}

.sitenavigation li.navli {
	list-style: none;
	float: left;
	height: 5.3846em;
	padding: 0 1.1538em;
	color: #FFF;
}

.sitenavigation li.navli:hover {
	background: url(./images/background-nav.png);
}

.sitenavigation li.navlifirst {
	list-style: none;
	float: left;
}

.sitenavigation li.navli a.navurl {
	display: block;
	text-align: center;
	font: 138.5%/3.8888em Arial, Helvetica, sans-serif;
}

.sitenavigation li.navlifirst a.navurl {
	background: url(./images/background-home.png) 0 center no-repeat;
	padding: 0 0 0 1.1111em;
}

.sitenavigation li.navli a.navlink {
	color: #FFF;
	text-decoration: none;
}

.sitenavigation li.navli a.navcat {
	display: block;
	text-align: center;
	font-size: 138.5%;
	margin: 0.8333em 0 0 0;
}

.sitenavigation li.navli span.navtags {
	display: block;
	text-align: center;
	font-size: 93%;
}


/***** SIDEBAR *****/

.sidebar .socialmedia {
	overflow: hidden;
}

.sidebar .socialmedia .socialmediatitle {
	color: #FFF;
	text-align: center;
	font-size: 123.1%;
}

.sidebar .sociallinks {
	background: url(./images/background-social-media.png) no-repeat;
	width: 430px;
	margin: 5px auto;
	list-style: none;
	overflow: hidden;
}

.sidebar .sociallinks a {
	text-decoration: none;
}

.sidebar .sociallinks .sociallink {
	float: left;
	padding: 5px 9px;
	border-left: 1px solid #000;
	border-right: 1px solid #666;
	list-style: none;
}

.sidebar .sociallinks .sociallink span {
	display: block;
	text-indent: -9999px;
}

.sidebar .sociallinks .sociallinkfirst {
	padding-left: 5px;
	border-left: 0px;
}

.sidebar .sociallinks .sociallinklast {
	padding-right: 5px;
	border-right: 0px;
}

.sidebar .sociallinks .sociallink .socialtext {
	color: #FFF;
	font-weight: bold;
	font-size: 93%;
	float: left;
	margin: 0 0 0 8px;
}

.sidebar .sociallinks .sociallink .socialicon {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
}

.socialtwitter {
	background: url(./images/icons-socialmedia.png) 0 0 no-repeat;
}
.socialrss {
	background: url(./images/icons-socialmedia.png) -30px 0 no-repeat;
}
.socialemail {
	background: url(./images/icons-socialmedia.png) -60px 0 no-repeat;
}
.socialfacebook {
	background: url(./images/icons-socialmedia.png) -90px 0 no-repeat;
}
.sociallastfm {
	background: url(./images/icons-socialmedia.png) -120px 0 no-repeat;
}
.sociallinkedin {
	background: url(./images/icons-socialmedia.png) -150px 0 no-repeat;
}

.searchbox {
	background: url(./images/background-searchbox.png) no-repeat;
	height: 40px;
	margin: 10px 0 25px 0;
	padding: 10px 0 0 0;
}

input.searchinput {
	width: 405px;
	font-size: 182%;
	color: #999;
	float: left;
	margin: 0 0 0 15px;
	padding: 0.3076em 0;
	border: 0px;
	background: transparent;
}

input.searchsubmit {
	float: right;
	margin: 0.6923em 15px 0 0;
}

.sidebarbox {
	margin: 0 0 25px 0;
	padding: 0 20px;
	text-align: left;
	overflow: hidden;
}

.sidebarbox .sideboxheading {
	text-transform: uppercase;
	font-size: 138.5%;
	font-weight: 400;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #333;
}

.adimageodd {
	float: left;
	padding: 0 0 10px 0;
}

.adimageeven {
	float: right;
	padding: 0 0 10px 0;
}

.popularpostlist {
	list-style: none;
	margin: 0px;
}

.popularpostlist li {
	list-style: none;
	display: block;
	height: 30px;
	margin: 0 0 20px 0;
	position: relative;
}

.popularpostlist li a {
	position: absolute;
	width: 380px;
	height: 20px;
	left: 20px;
	top: 20px;
	background-color: #FFF;
	color: #333;
	text-decoration: none;
	line-height: 20px;
	padding: 0 10px;
	border: 1px dotted #999;
}


/***** FOOTER *****/

.sitefooter {
	background: url(./images/background-footer.png) repeat-x;
	padding: 15px 0 0 0;
	position: relative;
	z-index: 3;
}

.footerwrapper {
	padding: 0 0 0 40px;
}

.footerinformation {
	background: url(./images/background-footer-grey.png) repeat;
	padding: 2.3076em 0 3.0769em 0;
}

.footerlegalese {
	background: #FFF;
	border-top: 1px solid #CCC;
	color: #999;
	padding: 1.5384em 0;
}

ul.footerlist {
	width: 15.3846em;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

ul.footerlist li, .footermessage {
	line-height: 180%;
	list-style: none;
}

ul.footerlist li a, .footermessage {
	color: #999;
	text-decoration: none;
}

ul.footerlist li a:hover {
	text-decoration: underline;
}

.footertitle {
	font: 900 123.1%/100% Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 1.9230em 0;
	list-style: none;
	line-height: 180%;
}

.footermessage {
	text-align: left;
	width: 34.2307em;
	float: right;
}

.footermessage a {
	text-decoration: none;
	color: #333;
}

.footermessage a:hover {
	text-decoration: underline;
}

.copyright {
	float: left;
}

.buildinfo {
	float: right;
}

.buildinfo a {
	text-decoration: none;
	color: #666;
}

.buildinfo a:hover {
	text-decoration: underline;
}


/***** CONTENT *****/

.postcontainer {
	background: url(./images/background-post-top.png) top right no-repeat;
	margin: 0 10px 20px 0;
	padding: 11px 0 0 30px;
	position: relative;
}

.postcontent {
	background: url(./images/background-post-repeat.png) right repeat-y;
	width: 580px;
	padding: 0 13px 15px 12px;
}

.postcontent * {
	text-align: left;
}

.postcontent h3 {
	font-size: 20px;
	border-bottom: 1px solid #666;
	color: #666;
	padding: 0 0 5px 0;
}

.postfooter {
	background: url(./images/background-post-bottom.png) bottom right no-repeat;
	clear: both;
	overflow: hidden;
	padding: 0 0 5px 0;
}

.postfootersingle {
	background: url(./images/background-post-single-bottom.png) bottom right no-repeat;
	height: 42px;
}

.postfooterinfo {
	background: url(./images/background-post-repeat.png) right repeat-y;
	overflow: hidden;
}

.postfootercontent {
	border-top: 1px dotted #999;
	width: 580px;
	float: right;
	margin: 0 13px 0 0;
	padding: 5px 0;
	color: #333;
	font-size: 14px;
}

.postfootercontent a {
	color: #333;
	font-weight: 900;
	text-decoration: none;
}

.postfootercontent a:hover {
	text-decoration: underline;
}

.postfootercat {
	float: left;
}

.postfootercomments {
	float: right;
}

.postfootercommentssingle {
	float: left;
}

.postfootermeta {
	float: right;
	font-size: 12px;
	color: #999;
}

.postimage {
	width: 580px;
	height: 150px;
	overflow: hidden;
}

.postimage a {
	display: block;
	width: 100%;
	height: 100%;
}

.posttitle {
	margin: 15px 10px 5px 5px;
	font-size: 26px;
	font-weight: 400;
	text-align: left;
}

.posttitle a {
	color: #444;
	text-decoration: none;
}

.posttitle a:hover {
	text-decoration: underline;
}

.postcontent p {
	font-size: 14px;
	color: #333;
	line-height: 170%;
	margin: 0.8em 0;
}

.more-link {
	text-align: right;
	display: block;
	text-decoration: none;
	color: #666;
	font-size: 14px;
}

.more-link:hover {
	text-decoration: underline;
}

.postdate {
	position: absolute;
	top: 21px;
	left: 1px;
	width: 71px;
	height: 44px;
	background: url(./images/background-date.png) top left no-repeat;
	padding: 1px 0 0 1px;
}

.postdate span {
	display: block;
	width: 70px;
	height: 40px;
	background: #333;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #FFF;
	line-height: 40px;
}

.navigation {
	display: block;
	padding: 20px 0;
	overflow: hidden;
}

.navigation a {
	font-size: 20px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.navigation .olderlink {
	float: left;
	padding: 0 0 0 33px;
}

.navigation .newerlink {
	float: right;
	text-align: right;
	padding: 0 15px 0 0;
}


/***** GLOBALS *****/

blockquote {
	background: #F6F6F6;
	border: 1px dotted #CCCCCC;
	padding: 1px 10px;
}

blockquote p {
	font-size: 12px !important;
	line-height: 140% !important;
}

/***** COMMENTS *****/

.commentlist {
	width: 600px;
	margin: 0 0 0 33px;
}

ul.commentul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.commentul li {
	list-style: none;
	margin: 0px;
}

ul.commentul li ul {
	margin: 0 0 0 40px;
}

.comment {
	background: url(./images/background-comment.png) top left no-repeat;
	padding: 20px 0;
}

.commentcontainer {
	background: #FFF;
	padding: 10px;
	overflow: hidden;
}

.vcard {
	float: left;
	border: 1px solid #CCC;
	padding: 5px;
	overflow: hidden;
}

.vcard img {
	float: left;
}

.commentcol {
	margin: 0 0 0 85px;
}

.commentmetadata {
	border-bottom: 1px solid #E1E1E1;
	padding: 0 0 3px 0;
	overflow: hidden;
}

.commentauthor {
	float: left;
	color: #369;
	text-decoration: none;
	font-size: 20px;
}

.commentauthor a {
	color: #369;
	text-decoration: none;
	font-size: 20px;
}

.commentauthor a:hover {
	text-decoration: underline;
}

.comment-meta {
	float: right;
	text-align: right;
}

.comment-meta a {
	font-size: 11px;
	color: #999;
	text-decoration: none;
}
	
.commentext {
	padding: 10px 0 0 0;
	text-align: left;
}

.reply {
	clear: right;
	float: right;
	text-align: right;
	background: url(images/background-comment-reply.png) no-repeat top left;
	height: 17px;
	line-height: 17px;
}

.reply a {
	display: block;
	padding: 0 0 0 25px;
	font-size: 12px;
	color: #999;
	text-decoration: none;
}

.reply a:hover {
	text-decoration: underline;
}

.commentbox {
	clear: both;
	padding: 10px 0;
	width: 600px;
	margin: 0 0 0 33px;
	text-align: left;
}

.commentlist .commentbox {
	margin: 0px;
}

.commenttitle {
	font-size: 30px;
	color: #666;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCC;
}

.cancel-comment-reply {
	float: right;
	text-align: right;
}

.cancel-comment-reply a {
	font-size: 12px;
	color: #666;
}

.commentform {
	margin: 10px 0 0 0;
}

.commentform label {
	float: left;
	clear: left;
	text-align: right;
	width: 100px;
	padding: 0 10px 0 0;
	margin: 0 0 10px 0;
	color: #666;
	font-size: 16px;
	line-height: 40px;
}

.commentform input.inputtext {
	width: 300px;
	font-size: 16px;
	color: #666;
	float: left;
	margin: 0 0 10px 0;
	padding: 9px 5px;
}

.commentform .textarea {
	float: left;
	width: 590px;
	font-size: 16px;
	color: #666;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#commentluv {
	padding: 10px 0;
	float: right;
}

.commentsubmit {
	float: right;
	font-size: 16px;
	padding: 5px 0;
	margin: 10px 0;
}

#lastposts {
	clear: both;
	float: right;
}

/***** MISC *****/

.errorpage h1 {
	margin: 0px 10px 5px 5px;
}

.authorbox {
	color: #666;
	padding: 5px;
	background: #EEE;
	margin: 20px 0 0 0;
	overflow: hidden;
}

.authorbox a {
	color: #333;
	text-decoration: none;
}

.authorbox a:hover {
	text-decoration: underline;
}

.authorbox .vcard {
	margin: 0 10px 0 0;
	background: #FFF;
}

.authorbox p {
	margin: 0px;
	font-size: 13px;
	line-height: 180%;
}

.sharebox {
	text-align: center;
	color: #666;
	padding: 10px;
}

.sharelinks {
	list-style: none;
	padding: 0px;
	margin: 20px auto;
	overflow: hidden;
	width: 310px;
}

.sharebox li {
	list-style: none;
	padding: 0px;
	margin: 0 5px;
	float: left;
	width: 52px;
}

.favouritelinks {
	list-style: none;
	margin: 0px;
}

.favouritelinks li {
	float: left;
	width: 76px;
	height: 76px;
	margin: 0 10px 10px 0;
	list-style: none;
	background: url(../../../_images/icons-favourites.jpg) 0 0 no-repeat;
}

.favouritelinks li:nth-child(5n) {
	margin: 0 0 10px 0;
}

.favouritelinks li a {
	display: block;
	height: 76px;
	width: 76px;
}

.favouritelinks li.abstrusegoose {
	background-position: 0 0;
}
.favouritelinks li.doghousediaries {
	background-position: -76px 0;
}
.favouritelinks li.alienlovespredator {
	background-position: -152px 0;
}
.favouritelinks li.whiteninja {
	background-position: -228px 0;
}
.favouritelinks li.dinosaurcomics {
	background-position: -304px 0;
}
.favouritelinks li.explosm {
	background-position: 0 -76px;
}
.favouritelinks li.smbctheatre {
	background-position: -76px -76px;
}
.favouritelinks li.smbc {
	background-position: -152px -76px;
}
.favouritelinks li.licd {
	background-position: -228px -76px;
}
.favouritelinks li.pennyarcade {
	background-position: -304px -76px;
}
.favouritelinks li.xkcd {
	background-position: 0 -152px;
}
.favouritelinks li.daisyowl {
	background-position: -76px -152px;
}
.favouritelinks li.lukesurl {
	background-position: -152px -152px;
}
.favouritelinks li.hijinksensue {
	background-position: -228px -152px;
}
.favouritelinks li.fds {
	background-position: -304px -152px;
}