body {
   color:#000;
   font: 62.5% Georgia,Times,Arial,Verdana,Tahoma;
   background:#DDDCDC url('../images/ui/bg_header.gif') repeat-x top left; }


/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}

img { border: none; }
ul#acc-links{display:none;}

/* Clear Floats
--------------------------------------------------------------------------*/
.clear{
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { color:#7F7F7F;font:11px Arial, Helvetica, sans-serif;outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}


/* General Link Styles 
--------------------------------------------------------------------------*/
a:link {
 color:#7ABF2B;
 text-decoration:underline;}

a:hover, a:active {
 color:#7ABF2B;}

a:visited {
 color:#AAA;
} 

/*-------------------------------------------------------------------------
                         PAGE STYLES
*-------------------------------------------------------------------------*/
.wrapper{
   width:940px;
   margin: 0 auto;}

/*---------------------------------------------------------
                         HEADER
*---------------------------------------------------------*/
#header{
  height:72px; 
  position:relative;
  padding:15px 0 0 0;}

#header .wrapper{
  width: 920px;
  padding: 0 0 0 20px;}

#header h1 a{
  display:block;
  text-indent:-9999px;
  overflow:hidden; 
  width:220px;
  float:left;
  height:40px;
  background:url('../images/ui/logo.gif') no-repeat top left;}

ul#main-nav{
  position:absolute;
  top:37px;
  right:0; 
  font-size:13px;
  height:33px;}

ul#main-nav li{
  float:left;
  border-right:2px solid #284A27;}

ul#main-nav li.last{
  border:none;}

ul#main-nav li.first a{
  background:url('../images/ui/nav_home.gif') no-repeat top left;}

ul#main-nav li.last a{
  background:url('../images/ui/nav_blog.gif') no-repeat top right;}

ul#main-nav a{
  display:block;
  float:left;
  text-decoration:none !important;
  color:#F5F5F5 !important;
  padding:11px 18px 0 15px;
  background:url('../images/ui/bg_nav.gif') repeat-x top left;
  height:22px;}

ul#main-nav a:hover,
ul#main-nav a.active{
  background-position: 0 -33px !important;}

ul#main-nav li.last a:hover,
ul#main-nav li.last a.active{
  background-position: right -33px !important;}


#banner{
  background:url('../images/ui/bg_banner.jpg') no-repeat center top;
  height:210px;
  margin: 0 0 6px 0;
  overflow: hidden; }
  

/*---------------------------------------------------------
                         CONTENT
*---------------------------------------------------------*/
#content{
  background:url('../images/ui/bg_content.gif') repeat-x top left;
  padding:5px 0 0 0;}

#content p,
#content ul,
#content dl,
#content ol{
  font-size:1.2em;
  line-height:1.2em;
  padding: 0 0 20px 0;}

.right{float:right !important;}

.intro{
  border-bottom:2px solid #000000;
  background:#FFF;
  margin: 0 0 18px 0;
  padding:20px 30px 0 30px;}

.intro p{
  font-size:1.4em !important;
  line-height:1.6em !important;}

.col-wrapper .col{
  width:460px;
  padding: 0 0 20px 0;
  float:left;}

.col .box-black{
  border-top:11px solid #000;
  border-bottom:1px solid #000;
  background:#FFF;
  margin: 0 0 15px 0;
  min-height:193px;
  height:auto !important;
  height:193px;
  position:relative;}

.col .box-green{
  border-bottom:1px solid #98BF59;
  padding:9px;
  background:#FFF;}

.projects ul.buttons{
  position:absolute;
  bottom:-4px;
  right:0;
  padding:0 !important;}

.projects ul.buttons li{
  float:left;}

.projects h3{
  height:31px;
  color:#FFF;
  font-size:12px;
  float:left;
  margin: 0 10px 0 0 ;
  background:url('../images/ui/bg_tab_projects.gif') no-repeat left 0px;}

.projects h3 span{
  display:block;
  height:23px;
  float:left;
  margin: 0 0 0 5px;
  padding: 8px 15px 0 10px;
  background:url('../images/ui/bg_tab_projects.gif') no-repeat right -31px;}

.projects h4{
 color:#303132;
 padding:8px 0 0 0;
 float:left;
 font:bold italic 1.3em Georgia;}

.col fieldset.newsletter{
  padding:20px 20px 20px 163px;
  background:url('../images/ui/joinnewsletter.gif') no-repeat 20px 30px;}

fieldset.newsletter label{
  float:left;
  color:#73B328; 
  display:block;
  width:82px;
  padding: 3px 4px 3px 8px;
  font:bold 12px Georgia,Times;}

fieldset.newsletter .textbox{
  width:157px;
  height:19px;
  float:left;
  margin: 0 0 3px 0;
  padding: 1px 3px 0 3px;
  background:#000 url('../images/ui/bg_textbox.gif')  no-repeat top left;}

fieldset.newsletter .textbox input{
  border:1px solid #000;
  color:#FFF;
  width:155px;
  height:15px;
  font:12px Georgia;
  background:#000;}


fieldset.newsletter .submit{
  float:right;  
  margin: 4px 24px 0 0;}

.bio-desc{
  width:320px;
  float:right;}

.bio-desc a{
 color:#000 !important;
 text-decoration:none !important;
 display:block;
 padding: 2px 0 2px 0;
 float:left;}

.bio img{
  float:left;}

.bio-desc li{
  padding: 0 0 8px 30px;
  width:130px;
  float:left;
  color:#C8C8C8;}

.bio-desc li strong{
  text-transform:uppercase;}

.bio-desc li.readbio {background:url('../images/ui/icon_bio.gif') no-repeat top left;}
.bio-desc li.email {background:url('../images/ui/icon_email.gif') no-repeat top left;}
.bio-desc li.blog-inactive {background:url('../images/ui/icon_blog2.gif') no-repeat top left;}
.bio-desc li.vcard {background:url('../images/ui/icon_vcard.gif') no-repeat top left;}
.bio-desc li.blog {background:url('../images/ui/icon_blog.gif') no-repeat top left;}

#icons{
  color:#afafaf;
  text-transform:uppercase;
  font-size:1.5em;
  padding: 0 0 25px 120px;
  text-transform:uppercase;
  font-weight:bold;}

#icons p{
  float:left;
  padding: 0 40px 0 0 !important;}

#icons ul{
  float:left;
  padding:0 !important;}

#icons li{
  float:left;
  padding: 0 15px 0 0 !important;}

/*---------------------------------------------------------
                         FOOTER
*---------------------------------------------------------*/
#footer{
  background:#4A4A4A url('../images/ui/bg_footer.gif') repeat-x left bottom;
  border-top:1px solid #CECECE;
  padding:11px 0 17px 0;
  margin:0 0 25px 0;
  font-size:1.2em;
  color:#F5F5F5;}

#footer ul{
  float:left;}

#footer li{
  float:left;
  padding: 0 22px 0 0;}

#footer p{
  float:right;
  text-align:right;}

#footer a{
  text-decoration:none !important;
  color:#F5F5F5 !important;}
  
  

/*---------------------------------------------------------
                      RELATIONSHIPS
*---------------------------------------------------------*/
  
.relationships-wrapper .col{
  width:640px;
  padding: 0 0 20px 0;
  float:left;}

.relationships .box-black{
  border-top:11px solid #000;
  border-bottom:1px solid #000;
  background:#FFF;
  margin: 0 0 15px 0;
  min-height:193px;
  height:auto !important;
  height:193px;
  position:relative;}

.relationships .box-green{
  border-bottom:1px solid #98BF59;
  padding:9px;
  background:#FFF;}
 
.relationships-desc{
  width:640px;
  float:left;
  padding: 0 0 0 25px; }

.relationships-desc a{
 color:#000 !important;
 text-decoration:none !important;
 display:block;
 padding: 2px 0 2px 0;
 float:left;}

.relationships img{
  float:left;}

.relationships-desc li{
  padding: 0 0 8px 30px;
  width:130px;
  float:left;
  color:#C8C8C8;}

.relationships-desc li strong{
  text-transform:uppercase;}

.relationships-desc li.readbio {background:url('../images/ui/icon_bio.gif') no-repeat top left;}
.relationships-desc li.email {background:url('../images/ui/icon_email.gif') no-repeat top left;}
.relationships-desc li.blog-inactive {background:url('../images/ui/icon_blog2.gif') no-repeat top left;}
.relationships-desc li.vcard {background:url('../images/ui/icon_vcard.gif') no-repeat top left;}
.relationships-desc li.blog {background:url('../images/ui/icon_blog.gif') no-repeat top left;}