/*  
Theme Name: ExpertPlanet
Theme URI: http://mikecohenmedia.com/
Description: ExpertPlanet Theme
Author: Mike Cohen
Author URI: http://mikecohenmedia.com/
Version: 1.0
Tags: ExpertPlanet.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
*/

/* Menu */

#catnav {
  margin: 20px 0 0 0;
  padding: 0;
  clear: both;
  height: 44px;
  width: 960px;
  }

#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  }
	
#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 28px;
  margin: 0;
  padding: 0 20px 0 20px;
  font-size: 10pt;
  color: #fff;
  border-right:solid 1px #0C6372;
  }

#nav li a:hover {
  color: #fff;
  text-decoration: none;
  display: block;
  background:#3A3116;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 160px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 160px;
  }
	
#nav li li a {
  width: 160px;
  height: 24px;
  line-height: 24px;
  color: #035967;
  background:#BCDBE0;
  margin: 0;
  padding: 0px 10px 0px 20px;
  border-right:0;
  font-size:92%;
  }
	
#nav li li a:hover {
  background:#BFE5EC;
  color:#333333;
  padding: 0px 10px 0px 20px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#toprss {
  float: right;
  margin: 10px 15px 0 0;
  display: inline;
  width: 65px;
  line-height: 41px;
}

#sidenav .current_page_item a{
	background:#035A67;
	color:#ffffff;
}

#sidenav .current_page_item a:visited{
	background:#035A67;
	color:#ffffff;
}

.current_page_item a, .current_page_parent a{
  background:#3A3116;
  color:#ffffff;
 }

.current_page_item a:visited, .current_page_parent a:visited{
  background:#3A3116;
  color:#ffffff;
 }

/* blog post styles */
.blogpost{
	padding:0 0 20px 0;
	border-bottom:solid 1px #035A67;
	margin:0 0 20px 0;
}

.blogpost h2{
	
}

.blogmeta{
	background:#ececec;
	padding:1px 5px;
	font-size:85%;
}

.blogcomments,.blogtags,.blogpermalink{
	padding:2px 15px;
	font-size:92%;
}

#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {

  }


/* Comments */

#comment {
  margin-bottom: 10px;
  background: #E6E5E1;
  width: 570px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  padding: 10px 15px;
  }
#comment a {

  }
#comment a:hover {

  }
#numberofcomments {
  margin-top: 10px;
  font-weight:bold;
  }
ol#commentlist {
  list-style: none;
  margin: 10px 0;
  font-size: 9pt;
  }
#commentlist li {
  margin: 0 0 15px 0;
  padding: 10px;
  background: #E6E5E1;
  }
#commentlist li.alt {
  background: #D0CDC1;
  }
#commentlist li.cleared {
  background: transparent;
  border: none;
  }
#commentlist a:hover {
  color: #eee;
  }
#commentlist a.gravatar {
  float: left;
  margin: 0 10px 0 0;
  width: 69px;
  }
#commentlist .commentbody {
  margin: 0;
  padding: 0 5px 0 0;
  float: right;
  width: 410px;
  }
#commentlist .commentbody p a {
  text-decoration: underline;
  }
#commentlist cite {
  font-size: 10pt;
  font-style: normal;
  }
#commentlist small.commentmetadata a {
  }
#commentlist p {
  }
#comment h3 {

  }
#comment textarea{
  width: 450px;
  color: #111;
  background:#fff;
  }
#comment #submit {
  margin-left: 0px;
  margin-top: -25px;
  }



/* Welcome section */

#main #welcome {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  }
#main #welcome h2 {
  font-weight: normal;
  margin: 0 10px;
  padding: 10px 0 3px 0;
  }
#main #welcome p {
  margin: 0 10px;
  padding: 6px 0;
  }
#main #welcome a {
  text-decoration: underline;
  }
#main #welcome a:hover {
  }
#main #welcome form {
  margin: -5px 0 0 0;
  background: transparent; /* required for IE */
  }
#main #welcome #feedbox {
  border: 1px solid #ccc;
  padding: 2px 1px;
  width: 180px;
  }
.submitbutton {
  margin: -5px 0 0 5px;
  font-size: 8pt;
  padding: 3px 6px;
  vertical-align: middle;
  border: 1px solid #111;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }


/* Sidebars */
#sidebars {
  margin: 15px 0 0 0;
  float: right;
  width: 340px;
  }
#sidebars .sidebarbox {
  background: url(images/bg-trans.png) repeat;
  padding: 8px 15px;
  }

#sidebar_full {
  padding: 0;
  margin: 0;
  }

#sidebar_left {
  float: left;
  width: 160px;
  }

#sidebar_right {
  float: right;
  width: 160px;
  }

#sidebars h2 {
  margin: 0;
  padding: 0 0 2px 0;
  font-weight: normal;
  font-size: 11pt;
  letter-spacing: -1px;
  }

#sidebars table {
  width: 160px;
  }

#sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 9pt;
  }

#sidebars li ul {
  padding: 0;
  }

#sidebars ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  background: url(images/bullet.gif) left 8px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

#sidebars a {
  display: inline;

  }
#sidebars a:hover {

  text-decoration: underline;
  }

#sidebars p {
  padding: 2px 0;
  font-size: 9pt;

  }

#tag_cloud a {
  display: inline;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:-5px;}

/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;

  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }


/*--------------------------------------------*/
html{
	height: 100%;
	margin-bottom: 1px;
}
body{
	background-color:#B0ADA2;
	margin:0px;
	padding:20px 0 0 0;
	text-align:center;
	color:#333333;
	font-family:helvetica,arial,verdana,sans-serif;
}

h1,h2,h3,h4,h5,h6{
	color:#27A0B8;
	font-weight:normal;
}

h1{
	margin:0 0 15px 0;
	font-size:197%;
}

h2{
	margin:0 0 10px 0;
	font-weight:normal;
	font-size:167%;
}

h3,h4,h5,h6{
	font-weight:bold;
	color:#035A67;
	margin:0 0 3px 0;
	font-size:107%;
}

p{
	margin:0 0 20px 0;
}

img{
	border:0;
}

hr{
	color: #005866;
	background-color: #005866;
	height:1px;
	margin:15px 0;
}

a,a:link
{
	color:#035A67;
	text-decoration:none;
}

a:active
{
	color:#ffffff;
}

a:visited
{
	color:#AB8000;
}

a:hover  
{  
	color:#1FA4BE;
} 

/* --- TEMPLATE STYLES --- */

#doc{
	width:950px;
	margin:0px auto 0 auto;
	text-align:left;
	background-image:url(images/bg-head.gif);
	background-repeat:no-repeat;
}

/* --- HEAD --- */

#head{
	position:relative;
	height:134px;
	width:950px;
	z-index:1000;
}

#logo{
	position:absolute;
	top:12px;
	left:12px;
	width:340px;
	height:80px;
}

#account{
	position:absolute;
	top:12px;
	right:12px;
	width:90px;
	text-align:left;
	font-size:85%;
}

#account a{
	padding:0 10px 0 20px;
	background-repeat:no-repeat;
	background-position:center left;
	height:16px;
	line-height:16px;
}

.email{
	background-image:url(images/icon-mail.png);		
}
.expertlogin{
	background-image:url(images/icon-redbullet.gif);	
}
.login{
	background-image:url(images/icon-login.png);		
}
.demo{
	background-image:url(images/icon-demo.png);		
}


/* --- HEADER --- */
#header{
	position:relative;
	z-index:1;
	background-image:url(images/bg-sub.jpg);
	background-repeat:no-repeat;
	height:104px;
}

#header img{
	position:absolute;
	top:0;
	left:12px;
}

#pageheading{
	position:absolute;
	top:0;
	left:216px;
	height:104px;
	line-height:104px;
}

#pageheading-blog{
	position:absolute;
	top:0;
	left:24px;
	height:104px;
	line-height:104px;
}

#pageheading h1,#pageheading-blog h1{
	color:#ffffff;
	font-size:197%;
}

/* --- NAV --- */

#navbar{
	position:absolute;
	top:99px;
	left:20px;
	width:926px;
	height:28px;
	line-height:28px;
}

#sidenav{
	margin:12px 0;
	padding:0;
}

#sidenav ul, #sidenav ul li{
	list-style:none;
	margin:0;
	padding:0;
}

#sidenav ul li{
	zoom:1;
}

#sidenav li a{
	display:block;
	padding:3px 3px;
	border-bottom:solid 1px #CDCBCB;
	font-size:92%;
	color:#035A67;
}

#sidenav li a:visited{
	color:#035A67;
}

#sidenav li a:hover{
	background:#035A67;
	color:#ffffff;	
}

/* --- CONTENT --- */

#main{
	float:left;
	clear:both;
	width:950px;
	min-height:350px;
	height: auto !important;
	height: 350px;
	background-color:#ffffff;
	background-image:url(images/bg-bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

#content-wrapper{
	padding:12px;
}

#left-col{
	width:183px;
	float:left;
}

#center-col{
	float:left;
	width:492px;
}

#center-col-blog{
	float:left;
	width:670px;
}

#blog-wrapper{
	padding:0 36px 30px 12px;
}

#center-col-wide{
	float:left;
	width:742px;
}

#content{
	padding:0 20px;
}

#right-col{
	width:250px;
	float:left;
}

#right-col-blog{
	width:250px;
	float:right;
}

#content ul{
	margin:0 0 20px 0;
}

#content li{
	margin:0 0 0 2em;
	list-style:disc;
}

#content blockquote{
	margin: 0 0 0 1em;
}

/* --- FOOTER --- */

#footer{
	text-align:left;
	margin:7px auto;
	padding:2px 0px 2px 7px;
	color:#333333;
	font-size:85%;
}

#footer a, #footer a:link
{
	color:#333333;
	text-decoration:none;
	padding:0 5px;
}

#footer a:active,#footer a:visited
{
	color:#333333;
}

#footer a:hover  
{  
	color:#ffffff;
} 

#footer ul{
	margin:0;
	padding:0;
}

#footer li{
	display:inline;
	padding:0 5px;
}

#footer .current_page_item a{
	background:#ececec;
}

.box{
	background-color:#E6E5E1;
	background-image:url(images/boxbottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	position:relative;
	width:184px;
	z-index:1;
}

.boxtop{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-image:url(images/boxtopleft.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:184px;
	height:22px;
}

.boxtopright{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	background-image:url(images/boxtopright.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:23px;
	height:23px;
}

.boxcontent{
	padding:12px 15px 12px 12px;
	background-image:url(images/boxside.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.boxbottom{
	width:184px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	height:7px;
	background-image:url(images/boxbottomleft.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.boxbottomright{
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
	width:7px;
	height:7px;
	background-image:url(images/boxbottomright.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.bluebox,.bluebox-blog{
	margin-top:12px;
	width:250px;
	min-height:150px;
	height: auto !important;
	height: 150px;
	background:#015A67;
	background-image:url(images/blueboxbottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#ffffff;
}

.bluebox-blog{
	margin-top:0;
}

.bluebox-blog ul{
	margin:0 0 20px 0;
}

.blueboxcontent a{
	color:#fff;
}

.blueboxcontent a:visited, .blueboxcontent a:active{
	color:#fff;
}

.blueboxcontent a:hover{
	color:#FA7A00;
}

.blueboxcontent h1,.blueboxcontent h2,.blueboxcontent h3,.blueboxcontent h4,.blueboxcontent h5,.blueboxcontent h6{
	color:#6CC2D4;
	margin:0 0 0 0;
}

.blueboxtop{
	width:250px;
	min-height:22px;
	height: auto !important;
	height: 22px;
	background-image:url(images/blueboxtop.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.blueboxcontent{
	padding:0 12px 12px 12px;
}

/* --- FORMS --- */
.hidden {display: none;}	
.error{color:#cc0000;}

#form-table td{
	padding:14px 7px;
}

#form-table .form-table-inside td{
	padding:0 0 2px 0;
}

#form-table .form-table-pad td{
	padding:0 4px 3px 0;
}


.form-label, .form-label2{
	color:#015765;
	font-weight:bold;
	font-size:107%;
}

.form-label{
	margin-bottom:5px;
}

.form-bg{
	background:#eeeeee;
}

.input-text, .input-text-long, .input-zip, .input-state, .input-general, .input-area, select{
	padding:2px;
	border:solid 1px #C4BEB9;
	background:#ffffff;
	font-weight:normal;
}

.input-text:focus,.input-text-long:focus, .input-zip:focus, .input-state:focus, .input-general:focus,.input-area:focus, select:focus{
	border:solid 1px #666666;
	background:#ffffff;
}

.input-text-long{
	width:250px;
}

.input-text{
	width:200px;
}

.input-zip{
	width:80px;
}

.input-state{
	width:100px;
}

.input-submit,.input-submit-small{
	cursor:pointer;
}

.input-submit{
	padding:3px 5px;
	font-size:107%;
}

#input-email, #input-search, .input-submit-small{
	border:solid 1px #C4BEB9;
	font-size:92%;
}

#input-email:focus, #input-search:focus{
	border:solid 1px #666666;background:#ececec;
}

#input-email{
	width:140px;
	padding:1px;
}

#input-search{
	width:100px;
	padding:1px;
}

.input-area{
	width:400px;
	height:90px;
}

.ast{
	font-weight:bold;
	color:#990000;
	padding-right:3px;
}

/* --- MISC --- */

strong{
	font-weight:bold;
}

.error-box{
	border-top:solid 2px #ff0000;
	border-bottom:solid 2px #ff0000;
	padding:5px 3px;
	margin:7px 0;
	background:#FFCCCC;
	color:#000000;
}

.error{
	color:#ff0000;
	font-weight:bold;
}

.success-box{
	border-top:solid 2px #339933;
	border-bottom:solid 2px #339933;
	padding:5px 3px;
	margin:7px 0;
	background:#CCFFCC;
	color:#000000;
}

.delim{margin:0 5px;}
.clear{clear:both;height:0px;}
.emph{font-weight:bold;color:#062D99;}


/* --- HOME --- */
#home-header{
	background-image:url(images/bg-home2.jpg);
	background-repeat:no-repeat;
	height:252px;
	position:relative;
	z-index:1;
}

#home-text1,#home-text2,#home-button{
	position:absolute;
}

#home-text1{
	top:0;
	left:343px;
}

#home-text2{
	top:46px;
	left:679px;
}

#home-button{
	top:175px;
	left:691px;
}

#home-main{
	float:left;
	clear:both;
	width:950px;
	background-color:#ffffff;
	background-image:url(images/bg-bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:12px;
}

.homebox{
	float:left;
	width:297px;
	min-height:360px;
	height: auto !important;
	height: 360px;
	background-image:url(images/homeboxbg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#333333;
	margin-right:17px;
}

.homeboxlast{margin-right:0px;}

.homeboxtop{
	min-height:34px;
	height: auto !important;
	height: 34px;
	background-image:url(images/homeboxtop.gif);
	background-repeat:no-repeat;
	background-position:top left;
	line-height:34px;
	padding:0 12px;
}

.homeboxcontent{
	padding:12px 12px 12px 12px;
	font-size:92%;
}

.homeboxcontent p{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #CDCBCB;
}

.homeboxcontent a{
	font-weight:bold;
}

.homeboxtop h2{
	color:#035967;
}

#tellafriend{
	text-align:center;
	margin-top:15px;
	font-weight:bold;
}