/* ------------------------------------------
JAMES RUSSELL
james.russell@me.com

STYLE.CSS

Description: CSS3 FOR HTML5 WORDPRESS BLOG
Created: 04 May 2010
Updated: 05 May 2010
Version: 1.0.2
------------------------------------------ */
/* =======================================================================================================================
							A L L   M E D I A
   ======================================================================================================================= */

@media all {

/* ------------------------------------------------------------------------------------
-- RESET
------------------------------------------------------------------------------------ */

html, body, div, span, object,
header, nav, footer, section, +, article, figure, time, mark, embed, video, audio,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, address, cite, code, pre,
del, em, img, ins, q,
small, strong, sub, sup, samp,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding:0;
	border:0;
	margin:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

.search {
	background-color:##FAFAFA;
	border:1px solid #F5F5F5;
	opacity:0.8;
}

header, hgroup, nav, footer, section, aside, article, figure, figcaption {
	display:block;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
	}



/* ------------------------------------------------------------------------------------
-- BASE STYLES
------------------------------------------------------------------------------------ */

body {
	font:100.01%/1 cambria, georgia, times, serif;
	color:#333;
	background:#fff url(images/backdrop.jpg) bottom no-repeat;
	background-attachment:fixed;
	}

a:link,
 a:visited {
	 border-bottom:1px solid #c55500;
	 color:#c55500;
	 text-decoration:none;
	 }
a:visited {
	border-bottom:1px solid #730800;
	color:#730800;
	}

a:hover,
 a:focus,
 a:active {
	 border:0;
	 color:#fff;
	 background:#c55500;
	 }

a:visited:hover,
 a:visited:focus,
 a:visited:active {
	 color:#fff;
	 background:#730800;
	 }

/* Headings and paragraphs
------------------------------------------ */

h1,
 h2,
 h3,
 h4 {
	font-weight:normal;
	line-height:1.1em;
	color:#222;
	}

h1 {
	font-size:2.5em;
	line-height:1.2;
	} /* 40px */

h2 {
	clear:both;
	margin:0.96em 0 0.25em;
	margin:1.5em 0 0.25em;
	font-size:1.5625em;
	} /* 25px */
	h2 code {
		font-size:25px;
		line-height:1em;
		}
h3 {
	margin:1.2em 0 0.325em;
	margin:1.5em 0 0.325em;
	font-size:1.25em;
	} /* 20px */
	h3 code {
		font-size:20px;
		line-height:1em;
		}
h4 {
	margin:1.5em 0 0.4em;
	font-size:1em;
	font-weight:bold;
	} /* 16px */

p,
 blockquote {
	 margin:0 0 1.5em;
	 font-size:1em;
	 /*word-spacing:0.1em;*/
	 line-height:1.5em;
	 } /* 16px */

blockquote {
	padding:0 24px;
	border-left:3px solid #ccc;
	margin:1em 0 1.5em;
	}
	/*
	blockquote:before {content:"\00ab"; float:left; margin:0 0 0 -14px; color:#aaa;}
	blockquote>*:last-child:after {content:"\00bb"; padding:0 0 0 5px; color:#aaa;}
	*/
	blockquote p {
		/*font-family:calibri, arial, sans-serif;*/
		font-size:1em;
		/*word-spacing:0.1em;*/
		color:#666;
		}
	
	blockquote,
	 q {
		 quotes:none;
		 }

strong {
	font-weight:bold;
	}
em {
	font-style:italic;
	}

small {
	font-size:0.875em;
	}
ins {
	text-decoration:none;
	}

/* General lists
------------------------------------------ */

ul,
 ol {
	 margin:0 0 1.5em;
	 }
ul {
	list-style:square;
	}

	ul li,
	 ol li {
		 padding:0;
		 margin:0 0 0.5em;
		 font-size:1em;
		 /*word-spacing:0.1em;*/
		 line-height:1.5em;
		 } /*16px*/

li li {
	font-size:1em;
	}
li p {
	font-size:1em;
	}

/* Other
------------------------------------------ */

sup {
	font-size:0.75em;
	vertical-align:super;
	line-height:0;
	}
abbr[title] {
	border-bottom:1px dotted #333;
	cursor:help;
	}

/* h1 code, h2 code, h3 code {font-weight:bold;} */
p code,
 li code {
	 font-size:16px;
	 line-height:1em;
	 word-spacing:0;
	 color:#6a8014;
	 }
a code {
	border:0;
	color:inherit;
	background:transparent;
	}
blockquote code, 
 blockquote pre {
	font-size:1em;
	}
pre {
	padding:15px 20px;
	border:1px dashed #ccc;
	margin:1.7143em 0;
	font-size:14px;
	line-height:1.5em;
	white-space:pre-wrap;
	word-wrap:break-word;
	color:#6a8014;
	}
li pre code {
	font-size:14px;
	line-height:1.5em;
	}



/* ------------------------------------------------------------------------------------
-- TEMPLATE
------------------------------------------------------------------------------------ */

body > header,
 nav ul,
 body > section,
 body > article,
 body > aside section,
 body > footer,
 article + nav ul,
 section + nav ul {
	 position:relative;
	 width:540px;
	 padding:0 100px;
	 margin:0 auto;
	 }

/* Header
------------------------------------------ */

body > header {
	background:#FAFAFA url(images/trim_logo.png) top left no-repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc);
	opacity:0.8;
	height:165px;
	}
	body > header h1 {
		position:relative;
		z-index:100;
		float:left;
		padding:0.13em 0;
		margin:0 10px 0 0;
		text-align:left;
		text-transform:uppercase;
		font-size:2.9375em;
		font-weight:bold;
		line-height:1.5em;
		color:#8a151e;
		padding-top:10px;
		text-shadow:0.2em 0.5em 0.1em #1b164e;
		opacity:0.8;
		}
		body > header h2 {
		opacity:0.8;
		position:relative;
		z-index:100;
		float:left;
		margin:0 10px 0 0;
		text-align:left;
		text-transform:uppercase;
		font-size:2.5em;
		font-weight:bold;
		line-height:1.5em;
		color:#1b164e;
		padding-left:60px;
		text-shadow:0.2em 0.5em 0.1em #8a151e;
		}
	body > header p {
		position:relative;
		z-index:100;
		float:right;
		margin:12px 0 0 12px;
		}
		body > header p img {
			display:block;
			}

		body > header a:link,
		 body > header a:visited {
			 border:0;
			 }

		body > header a:hover,
		 body > header a:focus,
		 body > header a:active {}
		 
.search_bar {
	width:540px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}
	.search_bar h1{
		font-family:cambria,georgia,times,serif;
		font-size:14px;
		font-style:normal;
		color:#C55500;
		width:96px;;
		border-bottom:1px solid #C55500;
		padding-bottom:1px;
		margin-bottom:2px;
		}
	.search_bar .btn {
		position:relative;
		padding:1px 7px 2px; border:0;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		behavior: url(border-radius.htc);
		color:#c55500;
		}
		.search_bar .btn:hover {
			position:relative;
			padding:1px 7px 2px; border:0;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			behavior: url(border-radius.htc);
			border-radius:10px;
			color:#fff;
			background:#c55500;
			}
/* Nav
------------------------------------------ */

nav {
	width:100%;
	padding:0.5em 0;
	margin:0;
	margin-bottom:5px;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
	background-color:#fafafa;
	opacity:0.7;
	margin-top:5px;
	}
	nav ul {
		text-align:right;
		}
		nav li {
			display:inline;
			padding:0;
			margin:0 12px 0 0;
			font-size:0.9375em;
			/*font-weight:bold;*/
			text-align:center;
			}
	
			nav li a:link,
			 nav li a:visited {
				 position:relative;
				 padding:1px 7px 2px; border:0;
				 -moz-border-radius:10px;
				 -webkit-border-radius:10px;
				 border-radius:10px;
				 behavior: url(border-radius.htc);
				 color:#c55500;
				 }
			 
			nav li a:hover,
			 nav li a:visited:hover,
			 nav ul li a:focus,
			 nav ul li a:active {
				 color:#fff;
				 background:#c55500;
				 }
	
	nav .current a:link,
	 nav .current a:visited {
		 color:#000;
		 background:#e5e5e5;
		 }
	
	nav .current a:hover,
	 nav .current a:focus,
	 nav .current a:active {
		 color:#666;
		 background:transparent;
		 }

/* Articles
------------------------------------------ */

body > article {
	padding-top:4.5em;
	margin-bottom:2em;
	}
	body > article header {
		position:relative;
		}

body > article h1 a:link,
 body > article h1 a:visited {
	 border:0;
	 color:#000;
	 }

body > article h1 a:hover,
 body > article h1 a:visited:hover,
 body > article h1 a:focus,
 body > article h1 a:active {
	 color:#666;
	 background:transparent;
	 }

article h1 a:link,
 article h1 a:visited {
	 border:0;
	 text-decoration:none;
	 }
 
article time {
	display:block;
	margin:0 0 2em;
	font-size:0.875em;
	letter-spacing:1px;
	line-height:1.6em;
	text-transform:uppercase;
	color:#757575;
	}
article header + p {
	margin:1.1429em 0;
	font-size:1.3125em;
	word-spacing:0;
	line-height:1.3333em;
	/*color:#6a8014;*/
	}
	article header + p code {
		font-size:21px;
		line-height:1em;
		}
article footer {
	padding:0.5em 0 0;
	border-top:1px solid #eee;
	margin:2em 0 0;
	font-style:italic;
	}
	article footer p {
		padding:0;
		margin:0;
		font-size:0.8125em;
		word-spacing:0;
		border-bottom:2px solid #FAFAFA;
		}

article footer p a:link,
 article footer p a:visited {
	 border:0;
	 }
 
article img {
	display:block;
	border:1px solid #ddd;
	margin:1em -31px 1.5em;
	}
article pre + p > small:first-child {
	display:block;
	margin:-1em 0 0;
	font-size:0.8125em;
	word-spacing:0;
	}

article figure {
	margin:0 0 1.5em;
	}
	article figure img {
		margin-bottom:0.5em;
		}
	article figure figcaption {
		margin:0 -30px;
		font-size:0.875em;
		line-height:1.5em;
		}

/* User comments section */
article nav + section {
	margin-top:4.5em;
	counter-reset:commentnum;
	}
	article nav + section > h1:before {
		content:"";
		position:absolute;
		z-index:20;
		top:12px;
		left:0;
		width:15px;
		height:10px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		behavior: url(border-radius.htc);
		background:#333;
		}
	article nav + section > h1:after {
		content:"";
		position:absolute;
		z-index:10;
		top:18px;
		left:6px;
		width:0;
		height:0;
		border:4px solid transparent;
		border-left-color:#333;
		}
	article nav + section > h1 {
		position:relative;
		padding-left:25px;
		margin-left:-25px;
		font-size:2em;
		color:#222;
		}
	article nav + section > h1 span {
		display:block;
		margin:0.25em 0 0;
		font-size:0.6875em;
		color:#555;
		}

/* User comment entries */
article article {
	margin:2em 0 2.5em;
	}
	article article h3 {
		margin:0.25em 0 0.5em;
		font-size:1.125em;
		}
	article article time {
		display:inline;
		margin:0;
		font-size:0.75em;
		}
	article article header {
		margin:0;
		}
		article article header p {
			padding:0 3px;
			margin:0.5em 0;
			background:#fe6;
			}
		article article header > a {
			margin:0.3em 0 0 0;
			font-size:0.75em;
			}
			article article header > a:after {
				content:counter(commentnum);
				counter-increment:commentnum;
				}

		article article header + p,
 		 article article p {
			 margin:0 0 1.4em;
			 font-size:0.875em;
			 line-height:1.4em;
			 }
		article article footer {
			padding:0;
			border:0;
			margin:0;
			}

/* User comment form section */
article nav + section + section {
	margin:3em 0 1em;
	}
	article nav + section + section h1 {
		font-size:1.5625em;
		}
article section form {
	margin-top:1em;
	}
article section label {
	display:block;
	margin:0 0 0.25em;
	font-style:italic;
	}
article section input,
 article section textarea {
	 display:block;
	 font:0.8125em arial, sans-serif;
	 }
	article section label + input {
		width:250px;
		padding:3px;
		border:1px solid #aaa;
		margin:0.25em 0 1em;
		}
article section textarea {width:530px; padding:3px; border:1px solid #aaa; margin:0 0 1em;}

/* Internal navigation
------------------------------------------ */

article + nav,
 section > nav,
 article > nav {
	 padding:0;
	 margin:5em 0 2.5em;
	 }
	article + nav ul {
		width:600px;
		padding:0 70px;
		}
	section > nav ul,
	 article > nav ul {
		 /* for ie7 ->*/
		 min-height:0;
		 width:auto;
		 padding:0;
		 margin:0 -20px;
		 }
	article + nav li,
	 section > nav li,
	 article > nav li {
		 float:right;
		 margin:5px 0;
		 font-size:1.125em;
		 text-align:right;
		 color:#333;
		 }
		article + nav li:first-child,
		 section > nav li:first-child,
		 article > nav li:first-child {
			 float:left;
			 text-align:left;
			 }
	
		section > nav a:visited,
		 article > nav a:visited {
			 color:#730800;
			 }
			section > nav a:visited:hover,
			 section > nav a:visited:focus,
			 section > nav a:visited:active,
			 article > nav a:visited:hover,
			 article > nav a:visited:focus,
			 article > nav a:visited:active {
				 background:#730800;
				 }

/* Archive & other non-singles
------------------------------------------ */

body > section {
	margin-top:5px;
	padding-top:4em;
	padding-bottom:10px;
	margin-bottom:1em;
	background-color:#efefef;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(border-radius.htc);
	opacity:0.9;
	}
	body > section > h1 {
		margin:0 0 0.75em;
		font-size:2.5em;
		}
body > section article {
	padding:0;
	margin:0 0 3em;
	}
	body > section article header {
		padding:0;
		}
	body > section article time {
		margin:0 0 0.75em;
		font-size:0.75em;
		}
	body > section article h1 {
		padding:0;
		border:0;
		margin:0;
		font-size:1.5625em;
		border-bottom:1px solid #F5F5F5;
		}
		body > section article > p {
			margin:0.5em 0 1.5em;
			font-size:1em;
			color:#444;
			}
		body > section article > p code {
			font-size:16px;
			}
	body > section article footer {
		padding:0;
		border:0;
		margin:-0.75em 0 0;
		}

/* Aside
------------------------------------------ */

body > aside {
	width:100%;
	padding:2.5em 0 2em;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	margin-top:2.5em;
	margin-bottom:1em;
	background:#fafafa;
	opacity:0.7;
	margin-left:0px;
	margin-right:0px;
	}
	body > aside section {}
	body > aside h1 {
		font-size:1.75em;
		margin:0 0 0.75em;
	}
	body > aside p {
		font-size:0.8em;
		line-height:0.8em;
		text-align:center;
		}
		body > aside section p:last-child {
			font-size:1.125em;
			}
		body > aside section p:last-child a {
			border:0;
			}
		body > aside section p:last-child span {
			font-weight:bold;
			}

/* Footer navigation
------------------------------------------ */

body > footer {
	padding-bottom:1em;
	text-align:center;
	font-size:0.75em;
	}
	body > footer p {
		margin:0 0 0.75em;
		}

body > footer small {
	font-size:1em;
	color:#777;
	}

/* Self-clearing
------------------------------------------ */

section > nav ul:after,
 article > nav ul:after {
	 clear:both;
	 display:block;
	 content:".";
	 height:0;
	 font-size:0;
	 line-height:0;
	 visibility:hidden;
	 }

/* end of @media all */}

/* ==RESOURCES== */

#resource_content {
	width:100%;
	height:auto;
	margin:0px;
}

/* =======================================================================================================================
							P R I N T I N G
   ======================================================================================================================= */

@media print {

body>header p,
 nav,
 #respond  {
	display:none;
}

body > aside {
	border:0; background:transparent;
	}

#comments {
	page-break-before:always;
}

body > header h1 a[href]:after,
article a[href]:after,
 aside a[href]:after {
	 border:0 !important;
	 color:#555;
	 content:" (" attr(href) ")";
	 text-decoration:none;
	 }
	 
body > header h1 a[href]:after {
	
	}
	
body > article header a[href]:after,
 body > article footer a[href]:after {
	 content:none;
	 }

/* end of @media print */}



/* =======================================================================================================================
							H A N D H E L D
   ======================================================================================================================= */

@media handheld, screen and (max-width: 480px) {

body > header,
 nav ul,
 body > section,
 body > article,
 body > aside section,
 body > footer,
 article + nav ul,
 section + nav ul {
	 position:relative;
	 width:auto;
	 padding-left:5px;
	 padding-right:5px;
	 }

body {font-size:14px;}
p code, li code {font-size:14px;}

body > nav {clear:both;
}
body > nav ul {text-align:left;}

article + nav,
 section > nav,
 article > nav {margin:2em 0;}

article > nav ul,
 section > nav ul {padding:0; margin:0;}

body > article,
 body > section {padding-top:2em;}

article nav + section {margin:2em 0;}

article article header a {float:none; margin:0;}

article section label + input,
 article section textarea {width:90%;}

/* end of @media handheld */}