/*
Theme Name: No Rest For The Weekend
Theme URI: http://norestfortheweekend.com/
Description: The Default Theme for norestfortheweekend.com
Version: 1.0
Author: Mark Stickley
Author URI: http://markstickley.co.uk/
Tags: no rest for the weekend, nrftw, purple, pixels

	No Rest For The Weekend v1.0
	 http://www.norestfortheweekend.com

	This theme was designed and built by Mark Stickley,
	whose blog you will (coincidentally) find at http://www.norestfortheweekend.com

*/

.clearfix:after, #sidebar .pagenav:after, #sidebar .pagenav ul:after, #sidebar #searchform:after, #page:after, #footer:after, .comment:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	overflow: hidden;
}

*{
	padding: 0;
	margin: 0;
}

html, body{
	height: 100%;
}

body{
	background-color: #a864a9;
	background-image: url(images/bg-purple.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #291700;
}

/* h1 on pages that aren't the index */
/* also one h2 on the home page */
.archive h1,
.error404 h1,
.search h1,
.page h1{
	color: #4F3F2C;
	margin: 30px 0 10px 0;
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-shadow: 3px 3px 3px #D8D0C7;
}

img{ border: none; }

hr{ display: none; }

a:link{ color: #004A80; }
a:visited{ color: #5E295F; }
a:focus{ color: #0076A3; }
a:hover{ color: #0076A3; }

input#s,
input#author,
input#email,
input#url, /* Hey, wouldn't it be handy if text-type input fields had the class 'text'? */
textarea{
	border: 1px solid #b7b7b7;
	background-color: white;
	background-image: url(images/form-field-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input#searchsubmit,
input#submit{
	background-color: #4F3F2C;
	color: #FEF5EA;
	padding: 5px 5px 5px 5px;
	font-size: 1em;
	line-height: 1em;
	float: right;
	border-top: 1px solid #8F7250;
	border-left: 1px solid #8F7250;
	border-bottom: 1px solid #2F2417;
	border-right: 1px solid #2F2417;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: -1px -1px 1px #000, 0.3px 0.3px 0.3px #7F5E37;
	-moz-box-shadow: 1px 1px 2px #808080;
	-webkit-box-shadow: 1px 1px 2px #808080;
}
input#searchsubmit{
	font-size: 0.8em;
	padding: 0px;
	line-height: 1.3em;
}

#content p{
	margin-bottom: 20px;
	line-height: 1.3em;
}

/* major elements */
#container{
	background-image: url(images/bg-check.png);
	background-attachment: fixed;
	min-height: 100%;
/*	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: auto;*/
}

#page{
	border-width: 0 1px;
	border-color: black;
	border-style: solid;
	width: 972px;
	margin: 0 auto;
	background-color: #fef5ea;
}

#header{
	background-image: url(images/header-bg-spring.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 31px;
	padding: 3px 13px;
}

#header h1{
	font-size: 0px; /* IE doesn't like font size in the header */
}

#content{
	margin: 0 0 0 13px;
	float: left;
	display: inline;
	width: 626px;
}

#footer{
	clear: both;
	background-color: #4F3F2C;
	color: #FEF5EA;
	font-size: 0.8em;
	float: left; /* These two lines are to fix IE7 refusing */
	width: 952px; /* to make zoom: 1 work on the footer. */
	padding: 10px 10px 5px 10px;
	margin-top: 10px;
	border-bottom: 1px solid black;

}

#footer p{
	float: left;
	display: inline;
	margin-top: 3px;
}

#footer ul{
	float: right;
	display: inline;
	width: 220px;
}

#footer li{
	padding: 0 5px 5px 5px;
	float: left;
	width: 100px;
	list-style: none;
}

#footer a:link{ color: #D8D0C7; }
#footer a:visited{ color: #D8D0C7; }
#footer a:focus{ color: #FFFFFF; }
#footer a:hover{ color: #FFFFFF; }


/* On a per post basis... */

.single h1,
.post h2{
	font-family: "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1em;
	color: black;
	margin: 20px 0 5px 0;
}
.single h1{
	color: #4F3F2C;
}
.post h2 a{
	text-decoration: none;
	color: inherit;
}
.post h2 a:hover, h2 a:focus{
	text-decoration: underline;
}
.post h2 a:visited{
	color: gray;
}

.post h3{
	margin: 30px 0 10px 0;
	font-family: "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.5em; font-weight: normal;
}

.post h4{
	margin: 20px 0 10px 0;
	font-size: 1.2em;
}

.post ul,
.post ol{
	margin-bottom: 20px;
}

.post li{
	margin-left: 30px;
	line-height: 1.3em;
}

.post img{
	margin-bottom: 20px;
}

.post .wp-caption img{
	margin-bottom: 0;
}

.post small, .post .postmetadata{
	font-size: 0.7em;
	color: #959595;
	font-style: italic;
	display: block;
}

.post small{
	margin-bottom: 24px;
}

.furtherreading{
	font-size: 0.8em;
	font-style: italic;
	border: 1px solid #4F3F2C;
	background: #D8D0C7;
	margin-bottom: 10px;
	padding: 10px;
}

.footnotes,
#footnotes{
	border-top: 1px solid #D8D0C7; border-bottom: 1px solid #D8D0C7;
	font-size: 0.8em;
	padding: 20px 10px 0 10px; margin-bottom: 10px;
}

.post .postmetadata{
	margin-top: 30px;
}

.post .postmetadata small{
	font-size: 1em;
}

.post .wp-caption-text{
	font-size: 0.8em;
	font-style: italic;
	margin: 10px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block; margin-left: auto; margin-right: auto;
}

.alignright,
div.alignright{
	float: right; margin: 0 0 10px 10px;
}

.post pre{
	margin-bottom: 20px;
}

.post blockquote{
	margin: 10px 20px 20px 20px; padding: 0 10px;
	background-color: #D8D0C7;
	font-size: 0.9em;
}

#content .post blockquote p{
	margin: 0; padding: 10px 0;
	background-image: url(images/quotes-close.png); background-position: 520px bottom; background-repeat: no-repeat;
	/* CSS3 */
	background:	url(images/quotes-open.png) left top no-repeat,
				url(images/quotes-close.png) 520px bottom no-repeat;
}

/* Navigation */
.navigation{
	margin: 20px 0;
}

/* Side bar styles */
#sidebar{
	margin: 0 13px 10px 14px;
	float: left;
	display: inline;
	width: 306px;
}

#sidebar li{
	list-style: none outside;
	clear: both;
}

#sidebar li li{
	font-size: 0.8em;
	margin-top: 3px;
}

#sidebar h2{
	background-color: #D8D0C7;
	color: #4F3F2C;
	padding: 5px;
	margin-top: 10px;
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
}

#sidebar #searchform{
	background-color: #D8D0C7;
	padding: 5px;
	margin: 10px 0;
	line-height: 1em;
}

#sidebar .pageinfo{

}

#sidebar .pageinfo p{
	font-style: italic;
	font-size: 0.9em;
	padding-left: 20px;
	background-color: transparent;
	background-image: url(images/pageinfo-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 40px;
	margin-bottom: 10px;
}


#sidebar .pagenav{
}

#sidebar .pagenav h2,
#sidebar .widget_pages h2{
	position: absolute;
	left: -9999px;
}
	
#sidebar .pagenav li,
#sidebar .widget_pages li{
	clear: none;
	display: inline;
}

#sidebar .pagenav a,
#sidebar .widget_pages a{
	background: #4F3F2C;
	color: #FEF5EA;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	display: block;
	font-size: 1.5em;
	line-height: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: -1px -1px 1px #000, 0.3px 0.3px 0.3px #7F5E37;
	-moz-box-shadow: 1px 1px 2px #808080;
	-webkit-box-shadow: 1px 1px 2px #808080;
}
#sidebar .pagenav a:hover,
#sidebar .pagenav a:focus,
#sidebar .widget_pages a:hover,
#sidebar .widget_pages a:focus{
	text-decoration: underline;
}

#twitter-tools h2{
	padding-right: 30px;
	background-color: #D1EBEF;
	color: #13819F;
	background-image: url(images/icon-twitter.png);
	background-repeat: no-repeat;
	background-position: 280px 2px;
}

#twitter-tools .aktt_tweets li{
	padding: 5px 5px 0 5px;
}

#twitter-tools .aktt_tweets a{
	font-size: 0.8em;
	font-style: italic;
}

/* Search styles */

#searchform input#s{
	width: 65%;
	float: left;
}

#searchform input#searchsubmit{
	width: 30%;
}

/* Comment styles */
.commentlist li{
	list-style: none;
}

.comment{
	border-top: 1px solid #4F3F2C;
	position: relative;
	padding: 10px 0 0 10px;
}

.commentlist .bypostauthor{
	background: #ead6da;
}

.comment .comment-body{
	position: relative;
}

.comment .comment-author{
	display: block;
	padding-bottom: 10px;
}

.comment .comment-author img{
	float: left;
	padding: 0 10px 10px 0;
}

.comment .comment-author cite{
	font-size: 1.1em; font-style: normal;
}

.comment .comment-meta{
	font-size: 0.7em; font-style: italic;
	position: absolute; top: 0; right: 30px;
}

#content .comment .comment-body p{
	font-size: 0.8em;
	margin-bottom: 10px; padding-left: 74px;
	width: 75%;
}

.comment .comment-body blockquote{
	width: 75%;
}
#content .comment .comment-body blockquote p{
	margin: 20px 50px 20px 74px; padding: 0 50px;
	font-style: italic;
	background-image: url(images/quotes-close.png); background-position: 408px bottom; background-repeat: no-repeat;
	/* CSS3 */
	background:	url(images/quotes-open.png) left top no-repeat,
				url(images/quotes-close.png) right bottom no-repeat;
}

.comment .reply{
	position: absolute;
	top: 5px;
	right: 5px;
}

.comment .reply a{
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 15px;
	background-color: transparent;
	background-image: url(images/icon-reply.png);
	background-repeat: no-repeat;
	background-position: top left;
}

/* Comment replies */

.comment .comment{
	margin: 0 0 0 30px;
}

/* Respond box */

#respond{
	margin-top: 20px;
}

#respond textarea{
	width: 100%;
}

/* Styles copied from default template */

.screen-reader-text {
     position: absolute;
     left: -1000em;
}