/* Stylesheet for the Twilight Knights             */
/* Author: James Kranz-jameskranz at gmail dot com */

/* HTML Reset CSS */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, 
blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* HTML REDEF */
body {
	font-size: 67.5%;
	font-family: Verdana, Arial, sans-serif;
	background: #000236 url(../images/tkrg_bg.gif) repeat-x scroll left top;
}

blockquote {
	padding: 10px 20px;	
}

p {
	padding: 5px 0;	
}
/* UNIQUE ELEMENTS */
#tkrg_site {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 980px;
}

#tkrg_nav {
	height: 100px;
	width: 980px;
	background: transparent url(../images/tkrg_nav_bg.png) no-repeat scroll left top;
	margin: 15px 0 0;
	overflow: visible;
	position: relative;
}
	#title_image {
		background: transparent url(../images/tkrg_text_logo.png) no-repeat scroll left top;
		position: absolute;
		width: 205px; height: 100px;
		left: 6px; top: 5px;
	}
	
	#emblem {
		background: transparent url(../images/tkrg_website_emblem.png) no-repeat scroll left top;
		position: absolute;
		left: 205px; top: -15px;
		height: 150px; width: 140px;
		z-index: 10;
	}
	
	#main_nav {padding: 20px 0 0 345px;}
	
	.top_level a {background-position:left top;  display: block; }
	.top_level {float: left; margin-right: 6px;}
	.top_level a:hover {background-position: left bottom;}
	
	#news {height: 30px; width: 75px;}
	#news a{background-image:url(../images/tkrg_button_news.png); height: 30px; width: 75px;}
	
	#about {height: 30px; width: 82px;}
	#about a{background-image:url(../images/tkrg_button_about.png); height: 30px; width: 82px;}
		#about a:hover {height:29px;}
		
	#locations {height: 30px; width: 126px;}
	#locations a {background-image:url(../images/tkrg_button_locations.png); height: 30px; width: 126px;}
	
	#photos {height: 30px; width: 95px;}
	#photos a {background-image:url(../images/tkrg_button_photos.png); height: 30px; width: 95px;}
	
	#forums {height: 30px; width: 100px;}
	#forums a {background-image:url(../images/tkrg_button_forums.png); height: 30px; width: 100px;}
	
	#contact {height: 30px; width: 107px;}
	#contact a {background-image: url(../images/tkrg_button_contact.png); height: 30px; width: 107px;}
	

#tkrg_content_bottom {
	background: transparent url(../images/tkrg_content_bg_bottom.png) no-repeat scroll left bottom;
	width: 980px;
	padding-bottom: 18px;
}

#tkrg_content_top {
	background: transparent url(../images/tkrg_content_bg_top.png) no-repeat scroll left top;
	width: 980px;
	padding-top: 17px;
}

#tkrg_content_sides {
	background: transparent url(../images/tkrg_content_bg_sides.png) repeat-y scroll left top;
	width: 980px;
	overflow:visible;
}

#tkrg_main {
	margin: 0 9px;	
	overflow: visible;
	position: relative;
	top: -10px;
}

#tkrg_content {
	width: 100%;
	float:left;
	position: relative;
	background: #444;
}
#main_content {
	background: #909090;	
}

#tkrg_sidebar {
	margin-right:-50%;
	width:50%;
	float: right;
	color: #CCC;
}
	#tkrg_sidebar h3 {
		padding: 10px 0 4px 10px;	
	}
	
	#tkrg_sidebar ul {
		padding: 0 0 4px 10px;	
	}


/* GENERAL ELEMENTS */
.eventList {
	list-style-type: none;	
}

.column_two_thirds {
	float: left;
	width: 66.6%;
}

.column_full {
	float: left;
	width: 100%;	
}
.post {
	padding: 10px 10px 0 10px;	
}
	.postDate {
		font-weight: normal; 
		font-size: 12px; 
		font-style: italic;
		padding-left: 10px;
	}

.photoAlbum {
	list-style-type: none;
	margin-left: 15px;
}
	.photoAlbum .thumbnail {
		float: left;
		width: 150px; height: 110px;
		margin-bottom: 10px;
	}
	.photoAlbum p {
	}
		.photoAlbum .thumbnailLink {
			display: block;
			width: 100px;
			padding: 90px 0 10px;
			text-align: center;
		}
		#picture15  {
			background: transparent url(../pictures/015t.jpg) no-repeat scroll left top;
		}
		#picture16  {
			background: transparent url(../pictures/016t.jpg) no-repeat scroll left top;
		}
		#picture17  {
			background: transparent url(../pictures/017t.jpg) no-repeat scroll left top;
		}
		#picture18  {
			background: transparent url(../pictures/018t.jpg) no-repeat scroll left top;
		}
		#picture21  {
			background: transparent url(../pictures/021t.jpg) no-repeat scroll left top;
		}
		#picture22  {
			background: transparent url(../pictures/022t.jpg) no-repeat scroll left top;
		}
/* UTILITY STYLES */
.seoImage {
	display: block;
	text-indent: -9000px;
}

.clearfix {
	height: 1px;
	clear: both;
}