@charset "utf-8";
/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{ 
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}





/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	height:101%;
	background:url(http://csswizardry.com/whitleyjournalism.co.uk/img/css/grid.png) top center repeat-y #ededed;
	background:url(img/css/bg.gif) #ededed;
}
body{
	width:940px;
	padding:0 10px;
	margin:0 auto;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#333;
}





/*------------------------------------*\
	HEADER
\*------------------------------------*/
#logo{
	display:block;
	text-transform:uppercase;
	text-shadow:0 -1px #739c3e, 0 1px #fff;
	font-size:5em;
	line-height:1.5em;
}
#logo a{
	padding-right:50px;
	background:url(img/css/icons/home.png) -99999px center no-repeat;
}
#logo a:hover{
	text-decoration:none;
	background:url(img/css/icons/home.png) right center no-repeat;
}





/*------------------------------------*\
	CONTENT
\*------------------------------------*/
#content{
	float:left;
	width:700px;
	margin-right:20px;
	display:inline;
}
#sub-content{
	float:left;
	width:220px;
	display:inline;
}
#sub-content div{
	padding:20px;
	background:#fff;
	margin-bottom:50px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	box-shadow:0 0 5px rgba(0,0,0,0.25);
}





/*------------------------------------*\
	FOOTER
\*------------------------------------*/
#footer{
	clear:both;
}





/*------------------------------------*\
	BLOG POSTS
\*------------------------------------*/
.post{
	padding:60px;
	background:#fff;
	margin-bottom:50px;
	position:relative;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	box-shadow:0 0 5px rgba(0,0,0,0.25);
}
.post p:last-of-type{
	margin-bottom:0;
}
/*.category-quote{
	background:#ff8;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
}
.category-quote blockquote{
	border-color:#fff;
}*/

/*--- DATES ---*/
span.date{
	position:absolute;
	top:10px;
	left:-5px;
	background:#c93737;
	background:-moz-linear-gradient(-90deg, #c93737, #bf3434);
	background:-webkit-gradient(linear, left top, left bottom, from(#c93737), to(#BF3434));
	color:#fff;
	padding:5px 5px 5px 20px;

	text-shadow:1px 1px 1px rgba(0,0,0,0.25);
	-moz-border-radius:0 2px 2px 0;
	-webkit-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-transition:padding 0.1s linear;
}
span.date:hover{
	padding:5px 5px 5px 30px;
}
span.date span{
	width:5px;
	height:1px;
	display:block;
	text-indent:-9999px;
	background:url(img/css/date-shadow.gif);
	position:absolute;
	left:0;
	top:-1px;
}

/*--- CATEGORIES ---*/
.post .category-icon{
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-9999px;
}
.post .category-icon a{
	display:block;
	padding:10px;
	width:16px;
	height:16px;
	background:url(img/css/icons/default.gif) center center no-repeat #e5e5e5;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
	box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
}
.category-link .category-icon a	{ background-image:url(img/css/icons/link.gif); }
.category-quote .category-icon a	{ background-image:url(img/css/icons/quote.gif); }
.category-photo .category-icon a	{ background-image:url(img/css/icons/photo.gif); }
.category-food .category-icon a	{ background-image:url(img/css/icons/food.gif); }
.category-iphone .category-icon a{ background-image:url(img/css/icons/iphone.gif); }
.category-trials .category-icon a{ background-image:url(img/css/icons/trials.gif); }
.category-web-development .category-icon a,
.category-harryroberts-co-uk .category-icon a{ background-image:url(img/css/icons/web.gif); }
/*--- CATEGORIES -- WITH HOVER STATE ---*
.post .category-icon{
	position:absolute;
	top:10px;
	right:10px;
}
.post .category-icon{
	display:block;
	padding:10px;
	width:16px;
	height:16px;
	background:url(img/css/icons/default.gif) center center no-repeat #e5e5e5;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
	box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
}
.post .category-icon a{
	position:absolute;
	top:-20px;
	left:-99999px;
	padding:5px;
	display:block;
	color:#fff;
	background:#333;
	background:rgba(0,0,0,0.75);
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.post .category-icon:hover a{
	left:20px;
}
.category-link .category-icon	{ background-image:url(img/css/icons/link.gif); }
.category-quote .category-icon	{ background-image:url(img/css/icons/quote.gif); }
.category-photo .category-icon	{ background-image:url(img/css/icons/photo.gif); }
.category-food .category-icon	{ background-image:url(img/css/icons/food.gif); }
.category-iphone .category-icon	{ background-image:url(img/css/icons/iphone.gif); }
.category-trials .category-icon	{ background-image:url(img/css/icons/trials.gif); }
.category-web-development .category-icon,
.category-harryroberts-co-uk .category-icon{ background-image:url(img/css/icons/web.gif); }*/





/*------------------------------------*\
	TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1,h2,h3,h4,h5,h6{
	color:#82b046;
	margin-bottom:20px;
	font-weight:bold;
}
h1{
	font-size:3em;
}
h2{
	font-size:2em;
}
h3{
	font-size:1.5em;
}
h4{
	font-size:1.125em;
}

/*--- LINKS ---*/
a{
	color:#82b046;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	position:relative;
	top:1px;
}

/*--- PARAGRAPHS ---*/
p{
	line-height:1.5em;
	margin-bottom:20px;
}

/*--- QUOTES ---*/
blockquote{
	padding-left:15px;
	border-left:5px solid #ccc;
	margin-bottom:20px;
}
blockquote p{
	margin:0;
	text-indent:-0.5em;
}/*
blockquote strong{
	display:block;
	text-indent:0;
}*/





/*------------------------------------*\
	IMAGES
\*------------------------------------*/
img{
	margin-bottom:20px;
}
.full{
	margin-left:-60px;
}
img.full{
	width:700px;
}
.captioned,.captioned img{
	margin-bottom:0;
}
.caption{
	font-size:0.75em;
	font-family:Arial, sans-serif;
	margin-bottom:20px;
	padding-left:10px;
	font-style:italic;
	color:#666;
}





/*------------------------------------*\
	FORMS
\*------------------------------------*/
.text-input,textarea{
	font-size:1em;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	padding:5px;
	background:#dfdfdf;
	background:rgba(0,0,0,0.1);
	border:none;
}
textarea{
	width:690px;
}
.text-input:focus,.text-input:active,textarea:focus,textarea:active{
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
	box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
	outline:none;
}
#s{
	width:170px;
	margin-bottom:5px;
}
#s:active,#s:focus{
	background:url(img/css/bg.gif);
}
.button{
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#searchform p:last-of-type{
	margin:0;
}
#commentform p{
	line-height:2em;
}





/*------------------------------------*\
	LISTS
\*------------------------------------*/
ol,ul{
	margin-bottom:20px;
}
li{
	line-height:1.5em;
}

/*--- SIDEBAR ---*/
#sub-content ul{
	list-style:none;
	margin:0;
}

/*--- POST DATA ---*/
#post-data{
	font-size:0.75em;
	font-family:Arial, sans-serif;
}
#post-data dt{
	font-weight:bold;
	margin-right:5px;
	clear:both;
}
#post-data dd{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	word-wrap: break-word;
}
#post-data dd:last-of-type{
	border:none;
	padding:0;
	margin:0;
}

/*--- PAGINATION ---*/
.pagination{
	width:100%;
	float:left;
	list-style:none;
	margin:0;
}
.pagination li:empty{
	margin:0;
}
.pagination li{
	margin-bottom:50px;
	float:left;
	width:48%;
	padding:0 1%;
}
li.prev{
	text-align:right;
}
li.next{	
	float:right;
}
.pagination a{
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.prev a:before{
	content:"« ";
}
.next a:after{
	content:" »";
}





/*------------------------------------*\
	COMMENTS
\*------------------------------------*/
#respond{
	clear:both;
}
.commentlist{
	list-style:none;
	margin-bottom:50px;
}
.commentlist li{
	padding:20px 20px 20px 180px;
	background:url(img/css/strip.gif) bottom left repeat-x;
	position:relative;
	height:1%;
	overflow:hidden;
}
.commentlist li p:last-of-type{
	margin-bottom:0;
}





/*------------------------------------*\
	MISC
\*------------------------------------*/
.marginalia{
	width:160px;
	float:left;
	margin-left:-180px;
	clear:both;
}
.accessibility{
	position:absolute;
	left:-9999px;
}