/*   
Theme Name: Flechs
Theme URI: http://blog.flechs.net
Description: Theme for Flechs.net blog: Game Design & Battletech
Author: Ian Bellomy
Author URI: http://www.ianbellomy.com
Version: 1.0
*/

/*
	
	USED ON EVERY PAGE

*/
body {
	background-color:#1F0F02;
	border:0 none;
	color:#918876;
	font-size:12px;
	margin:0;
	padding:0;
	min-height:1000;
	text-align:center;
	overflow-x:hidden;
}
div {
	border:0 none;
	margin:0;
	padding:0;
	text-align:left;
}
img
{
	float:left;
	border:0 none;
	padding:0;
	margin-top:4px;
	margin-right:16px;
	margin-bottom:16px;
	text-decoration:none;
}
img.banner
{
	clear:both;
	max-width:428px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:16px;
}
#left_header 
{
	background-image:url("images/left_header_bg.jpg");
	height:402px;
	left:0;
	position:absolute;
	top:0;
	width:112px;
}
#top_right_header
{
	background-image:url("images/right_top_header_bg.jpg");
	height:196px;
	left:112px;
	position:absolute;
	top:0;
	width:912px;
	z-index:-1;
}
#home-button
{
	position:absolute;
	top:38px;
	left:110px;
	width:230px;
	height:68px;
}
#logo
{
	position:relative;
	width:251px;
	height:92px;
	background-image:url("images/logo_main.png");
	left:88px;
	top:25px;
	z-index:100;
}
img.logo
{
	width:251px;
	height:92px;
	margin:0px;
	padding:0px;
}
img.home-button
{
	width:230px;
	height:68px;	
}
/*the main block*/
#wrapper
{
	width:800px;
	margin:0 auto;
	overflow-x:hidden;
}
#content
{
	display:block;
	width:800px;
/*	overflow-x:visible;	*/
	
}
#posts 
{
	width:541px;
	float:left;
	text-align:left;
	margin-top:49px;	
	display:block;
}

.post 
{
	margin-bottom:60px;
	position:relative;
/*	min-height:200px;*/
}
.post-short
{
	margin-bottom:0px;
}
.post-header 
{
	background-image:url("images/post_header.png");
	height:59px;
}
.noBG
{
	background-image:none;
}

h1
{
	text-transform:uppercase;
	color:#A8BCC0;
/*	font-family: helvetica,arial,sans-serif;*/
	font-size:22px;
	font-weight:normal;
	margin:0;
	left:110px;
	position:absolute;
	top:12px;
}
h2
{
	text-transform:uppercase;
	color:#7c776d;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
}
h3
{
	color:#838e8d;
	display:inline;
	text-transform:uppercase;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
}
.post-info 
{
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	left:112px;
	line-height:17px;
	position:absolute;
	top:36px;
}
.post-comments 
{
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	line-height:17px;
	position:absolute;
	right:0;
	top:36px;
}
.post-content 
{	
	left:112px;
	line-height:17px;
	margin-top:10px;
	position:relative;
	width:430px;
}
p
{
	font-family:helvetica,arial,sans-serif;
	text-align:left;	
}
.post-categories 
{
	color:#494F52;
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
	font-style:italic;
	line-height:13.6px;
	margin-top:13px;
	position:absolute;
	text-align:right;
	top:60px;
	width:88px;
}
.post-tags
{	
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
	font-style:italic;
	line-height:13.6px;	
	margin-bottom:24px;
}
.post-footer
{
	width:100%;
	height:1px;
	clear:both;
}
.activeCategories 
{

}
.navigation
{
	width:430px;
	padding-left:112px;
}
.alignright
{
/*	float:right;*/
}
a 
{
	font-family:helvetica,arial,sans-serif;
	color:#5f7c85;
	text-decoration:none;
}
a:hover 
{
	color:#9CBEC8;
}
a.h1
{
	color:#A8BCC0;
}
a.comments 
{

}
a.archive-tags
{
	font-style:oblique;
	color:#365c5f;
}
a.archive-tags:hover
{
	color:#9CBEC8;
}
blockquote {
	
	background-image:url("images/quote.jpg");
	background-repeat:no-repeat;
/*	background-position:right bottom;*/
	font-size:10px;
	font-family:helvetica,arial,sans-serif;
	margin:12px 0 0 24px;
	padding-left:28px;
	padding-right:48px;
	padding-top:8px;
	padding-bottom:12px;	
}
blockquote::first-child
{
	background-color:#ffff00;
	color:#ff0000;
/*	background-image:url("images/quote.jpg");*/
/*	padding:30px;*/
/*	background-repeat:no-repeat;*/
}

hr
{
/*	width:1000px;*/
	color:#40362b;
	background-color:#40362b;
	border:0;
	height:1px;
}


/*SIDEBAR*/

#sidebar 
{
	float:right;	
	width:200px;
	text-align:left;
	font-size:10px;
	margin-top:-30px;	
	display:block;
}
.side-box 
{
/*	margin-left:53px;*/
	margin-bottom:28px;
	text-align:left;
}

.widget
{
	margin-bottom:24px;
}
ul
{
	padding:0px;
	margin:0px;
}
li
{
	list-style:none;
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
	line-height:13.6px;
	padding:0px;
	margin:0px;
}
li.main-nav
{
	width:84px;
	height:18px;
	margin:0px;
	padding:0px;
}
ol.commentlist
{
/*	padding-left:12px;
	padding-right:12px;*/
}
#blog-link
{
	background-image:url("images/blog_home.jpg");
}
#blog-link-selected
{
	background-image:url("images/blog_home_selected.jpg");
}
#about-link
{
	background-image:url("images/about.jpg");
}
#about-link-selected
{
	background-image:url("images/about_selected.jpg");
}
#about-link:hover
{
/*	background-image:url("images/about_hover.jpg");*/
}
#about-link-selected:hover
{
/*	background-image:url("images/about_selected.jpg");*/
}
#projects-link
{
	background-image:url("images/projects.jpg");
}
#projects-link-selected
{
	background-image:url("images/projects_selected.jpg");
}
#projects-link:hover
{
/*	background-image:url("images/projects_hover.jpg");*/
}
#projects-link-selected:hover
{
	background-image:url("images/projects_selected.jpg");
}

#rss-link
{
	background-image:url("images/rss_icon.jpg");
	width:30px;
	height:30px;
	position:relative;
/*	left:-9px;*/
	margin-bottom:22px;
}
img.rss-link
{
	width:30px;
	height:30px;
	padding:0px;
	margin:0px;
}
img.main-nav
{
	width:84px;
	height:18px;
	padding:0px;
	margin:0px;
}

.screen-reader-text
{

}
textarea
{
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
	background-color:#000000;
	border:1px solid #3a494c;
	color:#5f7c85;
	width:100%;
}
textarea:focus
{
	border:1px solid #9CBEC8;
}	
	
#submit
{
	background-color:#3a494c;
	border:1px solid #3a494c;
	color:#000000;
}
#submit:hover
{
	background-color:#9CBEC8;
	border:1px solid #9CBEC8;
}

#search-input
{
	background-color:#000000;
	border:1px solid #3a494c;
	color:#5f7c85;
/*	height:23px;*/
}
#search-input:focus
{
	border:1px solid #9CBEC8;
}
input
{
	background-color:#000000;
	border:1px solid #3a494c;
	color:#5f7c85;
}
input:focus
{
	border:1px solid #9CBEC8;
}

#searchsubmit
{
	visibility:hidden;
	background-color:#3a494c;
	border:1px solid #3a494c;
	color:#000000;
/*	height:23px;*/
}
#searchsubmit:hover
{
	background-color:#9CBEC8;
	border:1px solid #9CBEC8;
}
/*FOOTER*/
#footer
{
	display:block;
	clear:both;
	width:1000px;
/*	margin-top:92px;*/
	text-align:center;
/*	overflow:visible;*/
}
#archive-header
{
	text-align:left;
	padding-left:112px;
	font-family:helvetica,arial,sans-serif;
	color:#7c776d;
	font-size:12px;
}
#archive-list
{
	width:800px;
/*	overflow:visible;	*/
}
.archive-month
{
	background-color:#000000;
}
.month-label
{
	float:left;
	display:block;
	width:87px;
	text-align:right;
	font-family:helvetica,arial,sans-serif;
	color:#726d6a;
	font-size:11px;
}
.archive-links
{
	float:right;
	display:block;
	width:688px;
	text-align:left;
}
#footer-footer
{
	clear:both;
	width:800px;
	height:10px;
	margin-bottom:64px;
}


/*
	EXTRA
	
	*/
	
.wp-caption-text
{
	font-size:10px;
	font-style:oblique;
/*	color:#4F4539;*/
}

#page-About
{
	background-image:url("images/about_header.png");
}
#page-Projects
{
	background-image:url("images/projects_header.png");
}

.page-footer
{
	color:#4f4539;
}

#search-results
{
	background-image:url("images/results_header.png");
}
.page-header
{
	margin-bottom:12px;
}

.left
{
	display:block;
	float:left;
}
.right
{
	display:block;
	float:right;
}

#older-posts
{
	display:block;
	background-image:url("images/older.jpg");
	width:90px;
	height:17px;
	clear:none;
	float:left;
	padding:0px;
	margin:0px;
	margin-left:110px;	
}
#newer-posts
{
	display:block;
	background-image:url("images/newer.jpg");
/*	width:90px;
	height:17px;
*/	float:right;
	padding:0px;
	margin:0px;
}