/*  
Theme Name: WaveFade V1
Theme URI: http://wavefade.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:disc }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: underline;
	color: #1d3654;
}

a:hover{
	background-color: white;
}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

html,
body {
   	margin:0;
   	padding:0;
   	height:100%;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
p{
	margin-top: 1em;
	
}

ul {
   margin-top: 1em;
   margin-left: 3em;
   margin-bottom: 1em;
}

li {
  margin-bottom: 3px
}

#container {
    min-height:100%;
    position:relative;
	background: url(images/header_bg2.jpg) repeat-x;
}

#header{
	height: 150px;
	margin-bottom: 2em;
}

#logo_container{
	float: left;
	clear: both;
}

#logo_container img{
	border: none;
}

#content{
	margin: auto;
	width:  760px;
	padding-bottom:60px;   /* Height of the footer */
}

.mission{
	font-size: x-large;
	color: #435a80;
	text-align: justify;
}

#left_content {
	margin-top: 1em;
	width: 570px;
	float: left;
}

#left_content h1{
	font-size: x-large;
	color: #435a80;
	border-bottom: 2px dotted white;
	font-weight: normal;
	font-style: normal;
	margin-top: -10px;
	margin-bottom: 1em;
}

#left_content .post{
	margin-bottom: 2em;
	font-size: small;
}


#right_content{
	margin-top: 1em;
	width: 179px;
	float: right;
}

#right_content h1{
	font-size: large;
	color: #435a80;
	border-bottom: 2px dotted white;
	font-weight: normal;
	font-style: normal;
	margin-top: -10px;
	margin-bottom: 1em;
}

#right_content p{
	font-size: x-small;
}

#right_content .badges{
	text-align: center;
}

.box{
	margin-bottom: 1em;
}

.push {
	clear: both;
}



/*
	Spiffy Corners
*/
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f0efe3}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f2;
  border-right:1px solid #f8f8f2;
  background:#f3f3ea}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfc;
  border-right:1px solid #fdfdfc;
  background:#f2f2e8}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2e8;
  border-right:1px solid #f2f2e8;}
.spiffy4{
  border-left:1px solid #f8f8f2;
  border-right:1px solid #f8f8f2}
.spiffy5{
  border-left:1px solid #f3f3ea;
  border-right:1px solid #f3f3ea}
.spiffyfg{
  background:#f0efe3;
  padding: 1em;
  }

/*	End Spiffy Corners */

.floatright{
	float: right;
	margin-top: -25px;
	padding-left: 1em;
}

/* Eric Myers Tabs... */
#nav_container {
	float:  right;
	height:  150px;
	margin-right: 25px;
	background: url(images/tollfreeheader.jpg) no-repeat;
}

#nav_container img {
        margin-left: 1em;
}

#navlist
{
	margin-top: 127px;
	padding: 0;
	margin-left: 0;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border-bottom: none;
	background: #1d3654;
	text-decoration: none;
}

#navlist li a:link { color: #FFF; }
#navlist li a:visited { color: #FFF; }

#navlist li a:hover
{
	color: #CCC;
	background: #4e6a91;
	border-color: #227;
}

#navlist li a#current
{
	color: #000;
	background: white;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height: 30px;   /* Height of the footer */
	background: #537197;
	border-top: 5px solid #1d3654;
	color: #1d3654;
	font-size: small;
	padding-top: 1em;
}

#footer span.left{
	float:  left;
	padding-left: 1em;
} 

#footer span.right{
	float: right;
	padding-right: 1em;
}

.post {
	font-size: small;
}

.post h2{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}

.post strong{
	font-size: medium;
	font-style: normal;
}

.post span{
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid gray;
	background-color: silver;
	display: block;
}

.postpast {
	font-size: small;
}

.postpast h2{
	border-bottom: 1px dotted #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
}

.postpast strong{
	font-size: medium;
	font-style: normal;
}

.postpast span{
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid gray;
	background-color: silver;
	display: block;
}


.bio {
	background-color: #eeeeee;
	padding: 1em;
	border: 5px solid #ccc;
        margin-top: 1em;
	font-size: small;
}

.bio img{
	margin-right: 1em;
}

.bio blockquote{
	font-weight: bold;
}

.bio strong{
	font-size: small;
	border-bottom: 1px solid #ccc;
}


hr{
	border: 1px dotted silver;
	margin-top: 1em;
	margin-bottom: 1em;
}

.alignleft{
	float: left;
}