/*
 
Theme Name:     OBX THEME FOR WORDPRESS

Theme URI:      http://obxlabs.net
 
Description:    A custom theme of Obx Labs.  2009.
 
Version:        1.0
 
Author:         Angela Gabereau
 
Author URI:     http://angelagabereau.com/
 
		 Orange: #f7991d
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0;}
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; 
									  background: url(images/body-bg.png) top center repeat-x white; }
ul									{ list-style:none;color: #272727;}
ol									{ list-style: decimal inside;color: #272727; }
a									{ color:#f7991d;outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: white; margin: 0 10px;padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover						{ background: #f7991d; color: white; }


/*
	TYPGROGRAPHY
*/
p							{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
li								{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 2px 0; }
#intro-paragraph					{ display:block;width:670px;float:left;padding:20px 16px 0 0;font-family: Georgia, serif; font-size: 1.5em; font-style: italic; line-height: 1.4em; 
									  margin-top: 5px;color:#333333; }
#intro-paragraph span				{ color: #000000; font-size: 1.8em; font-weight: bold; }
#intro-paragraph em					{ color: #990000; }
a									{ color: #f7991d }
a:hover								{ color: #f7991d;text-decoration: underline;}
h1									{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal;display: block; }
h2									{ font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; }
h3									{ font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;display: block; }
h4									{ font-size: 2.0em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;display: block; }
h5									{ font-size: 1.4em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;display: block; }


/*
	FORMS
*/
input							{ padding: 3px;margin: 8px 0; }



/*
	STRUCTURE
*/
#page-wrap							{ width: 960px; margin: 0px auto -250px;
									  min-height: 100%; height: auto !important; height: 100%;}
#main-col							{ float: left;padding: 0 15px 0 0; }	
#content							{ width: 933px;float: left;padding: 0px 0px 0px 4px; }	
#push								{ height: 250px; }

/*
	HEADER
*/
h1#logo								{ width: 229px; height: 213px; background: url(images/logo.png) top left no-repeat; text-indent: -9999px;
									  margin: 0 10px 8px 0; float: left; }
#top-bar							{ position:relative;top:0; left:-10px;padding: 0px 0 0 0; }
#top-bar p							{ width: 660px; float: right; padding: 25px;}
.link-icons							{ padding:12px 15px 0 0;float:right; }
.link-icons	img						{ width: 27px; }
/*
	MENU
*/
#menu-bar							{ padding-top: 8px;display: block;padding-right:4px;height:41px;color:#000000;float:right;}
a#menu-bar							{ color:#000000;}
ul#main-nav							{ float: right; margin: 0px 0 0 0; }
ul#main-nav	li        				{ display: block; }


/*
	FOOTER
*/
#footer								{ height: 250px; background: #000000; border-top: 8px solid #f7991d; padding-top: 15px;width:100% }
#footer-inside						{ width: 940px; margin: 0 auto;padding-top:0px; }
#footer p							{ color: white; }
#footer-1							{ width: 300px; float: left;font-size: 1.4em;padding: 0 0 20px 0; }
#footer-2							{ width: 300px; float: right;font-size: 1.1em;text-align:right;padding-top:3px; }
#footer ul							{ color: white; }
form#searchform						{ margin: 0 0 15px 0;}
#footer img 						{ padding: 5px 0 0px 0;}
.footer-link-icons					{ padding-top:10px; }



/*

MENU ROLLOVER BUTTONS

*/
li.home a, li.home_selected a {display: block;width: 74px;height:41px;color:#000000;} 
li.docs a, li.docs_selected a {display: block;width: 64px;height:41px;color:#000000;}
li.people a, li.people_selected a {display: block;width: 85px;height:41px;color:#000000;} 
li.blog a, li.blog_selected a {display: block;width: 58px;height:41px;color:#000000;} 

ul.IR li {
  position: relative;
  / *overflow: hidden;
  commented out for this example */
  font-size: 0.9em;
  float:right;
  padding: 0px 5px;
}

.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

/* For IE5.x mac only */
* html>body .IR {
  position: static;
  / *overflow: visible;
  commented out for this example */
  font-size: 10px;
}

* html>body .IR em  { position: static; }

.nav { list-style: none; }
.nav li { float: left; padding:0px; }

.home li, .home li em { height: 41px;width:74px; }
.home em {
  width: 74px; height: 41px;
  background: url(images/menu/home-black.png) no-repeat;
  cursor: pointer;
  left: 0px;
}
.home_selected em {
  background: url(images/menu/home-white.png) no-repeat;
  width: 74px; height: 41px;
  cursor: pointer;
  left: 0px;
}

.home:hover em {
 background: url(images/menu/home-orange.png) no-repeat;
}

.docs li, .docs li em { height: 41px;width:65px; }
.docs em {
  width: 65px; height: 41px;
  background: url(images/menu/docs-black.png) no-repeat;
  cursor: pointer;
  left: 0px;
}
.docs_selected em {
  width: 65px; height: 41px;
   background: url(images/menu/docs-white.png) no-repeat;
  cursor: pointer;
  left: 0px;
}
.docs:hover em {
 background: url(images/menu/docs-orange.png) no-repeat;
}

.people li, .people li em { height: 41px;width:86px; }
.people em {
  width: 86px; height: 41px;
  background: url(images/menu/people-black.png) no-repeat;
  cursor: pointer;
  left: 0px;
}
.people_selected em {
  width: 86px; height: 41px;
  background: url(images/menu/people-white.png) no-repeat;
  cursor: pointer;
  left: 0px;
}
.people:hover em {
 background: url(images/menu/people-orange.png) no-repeat;
}

.blog li, .blog li em { height: 41px;width:59px; }
.blog em {
  width: 59px; height: 41px;
  background: url(images/menu/blog-black.png) no-repeat;
  cursor: pointer;
  left: 0px;
}
.blog_selected em {
  width: 59px; height: 41px;
  background: url(images/menu/blog-white.png) no-repeat;
  cursor: pointer;
  left: 0px;
}
.blog:hover em {
 background: url(images/menu/blog-orange.png) no-repeat;
}

/* INDEX PAGE THUMBNAILS */

.index-thumb-left { float:left; padding-bottom:30px;}
.index-thumb-center { float:left; padding-left:30px;padding-bottom:30px;}
.index-thumb-right { float:left; padding-left:30px;padding-bottom:30px;}

.index-thumb-left img{ border:4px #ffffff solid;}
.index-thumb-left a:hover img {background:#f7991d;border:4px #f7991d solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.index-thumb-center img{ border:4px #ffffff solid;}
.index-thumb-center a:hover img {background:#f7991d;border:4px #f7991d solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.index-thumb-right img{ border:4px #ffffff solid;}
.index-thumb-right a:hover img {background:#f7991d;border:4px #f7991d solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }



/* PEOPLE INFO BOXES  */

.people-thumb-row { }
.people-thumb-left { float:left; padding-bottom:38px;}
.people-thumb-center { float:left; padding-left:38px;padding-bottom:38px;}
.people-thumb-right { float:left; padding-left:38px;padding-bottom:38px;}

.infobox {
	position:relative;
    width:285px;
    height:259px;
    padding:0px;
    float:left;
    font-size: 1.2em;
    }

.infobox .more {
	display:none;
    }
.infobox:hover .more {
	float:right;
	display:block;
    position:absolute;
    z-index:1;
    left:-1px;
    top:0px;
    width:580px;
    min-height:280px;
    background-color:#EEEEEE;
     -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    }
 .infobox .more img{
	width:150px;
	padding:10px;
	float:left;
    }
    
 .infobox .bio {
	width:360px;
	float:left;
	padding: 10px;
    }

/* thumbnail in the right hand column expands to the left */

.people-thumb-right .infobox:hover .more {
	float:right;
	display:block;
    position:absolute;
    z-index:1;
    left:-295px;
    top:0px;
    width:580px;
    min-height:280px;
    background-color:#EEEEEE;
     -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    }
    
  .people-section-header {
  		/*background: #000000;*/
  		color: #000;
  		display:block;
  		text-align:left;
  		text-transform: lowercase;
  		letter-spacing: .07em;
  		padding:10px 2px 0px 0px;
  		margin: 10px 0 15px 0;
		font-size:2.8em;
		font-family: Geoargia, serif;
		border-bottom: #444444 1px dashed;
		font-weight:bold;
  }
  .people-section-header h3{ 2.0em; }
  
  .people-sub-section-header {
		border-bottom:1px #444444 dashed;
	  	text-align:right;
	  	text-transform: lowercase;
	  	padding:0 2px 2px 7px;
		letter-spacing: .07em;
  }
  
  .people_img{float:left; margin: 20px; padding: 38px; border:4px #ffffff solid;}
  
.msg_list img:hover {border:4px #f7991d solid; background-color:#EEEEEE; -moz-border-radius: 9px; -webkit-border-radius: 9px; z-index:1;}
.msg_list img {z-index:0; border:4px #ffffff solid;}
.msg_head1 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body1 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head2 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body2 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head3 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body3 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head4 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body4 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head5 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body5 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head6 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body6 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head7 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body7 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head8 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body8 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head9 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body9 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head10 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body10 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head11 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body11 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head12 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body12 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head13 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body13 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head14 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body14 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head15 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body15 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head16 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body16 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head17 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body17 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head18 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body18 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head19 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body19 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head20 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body20 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head21 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body21 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head22 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body22 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head23 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body23 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head24 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body24 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head25 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body25 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head26 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body26 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head27 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body27 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head28 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body28 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head29 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body29 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head30 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body30 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head31 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body31 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head32 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body32 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head33 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body33 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head34 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body34 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head35 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body35 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head36 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body36 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head37 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body37 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head38 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body38 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head39 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body39 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head40 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body40 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head41 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body41 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head42 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body42 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head43 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body43 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head44 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body44 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head45 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body45 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head46 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body46 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head47 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body47 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head48 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body48 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head49 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body49 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head50 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body50 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_head51 {position: relative; display:inline; height: 500px; padding: 5px;}
.msg_body51 {background:#DDDDDD; padding:15px; margin: 15px 0 15px 0; width: 900px;}
.msg_list li { list-style:none;}
.msg_list h4{padding-top:30px;}
  /*  SIMPLE PIE BLOG FEED PAGE */
  
  .simplepie{
	/*border-top: 25px black solid;*/
  	line-height: 1.3em;
  }
  
  .simplepie .item-title a{
  	color: #000000;
	text-decoration: none;
  	line-height: 1.2em;
  	font-weight: bold;
	font-size:26px;
  }
  .simplepie .item-title a:hover{
  	color: #f7991d;
  	text-decoration: none;
  }
  
  .simplepie .item {
  	border-bottom: 1px #444444 dashed;
  	padding: 30px 0;
  }
  
  .simplepie .date {
  	 font-size: 11pm;
  	 color: #666666;
	 background: #ededed;
	 padding: 3px 0px 2px 7px;
	 margin: 0 0 30px 10px;
  }
  
  .simplepie img {
  	padding: 20px;
  
  }
  
  .simplepie .item-main{margin-top:30px;}
  
  .simplepie .item-source {
  	background: url("images/doc_bar.jpg") no-repeat; 
	color:#FFF; 
	padding: 3px 7px 2px 7px;
	margin: 0 10px 30px 0;
	
  }
  .simplepie .item-source a {color:#fff;}
  .simplepie .item-source a:hover {color:#000;text-decoration:none;}
  
  .simplepie .author {
  	background: #ededed;
	padding: 3px 7px 2px 0px;
	color:#666666;
	font-size: 11pm;
	margin: 0 0 30px 0;
  }


  /*  DOC PAGE */
  
  .doc{
  /*border-top: 25px black solid;*/
  	font-size: 1.0em;
  	line-height: 1.0em;
  	padding:20px 0px;
  }
  .doc .column-right{
  	float:right;
  	width:420px;
  	background: #EEEEEE;
  	padding: 0 15px;
  }
 .doc .column-left{
  	float:left;
  	width:420px;
  	background: #EEEEEE;
  	padding: 0 15px;
  }
  
  .doc .item-title a{
  	color: #000000;
  	display:block;
  	line-height: 1.2em;
  	font-weight:bold;
  	text-decoration:none;
	font-size: 20px;
	background:none;
	padding: 0;
	margin: 0;
	
  }
  .doc .item-title a:hover{
  	color: #f7991d;
  	text-decoration: none;
	background:none;
	padding:0;
	margin:0;
  }
  
  .doc .item-link{background: url("images/doc_bar.jpg") no-repeat; color:#FFFFFF; padding: 3px 7px 2px 7px;}
  .doc .item-link a {color:#fff;}
  .doc .item-link a:hover {text-decoration:none; color: #000000;}
  
  .doc .item {
  	border-bottom: 1px #CCCCCC dashed;
  	padding: 10px 0 0px 0;
  }
  
  /*  PROJECT PAGE  */
  
  .project-title{
  		background: #000000;
  		color: #FFFFFF;
  		display:block;
  		text-align:left;
  		letter-spacing: .07em;
  		padding:1px 2px 1px 7px;
  		margin: 0 13px 5px 0;
  }
  
  .project-image-container{
		padding:5px 0px;
  }
  
  .project-image{
		width:220px;
		height:125px;
		padding-right:13px;
		float:left;
  }
  
  .project-blurb{
  	font-size: 1.5em;
  	font-weight: bold;
  	color: #444444;
  	margin-top:10px;
  }
  
  .project-description{
  	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-left: 0pt;
  }
  
    /*  SEARCH PAGE  */
  
  .search-title{
  		background: #000000;
  		color: #FFFFFF;
  		display:block;
  		text-align:left;
  		letter-spacing: .07em;
  		padding:1px 2px 1px 7px;
  		margin: 0 0 5px 0;
  }
  
  .search-results{
  		border-bottom: 1px #CCCCCC dashed;
  		display: clear;
  		padding: 10px 0px;
  }
  
  .search-results h4 a{
		text-decoration: underline;
		color:#444444;
		padding: 0px 0px;
  }
  
  .search-results h4 a:hover{
		text-decoration: underline;
		color:#f7991d;
  }
  
  .search-results p{
  		padding: 0px;
  		margin: 2px 0px;
  }