/*
Theme Name: Wisebrain
Theme URI: http://www.wisebrain.org	
Description: Custom Wordpress theme for Wisebrain.org
Version: 1.0
Author: Jared Lindo	
Author URI: http://www.44pixels.com	
Tags: two columns
*/



/* Begin Typography & Colors */
body {
font-family:arial;
text-align:center;
font-size:13px;
}

#header {
margin:0 auto 0 auto;
height:60px;
width:854px;
background: url('images/logo.gif');
background-position: bottom center;
background-repeat: no-repeat;
}

#header .search{float:right; margin:18px 10px 0 0;}
#header .search input{background-color:#f7e8de;}
#go-btn{width:28px;}
a:link {color:#402700;}
a:visited {color:#402700;}
a:hover {color:#402700;}
a:active {color:#402700;}

#frame {
margin-left:auto;
margin-right:auto;
border:2px solid #402700;
width:850px;
padding:0;
background: url('images/frame-bg.gif') repeat-y;
}
#border-frame {
border-bottom:10px solid #F0C6AE;
width:850px;
}

#left {
float:left;
width:185px;
border-top:10px solid #F0C6AE;
font-size:11.5px;
}
#left-content{
	padding:0 15px 20px 25px;
	font-size:13px;
	line-height:25px;
	}
	
#left ul {
  margin:0;
	margin-top:40px;
	list-style-type:none;
	padding:0;
	text-align:center;
	}
#left li {
	margin:0;
	}	
#left ul li #joinform{
	width: 135px;
}
ul#skills{
	margin:0;
	padding:10px 0 0 0;
	}
#skills li{
text-align:right;
padding:0px 10px 0 0;
line-height:15px;
font-size:13px; }


#right{float:right; width: 655px;}
#top {
width:655px;
text-align: right;
height: 245px;
border-bottom: 10px solid #F0C6AE;
background: #F0C6AE;
}
#bottom {
width:645px;
}
#main-content {
text-align:left;
padding:40px 40px 40px 40px;
}
#main-content #heading{font-style:italic; text-align:center; font-weight:lighter; font-size:20px;}

#main-content .dropcap {
float:left;
font-size:25px;
margin:-10px 1px -9px -2px;
}
#main-content ul{text-indent:0px;padding:0;}
#main-content li{padding:10px 0 0 0;margin:0 0 0 30px;}
#main-content ul li{padding:10px 0 0 15px;}

#footer{font-size:11.5px; font-weight:bold; text-align:center; margin:0 auto 0 auto; padding:20px 0 10px 0;}


/*****-Horizontal Navigation Menu-******************************************************************************/

 #nav-menu {width:838px; height:28px; padding: 0 0 0 12px; margin:0 auto 0 auto; text-align:center; background-color: #c3b4ae; border-left:2px solid #402700; border-right:2px solid #402700; }

#nav-menu {list-style: none; position: relative !important;}
#nav-menu li {float: left; position: relative !important; height: 28px; padding: 0 20px; display: block;}

#nav-menu a {text-decoration: none; display: block; height: 22px; padding: 6px 0 0;}
#nav-menu a:hover {text-decoration: underline;}

 .nav-spacer {cursor:default; display: block; float:left; width: 5px; height: 20px;}

/*** SUBNAV ***/
#nav-menu li ul {list-style: none; position: absolute; top: 28px; display: none; left: 10px; padding: 0; margin: 0px; text-align: left; border-top: 2px solid #402700; border-right: 1px solid #402700; border-bottom: 1px solid #402700; width: 194px; background: #C3B4AE;}
#nav-menu li:hover ul {display: block;}
#nav-menu li:hover ul ul {display: none;}
#nav-menu li a:hover ul {display: block;}
#nav-menu li a:hover ul ul {display: none;}
#nav-menu li ul li {float: none; display: block; padding: 0px; height: auto;}
#nav-menu li ul li a {width: 170px; height: auto; display: block; padding: 4px 12px; background: #C3B4AE;}
#nav-menu li ul li a:hover {background: #402700; color:#C3B4AE; text-decoration: none;}

#nav-menu li ul ul { display: none; top: 0px; left: 194px; border: 1px solid #402700; }
#nav-menu li ul li:hover ul {display: block;}
#nav-menu li ul li a:hover ul {display: block;}