html, body{
 margin:0;
 padding:0;
 }

#pagewidth{
 /*width:990px;*/
}

#left{
 width:160px;
 float:left;
 position:fixed;
 }

#twocols{
 width:830px;
 float:right;
 position:relative;
 }

#advertsblock{
 width:330px;
 float:right;
 position:relative;

	text-align: right; 
	background: #333 url('http://bmxmdb.com/images/fade2.jpg') no-repeat left;



 }

#main{background-color: #FFFFFF;
 float: left;
 display:inline;
 position: relative;
 width:500px;
 }

#wrapper {
	width:990px;
	margin-left: auto;
	margin-right: auto;
}

 /* *** Float containers fix: *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

body {
	background-color: #333;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	color: #fff;
	line-height:10px;
	font-size:12px;		
	}
	
   h1 {
   	display: inline;
   	margin-right: 30px;
   	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   	font-weight: bold;
	font-size: 22px;
	
   	color: #fff;
   	text-align: right;
   	}
   
   h2 {
   	display: inline;
	font-size: 18px;
   	margin-right: 30px;
   	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   	font-weight: 300;
   	color: #fff;
   	text-align: right;
   	}
   
	h2 a {
		text-decoration:none;
	}
   
   .credit {
   	display: block;
   	text-align: center;
   	color: #555;
   	margin: 15px 0 20px 0;
   	font: 400 0.9em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   
   	}
   
   
   
   
   
   
   
   .main {
   	margin-left: 10px;
	margin-right: 12px;
   	margin-bottom: 10px;
   	border-left: solid 1px #3a3a3a;
	border-right: solid 1px #3a3a3a;
   	padding: 0 5px 5px 5px;
   	
   	
   	}
   	
   	.header {
   		margin: 0px 0 10px 0px; color: #fff;
   		background:#464646;
   		border-bottom: solid 1px #76C8F2; 
   	 	border-right: solid 0px #76C8F2; 
   	 	border-left: solid 0px #76C8F2;
   		border-top: solid 2px #76C8F2;
   		padding: 4px;
   		padding-left:10px;
   		line-height: 1.7em;
   		font-size:18px;
   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: bold;
   		height: 1.8em;
   
   		}
   
   		.blogheader {
   			margin: 0px 0 10px 0px; color: #fff;
   			background:#464646;
   			border-bottom: solid 1px #fff; 
   			border-top: solid 2px #fff;
   			padding: 0 0 5px 10px;
   			
   			line-height: 1.7em;
   			font-size:22px;
   			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   			font-weight: 300;
   			height: 1.7em;
   
   			}
   
   	.blogheader a {
   					margin: 0px 0 0px 0px; color: #fff;
   					background:#464646;
   					
   					padding: 4px;
   					padding-left:0px;
   					line-height: 1.7em;
   					font-size:22px;
   					font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   					font-weight: 300;
   
   
   
   				}	
   
   	.subheader {
   		margin: 10px 0 10px 0px; color: #76C8F2;
   		background:#464646;
   		border-bottom: solid 1px #fff; 
   	 	border-right: solid 0px #76C8F2; 
   	 	border-left: solid 0px #76C8F2;
   		border-top: solid 1px #fff;
   		padding: 4px;
   		padding-left:10px;
   		line-height: 1.7em;
   		font-size:12px;
   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: 300;
   
   
   		}
   
   		.postfooter {
	   		margin: 10px 0 10px 0px; color: #fff; 		
	   		border-top: solid 1px #888;
	   		padding: 4px;
			padding-top:6px;
	   		padding-left:5px;
	   		line-height: 1.7em;
	   		font-size:12px;
	   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	   		font-weight: 300;


	   		}
   
   
   
   
   	.date {
   		float: left; 
   		width: 2.0em;
   		font: 600 1.3em arial, sans-serif;
   		padding-right: 5px;
   		text-align: right;
   		}
   
   
   
   
   
   
   	.logo {
   		margin-top:12px;
   		margin-bottom: 15px;
   		margin-right: 20px;
   
   
   
   		}	
   
   
   		img {
			border:none;
		}
   
   
   
   
   	a.nav {
   		display: block;
   		margin: 0;
   		text-decoration: none;
   		font-size:14px;
   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: 300;
   		line-height:30px;
   		color: #aaa;
   		padding: 0 25px 3px 0;
   		}
   
   	a.nav:hover {
   		color: #76C8F2;
   		background: #222;
   		text-decoration: none;
   		font-size:14px;
		font-weight: 300;
		background: #333 url('http://bmxmdb.com/images/menubar.png')
   		}
   
   
   
   	a {
   		text-decoration: underline;
   		color: #000;
   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: 300;
   		
   		}
   
   	a:hover {
   		text-decoration: underline;
   		color:#76C8F2;
   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   		font-weight: 300;
   		
   		}
   
   
   
   
#main {
   		background-color:#333;
   	}
   			
li img {
   		margin-bottom:-4px;
   	}
   			
#outer {
   			
   }
   				
#left {
   		height:100%;
   		text-align: right; 
   		background: #333 url('http://bmxmdb.com/images/fade.jpg') no-repeat right;
   }

	.ad {
		margin-bottom: 15px;
		margin-top: -8px;
		margin-right: 0px;
		margin-left: 0px;

		border: 1px solid #666;
		}
		
#adverts {
		
		width:100%;
		margin-top: 20px;
	}
	
	
	.hr {
		border-width:0px;
		border-color:#333;
   	    height: 24px;
		overflow: hidden;
		width: 100%;
		background: #000 url(http://bmxmdb.com/images/stripes.gif) repeat-x;
		color: #fff;
		cursor: default;
		text-align: left;
		font: normal 10px/32px arial, verdana, helvetica, sans-serif;
		margin-top:5px;
		margin-bottom:20px;
		

	
	
		}
		
		
	.hr hr {
		display:none;
	}
		
	hr2 {
		background-color:#000;
		border-width:0;
		color:#fff;
		height:1px;
		line-height:0;
		margin:10px 10px 10px 10px;
		page-break-after:always;
		text-align:right;
		margin-top:30px;
		margin-bottom:30px;
	
	    }




	h3 {
		color:#76C8F2;
		font-size:16px;
		line-height:22px;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: bold;
		
	}
	
	h3small {
		color:#76C8F2;
		font-size:16px;
		line-height:22px;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight:bold;
		
	}
	
	
	li {
		font-size:12px;	
		
	}
	
	li img {
		margin-bottom:-4px;
	}
	
	
	
	
	
	
	
	p {
		font-size:12px;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: 300;
		color:#999;
		font-style:italic;
	
	}
	

	
	#extrainfoleft {
		
		text-align: center;
		line-height:14px;
		font-size:10px;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: 300;
		color:#000;
		}
		
	#extrainfoleft img{
		padding-left:10px;
	}
	
		.movieimage {
			margin-top:10px;
			border-bottom: solid 1px #888888; 
		 	border-right: solid 1px #888888; 
		 	border-left: solid 1px #888888;
			border-top: solid 1px #888888;
			padding-top: 0px;
			float:right;

		}

		.movieimage img {


			margin-top:0px;
			padding:5px;
	    }





	a:link {
		color:#fff;
	}




	a:visited {
			color:#fff;
			}

	a:hover {
			text-decoration:underline;
			color:#666;
			}

	a:active {
			
			color:#76C8F2;
			
			}

				/*search box css*/	

			#box{
				
				position: relative;
				width: auto;
				margin: 12px 0px 5px 0px;
			}

			div.nav{
				
				
				
				/*background: #444 url(http://bmxmdb.com/images/bg-gradient.png) repeat-x left -25px;*/
				
				margin: 0px 0 10px 0px; color: #fff;
				padding: 4px;
	   			padding-left:10px;
				margin-left:28px;
				background:#464646;
	   			border-bottom: solid 1px #fff; 

	   			border-top: solid 2px #fff;

				
	   			line-height: 1.7em;
	   			font-size:18px;
	   			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	   			font-weight: bold;
	   			height: 1.8em;
				text-align:left;
			}
			
		
			
			
			
			

			/* added ID search to input below, so it only styles the search box*/

			input#search {
				background: #ddd url(http://bmxmdb.com/images/mglass.png) no-repeat 250px 3px;
				outline: none !important;
				position: absolute;
				right: 10px;
				display: block;
				padding: 5px 10px;
				top: 11px;
				border: none;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				border-radius: 20px;
				box-shadow: 0 -1px 1px #333;
				-webkit-box-shadow: 0 -1px 1px #333;
				-moz-box-shadow: 0 -1px 1px #333;
				width: 260px;
			}

			input#search:focus{
				background: #fff;
			}


			/* styling of auto_complete boxes */

			div.auto_complete {
			  width: 350px;
			  background: #333;
			}
			div.auto_complete ul {
			  border:1px solid #888;
			  margin:0;
			  padding:0;
			  width:100%;
			  list-style-type:none;

			}
			div.auto_complete ul li {
			  margin:0;
			  padding:3px;
			font-size: 12px;
			}
			div.auto_complete ul li.selected {
			  background-color: #222;
			}
			div.auto_complete ul strong.highlight {
			  color: #222; 
			  margin:0;
			  padding:0;
			}











				#user_nav{
				
			

					display: block;
			   		margin: 0;
			   		text-decoration: none;
			   		font-size:12px;
			   		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			   		font-weight: 300;
			   		line-height:30px;
			   		color: #aaa;
			   		padding: 0 25px 3px 0;

				}





				div.songinfo {
					margin: 0px 0 10px 0px; color: #fff;
					background:#464646;
					border-bottom: solid 1px #000; 
					border-top: solid 1px #000;
					padding: 4px;
					padding-left:10px;
					line-height: 1.7em;
					font-size:12px;
					font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
					font-weight: 300;


					}

				#company_list {
					list-style: none;
					margin-left:-25px;
					margin-top:-10px;
					margin-bottom:4px;
				}
				


				.posttext {
					font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
					font-weight: 300;
					color: #fff;
					line-height: 1.2em;
					margin-top:6px;
					margin-bottom:12px;
					margin-left:4px;

				}

				.posttext div {
					margin-top: 6px;
					margin-bottom: 6px;
					
				}

				.delete_section_link {
					float:right;
					margin-top:4px;
				}

				.delete_section_link img {
					margin-top: -3px;
				}

				.section_name {
					float:left;

				}

				#challenge {
					float: right;
					text-align:right;
				}

				#add_film {
					padding-left: 0px;
				}

				label {
					height: 6px;
					display: block;
				}

				.add {
					margin-bottom: -12px;
				}

				.admin {
					background-color: #fff;
					color: #000;
					padding:5px 0 5px 10px;
				}
				
				.admin a {
					color: #000;
				}
				
				.postimageright{
					float:right;
					padding-left:6px;
				}
				
				.postimageleft{
					float:left;
					padding-right:6px;
				}
				
				.extrariders {
					padding-top: 0px;
				}
				
				.filmpreview {
					margin: 0;
					
				}
				
				.filmpreview li a {
					text-decoration:none;
				}
				
				.filmpreview li {
					margin-top: 5px;
					margin-bottom:5px;
					height: 100px;
					list-style-type: none;
					margin-left: -40px;
					
				}
				
				.odd {
					background-color: #444;
				}
				
				.even {
					background-color: #333;
				}
				
				
				.previewtext {
					padding-top: 10px;
					width:350px;
					height: 100px;
					float:right;
				}
				
			
				
				.films {
					line-height: 20px;
				}
				
				.people {
					line-height: 20px;	
					margin-left:-25px;
				}
				
				.companies {
					line-height: 20px;
					margin-left:-25px;
				}
				
				.songs {
					line-height: 20px;
					margin-left:-25px;
				}
				
					a.preview:hover {
						background-color: #808080;
						text-decoration: none;
						color: #000;
					}
				
					.preview {
						display:block;
						height: 100px;
					}

					.previewimage {
						margin-top:10px;
						margin-left:10px;
						width:80px;
						height:80px;
						overflow:hidden;
						float:left;
					}

					.previewtitle  {
						font-size: 18px;
						font-weight:bold;
						padding-left:22px;
						line-height: 30px;
						
					}

					.previewcompany {
						display:block;
						padding-left:112px;
						padding-top:10px;
					}

					.previewyear {
						display:block;
						padding-left:112px;
						padding-top:10px;
					}

					.previewformats {
						display:block;
						padding-left:112px;
						padding-top:10px;
					}
					
#tabstop {
	border-top: 1px solid #aaa;
}
					
					
/*tabs					*/
	
	#filmtabs {
		position: relative;
		width: 100%;
		height: 1.5em;
		width: 465px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	}

	#filmtabs ul#primary {
		margin: 0;
		margin-left:5px;
		padding: 0;
		position: absolute;
		bottom: -1px;
		width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	}

	#filmtabs ul#primary li  {
		display: inline;
		list-style: none;
	}

	#filmtabs ul#primary a,#filmtabs ul#primary span,#filmtabs ul#primary a.current {
		width: 8em;
		display: block;
		float: left;
		padding: 4px 0;
		margin: 1px 2px 0 0;
		text-align: center;
		font-family: tahoma, verdana, sans-serif;
		font-size: 85%;
		text-decoration: none;
		color: #fff;
	}

	#filmtabs ul#primary span,#filmtabs ul#primary a.current,#filmtabs ul#primary a.current:hover {
		border: 1px solid #666;
		border-bottom: none;
		background: #333;
		padding-bottom: 6px;
		margin-top: 0;
	}

	#filmtabs ul#primary a {
		background: #444;
		border: 1px solid #AAA;
		border-bottom: none;
	}

	#filmtabs ul#primary a:hover {
		margin-top: 0;
		color: #000;
		background: #808080;
		padding-bottom: 5px;
	}

	#filmtabs ul#secondary {
		position: absolute;
		margin: 0;
		padding: 0;
		bottom: -1.4em;
		left: 1px;
		width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	}

	#filmtabs ul#secondary li a,#filmtabs ul#secondary li span {
		width: auto;
		display: block;
		float: left;
		padding: 0 10px;
		margin: 0;
		text-align: auto;
		border: none;
		border-right: 1px dotted #AAA;
		background: none;

	}

	#filmtabs ul#secondary li a {
		color: #06C;
		text-decoration: underline;
	}

	#filmtabs ul#secondary li a:hover {
		color: #333;
		background: transparent;
		padding: 0 10px;
		border: none;
		border-right: 1px dotted #AAA;
	}

	#filmtabs ul#secondary li a:active {
		color: #000;
		background: transparent;
	}

	#filmtabs ul#secondary li:last-child a { border: none; }		
	
	.rating_box {
		margin-top:12px;
		
		
		
	}	
	
	.indicator {
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left:4px;
	}	
	
	
	.postfilmlink {
		margin-left:4px;
	}
	
	.postcontinue {
		margin-top: 6px;
		margin-left:4px;
	}
	
	.postfilmlink a {
		text-decoration:underline;
		
	}
	
	.posttext a {
		text-decoration: underline;
	}
	
	.adminlinks ul, li {
		list-style-type:none;
	}
	
	#filminfo {
		padding-left:10px;
		padding-right:10px;
	}
	
	.pagination {
		margin-left:12px;
	}
	
	.sectioninfo {
		margin-left:12px;
	}
	
	
	
	
	
	.minifilmpreview {
		margin: 0;
		margin-left: -10px;
		text-align:left;
		padding-bottom: 20px;
	}
	
	.minifilmpreview li {
		
		height: 50px;
		list-style-type: none;
		/*padding-top:7px;*/
		
	}
	
	.minipreviewtext {
		
		width:300px;
		height: 50px;
		float:right;
	}
	
	.minipreviewtitle a {
		font-size: 14px;
		font-weight:bold;
	}

		a.minipreview {
			text-decoration: none;
			color:#fff;
		}

		a.minipreview:hover {
			background-color: #808080;
			text-decoration: none;
			color: #000;
		}
	
		.minipreview {
			display:block;
			height: 50px;
		}

		.minipreviewimage {
			margin-top:5px;
			margin-left:0;
			width:40px;
			height:40px;
			overflow:hidden;
			float:left;
		}

		.minipreviewtitle  {
			font-size: 14px;
			font-weight:bold;
			padding-left:22px;
			line-height: 22px;
			padding-top:6px;
		}

		.minipreviewsub {
			display:block;
			padding-left:63px;
			font-size:12px;
			line-height:20px;
		}