/*
Theme Name: Mike Postma
Theme URI: http://www.mikepostma.com/
Description: Wordpress theme specifically made for MikePostma.com
Version: 1.0
Author: Mike Postma
Author URI: http://www.mikepostma.com/
Tags: open, simple, creative
*/
	
*						{margin:0; padding:0;}
body 					{background: #fefefe url('images/top-background.jpg') top center repeat-x; text-align: center;}
body 					{font: 80%/1.6 "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Sans-Serif; color: #666;}

#page 					{width: 980px; margin: 0 auto; text-align: left;}
#header 				{width: 100%; height: 3em; padding: 25px 0; margin-bottom: 50px; position:relative; float:left;} /* Float left fixes IE double margin issues */

#header_title	 		{float: left;}
#header_title h1 		{background:transparent url('images/Mike-Postma.png') no-repeat; padding:0; margin:0; width: auto;}
#header_title h1 span 	{left:-9999px; position:absolute;}
#header_title h1 a 		{display:block; width:295px; height:36px;}

#header_nav							{position:absolute; right:0px; bottom:1.8em; max-width:685px; list-style: none;}
#header_nav	li						{display: inline; margin-left: 1.5em; float:left; font: 1.3em/1.2em Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase;}
#header_nav	a						{color:#EEE; text-decoration:none; border:none;}
#header_nav	a:visited				{color:#EEE; text-decoration:none; border:none;}
#header_nav	a:hover					{color:#FFF; border-bottom: 3px #FFF solid;}
#header_nav .current_page_item	a,
#header_nav	.current_page_item	a:visited {color: #CFC; text-decoration:none; border:0;}

#home_left							{float:left; width:700px;}
#home_right							{float:right; width:230px; margin-left:15px; padding:0 0 0 20px; border-left:1px #E0E0E0 solid;;}

#footer 							{border-top: #E0E0E0 1px solid; width: 100%; padding:4px 0 20px; text-align:right; clear:both;}
#footer_nav							{list-style: none;}
#footer_nav	li						{display: inline; font-size: 1em;}
#footer_nav .current_page_item	a 	{font-weight:bold;}

.fltright						{float:right;}
.fltleft						{float:left;}
.fltclear, .clear 				{clear:both;}

/* Regular text and links */
p									{line-height:1.8em; margin-bottom: 1.2em; word-spacing:0.05em}
small 								{font-size: 0.8em; line-height: 1.3em; display:block;}
a			 						{color: #6699CC; text-decoration: underline;}
a:hover								{color: #88BBEE;}

/* Headers */
h1									{font-family: "Century Gothic", Helvetica,Arial,sans-serif;}
h2, h3, h4, h5						{font-family: Helvetica,Arial,sans-serif;}
h1, h1 a, h1 a:hover, h1 a:visited, 
h2, h2 a, h2 a:hover, h2 a:visited, 
h3, h3 a, h3 a:hover, h3 a:visited 	{text-decoration: none; border: 0;}

h1									{font-size: 3.5em; line-height:1.5em; font-weight: normal; color:#38506A; text-align: left; margin-bottom: 0.4em;}
h1.homepage			 				{margin-bottom: 0; width:720px; float:left;}

h2 									{font-size:1.5em; margin-bottom: 0em; text-transform:uppercase; font-weight: bold;}
h2, h2 a							{color: #6699CC;}

h3						 			{font-size: 1.1em; line-height:1.6em; text-transform:uppercase; font-weight: bold; clear:both;}
h3, h3 a			 				{color: #6699CC;}
h4 									{font-size: 0.8em; line-height:1em; font-weight:bold;}
h5									{font-size:12px; text-transform:uppercase;}

.quote_area							{float:right; width:210px; margin-top:5px; font: 1.1em/2.2 Georgia, 'Times New Roman', Times, serif; color:#f87602; font-style:italic; }
.quote_area span					{font-family: Arial, sans-serif; color:#8b8272; font-style: normal; display:block; float:right;}
.quote_area a						{color: #f87602; text-decoration: none; border-bottom: dotted 1px #f87602;}
.quote_area a:hover					{color: #5095be;}

.featurepost						{border-bottom: #E0E0E0 1px solid; padding-bottom: 10px;}
.feature_row						{width: 100%; float:left; margin: 0 0 10px;}
.feature_row img					{margin:0 10px 10px 0; float:left; display:inline;}

.thumbnail_container				{width: 245px; float:left; margin-bottom:15px;}
.thumbnail_container a,
.thumbnail_container a:visited		{border:none;}

.smallthumb, .largethumb	{border:1px #dedede solid; margin:5px 10px 3px 0;}
.homethumb					{float:left;}

.intro p				{margin: 0 0 25px; font-size: 1.4em; color:#666;}

.post 					{margin: 0 0 10px; float:left;}
.post hr 				{display: block;}

.post ol, .post ul		{margin:0 0 1.2em 20px;}
.post ol				{list-style:decimal;}
.post ul				{list-style:circle;}

.smallattachment 		{text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.attachment 			{text-align: center; margin: 5px 0px;}

small, #sidebar ul ul li, #sidebar ul ol li, 
.nocomments, .postmetadata, blockquote, strike 	{color: #777;}

.tagdata			{margin-bottom:0; float:left; font-size:10px; font-weight:bold; text-transform:uppercase;}
#home_left .tagdata	{padding-left:10px; padding-top:5px;}
.tagdata a			{text-decoration:none; color:#38506A;}
.tagdata a:hover 	{color: #88BBEE;}

#sidebar ul	{list-style:none; margin-bottom:1.6em;}

code 											{font: 0.9em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps						{font-size: 0.9em; letter-spacing: .07em;}
/* End Typography & Colors */


/* Begin Images */
p img 				{padding: 0; max-width: 100%;}
img.centered 		{display: block; margin-left: auto; margin-right: auto;}
div.alignright,
img.alignright 		{margin: 0 0 2px 15px; display: inline;}
div.alignleft,
img.alignleft 		{margin: 0 15px 2px 0; display: inline;}
.alignright 		{float: right;}
.alignleft 			{float: left}
/* End Images */


.commentlist li, #commentform input, 
#commentform textarea					{font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentlist li ul li 					{font-size: 1em;}
.commentlist li 						{font-weight: bold;}
.commentlist li .avatar 				{float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a 	{font-weight: bold;	font-style: normal;	font-size: 1em; border:none;}
.commentlist p 							{font-weight: normal; line-height: 1.5em; text-transform: none;}

.commentmetadata						{font-weight: normal;}

/* Begin Form Elements */
#searchform 				{margin: 10px auto;	padding: 5px 3px;}
select 						{width: 130px;}

#commentform 				{margin:5px 10px 0 0; width:600px; vertical-align:middle;}
#commentform label			{margin:0; display:block;}
#commentform input 			{width:300px; padding:2px; margin:0 5px 7px 0;}
#commentform textarea 		{width:100%; padding:2px; margin:0;}
#commentform input#submit 	{float:right; margin:7px 0; width:auto;}
/* End Form Elements */


/* Begin Comments*/
.commentlist li 	{margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; background:#F5F1E7; border:1px solid #ddd;}
.commentlist li.alt {background-color: #FCF8EE;}
.commentlist li.authcomment {background-color: #fcf5de;}
.commentlist p 		{margin: 10px 5px 10px 0;}
.nocomments 		{text-align: center; margin: 0;	padding: 0;}
/* End Comments */


/* Begin Various Tags & Classes */
blockquote 		{margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
a img 			{border: none;}

.navigation 	{display: block;text-align: center; clear:both;}
.navigation p 	{line-height:0; margin:0;}
.navigation a 	{line-height:2em;}
/* End Various Tags & Classes*/


/* Captions */
.aligncenter, div.aligncenter 	{display: block; margin-left: auto; margin-right: auto;}

.wp-caption 					{background-color:#000000; margin:20px;	padding-top:4px; text-align:center;}
.wp-caption img 				{margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text 	{font-size:11px; line-height:17px; margin:0; padding:0 15px 5px; text-align:right;}
/* End captions */


div.sociable { margin: 0; clear:both; float:left; }
div.sociable_tagline {float: left; margin-right:5px;}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable a {border:none;}
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}