/*

Theme Name: Pixelsumo 2009
Theme URI: http://www.pixelsumo.com
Description: A new theme
Version: 1.0
Author: Chris O'Shea
Author URI: http://www.chrisoshea.org

*/


body {
	padding: 		0px;
	margin: 		0px;
	font-family: 		Arial, Verdana, sans-serif;
	font-size: 		0.84em;
	background: 		url(http://www.chrisoshea.org/images/back.gif) #FFFFFF no-repeat;
	background-position: 	left top;
}

/*  ************* Top tabs  ************* */

#tab-bar{
	width: 			auto;
	margin: 		0px;
	padding:		10px 0px 20px 60px;
	background:		#D5DDFF;
	font-size:		10px;
}
.tab-item{
	margin: 		0px 5px 0px 0px;
	padding:		2px 6px 1px 6px;
	background:		#464646;
	height:			17px;
	float:			left;
}
.tab-item-selected{
	margin: 		0px 5px 0px 0px;
	padding:		2px 6px 1px 6px;
	background:		#000000;
	height:			17px;
	float:			left;
}

/*  ************* Layouts  ************* */


#wrap{
	width: 			870px;
	height:			18px;
	margin: 		50px 0px 0px 60px;
}


#head{
	height: 		120px;
}

#name{	
	width: 			230px;
	float: 			left;
	padding-top:		26px;
}

#top-nav{
	float: 			left;
	padding-top: 		30px;
}
#left {
	width: 			200px;
	float: 			left;
	color: 			#0F0F0F;
	padding:		0px 20px 0px 0px;
}


#right{
	float: 			right;
	width: 			640px;
	color: 			#0F0F0F;
	line-height: 		1.5em;
	font-size: 		0.85em;
	padding:		0px;
	margin:			0px;	
}

/*  ************* Posts  ************* */
#post{
	width:			600px;
	padding:		5px 5px 5px 5px;
	margin-bottom:		30px;
	border: 		1px solid #E6E6E6;
	font-size:		12px;
	line-height: 		1.6;
	color:			#000000;
	background:		#F3F3F3;
	text-align:		justify
}
/*  ************* Comments  ************* */
#comments{
	width:			400px;
	padding:		5px 5px 5px 5px;
	margin-bottom:		30px;
	border: 		1px solid #E6E6E6;
	font-size:		12px;
	line-height: 		1.6;
	color:			#000000;
	background:		#F3F3F3;
	text-align:		justify
}


/*  ************* Images  ************* */

#name img {
	border: 		0;
}

#name a:hover {
	background: 		transparent;
}

#name a:active {
	background: 		transparent;
}
/*  ************* Normal Links  ************* */


a{
	text-decoration: 	underline;
	color: 			#2C5885;
}

a:link{
	text-decoration: 	underline;
	color: 			#2C5885;
}

a:visited {
	text-decoration: 	underline;
	color: 			#2C5885;
}

a:hover {
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#2C5885;
}

a:active {
	text-decoration: 	underline;
	color: 			#2C5885;
}

/*  ************* Top Navigation Links  ************* */

a.topnav{
	text-decoration: 	underline;
	color: 			#0F0F0F;
}
a.topnav:link{
	text-decoration: 	underline;
	color: 			#0F0F0F;
}
a.topnav:visited{
	text-decoration: 	underline;
	color: 			#0F0F0F;
}
a.topnav:hover{
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#CC0033;
}
a.topnav:active{
	text-decoration: 	underline;
	color: 			#CC0033;
}

a.topnav-selected:link{
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#000000;
}
a.topnav-selected:visited{
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#000000;
}
a.topnav-selected:hover{
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#CC0033;
}
a.topnav-selected:active{
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#CC0033;
}
/*  ************* Left Links  ************* */
/*
#left a{
	text-decoration: 	underline;
	color: 			#0F0F0F;
}
#left a:link{
	text-decoration: 	underline;
	color: 			#0F0F0F;
}
#left a:visited{
	text-decoration: 	underline;
	color: 			#0F0F0F;
}
#left a:hover{
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#0F0F0F;
}
#left a:active{
	text-decoration: 	none;
	color: 			#FFFFFF;
	background-color: 	#0F0F0F;
}*/

/*  ************* lists  ************* */

#top-nav ul {
	margin: 		0px 0px 0px 0px;
	padding: 		0px;
	list-style: 		none;
	font-size: 		0.75em;
}
#top-nav li {
	margin: 		0px 15px 0px 0px;
	padding: 		0px;
	display: 		inline;
}

/*
#left ul {
	margin: 		0px 0px 25px 0px;
	padding: 		0px;
	list-style: 		none;
	font-size: 		0.75em;
	color:			#9D9397;
	
}
#left li {
	margin: 		0px 0px 8px 0px;
	padding: 		0px;
}
*/

/*  ************* text ************* */

h1{
	font-size: 		2.0em;
	color:			#333333;
	font-weight:		normal;
	font-family:		Georgia, Times, serif;
	padding:		5px;
	margin:			0px;
}

h2{
	font-size: 		1.1em;
	color:			#666666;
	font-weight:		bold;
	margin: 		0px 0px 5px 0px;
	padding:		0px;
}

p.leftintro{
	font-size: 		0.85em;
	color:			#333333;
	margin:			0px 0px 6px 0px;
	padding:		0px;
}
p.leftsubscribe{
	font-size: 		0.85em;
	color:			#333333;
	margin:			0px;
	padding:		50px 0px 20px 0px;
}
p.post-date{
	font-size: 		0.85em;
	color:			#666666;
	margin:			0px;
	padding:		0px 0px 0px 5px;
}
p.post-commentlink{
	font-size: 		0.85em;
	color:			#666666;
	margin:			0px;
	padding:		0px 0px 10px 5px;
}

/*  ************* MISC ************* */

hr {
	height:			1px;
	background:		#D6D6D6;
	color:			#D6D6D6;
	border:			0;
}
h1 a{
	color: 			#333333;
	text-decoration:	none;	
}
h1 a:visited{
	color: 			#333333;
	text-decoration:	none;	
}

h1 a:hover{
	color: 			#FFFFFF;
	background: 		#666666;
	text-decoration: 	none;
}
h2{
	color:			#666666;
	font-size: 		1.45em;
	font-weight:		100;
	font-family:		Georgia, Times, serif;
	padding:		0px 0px 10px 0px;
	margin:			0px;
}
.hoverthumb{
	border: 		1px solid #FFFFFF;
	padding:		0px;
	margin:			0px;
}
.hoverthumb:hover{
	border: 		1px solid #000000;
	padding:		0px;
	margin:			0px;
}
#footer {
	clear: 			both;
	font-size:   		10px;
	padding:		40px 0px 20px 0px;
}
/**************** CATEGORY NAVIGATION *******************/

#tags{
	color:			#3E3E3E;
	margin-bottom:		10px;
	line-height:		18px;
}

#tags a{
	background:		#dddddd;
	color:			#000000;
	padding: 		1px;
	text-decoration: 	none;
}

#tags a:hover{
	text-decoration: 	none;
	color:			#FFFFFF;
	background:		#000000;
	padding: 		1px;
}

#tags ul {
	list-style-type: 	none;
	padding: 		0px;
	margin: 		0px 0px 8px 0px;
}

#tags li {
	display: 		inline;
	padding: 		0px 5px 5px 0px;
}
/**************** POST PREVIEW *******************/
#post-excerpt-wrap{
	width:			630px;
	float:			left;
	font-size:		11px;
	padding:		5px;
	margin-bottom:		10px;
	border: 		1px solid #DDDDDD;
	background:		#F3F3F3;
}

#post-excerpt-wrap:hover{
	background:		#DDDDDD;
}

#post-excerpt-img{
	width:			100px;
	padding:		0px;
	float:			left;
	position:		relative;
	margin-right: 		20px;
}
#post-excerpt-txt{
	float:			left;
	position:		relative;
	width:			510px;
}