/****************** HEADER *********************
** These styles are used in the header.html file
***********************************************/
#header { 
	padding: 5px 0 0 0;
	width: 1100px;
	}

/* 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; width: 345px; float: right; color: #fff; }

/* Styles used with the logo in the top left*/
#logo { float: left; margin: 0 50px 10px 0; width: 375px; }
#logo a { display: block; height: 82px; }
#logo span { display: none; }

/* Container around the leaderboard ad */
.board-ad { display: none; }

/* Font for the main tabs */
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;}
	
/* Font of the 'Upload Now' and 'Find it now' */
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; }

/* Style of the items under Upload Now and Find it Now */
ul.action-items { margin: 0; padding: 0; }
ul.action-items li { list-style: url("../images/pointer.gif") outside; margin: 0 0 0 17px; color: #369 }
ul.action-items a { color: #369; }
ul.action-items a:hover { color: #036; }


/* Main Site Tabs at the top */
#main-tabs {
	margin: 0;
	padding: 0;
}
#main-tabs li {
	float: left;
	font-size: 16px;
	font-weight: bold
	display: block
	list-style: none;
	margin: 9px 6px 0 0;
	text-align: center;
	text-transform: capitalize;
	padding: 0;
}

#main-tabs li a {
	background: #369;
	color: #fff;
	display: block;
	padding: 6px 6px;
}
#main-tabs li a:hover, #main-tabs li.selecta hover { background: #036; color: #fff; }

/* Content under each of the tabs at the top */
.tabcontent {
	background: #036 url("../images/bg-menu-bar.gif") left center repeat-x;
	clear: both;
	color: #fff;
	font: bold normal 12px/20px arial, sans-serif;
	height: 26px;
	line-height: 22px;
	padding: 0;
	text-transform: capitalize;
	display:none;
}
.tabcontent ul { margin: 0; padding: 0; }
.tabcontent ul li {
	display: block;
	float: left;
	list-style: none;
	padding: 0;
	position: relative;
	text-transform: capitalize;
}
.tabcontent ul li a {
	display: block;
	margin: 0;
	padding: 2px 9px;
}
.tabcontent ul li a:hover {
	background: #69c;
	color: #fff;
}
.tabcontent ul li ul {
	background: #69c;
	display: none;
	position: absolute;
	width: 200px;
	z-index: 50;
}
.tabcontent ul li ul li { float: none; display: inline; }

/* Highlighted part of top subnav */
.tabcontent .level1-active{background: #69c; color: #fff; }
}
.tabcontent ul.action-items .level1-active a { color: #fff; }
}
/* Breadcrumbs */
#page-location-wrapper {
	background: #fff no-repeat left bottom;
	margin: 0 0 5px 0;	
}
#page-location {
	background: #036 url("../images/bg-page-location.gif");
	color: #fff;
	padding: 5px 5px;
}
#page-location a { color: #fff; }
#page-location a:hover { text-decoration: underline; }


/* User Dashboard */
#user-dashboard {
	width: 249px;
	padding: 8px 10px 1px 10px;	
	float: right;
	color: #369;
	/* background: #036; 
	background-image: url("../images/bg-menu-bar.gif");
	background-color: #000;
	background-repeat: repeat-x;*/
	text-transform: none;
	text-align: right;
	border: 0;
	-moz-border-radius: 10px;
	border-radius: 2px;

}
#user-dashboard a { color: #369; }
#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.css **/
/** These styles are currently placed at the bottom of this stylesheet due to a workaround in place until this colors.css is added to the Admin section **/
/****************************/


/****************************/
/** Color 1 **/
/****************************/
#footer, .caption, .ba-gallery-specs, .module-footer a.get-more, .bar h2, .barmenu .options a, .barmenu .options a:hover {
color: #000;}
.board-ad {
background: #9ab;}
input, textarea, .popup-box, .popup-content .main-nav ul li a, a.level2-active, a.level2-active:hover {
border-color: red;}
body {
background-color: #9ab;}

/****************************/
/** 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: #036;}
.button, .barmenu a, .bartools a, .options a.arrow {
background: #369;}
.ba-td-right {
border-right-color: #369;}

/****************************/
/** Color 5 **/
/****************************/
.button, .dash {
border-color: #036;}

/****************************/
/** Color 6 **/
/****************************/
.questions ul li, .bar ul li a:hover {
color: #fff;}
.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: #fff;}
hr, .ba-sponser, img.border, img.border-blank, img.border-blank:hover {
border-color: #fff;}
#footer, .signin_box, .create_account_box, .bar {
background-color: #fff;}
.bar {
border-bottom-color: #fff;}

/****************************/
/** Color 7 **/
/****************************/
.main-nav, .main-nav ul li ul li a {
background: #fff;}
.ba-mod-content {
border-color: #c69;}

/****************************/
/** Color 8 **/
/****************************/
body,
.module-footer a.get-more:hover,
.link,
#search,
h2.action-header a,
ul.action-items a:hover,
a:hover,
.post { color: #036; }
.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: #666;}
input.bg, img.border-selected, img.border:hover {
border-color: #666;}
#comments .odd, #comments .even, .signin_box, .create_account_box {
border-bottom-color: #666;}

/**** Added By Brad 2.1 *****/
.bartools .enlarge_reduce { color:#666; background:none; }
.bartools .enlarge_reduce:hover { color:#666; 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; }

#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;}