/*
Theme Name: Madison Whos Who
Theme URI: 
Description: Custom WordPress theme
Version: 2.0
Author: OWT
Author URI: http://www.owtweb.com/
*/

.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.inside
{
	padding: 0 1em;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 220%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
code
{
	font-family:Verdana, Arial, Sans-Serif; 
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
	line-height: 14px; 
}

body
{
	margin: 0px;
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}
#pageWrapper
{
	border: solid 1px #fff;
	border-width: 0 1px;
	min-width: 40em;
	width: auto;
}
#masthead
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
	position:relative;
}
#masthead h1
{
	padding: 0;
	margin: 0;
}
#outerColumnContainer
{
	border-left: solid 0px #fff;
	border-right: solid 185px #fff;
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -185px;
	width: 185px;
	z-index: 4;
}

#rightColumn
{
	float: right;
	width: 185px;
	margin: 0 -185px 0 1px;
	z-index: 2;
}
#footer
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */
#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #ffffff;
}
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	color: #000;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
}

#outerColumnContainer
{
	border-left-color: #ffffff;	/* left hand column background color */
	border-right-color: #f4f4f4;	/* right hand column background color */
	background-color: #ffffff;		/* set the background color for the middle column here */
}

#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}
#footer
{
	color: #fff;
	text-align: center;
}

* html body
{
	text-align: center;	/* hack to center this under IE5 */
}
* html #pageWrapper
{
	text-align: left;	/* keep the content left-aligned */
}

#pageWrapper
{
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}

/* ---------------------------------------------------------------------- */

body {
  background-color: #a9a9a9;
}

body a {
  color:#660000;
  text-decoration:underline;
}

body a:hover {
  color:#660000;
  text-decoration:none;
}

#middleColumn {
  font-family: Arial, Verdana;
  border:none;
}

#middleColumn .inside {
  padding:0px 5px;
  margin-top:0px;
  margin-bottom:20px;
}

#innerColumnContainer {
  border-color:white;
}

#logo {
  height:70px;
  width:399px;
  float:left;
  margin:10px 10px;
  background:url(images/logo.png) no-repeat top left;
}

#links-box {
  background:url(images/links-box-bg.png) no-repeat;
  width:307px;
  height:78px;
  position:absolute;
  top:4px;
  right:106px;
}


#buttons {
  width:711px;
  height:33px;
  margin-top:-8px;
  float:right;
}

#buttons * {
  float:left;
  line-height:33px;
  text-decoration:none;
}

#li-services {width:86px;height:33px;background:url(images/services-btn.png) no-repeat top left;}
#li-services a {width:86px;}
#li-aboutus {width:81px;height:33px;background:url(images/aboutus-btn.png) no-repeat top left;}
#li-aboutus a {width:81px;}
#li-featuredmembers {width:140px;height:33px;background:url(images/featuredmembers-btn.png) no-repeat top left;}
#li-featuredmembers a {width:140px;}
#li-samplebios {width:98px;height:33px;background:url(images/samplebios-btn.png) no-repeat top left;}
#li-samplebios a {width:98px;}
#li-contactinfo {width:103px;height:33px;background:url(images/contactinfo-btn.png) no-repeat top left;}
#li-contactinfo a {width:103px;}
#li-faqs {width:59px;height:33px;background:url(images/faqs-btn.png) no-repeat top left;}
#li-faqs a {width:59px;}
#li-blog {width:53px;height:33px;background:url(images/blog-btn.png) no-repeat top left;}
#li-blog a {width:53px;}
#li-blank {width:91px;height:33px;background:url(images/blank-btn.png) no-repeat top left;}

.vnav h3 {
  margin:0px;
  background:url(images/sidebar-title-bg.png) no-repeat top right;
  background-color: #eeeeee; 
  color:#000000;
  line-height:27px;
  text-indent:10px;
  width:185px;
}

#middleColumn h1.title {
  margin:0px -6px 3px -6px;
  font-size: 1.3em; 
  line-height: 1.5em;
  text-indent:4px;
}

#middleColumn h2.description {
  font-size:9pt;
  font-weight:normal;
  margin-bottom:8px;
  margin-top:4px;
}

h2.post-title {
  padding:0px;
  margin:0px 0px 8px 0px;
}

.vnav ul {
  margin:0px 0px 10px 10px;
  padding:0px;
}

.vnav ul li {
  list-style-type:none;
  margin:0px;
  text-indent:0px;
  padding:0px;
  width:200px;
}

#masthead {
  border:none;
  padding:0px;
  height:126px;
}

#leftColumn h3,#rightColumn h3 {
  font-size:12.5px;
  padding-bottom:4px;
}

#leftColumn h3 a,#rightColumn h3 a,#leftColumn h3 a.rss-icon {
  color:#000000;
  padding-right:18px;
}

#leftColumn h3 a.rss-icon {
  background:url(images/rss.png) no-repeat top right;
}

#leftColumn .inside {
  padding:0px;
  text-indent:0px;
}

#rightColumn .inside {
  padding:0px;
  margin-top:0px;
  text-indent:0px;
}

#leftColumn a {
  font-size:8pt;
  font-weight:bold;
}

#rightColumn a {
  font-size:8pt;
}

#rightColumn,#leftColumn {
  padding:0px;
  margin-top:0px;
  text-indent:0px;
}

#contentColumn .inside {
  padding-top:0px;
  font-size:10pt;
}

outerColumnContainer {
  padding-top:0px;
  margin-top:0px;
}

#middleColumn h2 {
  font-size:14px;
  margin-bottom:0px;
  padding-bottom:0px;
}

#middleColumn p {
  margin-top:0px;
  padding-top:0px;
}

#middleColumn a:hover {
  text-decoration:none;
}

.vnav ul li a:link,
.vnav ul li a:visited {
  text-decoration:underline;
}

.vnav ul li a:hover {
  text-decoration:none;
}

#footer
{
	border-top:1px solid black;
	border-bottom:1px solid black;
	color: #999999;
  font-size:7pt;
  font-family: Arial;
  text-align:center;
  background-color:#3f080f;
  padding-top:15px;
  padding-bottom:15px;
}

#footer a {
  color: #999999;
}

#footer a:hover {
  color:#d7cf62;
  text-decoration:none;
}

.wp-notable_image {
  border:none;
  margin-top:15px;
}

.floatleft {float: left; padding: 5px;}
.floatright {float: right; padding: 5px;}

#rightColumn fieldset {
  margin:0px;
  padding:0px;
  border:none;
}

div.main {
  margin-top:8px;
}

.main img { float: right; margin-left: 1.5em; margin-right: .25em; max-width: 27em;  }

div.post-info, div.post-info a {
  font-size:8pt;
}

.feed_item_pager {
  text-align:center;
}

.post {
	margin-bottom: 20px;
}

#space li {
	margin-bottom: 5px;
}
.calendar { 
	font-size: 11px; 
	margin: 0 auto; 
	text-align: center; 
}