/* 
	simple template - no styles
*/

body, html{
	margin:0; padding:0;
	width:100%; height: 100%;
	background: #333 url('../images/bg/page-back.jpg') top left repeat-x;	
}

#page{
	width: 906px;
	margin:0 auto;
	padding:10px 0 20px 0;
}

#main{
	clear:both;
	padding-top: 5px;
	width: 890px;
	margin:0 auto;
}

#main h2{
	font-weight:bold;
	font-size: 12px;
}

#header{
		background:url('../images/bg/page-top.jpg') bottom center no-repeat;
		height: 150px;
}

#header  #logo{
	width:323px; height:116px;
	display:block;
	background:url('../images/logo.jpg') top left no-repeat;	
	float:left;
}
#header #logo h1{ display:none; }

#topright{
	float:left;
	width: 580px;
	padding-top: 95px;
}

#topright #lowermenu{
	float:right;
}

#main{
	padding: 5px 0;
}

#left{
	float:left;
	width: 520px;
	padding: 10px 20px;
	overflow:hidden;
}

#left img{
	padding: 10px;
}

.rightfloat{
	float:right;
	text-transform:uppercase;
}
.rightfloat a:link,
.rightfloat a:visited{
	color:white;
	font-weight:bold;
}

#right{
	float:left;
	width: 320px;
	margin-left: 10px;
	background-color: #131313;
	padding:0;
}

#right #video{
	padding:0 0; margin: 0;
	width: 320px;	
}

#right #videoframe{
	height:220px
}

#right #video_name{
	padding: 3px 3px 3px 10px; margin: 2px 0;
	display:block;
	float:left;
	text-transform: uppercase;
}

#right #vid_enlarge{
	display:none;
}

#right #all-vids{
	float:right;
	display:block;
	text-transform: uppercase;
	padding: 3px 10px 0 0; margin: 2px 0;
}

#right #vidselect{
	padding:10px 5px; margin:2px 0;
	background: #850D0E url('../images/bg/video.gif') bottom left no-repeat;
	display:none;
	clear:both;
	overflow:hidden;
	height: 50px;
}

#homepage #vidselect{
	display:block;
	overflow:hidden;
}

#homepage #vidselect img{
	margin-bottom: 10px;
}

#right #updates{
	padding:0 20px 10px 20px;
}

#left h1, #main h1{
	font-size: 17px;
	letter-spacing:1px;
}

#right h1, #left h1, #main h1{
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
}

#right a:link, #right a:visited{
	color:white;
	text-decoration:none;
}

#callout{
	background:url('../images/bg/callout.jpg') top left no-repeat;	
	width: 300px; height: 70px;
	padding: 25px 10px 10px 10px; margin: 10px 0; 
}

#callout img{
	float:left;
	padding: 0 10px 0 5px;
	}
	
#callout h1{
	text-align:center;
	padding-top: 5px;
	margin:0;
	font-size: 16px;
}

#crashcart{
	background:url('../images/bg/crashcart.jpg') top left no-repeat;	
	width: 513px;
	height: 338px;
	padding: 7px 0px 0 47px;
}

#updates h2{
	border-bottom: 1px solid white;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0 5px 5px 0; margin:0;

}
#updates .post{
	padding: 10px 0 15px 0;
}

#updates .headline{
	font-size: 16px;
	font-weight:bold;
	line-height:22px;
}

#updates a.headline:link,
#updates a.headline:visited{
	text-decoration:underline;
}

#updates .date{
	font-size: 12px;
	padding:0 0 10px 0 ; margin:0;
}

#updates p{
	padding:8px 0 0 0; margin:0;
	font-size: 9px;
}
/* home layouts */

#homepage #left{
	padding:0;
	width: 560px;
}
#homepage .article h1{
	display:none;
}

#homepage .body{
	padding-left: 20px;
	padding-top: 15px;
	padding-right: 5px;
	margin:0;
	width: 510px;
}


/* Video Pages */

#bar{
	height: 20px;
}

.vid{
	padding: 10px 0;
}

.vid img{
	width: 100px;
	padding-right: 10px;
}

#videoplayer #left{
	width: 200px;
	float:left;
}

#videoplayer #right{
	width: 640px;
	float:left;
}

#videoplayer #videoframe{
	width: 640px;
	height: 400px;
	background-color: #333;
	padding:0; margin:0;
}

#videoplayer #right{
	background-color: #333;
}

#formats{
	font-size: 10px;
}
/* Blogpage */

h1.blogstitle{
	margin:0 auto;
	text-align:center;
	padding: 20px 40px 20px 0;
	font-size: 24px;
}

#blogback{
	background: #333 url('../images/bg/bloghome.gif') top left repeat-y;
}

.blogcol{
	width: 28%;
	float:left;
	padding: 0px 20px 10px 20px;
	margin:0;
	/*border-right: 2px solid #999;*/
}

.blogcol h2{
	margin-top:0px;
}
.blogcol h2 a:link,
.blogcol h2 a:visited{
	font-size: 16px;
}

.tiny{
	display:none;
}

 #comments{
	display:none;
}

.blogcol .headline{
	font-size: 16px;
}

#left .headline{
	font-weight:bold;
	font-size: 14px;
}

/* footer */
#footer{
	background:url('../images/bg/page-btm.jpg') top center no-repeat;	
	height: 20px;
	padding-top: 25px;
}

#copyright{
	float:left;
	width: 650px;
}

#copyright p{
	clear:both;
	font-size: 9px;
	font-weight:bold;
	padding: 5px 0 0 35px; margin:0;
}

#address{
	float:left;
	width: 250px;
	text-align:right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#address p{
	font-size:11px;
	line-height:20px;
	padding-top: 0;
}

#legitify{
	width: 100px;
	margin:0 auto;
	padding-top: 20px;
}

/* media enlargement styles */

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* notifications */
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}


/*   forms   */
label{
	display:block;
	width:100px;
	float:left;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; 	font-family:"Trebuchet MS",Verdana, Sans-serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{ width:300px; }



.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}


.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}

.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}