/*
Theme Name: TAB the Band New
Theme URI: http://wordpress.org/
Description: The default WordPress theme for TAB the Band.
Version: 1.1
Author: Tim George
Author URI: http://tgwebs.com/
Tags: custom header, fixed width, two columns, widgets

	TAB the Band New v1.0
	 http://tgwebs.com/

	This theme was designed and built by Tim George,
	whose blog you will find at http://tgwebs.com/blog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@import url(reset.css);



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: url(images/body_bg.jpg) 50% 0;
	color: #333;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Verdana;
	font-weight: bold;
}

a { font-weight: bold; color: #333333; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }

.tab_photos_link, .tab_videos_link, .tab_music_link {
	display: block;
	float: left;
	height: 175px;
	width: 175px;
	margin: 0 20px 0 0;
	border: 1px solid #000;
	text-indent: -9999px;
}

.tab_photos_link { background: url(images/tab_photos.jpg) no-repeat top left; }
.tab_videos_link { background: url(images/tab_videos.jpg) no-repeat top left; }
.tab_music_link { background: url(images/tab_music.jpg) no-repeat top left; }

	
	#page {
		width: 835px;
		margin: 0 auto;
		padding: 0 0 0 65px;
		background: url(images/tab_logo.png) no-repeat top left;
	}
	
	
	#nav-container {
		height: 49px;
		padding: 10px 0 0 0;
		background: url(images/nav_bg.png) repeat-x top left;
	}
	
		#nav-container ul li {
			float: left;
		}
		
			#nav-container ul li a {
				display: block;
				float: left;
				font-family: 'Trebuchet MS';
				text-align: center;
				font-size: 1.8em;
				font-weight: bold;
				text-decoration: none;
				color: #333;
				width: 134px;
				height: 25px;
				padding: 5px 0 0 0;
				border-right: 2px solid #cccccc;
			}
			
			
			#nav-container ul li.lastOne a {
				border: 0;
				width: 135px;
			}
			
			#nav-container ul li a:hover {
				background: url(images/nav_hover_bg.png) repeat-x top left;
				color: #000;
			}
	
	
	#main-container {
		min-height: 600px;
		height: auto !important;
		height: 600px;
		width: 815px;
		padding: 0 10px;
		background: url(images/main_container_bg.png) repeat-y top left;
	}
	
		#sidebar {
			float: right;
			padding: 0 10px;
			width: 180px;
		}
		
			#sidebar h2 {
				display: block;
				padding: 7px 0 0 10px;
				height: 33px;
				color: #fff;
				letter-spacing: -0.01em;
				font-size: 1.6em;
				margin: 0 -20px 0 -10px;
				background: url(images/sidebar_header.png) no-repeat top left;				
			}
			
				#sidebar div.aktt_tweets {
					margin: 0 0 20px 0;
				}
			
					#sidebar div.aktt_tweets ul li {
						margin: 0 0 10px 0;
						font-size: 1.1em;
						line-height: 160%;
						border-bottom: 1px dotted #666666;
					}
								
						#sidebar div.aktt_tweets ul li a.aktt_tweet_time {
							display: block;
							margin: 15px 0;
						}
						
					#sidebar div.aktt_tweets ul li.aktt_more_updates {
						display: none;
					}
						
				#sidebar ul.recentPosts,
				#sidebar ul.gigs {
					margin: 0 0 20px 0;
				}
				
					#sidebar ul.recentPosts li {
						display: block;
						padding: 0 0 10px 0;
						margin: 0 0 10px 0;
						line-height: 120%;
						border-bottom: 1px dotted #666666;
					}
					
					#sidebar ul.gigs li {
						font-size: 1.1em;
						padding: 5px 0;
						margin: 0 0 5px 0;
						line-height: 160%;
						border-bottom: 1px dotted #666666;
					}
		
		#content {
			margin: 0 210px 0 0;
			padding: 0 10px;
		}
		
			#content h2 {
				font-size: 2.3em;
				padding: 0 0 3px 0;
				margin: 0 0 5px 0;
				line-height: 150%;
				border-bottom: 1px dotted #666;
				text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
			}
			
			#content h3 {
				font-size: 1.7em;
				color: #555555;
				text-transform: uppercase;
				padding: 15px 0 0 0;
				border-top: 1px dotted #666;
			}

			
			#content #mainLogoHome {
				height: 410px;
				margin: -9px -20px 0 -10px;
				padding: 10px 0 0 0;
				background: url(images/home_circle3.png) no-repeat top left;
			}

				#content #mainLogoHome #twitterHomeLink {
					display: block;
					margin: 0 0 0 510px;
					height: 23px;
					padding: 7px 0 0 40px;
				}

				#content #mainLogoHome #myspaceHomeLink {
					display: block;
					margin: 0 0 7px 518px;
					height: 19px;
					padding: 11px 0 0 35px;
				}

				#content #mainLogoHome #facebookHomeLink {
					display: block;
					margin: 0 0 20px 515px;
					height: 19px;
					padding: 11px 0 0 35px;
				}

			
			#content div.entry p {
				font-size: 1.2em;
				padding: 0 0 20px 0;
				line-height: 170%;
			}
			
			#content div.blogPost {
				border-bottom: 1px solid #888;
				padding: 10px 0 20px 0;
				margin: 0 0 30px 0;
			}
			
				#content div.blogPost h2 { border: 0; margin: 0; padding: 0; }
				#content div.blogPost h2 a { /*text-decoration: none;*/ }
				#content div.blogPost h2 a:hover { color: #74726C; }
				#content div.blogPost small.blogTimeStamp { 
					display: block;
					/*float: right;*/
					margin: 5px 0 20px 0;
					/*font-size: 1.1em;
					font-style: italic;
					font-weight: bold;*/
					color: #555;
				}
				#content div.blogPost small.blogTimeStamp a {
					color: #777;
				}

				#content div.blogPost a.more-link { 
					font-size: 0.8em;
					color: #777;
				}

				
				#content div.singlePost h2 { border: 0; border-top: 1px dotted #cccccc; padding-top: 10px; margin: 0; }
				#content div.singlePost small { 
					display: block;
					margin: 0 0 20px 0;
					font-style: italic;
					line-height: 150%;
					font-size: 1.1em;
				}

				#content div.singlePost div.entry {
					min-height: 300px;
					height: auto !important;
					height: 300px;	
				}
			
			#content div.navigation {
				height: 21px;
				padding: 4px 0 0 0;
				font-size: 1.1em;
			}
		
			#content #musicTable {
				border-top: 1px dotted #666;
				width: 585px;
			}
	
			#content #musicTable tbody td, #content #musicTable tbody tr th {
				border-bottom: 1px dotted #666;				
			}			

			#content #musicTable tbody tr th {
				width: 230px;
				font-size: 1.2em;
				font-weight: bold;
				vertical-align: middle;
			}

			#content #musicTable tbody tr td {
				padding: 7px 0;
			}
		
		
		
		/* Begin Form Elements */
		select {
			width: 130px;
			}

		#commentform input {
			width: 170px;
			padding: 2px;
			margin: 5px 5px 1px 0;
			}

		#commentform {
			margin: 5px 10px 0 0;
			}
		#commentform textarea {
			width: 100%;
			padding: 2px;
			}
		#respond:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
			}
		#commentform #submit {
		
			}
		
		/* End Form Elements */
		
		
		#content ol.commentlist {
			margin: 10px 0 20px 0;
		}

	
			#content ol.commentlist li {
				background: #efefef;
				margin: 0 0 40px 0;
				border: 1px solid #cccccc;
				border-top: 4px solid #cccccc;					
			}
			
				#content ol.commentlist li.comment-author-admin {
					background: #FBF6DF;							
					border: 1px solid #A19E8F;
					border-top: 4px solid #A19E8F;
				}
							
			#content ol.commentlist li p {
				font-size: 1.1em;
				line-height: 150%;
				padding: 0 10px 15px 10px;
			}
			
			#content ol.commentlist li span.moderation {
				display: block;
				font-style: italic;
				font-size: 1.1em;
				margin: 0 0 7px 0;
			}
			
			#content ol.commentlist li cite.fn {
				font-weight: bold;
			}
			
			#content ol.commentlist li div.comment-author {
				font-size: 1.1em;
				margin: 0 0 10px 0;
				padding: 10px;
				background: #f8f8f8;
				border-bottom: 1px solid #cccccc;
			}	
			
				#content ol.commentlist li.comment-author-admin div.comment-author {
					background: #EEE9D3;
				}
			
				#content ol.commentlist li div.comment-author a {
					font-weight: bold;
				}
				
				#content ol.commentlist li div.comment-meta {
					float: right;
					padding: 10px 10px 0 0;
					font-weight: bold;
					/*font-style: italic;*/
					color: #888;
				}
				

		

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

		/*	Using 'class="alignright"' on an image will (who would've
			thought?!) align the image to the right. And using 'class="centered',
			will of course center the image. This is much better than using
			align="center", being much more futureproof (and valid) */

		img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto;
			border: 1px solid #999999;
			background: #efefef;
			}

		img.alignright {
			padding: 4px;
			margin: 0 0 10px 10px;
			border: 1px solid #999999;
			display: inline;
			background: #efefef;
			}

		img.alignleft {
			padding: 4px;
			margin: 0 10px 10px 0;
			display: inline;
			border: 1px solid #999999;
			background: #efefef;
			}

		.alignright {
			float: right;
			}

		.alignleft {
			float: left;
			}
			
		
		img.imgBottomPage {
			padding: 4px;
			margin: 10px 37px 0 0;
			border: 1px solid #999999;

		}

		img#lastBottomImg {
			margin: 0 0 0 3px;
		}
			
			
		/* End Images */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#footer {
		margin: 0 auto;
		width: 595px;
		padding: 0 220px 0 85px;
		height: 212px;
		line-height: 150%;
		text-align: center;
		background: url(images/footer_bg.png) no-repeat top left;
	}