/*  
Theme Name: purposemakers theme
Theme URI: http://purposemakers.net
Description: purposemakers.net
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



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

* div  {
	background:#cfd0d2;
}


  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, p { margin:0 0 1em 0; }

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	color:#ccc;
	font-size:70%;
  font-family:"Bitstream Vera Sans", sans-serif;
	background: #000 url(img/main_header_bg_01.jpg) no-repeat center top;
  background-attachment:fixed;  
}

/* This class sets the width and position for all rows */
.inside{
	width:845px;
	margin:0 auto;
	padding:0;
  background-color:#000;
  border-right:10px solid #000;
  border-left:10px solid #000;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


a {
	color:#fff;
	text-decoration:none;
}

a:hover { 
	color:#ccc;
}

h1, h2, h3, h4{
	font-size:150%;
	color:#2BAAE1;
	font-weight:normal;
	padding-top:10px;
	margin:0 0 20px 0;	
}

p{
	line-height:1.75em;
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

blockquote{
	padding:1px 12px 1px 1em;
	border-left:2px solid #C00;
	color:#BBB;
	background-color:#333;
	font-size:1.1em
}

hr {
  background-color: #000;
  color: #000;
  height:1px;
  border:0;
}
/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header{
	margin:20px 0 0 0;
}

#header h1{
	margin:0;
	padding:0;
	float:left;
}

#header h1 a { 
	text-decoration:none; 
	display:block;
	float:left;
	width:386px;
	height:83px;
	z-index:-10;
	border:0;
	text-indent:-10000px;
	background: transparent url(img/purposemakers_logo_01.gif) no-repeat left top;
}

.contact_us {
  float:right;
  margin:10px;
}

/*-----------------------------------------------------------------------------------------------
  Navigation Styles
-----------------------------------------------------------------------------------------------*/

#navigation {
  padding:0;
  margin:0;
  clear:left;
}

#navigation ul {
  padding:15px 0 0 0;
  margin:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style:none; 
}

#navigation a {
  margin:0;
  padding:0 20px;
  border-left:2px solid #ccc;
}

#navigation a.no_sep {
  border-left:none;
  padding-left:0;  
}

#navigation a:hover  {
	color:#aaa;  
}

#navigation li.current_page_item a {
  color:#2BAAE1;
}



/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
	text-align: left;
}

/* Single Post Styles */

#primary .primary{
	float:left;
	padding:2em 0 2em 0;
}

#primary .post{
	padding:20px 0 0 0;
	margin:0;
	border-top:3px solid #2baae1;
}

#primary .highlight{
	color:#2BAAE1;
}

#primary .left_channel{
  float:left;
  width:400px;
  padding:0 20px 20px 0;
}

#primary .right_channel{
  float:right;
  
  width:420px;
}

#news_meta {
  padding:0.5em;
  margin:0 0 5em 0;
  background-color: #414141;  
}

p.postmetadata {
  background-color: #414141;
  padding:10px;
  font-weight:bold;
	font-family:Arail, Verdana, sans-serif;
	font-size: 90%;	
}

/*-----------------------------------------------------------------------------------------------
  Contact Form
-----------------------------------------------------------------------------------------------*/

.contactform {
  float:left;
  width:400px;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
}

#footer .inside{
	padding:20px 0 80px 0;
  border-top:2px solid #333;
}
	

#footer a, #footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#666;
}

#footer p {
	margin:0;
}

#footer p.attributes{ 
	float:right;
	padding:0 0 0 1em;
}

a.rss {
  padding:0 0 5px 16px;
  background: url(img/feed-icon-12x12.gif) no-repeat 0 1px;
}


#seo a {
  display:block;
  float:left;
  height:10px;
}

#seo a span {
  display:none;
}