/****************** HEADER *********************
** These styles are used in the header.html file
***********************************************/
#header { padding: 5px 0 0 0; }

/* Class of the icon images next to upload now, find it now */
#header .header-icon { margin: 0 9px 0 0; float: left; }

/* Search box div */
#search { position:relative;top:20px; }

/* Styles used with the logo in the top left */
#logo { float: left; margin: 0 50px 10px 0; width: 210px; }
#logo a { display: block; height: 75px; }
#logo span { display: none; }

/* Container around the leaderboard ad */
.board-ad {
	background: #0c111f; 
	text-align: center; 
	padding: 5px; 
	margin: 0 0 5px 0;	
}

span.tab-description { 
	font-size: 12px;	
	font-weight: 100;
	text-transform: capitalize;
}

/* Styles used with the Upload Now/Find It Now section */
#actions {
	float: left;
	margin: 0 0 4px 0;
	padding: 4px 0 0 0;
	width: 400px;
}
h2.action-header {
	font: bold normal 19px/22px Helvetica, sans-serif;
	font-weight: 800;
	margin: 0;
	padding: 0;
	color: #A9b7Db;
}
h2.action-header a { color: #fff; }
h2.action-header a:hover { color: #A9b7Db; }
ul.action-items { margin: 0; padding: 0; }
ul.action-items li { list-style: url("../images/pointer.gif") outside; margin: 0 0 0 17px; }
ul.action-items a { color: #A9b7Db; }
ul.action-items a:hover { color: #fff; }

/* Main Tab styles */
#main-tabs { margin:0px; padding:0px; }
#main-tabs li {
	float: left;
	font-size: 16px;
	font-weight: bold;
	list-style: none;
	margin: 9px 6px 0 0;
	text-align: center;
	text-transform: capitalize;
	padding: 0;	
	display: block;
}
#main-tabs li a {
	background: #155B8E;
	color: #fff;
	display: block;
	padding: 6px 6px;
}
#main-tabs li a:hover, #main-tabs li.selected a { background: #DDE2E5; color: #fff; }

/* Content in the subnav */
.tabcontent {
	background: #5E95BE url(../images/bg-menu-bar.png) left center repeat-x;
	clear: both;
	color: #fff;
	display: none;
	font: bold normal 12px/20px arial, sans-serif;
	padding: 0;
	text-transform: capitalize;
	height: 22px;
	line-height: 22px;	
}
.tabcontent ul { margin:0px; padding:0px; }
.tabcontent ul li {
	display: block;
	float: left;
	list-style: none;
}
.tabcontent ul li a {
	color: #fff;
	display: block;
	margin: 0;
	padding: 0px 9px;
}
.tabcontent ul li a:hover { background: #155B8E; }
.tabcontent ul li ul {
	background: #5E95BE;
	display: none;
	position: absolute;
	width: 200px;
	z-index: 50;
}
.tabcontent ul li ul li {
	display: inline;
	float: none;
}
.tabcontent .level1-active { background: #155B8E; }

/* Breadcrumbs */
#page-location-wrapper {
	background: #DDE2E5 url(../images/corner--fff-bl.png) no-repeat left bottom;
	margin: 0 0 5px 0;
}
#page-location {
	background: url(../images/corner--fff-br.png) no-repeat right bottom;
	color: #155B8E;
	padding: 5px 10px;
}
#page-location a { color: #155B8E; }
#page-location a:hover { text-decoration: underline; }

/* Styles with the user dashboard */
#user-dashboard {
	background: #155B8E;
	border: 3px solid #FFFFFF;
	-moz-border-radius: 10px;
	color: #FFFFFF;
	float: right;
	margin: 0 5px 10px 0;
	padding: 8px 10px 1px 10px;
	width: 249px;
}
#user-dashboard a { color: #fff; }
#user-dashboard a:hover { text-decoration: underline; }
#user-dashboard .icon_avatar { float: right; }
#user-dashboard h3 { margin: 0 0 8px 0; }
#user-dashboard p { margin: 0 0 8px 0; }
#user-dashboard a img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#user-dashboard .logged_out { text-align: center; }

/****************************/
/** Color 1 **/
/****************************/
#footer, .caption, .ba-gallery-specs, .module-footer a.get-more, .bar h2, .barmenu .options a, .barmenu .options a:hover {
color: #155B8E;}
.board-ad {
background: #363636;}
input, textarea, .popup-box, .popup-content .main-nav ul li a, a.level2-active, a.level2-active:hover {
border-color: #000;}
body {
background-color: #363636;}

/****************************/
/** Color 2 **/
/****************************/
input, textarea, input.bg, .popup-box, .signin_box input.text, .popup-content, .create_account_box input.text {
background: #fff;}
.ba-seal, .barmenu a, .bartools a {
border-color: #fff;}

/****************************/
/** Color 3 **/
/****************************/
.about_us h3, .faq b.q, h2.action-header a:hover  {
color: #000;}
.ad, #comments .odd, #comments .even {
background: #fff;}

/****************************/
/** Color 4 **/
/****************************/
a, #footer a, ul.action-items a {
color: #155B8E;}
.button, .barmenu a, .bartools a, .options a.arrow {
background: #5E95BE;}
.ba-td-right {
border-right-color: #961b1f;}
/****************************/
/** Color 5 **/
/****************************/
.button, .dash {
border-color: #FFFFFF;}

/****************************/
/** Color 6 **/
/****************************/
.questions ul li, .bar ul li a:hover {
color: #eaeaea;}
.ba-sponser, .modblock .profile, .odd, .main-nav, #faq b, .ba-mod-content, .front-page-block, .avatar, .barmenu, .bartools, .barmenu .options, .barmenu .opt, .barmenu .options a, .main-nav ul li ul, tr.header {
background: #eaeaea;}
hr, .ba-sponser, img.border, img.border-blank, img.border-blank:hover {
border-color: #155B8E;}
#footer, .signin_box, .create_account_box, .bar {
background-color: #eaeaea;}
.bar {
border-bottom-color: #eaeaea;}

/****************************/
/** Color 7 **/
/****************************/
.main-nav, .main-nav ul li ul li a {
background: #b9b8b8;}
.ba-mod-content {
border-color: #b9b8b8;}

/****************************/
/** Color 8 **/
/****************************/
body,
.module-footer a.get-more:hover,
.link,
#search,
h2.action-header a,
ul.action-items a:hover,
a:hover,
.post { color: #66656c; }
.modblock .profile .barmenu, .skin .bar, .options .on, .barmenu .options a:hover, .bar ul li a:hover, .main-nav ul li a, .main-nav ul li a:hover, .main-nav ul li ul li a:hover, a.level2-active, a.level2-active:hover, .button:hover, .barmenu a:hover, .bartools a:hover {
background: #155B8E;}
input.bg, img.border-selected, img.border:hover {
border-color: #66656c;}
#comments .odd, #comments .even, .signin_box, .create_account_box {
border-bottom-color: #66656c;}

/**** Added By Brad 2.1 *****/
.bartools .enlarge_reduce { color:#66656c; background:none; }
.bartools .enlarge_reduce:hover { color:#66656c; background:none; }
/****************************/

#admin_layout_box {
	background: #eee;
	border: 5px solid #ddd;
	position: absolute;
	right: 100px;
	top: 100px;
	width: 400px;
}
#admin_layout_box #expand_layout_box { display: none; }
#admin_layout_box form { margin: 0 0 1em 0; }
#admin_layout_box select { margin: 0 5px 0 0; }
#admin_layout_box ul {
	margin: 0 0 1.5em 20px;
	padding: 0;
}
#admin_layout_box .layout_box_title {
	margin: 0;
	padding: 10px 10px 10px 10px;
}
#admin_layout_box #layout_box_content { padding: 1px 20px 10px 20px; }

/* Added 2.2 */
.clear { clear: both; }
