/*

Theme Name: Fyrd's Default
Theme URI: http://a.deveria.com
Description: My new theme
Version: 2.0
Author: Alexis Deveria
Author URI: http://a.deveria.com

*/

/* HTML5 block elements */
header,hgroup,section,aside,nav,footer,article { display: block; }

/* Header Font by Jakob Fischer / pizzadude.dk */
/*
@font-face {
  font-family: "Idolwild";
  src: url(http://a.deveria.com/images/idolwild.ttf) format("truetype");
}
*/
@font-face {
  font-family: "Verily Serif Mono";
  src: url(http://a.deveria.com/images/VerilySerifMono.otf);
}



body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
/*	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;*/
	font-family: Georgia, 'Times New Roman', Times, serif;
	background: #005 url(images/main_bg.jpg);
	background-attachment: fixed;
	min-width: 800px;
}
 
header {
	height: 140px;
	background: #E3452A url(images/top_bg.png);
	background-position: 0 bottom;
	color: white;
	margin-top: 0;
}

	header h2 a,
	header h2 a:visited { 
		color: #FFF; 
		text-decoration: none;
	}
	
	header h2 a:hover {
		color: #FFF;
		text-decoration: underline;
	}

h1, h1 a, h1 a:hover, h1 a:visited, header h2 {
color:white;
text-decoration:none;
}

h1, h2, h3 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}


h1 {
	font-size: 4.5em;
	text-align: left;
	font-family: "Verily Serif Mono", 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	text-shadow: #000 2px 2px; 
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.05em;
	margin-left: .8em;
	line-height: 2.5em;
	display: inline;
}

header h2 { 
	margin-left: 0; 
	margin-top: 0;
	font-style: italic;
	font-weight: normal;
	font-size: 1.3em;
	display: inline;
}

   #site_info, #content {
/*	width: 600px;*/

}

a, h2 a:hover, h3 a:hover {
	/*color: #314891; */
	color: #992206;
	text-decoration: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
}


/* Tabs */
#nav1, #nav1 li {
	margin: 0;
	padding: 0;
}

#nav1 {
	float: left;
	background-image: url(images/tab-edges.png);
	background-repeat: no-repeat;
	background-position: left -49px;
	position: absolute;
	top: -1px;
	right: 30px;
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}
	
	#nav1 li.first a {
		margin-left: 18px;
		padding-left: 5px;
	}
	
	#nav1 li.last {
		background-image: url(images/tab-edges.png);
		background-repeat: no-repeat;
		background-position: right 1px;
	}
	
	#nav1 li {
		display: block;
		float: left;
		background-image: url(images/tab-edges.png);
		background-repeat: no-repeat;
		background-position: right -24px;
	}
	
	#nav1 li a {
		padding: 0 10px 0;
		color: #FFF;
		font-size: 1.5em;
		text-transform: uppercase;
		display: block;
		background-image: url(images/tab-bg.png);
		background-repeat: repeat-x;
		background-position: left 1px;
		margin-right: 18px;
		height: 26px;
	}
	
	#nav1 li.last a {
		margin-right: 18px;
		padding-right: 5px;
	}
	


#recommended {
	background: black;
	color: white;
	height: 145px;
	width: 543px;
	margin-left: -9px;
	margin-top: 0;
	position: relative;
	font-family:'Lucida Grande','Trebuchet MS',Verdana,Arial,Sans-Serif;
}


	#recommended p {
/*		padding: 10px 0 0 10px;*/
		width: 209px;
		height: 26px;
		position: absolute;
		top: 0; left: 10px;
	}
	
	#recommended p b {
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url(images/recommend.png);
	}
	
	#recommended p.after {
		width: 100%;
		left: 0;
		top: 112px;
		font-size: 1.2em;
		text-align: right;
		padding-right: 2em;
	}
	
		#recommended p.after a {
			color: #AAA;
		}

	#recommended ol {
		position: relative;
		top: 10px;
		left: 0;
		margin: 0;
		padding: 0;
	}
	
	#recommended li b {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		background-image: url(http://a.deveria.com/images/buttons.png);
		background-repeat: no-repeat;
	}
		#rec_wciu b { background-position: 0 0 }
		#rec_csstpl b { background-position: -185px 0 }
		#rec_radius b { background-position: -370px 0 }
		
	#recommended li a,
	#recommended li span {
		margin: 20px;
		min-height: 3em;
		background: black;
		display: block;
	}
	
	#recommended li span {
		visibility: hidden;
		
	}
	
	#recommended li:hover {
		z-index: 10;
	}
	
	#recommended li {
		list-style: none;
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		width: 185px;
		height: 75px;
	}
	
	#rec_wciu {
		top: 30px;
		left: 5px;
		z-index: 6;
	}
	
	#rec_csstpl {
		top: 10px;
		left: 181px;
		z-index: 5;
	}
	
	#rec_radius {
		top: -10px;
		right: 5px;
		z-index: 4;
	}
	
#prev_rec, #next_rec {
	color: #AAA;
	font-size: 3em;
	line-height: 75px;
	padding: 0 3px;
	position: absolute;
	top: 30px;
	font-weight: normal;
}

#prev_rec:hover, #next_rec:hover {
	text-decoration: none;
	color: #888;
}

#prev_rec {
	left: 90px;
}

#next_rec {
	left: 385px;
}

#page {
	width: 880px;
	margin: 0 auto;
}

#main {
	width: 525px;
	background-image: url(images/page_bg.png);
	padding: 0 30px;
	background-repeat: repeat-y;
	float: left;
}

 
 #content {
/*	background: white;*/
	padding: 0;
	font-size: 1.5em;
	padding-bottom: 2em;
 }

h2.pagetitle {
	color: #000;
	text-align: center;
}
 
div.navigation {
	overflow: auto;
	margin: .5em 1em;
}
 
#content article {
	min-height: 250px;
	padding: 0 1em 1em;
	margin: 0;
	/* border-bottom: 2px dashed #DDD; */
}

	#content article h2,
	h3#comments,
	article.post h3,
	article.post h3 a {
		margin-top: 0;
		margin-bottom: .2em;
		width: 495px;
		padding: .2em 24px;
		margin-left: -24px;
		background: #a82507 url(images/header_fade.png);
		color: white;
	}
	
	h3#comments	{
		margin-left: -9px;
	}
	
	#content article h2 a {
		color: white;	
	}

#content hr {
	width: 50%;
	margin: 0 auto;
	height: 1px;
	display: none;
}

.entry p {
	line-height: 1.5em;
	
}

.entry p a {
	font-weight: bold;
}

.entry p a:visited {
	color: #553191;
}

footer {
/*	display: none;*/
	background: black;
	color: #BBB;
/*	height:200px;*/
	margin-left:-9px;
	padding: .5em 0 .5em 24px;
	width:519px;
	font-size: 1.2em;
	font-family: Verdana, sans-serif;
}

footer a {
	color: #FFF;
}

footer a:hover {
	color: #911831;
}

.commentlist {
	margin-right: 1em;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform textarea {
	width: 95%;
}

.commentlist li {
	font-weight: bold;
	padding: .3em;
}

.commentlist li.author {
	background: #DDF;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

ol.commentlist li li,
ol.commentlist ul,
ol.commentlist ol { 
	font-weight: normal;
	margin: 0.5em;
	padding: 0.2em;
}

ol.commentlist ul li { 
	list-style: disc; 
}

ol.commentlist ol li { 
	list-style: decimal; 
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

aside {
	font: 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

aside span.note {
	display: block;
	margin-left: 1em;
}

aside del:hover {
	text-decoration: none;
}

small, aside ul ul li, aside ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
}


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
/* End Typography & Colors */
 
aside {
	float: left;
	width: 260px;
	margin-top: 30px;
	margin-left: 5px;
}

	aside h2 {
		text-align: center;
		color: white;
		margin: 0;
		height: 50px;
		line-height: 35px;
		font-size: 1.3em;
		white-space: pre;
	}

	aside > ul {
		margin: 0;
		padding: 0;
	}

	aside > ul > li  {
		list-style: none;
		background: transparent url(images/side_left.png) no-repeat 0 0;
		float: left;
		clear: both;
		border-bottom: 2px solid #1c2158;
		margin-bottom: 3em;
	}
	
	aside ul ul {
		margin: 0;
		padding: 0;
	}
	
	aside li li {
		margin: 0;
		padding: 0;
		overflow: visible;
/*		white-space: pre;*/
	}
	
	.w1 {
		background: transparent url(images/side_right.png) no-repeat top right;
		padding: 5px;
		padding-bottom: .5em;
		margin-left: 35px;
	}
	
	.w2 {
		position: relative;
		left: -34px;
		margin-right: -34px;
		padding: 0 10px 5px;
	}
	
	aside li.widget ul {
		padding: 0;
	}
	
	aside li.widget li {
		list-style: none; 
		line-height: 1.2em;
		margin-bottom: .5em;
	}
	
	aside li p {
		margin-top: 0;
	}
	
	aside li#donate p {
		width: 16em;
	}
	
	aside li#donate form {
		text-align: center;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}


a img {
	border: none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.entry ul li:before, aside ul ul li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

dl dt {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: .5em;
}

dl.aboutme dt {
	float: left;
	padding-right: 0.5em;
	font-weight: bold;
/*	font-size: 1em;*/
	margin-top: 0;
}
dl.aboutme dd {
	margin: 0.5em 0;
}

/* Contact form */
form.contact-form {
	text-align: left;
}

form.contact-form fieldset {
	border: 1px solid #CCC;
	margin-bottom: 1em;
}

form.contact-form .form-input,
form.contact-form .form-option {
	margin-bottom: .8em;
}


span.required {
	color: #A00;
}