/* 
 * Title:     Brian Lock Racing Site
 * Author:    Rubeun S. Tan 
 * Updated:   07-27-09
 *
 */


/* !defaults */

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}	

body {
	font: normal 80%/1.5em Arial, Helvetica, sans-serif;
  	color: #ffffff;	
	text-align: center; 
	background: #000000;
}	

a:focus { outline: none; }

a:link, a:visited { 
	color: #2f474f;
	text-decoration: none; 
}	
	
a:hover, a:active { 
	color: #A52C35; 
	text-decoration: none;
}	


b {
	font-weight: 100;
}

		
#wrap {
	width: 864px;
	min-height: 900px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/bg_wrap.gif) repeat-y left top;
}
	
#home {
	position: relative;
	width: 854px;
	min-height: 700px;
	margin: 0 0 0 5px;
	padding: 0;
	background: url(/images/bg_home.jpg) no-repeat left top;
}	
	
.div-link1, .div-link2, .div-link3  {
	cursor: pointer;
}

/* !mainnav */

div#myslidemenu {
	background: url(/images/logo_main_bg1.jpg) repeat-x left top;
}

	
/* !home page */	

.full_article {
	margin: 30px 20px 10px 40px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 750px;
	min-height: 300px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.full_sub_article {
	margin: 10px 10px 10px 40px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 750px;
	min-height: 180px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;

}

.main_article {
	margin: 30px 20px 10px 40px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 500px;
	min-height: 300px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;

}

.main_article h1 {
	color: #000000;
}

.main_news {
	margin: 30px 20px 10px 20px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 200px;
	min-height: 300px;	
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;

}

.sub_article_left {
	margin: 10px 10px 10px 40px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 220px;
	min-height: 180px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;

}

	
.sub_article_middle {
	margin: 10px 10px 10px 20px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 220px;
	min-height: 180px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.sub_article_right {
	margin: 10px 10px 10px 20px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 220px;
	min-height: 180px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
}	

.sponsors_ticker {
	margin: 10px 20px 20px 40px;
	padding: 20px 10px 20px 10px;	
	clear: both;
	width: 800px;
	height: 100px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
}	

.full_left_column {
	margin: 30px 20px 10px 40px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 500px;
	min-height: 600px;
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
}


.full_right_column {
	margin: 30px 20px 10px 20px;
	padding: 20px 10px 20px 10px;
	float: left;
	width: 200px;
	min-height: 600px;	
	background-color: #e40000;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
	
/* !headers */


	
/* !body styles */

	
/* !Scrollable Styles */

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 780px;	
	height:90px;	
	
	
	/* custom decorations */
	padding:10px 0;	
	border:1px outset #ffffff;
	background-color:#e40000;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	z-index: 99;	
	/* custom decoration */
	text-align:center;
	width:134px;
	padding: 5px 0px;
	font-size:20px;
	font-family: 'bitstream vera sans';
	border:1px outset #ffffff;
	background-color: #ffffff;
	margin-right: 20px;	
	-moz-border-radius:5px;

}

div.scrollable div.items img {
	z-index: 99;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ffffff;		
	background-color:#ffffff;
}

	
	
	
	
	
	
	
		
/* !footer */		

#footer {
	clear: both;
	margin: 0 5px;
	padding: 20px 0 40px 0;
	}	
		
#footer p {	font-size: 0.8em;	}	
	
#footer p.copyright {
	float: left;
	width: 40%;
	margin: 0 0 0 15px;
	}	
	
#footer .footerNav {
	float: right;
	width: 55%;
	margin: 0 15px 0 0;
	text-align: right;
	}	
	
#footer a { color: #ec0202;	}	
	

/* !popups */

div.overlay {      
    background-image:url(/images/bg_overlay.png); 
    width:600px; 
    height:470px;             
    display:none; 
    padding:55px; 
	} 
 

div.overlay div.close { 
    background-image:url(/images/btn_close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
	}



/* external links */

.warning { position: relative; }

.warning span.externalTooltip { display: none; }

span.externalTooltip {	
	position: absolute;
	padding: 5px;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #e40000;
	border: 1px solid #e40000;
	width: 150px;
	color: #ffffff;
	margin-left: 140px;
	margin-top: 70px;	
	}
	
.warning:hover span.externalTooltip,
.warning.whover span.externalTooltip { display: block; }
		
a.warning span.externalTooltip {
	top: -75px;
	left: 0;
	}	

a.warningLink:hover {
	text-decoration: none;
	background: none; 
	}

a.warningLink span {
	display: none;	
	padding: 5px;
	margin-top: 30px;	
	margin-left: -80px;
	}

a.warningLink:hover span {
 	display: inline; 
	position: absolute; 
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #FFFFFF;
	border: 1px solid #e40000;
	width: 150px;
	color: #ffffff;
	}

/* !misc */	



/* Add This Social Bookmarking */

.addthis_toolbox {
	right: 0px;
	position: absolute;
	padding: 5px 5px 0 0;
}