/*

STYLESHEET FOR SCREEN

	----------

COMMON STYLES FOR ALL PAGES

	1.BODY
	2.UNIVERSAL STYLES
	3.LISTS
	4.SPANS
	5.PARAGRAPHS
	6.HEADINGS
	7.LINKS
	8.LAYOUT
	9.NAVIGATION
	10.FORMS
	11.TABLES
	
	---------------

*/

/*
1.BODY  ---------------------------------------------*/

	body {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		background: #aaa url(../images/interface_images/bg_texture.jpg) left top repeat;
		text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
		color: #333;
		font-size: 14px;
		line-height: 1.75;
		border-bottom: 10px solid #333;
		height: 100%; }


/*
2.UNIVERSAL STYLES  -----------------------------------------*/

	strong {
		font-weight: bold; }
		
	em {
		font-style: italic; }
		
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden; }

/*
3.LISTS  -----------------------------------------*/
		

/*
4.SPANS  -----------------------------------------*/

	header span {
		margin-right: 16px; }
		
	section#comments article div.meta span.author {
		font-weight: bold;
		font-size: 14px; }
		
	section#comments article div.meta span.date {
		font-size: 12px; }

/*
5.PARAGRAPHS  -----------------------------------------*/
		
	footer p {
		margin-bottom: 24px; }
		
	footer p#credits {
		font-size: 12px;
		text-align: center;
		margin: 48px 0 0; }

/*
6.HEADINGS  -----------------------------------------*/
		
	section#error div.inner div h1 {
		font-size: 24px;
		line-height: 1.2;
		font-weight: bold;
		color: #cc0000; }
	
	section#comments h3 {
		display: block;
		text-align: center; }

/*
7.LINKS  --------------------------------------------*/

	a {
		color: #333;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px solid #333; }
		
	a:visited {
		color: #666;
		border-bottom: 1px solid #666; }
		
	a:active, a:hover {
		color: #cc0000;
		border-bottom: 1px solid #cc0000; }
		
	header nav ul li a, header nav ul li a:visited {
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		border-bottom: none;
		color: #333; }
		
	header nav ul li a:hover, header nav ul li a:active {
		color: #cc0000;
		border-bottom: none; }
		
	header nav ul li.previous a {
		background: transparent url(../images/interface_images/header_arrow_prev.gif) left 0 no-repeat;
		padding-left: 15px; }
		
	header nav ul li.previous a:hover, header nav ul li.previous a:active {
		background: transparent url(../images/interface_images/header_arrow_prev.gif) left -37px no-repeat; }
		
	header nav ul li.next a {
		background: transparent url(../images/interface_images/header_arrow_next.gif) right 0 no-repeat;
		padding-right: 15px; }
		
	header nav ul li.next a:hover, header nav ul li.next a:active {
		background: transparent url(../images/interface_images/header_arrow_next.gif) right -37px no-repeat; }
		
	header div a.rss {
		background:transparent url(../images/interface_images/feed-icon-12x12.png) left 2px no-repeat;
		padding-left: 15px;
		border-bottom: none; }
		
	header div a.rss:visited {
		background:transparent url(../images/interface_images/feed-icon-12x12.png) left -34px no-repeat; }
		
	header div a.rss:hover, header div a.rss:active {
		background:transparent url(../images/interface_images/feed-icon-12x12.png) left -16px no-repeat; }
	
	section#comments h3 a, section#comments h3 a:visited {
		background: transparent url(../images/interface_images/comment_header_arrow.gif) center 30px no-repeat;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		color: #333;
		display: block;
		padding: 6px 0 18px;
		border-bottom: none; }
		
	section#comments h3 a:hover, section#comments h3 a:active {
		background: transparent url(../images/interface_images/comment_header_arrow.gif) center -62px no-repeat;
		color: #cc0000;
		border-bottom: none; }
	
	section#comments h3 a.open, section#comments h3 a.open:visited {
		background: transparent url(../images/interface_images/comment_header_arrow_open.gif) center 30px no-repeat; }
		
	section#comments h3 a.open:hover, section#comments h3 a.open:active {
		background: transparent url(../images/interface_images/comment_header_arrow_open.gif) center -62px no-repeat; }
		
	section#comments article span.author a {
		border-bottom: none; }

/*
8.LAYOUT  -------------------------------------------*/

	header, footer, section, article, nav {
		display: block; }
		
	header {
		font-size: 13px;
		padding: 4px 20px; }
		
	header div {
		float: right; }
	
	section#comments {
		float: left;
		width: 100%; }
	
	section#comments article {
		clear: both;
		position: relative;
		width: 940px;
		margin: 0 auto;
		padding: 18px 40px 6px 0;
		border-top: 1px solid #ccc; }
		
	section#comments article.tim {
		background: #aaa url(../images/interface_images/bg_dark_texture.jpg) left top repeat; }
		
	section#comments article div.meta {
		text-transform: uppercase;
		float: left;
		margin-left: 20px;
		margin-bottom: 13px;
		width: 280px; }
	
	section#comments article div.meta img {
		float: left;
		margin-right: 10px;
		border: 1px solid #ccc; }
		
	section#comments article div.comment {
		margin-left: 340px;
		margin-bottom: 24px; }
		
	section#error {
		background: #aaa url(../images/interface_images/bg_texture.jpg) left top repeat;
		padding: 0; }
		
	section#error div.inner {
		position: relative;
		width: 980px;
		margin: 0 auto; }
		
	section#error div.inner img {
		border: 10px solid #fff;
		margin: 20px 0; }
		
	section#error div.inner div {
		text-shadow: none;
		position: absolute;
		left: 60px;
		top: 280px;
		width: 300px;
		color: #fff; }
	
	footer {
		background: #aaa url(../images/interface_images/bg_dark_texture.jpg) left top repeat;
		clear: both;
		padding: 24px 20px 8px;
		border-top: 1px solid #ccc; }
	
	footer div {
		width: 980px;
		margin: 0 auto; }
		
	footer section {
		padding-left: 320px; }		
		
/*
9.NAVIGATION  ---------------------------------------*/

	header nav {
		float: left;
/*		padding: 6px 0 2px;*/ }	
		
	header nav ul li {
		float: left; }
		
	header nav ul li.previous {
		padding-right: 10px; }
		
	header nav ul li.next {
		padding-left: 10px;
		border-left: 1px solid #ccc; }
		
	footer nav#archive {
		float: left;
		width: 300px;
		margin-right: 20px; }		

/*
10.FORMS  --------------------------------------------*/
	
	form#comment_form {
		clear: both;
		width: 940px;
		margin: 0 auto;
		padding: 24px 20px 30px;
		border-top: 1px solid #ccc; }
	
	form#comment_form div {
		margin-bottom: 18px; }
	
	form#comment_form div.remember {
		margin-bottom: 0; }
	
	form#comment_form div.buttons {
		margin-top: 24px; }
	
	form#comment_form label {
		display: block;
		float: left;
		text-align: right;
		width: 300px;
		margin-right: 20px; }
	
	form#comment_form input[type="text"], form#comment_form textarea {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-shadow: #fff 0px 1px 0px;
		color: #333;
		font-size: 14px;
		line-height: 1.75;
		background-color: #ccc;
		padding: 0 3px; }
	
	form#comment_form input[type="text"] {
		padding-top: 3px;
		margin: -3px 20px 0 0;
		width: 209px; }
	
	form#comment_form input[type="submit"] {
		margin-left: 320px;
		color: #333; }
	
	form#comment_form textarea {
		padding-top: 3px;
		margin-top: -3px;
		width: 534px;
		height: 200px; }
	
	form#comment_form div.captcha {
		position: relative; }
	
	form#comment_form div.captcha img {
		position: absolute;
		top: -2px; }

	form#comment_form label.error {
		text-align: left;
		width: 600px;
		margin: 0 0 24px 320px;
		color: #cc0000;
		font-weight: bold; }

/*
11.TABLES  --------------------------------------------*/