/*  
Theme Name: TigerBeat
Author: Pete K
*/

* { 
	margin: 0px; 
	padding: 0px; 
	
	font-size: 100%;
	
	line-height: 1.4em;
	
	text-decoration: none;
	list-style-type: none;
	
	/*dev! */
	/*border: 1px solid #999999;*/
}

a, a:link, a:active, a:visited {
	color: #f36e21;
	font-weight: bold;
}

a:hover {
	color: #FF9900;
}

body {
	text-align: center;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #333333;
	background: #FF9900 url(images/orangeGradient.gif) repeat-x;
}

#header {
	width: 100%;
	text-align: center;
	padding: 6px 0px 0px 0px;
	
	background: url(images/bg_header.gif) repeat-x bottom #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 15px;
	
	font-size: 60%; 
}
	#header span input { border: 1px solid #d9d9d9; color: #d9d9d9; }
	#header span input:hover { color: #333333; }
	#header span { margin: 0px 10px; }
	#header span .subscriptionLink { padding-left: 16px; background: url(images/feed-icon-small.gif) no-repeat 0 50%;	}
	#header span form { display: inline; }

#banner {
	width: 682px;
	height: 121px;	
	background: url(images/tigerBeat_header_small.jpg) center no-repeat;

	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -341px;
}

#container {
	width: 679px;

	position: absolute;
	left: 50%;
	top: 163px;
	margin-left: -340px;

	padding-top: 15px;
	text-align: left;
	
	background-color: white;
	border: 1px solid #FF6600;
	border-top: 5px solid #D9D9D9;
}
	
#leftCol {
	width: 440px;
	float: left;
	padding-right: 10px;
}

	/* commented backslash hack v2 \*/
	#leftCol { width: 480px; }
	/* end hack */

	#leftCol h2 {
		margin-left: 15px;
		font-size: 110%;
		display: block;
		padding: 10px;
	}

#posts { padding: 0px 10px 10px 0px; }

	.post {
		width: 100%;
		padding: 0px 0px 3px 20px;
		margin-bottom: 10px;
		border-bottom: 1px solid #d9d9d9;
		clear:both;
	}
	
		.postLeft { width: 65px; float: left; margin-right:20px; clear:both;}
		
			img { float: right; clear: right; margin: 5px; border: 1px solid #d9d9d9; padding: 2px; }		
			.postAuthor { font-size: 70%; color: #666666; font-weight: bold;}		
			#posts .post .postLeft .postAuthor { display: block; text-align: center; width: 100%; overflow: hidden; }
			.postAuthor a { color: #333333; }
			.postAuthorPhoto { 
				height: 65px; 
				width: 65px; 
				margin: 8px 0px 5px -5px; 
				border: 1px solid #CCCCCC; 
			}
			
			.postDate {
				height: 29px;
				width: 26px;
				margin: 8px 8px 3px 12px;
			
				text-align: center;
				
				border: 1px solid #CCCCCC;
				background-color: white;
				
				text-align: center;
				text-transform: uppercase;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
				.postDate .day { font-size: 16px; display: block; margin-top: -4px;}
				.postDate .month { font-size: 9px; height: 11px; display: block; }
		
		.postRight { margin: 0 0 5px 75px; } /* in case of overflow around .postLeft */
		
			.postExcerpt { padding-bottom: 10px; clear: both; }
			
			.post h3 { margin: 0 5px -3px 0; font-size: 130%; font-weight: normal;}
			.post h4 { float: right; font-size: 65%; font-weight: 400;}
			.post p { padding: 5px 10px 4px 0; font-size: 65%; line-height: 1.4em; }
						
			.commentCount { 
				text-align: right;
				font-size: 65%;
				
				background:url(images/comments.png) no-repeat;
				background-position: left bottom;
				padding-left: 20px;
				padding-top: 4px; 
				color: #666;
			}
				
	#olderPosts h4 { float: right; margin-right: -18px; font-size: 100%; } /* displays 'archive' text */
	
	#olderPosts .post { clear: both; background-color: #EFEFEF; border-top: 1px solid #d9d9d9; margin-left: 0; padding: 0 5px 0 20px }				
	#olderPosts .post h3 { font-size: 80%; padding: 4px 0 0 0; }
	#olderPosts .postRight { padding-bottom: 0; }
	#olderPosts .postAuthor { margin: 0; text-align: left; }
	#olderPosts .commentCount { margin-left: 5px; }
	#olderPosts .postDate { background-color: #FBFBFB; }
				
#rightCol {
	width: 130px;
	float: right;
	
	margin-top: -15px;
	padding: 20px 15px 25px 15px;
	border-bottom: 1px solid #d9d9d9;
	
	background-color: #efefef;
}
	.sidebarItem {
		margin: 0px 15px 15px 0px;
		width: 100%;
		
		border-bottom: 1px solid #d9d9d9;
	}
		.sidebarItem p { font-size: 60%; line-height: 1.4em; padding-bottom: 5px; }
		.sidebarItem h3 { display: block; font-size: 120%; padding-bottom: 5px; font-weight: normal; }
		.sidebarItem h4 { font-size: 70%; display: block; text-align: right; }
		.sidebarItem ul li { padding-bottom: 10px; display: block; font-size: 70%; }
		.sidebarItem ul li a { display: block; }
		
#comments { padding-top: 10px; clear: both; margin-left: -20px; }

	#comments cite { font-style: normal; font-weight: normal; }

	#comments ol { border-bottom: 2px solid #d9d9d9; }
	#comments ol li { padding: 5px; border-top: 2px solid #d9d9d9; background-color: #FEFEFE; min-height: 70px; height: auto; }
	#comments ol li.alt { background-color: #EFEFEF; }
	#comments ol li.comment { color: #999; }
	#comments ol li.comment:hover { color: #333; }
	
	#comments ol li .postLeft a { color: #FF6600; }
	#comments ol li .postLeft a:hover { color: #000; }
	
	#comments .postLeft { padding: 5px 0 0 15px; }
		.wp-smiley { float: none; margin: 0 0 -4px 0; border: 0; }	
			
	#comments .postRight { margin-left: 85px; }

	#comments textarea { height: 50px; width: 600px; }	
	#comments form { color: #ccc; padding-top: 15px; }
	#comments form:hover { color: #333333; }
	
#archiveCol {
	width: 685px;
	float: left;

	padding-right: 10px;
}
		
#footer {
	width: 100%;
	text-align: center;
	
	background: url(images/bg_header.gif) repeat-x bottom #FFFFFF;
	border-top: 5px solid #d9d9d9;
	padding-bottom: 15px;
	margin-top: 15px;
}

	#footer span { font-size: 70%; margin: 0px 20px; }
	#footer span .subscriptionLink { padding-left: 16px; background: url(images/feed-icon-small.gif) no-repeat;	}