@charset "utf-8";
/****RESET CSS******/
html, body, div, span, object, h1, h2, h3, h4, p, a, em, font, img, strong, sub, tt, var, ol, ul, li, form, label, table, caption, tbody, tr, th, td, cite, .MsoNormal{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p{
	letter-spacing:.01em;
}
li{
	letter-spacing:.01em;
}
h1{
	letter-spacing:.01em;
}

/*GLOBAL ELEMENTS***********/

html, body {
	color: #ffffff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	min-width: 823px;
	padding: 0;
	text-align: center;
	background:url(../images/bg.jpg) no-repeat top center #000;
}
a{
	color:#faab00;
	text-decoration:underline;
}
	a:hover{
		text-decoration:none;
	}
#container {
	text-align:left;
	margin:0 auto;
	width:823px;
}
	#container #header{
		height:221px;
		float:left;
	}
		#container #header #logo{
			width:234px;
			height:221px;
			float:left;
			display:inline;
		}
		#container #header #banner{
			width:589px;
			height:221px;
			float:left;
			display:inline;
		}
	#container #main_content{
		
	}
		#container #main_content #left_col{
			width:205px;
			padding:0 17px 0 12px;
			float:left;
			display:inline;
			
		}
			#container #main_content #left_col .tripatomic_title{
				margin:0 0 5px -12px;
				
			}
			#container #main_content #left_col ul{
				margin:20px 0 0 0;
				
			}
			#container #main_content #left_col li{
				border-top:1px #FFF solid;
				padding:10px 0;
				
			}
			#container #main_content #left_col li img{
			}

			#container #main_content #left_col li.bottom{
				border-top:1px #FFF solid;
				border-bottom:1px #FFF solid;
				
			}
		#container #main_content #body_copy{
			width:589px;
			float:left;
			display:inline;
			
		}
			#container #main_content #body_copy #copy_contain{
				width:554px;
				border:2px #FFF solid;
				background:#000;
				padding:13px;
				line-height:15px;
				text-align:center;
			}
				
				#container #main_content #body_copy #copy_contain #wrap_ytPlayer{
					width:519px;
					height:319px;
					border:2px #FFF solid;
					margin:0 auto;
				}
				#container #main_content #body_copy #copy_contain #featured_videos{
					margin:10px 0 0 8px;
				}	


				
				#container #main_content #body_copy #copy_contain h1{
					margin:0 0 17px 0;
				}
				#container #main_content #body_copy #copy_contain p{
					margin:15px 0;
					font-size:14px;
				}
				
				#container #main_content #body_copy #copy_contain .orange{
					color:#ff9000;
					font-weight:bold;
				}
				
			#container #main_content #body_copy #footer{
				text-align:right;
				margin:5px 43px 0 0;
				float:right;
				display:inline;
				width:80px;
			}
				#container #main_content #body_copy #footer img{
					text-align:right;
					margin:0 0 0 6px;
				}
			#container #main_content #body_copy #copyright_footer{
				margin:5px 43px 0 0;
				float:left;
				display:inline;
				width:300px;
			}
				#container #main_content #body_copy #copyright_footer #quakersteak_logo{
					width:66px;
					height:37px;
					float:right;
					display:inline;
					margin-right:5px;
				}
				#container #main_content #body_copy #copyright_footer #copy_text{
					width:225px;
					height:28px;
					float:right;
					display:inline;
					padding-top:10px;
				}
				
				
/*GALLERY	*/		



div.navigation a {
	text-decoration: none;
}
div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
}
div.navigation a.prev {
	background:url(../images/prevPageArrowWhite.gif) no-repeat;
}
div.navigation a.next {
	background:url(../images/nextPageArrowWhite.gif) no-repeat;
}
#center_this{
	width:85px;
	margin:0 auto;	
}
/*div.controls a {
	padding: 5px;
}*/




div.navigation #prev_link{
	float:left;
	display:inline;
	width: 19px;
}
div.navigation #thumbs_area{
	float:left;
	display:inline;
	width:500px;
}

div.navigation #next_link{
	float:left;
	display:inline;
	width: 19px;
}
div.navigation a.pageLink {
	display: block;
	float: left;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	margin-top:45px;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	margin: 2px;

}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	border:1px #ffffff solid;
	margin:3px;		
}

div.pagination {
	clear: both;
}
div.navigation div.top {
	height: 13px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	border: 1px solid #fff;
	height:13px;
	width:13px;
	color:#000;
}
div.pagination a:hover {
	background-color: #faab00;
	text-decoration: none;
	color:#faab00;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #fff;
	border-color: #fff;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}