/*-----------------------------------------------------------------------------

Theme Name: CoasterWarriors.com
Theme URI: http://www.coasterwarriors.com
Description: Main Style Sheet for all CW pages.
Author: Jeff Guilkey
Author URI: http://www.jeffguilkey.com
Version: 2.0 - 03/3/2009

-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
SECTION BANNER
-----------------------------------------------------------------------------*/
#section_banner {
	float: left;
	height: 150px;
	width: 970px;
	background-color: #000000;
}

/*-----------------------------------------------------------------------------
LAYOUT
-----------------------------------------------------------------------------*/
#layout {
	width: 950px;
	padding: 10px;
	background-color: #EEEEEE;
	float: left;
}
#layout strong {
	font-weight: bold;
}
#layout_box {
	float: left;
	width: 950px;
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------
LAYOUT / TWO COLUMNS
-----------------------------------------------------------------------------*/
#layout_duo_wrap {
float: left;
width: 100%;
}
#layout_duo_left {
margin-right: 310px;
}
#layout_front_flash {
	float: left;
	height: 300px;
	width: 640px;
	background-color: #000;
}
#layout_duo_right {
float: left;
width: 300px;
margin-left: -300px;
}

/*-----------------------------------------------------------------------------
LAYOUT // THREE COLUMNS
-----------------------------------------------------------------------------*/
#layout_trio_wrap {
float: left;
width: 100%;
}
#layout_trio_center {
	margin-top: 0;
	margin-right: 310px;
	margin-bottom: 0;
	margin-left: 170px;
}
	#layout_trio_center .box {
	float: left;
	width: 468px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}
	#layout_trio_center .box h2 {
	font-weight: bold;
	float: left;
	width: 454px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	background-color: #600;
	background-image: url(../../images/database/layout_trio_center_h2.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}
	#layout_trio_center .box a, #layout_trio_center .box a:visited {	
	}
	#layout_trio_center_title {
	font-size: 1.45em;
	font-weight: bold;
	color: #333;
	float: left;
	width: 470px;
	margin-bottom: 4px;	
	}
	#layout_trio_center_result {
	text-align: right;
	background-color: #CCC;
	padding: 2px;
	float: left;
	width: 466px;
	}
	#layout_trio_center_listing {
	float: left;
	width: 470px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	#layout_trio_center .box .videopad {
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
#layout_trio_left {
float: left;
width: 160px;
margin-left: -950px;
}
	#layout_trio_left .browse {
	font-size: 1em;
	font-weight: bold;
	color: #EEEEEE;
	float: left;
	width: 148px;
	background-color: #C00;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	}
	#layout_trio_left .broswe_box{
	width: 158px; /*width of menu*/
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	}
	#layout_trio_left .broswe_box .headerbar{
	color: #FFF; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*31px is left indentation of header text*/
	font-weight: bold;
	background-color: #900;
	font-size: 1em;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	#layout_trio_left .broswe_box ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
	}
	#layout_trio_left .broswe_box ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	}
	#layout_trio_left .broswe_box ul li dt {
	float: left;
	width: 20px;
	}
	#layout_trio_left .broswe_box ul li a{
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 15px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	font-size: .9em;
	font-style: normal;
	font-weight: bold;
	}
	#layout_trio_left .broswe_box ul li a:visited{
	color: black;
	}
	#layout_trio_left .broswe_box ul li a:hover{ /*hover state CSS*/
	color: white;
	background: black;
	}

#layout_trio_right {
  float: left;
  width: 300px;
  margin-left: -300px;
}
	#layout_trio_right .box {
	float: left;
	width: 298px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}
	#layout_trio_right .box h2 {
	font-weight: bold;
	float: left;
	width: 283px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	background-color: #600;
	background-image: url(../../images/database/sidebar_head.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}
	  #layout_trio_right .box .stats{
	  width: 290px;
	  margin-right: auto;
	  margin-left: auto;
	  }
	  * html #layout_trio_right .box .stats{ /*IE only rule. Original menu width minus all left/right paddings */
		width: 290px;
	  }
	  #layout_trio_right .box .stats ul{
	  padding: 0;
	  list-style-type: none;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  float: left;
	  width: 290px;
	  }
	  #layout_trio_right .box .stats a, #layout_trio_right .box .stats a:visited {
	  padding: 4px 3px;
	  display: block;
	  width: 100%; /*Define width for IE6's sake*/
	  color: #333;
	  text-decoration: none;
	  border-bottom: 1px solid #C0C0C0;
	  font-weight: bold;
	  }
	  html>body #layout_trio_right .box .stats a{ /*Non IE rule*/
	  width: auto;
	  }
	  #layout_trio_right .box .stats a:hover{
	  background-color: #DDDDDD;
	  color: #900;
	  }
	#layout_trio_right .img_box {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	}
	#layout_trio_right .box span.glossname {
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	}
	#layout_trio_right .box span.glossinfo {
	float: left;
	width: 278px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	}
	#layout_trio_right table {
	float: left;
	}
	#layout_trio_right table td {
	padding: 5px;
	}
	#layout_trio_right table a, #layout_trio_right table a:visited {
	color: #CC0000;
	}
	#layout_trio_right table a:hover {
	color: #990000;
	}
	

/*-----------------------------------------------------------------------------
LAYOUT // THREE COLUMNS // LISTING
-----------------------------------------------------------------------------*/
#listing_wrap {
float: left;
width: 100%;
}
#listing_info {
margin-left: 85px;
}
	#listing_info .listing_title {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 3px;
	}
	#listing_info .listing_title a, #listing_info .listing_title a:visited {
	color: #C00;
	text-decoration: underline;
	}
	#listing_info .listing_title a:hover {
	text-decoration: none;
	}
	#listing_info .listing_subtitle {
	font-size: 0.90em;
	color: #333;
	font-weight: bold;
	float: left;
	width: 470px;
	margin-bottom: 5px;
	}
	#listing_info .listing_subtitle a, #listing_info .listing_subtitle a:visited {
	color: #333;
	text-decoration: underline;
	}
	#listing_info .listing_subtitle a:hover {
	text-decoration: none;
	}
	#listing_info .listing_info {
	color: #666;
	font-size: 0.85em;
	}
#listing_pix {
float: left;
width: 75px;
margin-left: -470px;
}

/*-----------------------------------------------------------------------------
LAYOUT // BREAD CRUMBS FOR DATABASE & BANNER
-----------------------------------------------------------------------------*/
#database_banner {
	float: left;
	height: 231px;
	width: 950px;
}
#database_banner h1 {
	font-size: 3em;
	color: #FFF;
	text-transform: uppercase;
	padding-top: 5px;
	font-family: "Arial Narrow";
	font-weight: bolder;
	background-image: url(../../images/database/banner_header.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 170px;
	padding-left: 20px;
	margin-right: 75%;
	width: 25%;
}
#database_banner h1 span {
	font-size: 0.4em;
	font-weight: bold;
	line-height: 1em;
}
#database_crumbs {
	float: left;
	width: 970px;
	height:2.3em;
	background-color: #C30;
	background-image: url(../../images/database/crumbs_bars.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
#database_crumbs li{
	float:left;
	line-height:2.3em;
	color:#FFF;
	padding-left:.75em;
	font-weight: bold;
	background-image: url(../../images/database/crumbs_bar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#database_crumbs li a {
	display:block;
	padding:0 15px 0 0;
	background-image: url(../../images/database/crumbs.png);
	background-repeat: no-repeat;
	background-position: right center;
	}							
#database_crumbs li a:link, #database_crumbs li a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight: bold;
	}	
#database_crumbs a:link, #database_crumbs a:visited, #database_crumbs li a:hover, #database_crumbs li a:focus {
	color:#FFF;
	text-decoration: underline;
}