/*  
Theme Name: New Mexico Biotech Association
Theme URI: http://bioblog.nmbio.org/
Description: New Mexico Biotech Association Custom Theme.
Version: 1.0
Author: Clearwired Web Services
Author URI: http://clearwired.com/
*/


/* NMBBA Styles 10.10.2007 */

/* GLOBAL STYLES */
body { margin: 0; font: 75%/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;color:#414648;background:#fff url('images/header_bg.gif') repeat-x;}
ul { margin: 0 0 8px 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 12px; }
li { margin: 0 0 4px 0; }
form { margin: 0; padding: 0; }
a img { border: none; }

ul { padding: 0; list-style: none; }
ul li { padding-left: 10px;}

a:link, a:visited {color:#2c99ce;}

.clear       { clear: both; }

p.skip_nav   { display: none; }
img.thumb    { border: 1px solid #766341; }

/* HEADER */
#container {width:903px; margin:0 auto;background:transparent url('images/logo.gif') no-repeat; background-position:0px 37px;}
#header {height:153px;}
#header_content {margin:0 auto; background:#fff url('images/home_header_img.gif') no-repeat;height:267px; width:374px; float:right;}
#main_nav {margin:-140px 0px 0px 0px; float:left;}
#main_nav ul {margin:0px 0px 0px 88px; height:60px;}
#main_nav ul li {float:left;margin-right:20px;}
#main_nav ul li a {color:#2c99ce;font-size:110%;font-weight:bold;text-decoration:none;}
#main_nav ul li a:hover{color:#f89938;font-size:110%;font-weight:bold;text-decoration:none;}

#subnav {}
#subnav h1 {color: #f89938;font-size:170%;}
#subnav ul {margin:0;padding:0;height:10px;}
#subnav ul li {float:left; margin-right:20px;padding:0;}
#subnav ul li a {color:#2c99ce;}

#about {}
#about p {font-size:135%;font-weight:bold; line-height:20px; color:#333; margin:0px 380px 0px 0px;padding: 0px 0px 15px 0px;border-bottom: 1px solid #e9f5fa;}
#about .learn {color:#2c99ce; font-weight:bold;}

#content {margin:0px 0px 0px 0px;width:490px;float:left;}
#content h2 {color: #f89938;text-transform:uppercase;font-size:140%;}
#content h3 {color: #2c99ce; padding:0; margin:0;}
#content p.blogpost {color:#666; padding:0; margin:0px 0px 7px 0px;font-size:90%;}
#content .blogcat {color:#2c99ce;}

#content .post {margin-top:25px;border-bottom: 1px solid #ccc;padding-bottom: 25px;}

#rightcol {float:right; width:350px;margin:0px 0px 0px 0px;}
#rightcol h2 {color: #f89938;text-transform:uppercase;font-size:140%;}

#rightcol_sub {float:left; width:400px;margin:-20px 0px 0px 0px; padding:0;}
#rightcol_sub h2 {color: #f89938;text-transform:uppercase;font-size:140%;}


#updates {margin:0px 0px 0px 35px;}
#updates h2 {color: #f89938;text-transform:uppercase;font-size:120%;margin:20px 0px 0px 0px;}
#updates ul {border-bottom: 1px solid #e9f5fa;padding-bottom: 10px;}
#updates ul li {margin-top:7px;}
#updates ul li a {color:#2c99ce;font-size:110%;font-weight:bold;}
#updates p.sponsor {float:left;}
#updates p img {border:1px solid #ccc;padding:5px;margin:10px 10px 0px 0px;}

#updates ul li.sub_blog {list-style-type:disc;margin-left:25px;}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url('images/img.php.png') no-repeat bottom right} 
.cssbox{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ 
.cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ 
.cssbox_head h2{ color:#f89938; background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:10px 0 15px 10px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:10px 0 15px 10px} /* mirror .cssbox_head right/left */
.cssbox_body ul {height:10px;margin:0;padding:0;}
.cssbox_body .benefits li {float:left; width:135px;}
.cssbox_body .benefits li a {color: #2c99ce;font-weight:bold;}


#footer{clear:both; background:#fff url('images/footer_bg.gif') repeat-x; height:253px;margin:0;padding-top:0px;}
.footerwrap {margin:0 auto;width:903px;}
#footer h3 {color: #f89938;text-transform:uppercase;font-size:120%;text-align:left;}

#ufooter1 {width:265px;float:left; margin:10px 15px 0px 0px;}
#ufooter1 ul li {list-style-type:disc;margin-left:15px;}
#ufooter1 ul li a {color:#2c99ce;font-size:95%;}
#ufooter1 p,h4 {color:#333;}
#ufooter1 .date {color:#999;}
#ufooter1 p.legal {font-size:90%;margin-top:15px;}
#ufooter1 p.legal a {color:#333;}

#ufooter2 {width:265px;float:left; margin:10px 15px 0px 0px;}
#ufooter2 p {color:#333;}
#ufooter2 p img {float:left;margin:0px 5px 5px 0px;}

#ufooter3 {width:265px;float:left; margin:10px 15px 0px 0px;}
#ufooter3 p {color:#333;}
#ufooter3 .email {color:#2c99ce;}