/*   
Theme Name: BRASS professional side
Theme URI: 
Description: this is for the professional pages
Author: Mark Favazza
Template: thematic
Version: 1.0
Tags: Thematic
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
@import url('../thematic/style.css');




/* BRASS styles */


body {
	font: 80%/145% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #0E0F11;
	background: url(/images/bg-2010.png) repeat-x;
	background-color: #7B6647;
}
#containerBRASS {
	width: 919px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height: 164px;  
}
#containerBRASS #menu a {
	font: normal 1.2em 'Trebuchet MS';
	color: #ffffff;
	margin: 0 6px;
	text-decoration: none;
	vertical-align: middle;
	line-height:2.4em;
	text-align: center;
}
#containerBRASS #menu a:hover { 
	color: #eaeaea;
}
#menu {
	font: 1em "Trebuchet MS";
	color: #fff;
	height: 37px; 
	padding: 0;  
	margin: 0;
	text-align: center;
	
}

.menu {
	padding-left: 70px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 2px 2px 5px 25px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0;
	background: #020605;
	background-image:url(/images/page-bkground.png);
	background-position: top;
	background-repeat:repeat-x;
}

body,td,th {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
}
.textwidget p.links {
	text-align: center;
}
.textwidget p.links a {
	margin: 0 12px;
	color: #EDC48E;
	text-decoration: none;
}
.textwidget p.links a:hover {
	color: #ffffff;
}

 p.copyright {
font-size: .75em; color: #ffffff; letter-spacing: 2px; margin-top: 0;
}


div#footer.links ul {
	margin: 0; margin-bottom: 9px
	
}

div#footer.links ul li {
	color: #DCB882;
	display: inline;
	margin: 0;
	text-decoration: none;
	list-style: none; 
	list-style-type: none;
	padding: 0;
	
}

div#footer.links ul li a {
	color: #DCB882;
	display: inline;
	margin: 0 9px;
	text-decoration: none;
	list-style: none; 
	list-style-type: none;
	
}
div#footer.links ul li a:hover {
	color: #fff;
	text-decoration: underline;
}




#mainContent #insidepage {
	background: #ffffff;
	padding: 27px;
}
#mainContent #insidepage p {
	margin: 10px 0 5px 0;
	width: 800px;
}

.pageid-712 #mainContent #insidepage  {
	height: 1000px;
}

#containerBRASS #mainContent #insidepage h1 {
	font: normal 2.3em Georgia, 'Times New Roman', Times, serif;
	margin: 0;
}
#sk2-footer, .podPress_footer { display: none }

#footer, #subsidiary { text-align: center; margin: 0 auto; padding-top: 20px;}





/* home page styles */


#mainContent-home {
	margin: 0;
	padding: 0;
	width: 925px;
	height: 371px;
	background: url(/images/home.png) repeat-x;
	padding-top: 154px;
}
.buParticipants {
	float: left;
	width: 306px;
	height: 52px;
	background-color: #ffffff;
	border: 1px solid #BB9B6C;
	border-right: none;
	border-top: none;
}
.buResearch {
	float: left;
	width: 304px;
	height: 52px;
	background-color: #ffffff;
	border: 1px solid #BB9B6C;
	border-right: none;
	border-top: none;
}
.buAboutBRASS {
	float: left;
	width: 304px;
	height: 52px;
	background-color: #ffffff;
	border: 1px solid #BB9B6C;
	border-top: none;
	border-right: none;
}
.first-panel {
	float: left;
	width: 307px;
	height: 327px;
	background-color: #000;
	background: url(/images/bg-panel.png) repeat-x;
	color: #FFFFFF;
}
#mainContent-home .first-panel h1 {
	margin: 27px 0 16px 27px;
	font: normal 1.7em Georgia, 'Times New Roman', Times, serif;
	color: #dadada;
	text-align: left;
}
#mainContent-home .first-panel h2 {
	font: 1em Arial, Helvetica, sans-serif;
	color: #FFCC00;
	margin: 0 10px 8px 27px;
	text-align: left;
}
#mainContent-home .first-panel p {
	margin: 0 10px 10px 27px;
	text-align: left;
}

#mainContent-home .first-panel ul li {
	margin: 0 25px 10px 27px;
	text-align: left;
	font-size: .85em;
	line-height: 140%;
	font-weight: bold;
}
#mainContent-home .first-panel a {
	color: #BA996C;
}
#mainContent-home .first-panel a:hover {
	color: #00CCFF;
}

.second-panel {
	float: left;
	width: 610px;
	height: 327px;
	background-color: #000;
	background: url(/images/bg-panel-right.png) repeat-x;
	color: #FFFFFF;
	text-align: left;
}
#mainContent-home .second-panel h1 {
	margin: 27px 0 16px 27px;
	text-align: left;
	font: normal 1.7em Georgia, 'Times New Roman', Times, serif;
	color: #dadada;
}
#mainContent-home .second-panel h2 {
	font: 1em Arial, Helvetica, sans-serif;
	color: #FFCC00;
	text-align: left;
	margin: 0 10px 8px 27px;
}
#mainContent-home .second-panel p {
	margin: 0 10px 10px 27px;
	text-align: left;
}

#jwts_tab .jwts_tabbertab li { margin-top: 14px; }

ul.jwts_tabbernav li { margin-bottom: 3px }

.jwts_tabbertab { margin-top: 6px;}
#wp-admin-bar { display: none;}

#cspc-column-0.cspc-column { display: inline-table }

ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {line-height: 260%;  font-size:.8em;padding:7px 12px;}

.wp-caption { overflow: hidden; }
.wp-caption-text { width: auto !important; font-style: italic; text-align: center; }