/*
Theme Name: Michael Austin Productions
Theme URI: http://michaelaustinproductions.com/
Description: Theme built for michaelaustinproductions.com using HTML5
Version: 1.0
Author: Jason LeVan, Design: Michael Austin
Author URI: http://levandesigns.com/
Tags: minimalist, html5, clean, light
*/

/* RESETS */
html{background-color:#FFF; color:#454546; font-family:Verdana, Geneva, sans-serif;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,button,textarea,p{margin:0;padding:0;color:#454546;}
fieldset,img,input,textarea{border:0;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select,option{font-family:Verdana, Geneva, sans-serif;font-size:10px;}
:focus {outline: 0;}
/* Enabling HTML5 */
article,aside,footer,header,section,nav{display: block;}
/* End HTML5 Style */

/* LINKS */
a{
	color:#7fa82d;
	font-size:10px;
	text-decoration:none;
	}
	h1 a{
		display:block;
		height:66px;
		width:338px;
		}
	h3 a{
		font-size:22px;
		}
	h4 a, h5 a{
		font-size:12px;
				}
	.post-item h4 a{
		color:#454546;
		}
	nav a{
		display:block;
		height:52px;
		text-indent:-9999px;
		}
	#copyright a{
		color:#454546;
		}
	a.featured{
		background:url('./img/feature.png') top left no-repeat;
		display:block;
		height:86px;
		width:87px;
		position:absolute;
		left:0;
		top:0;
		}
	a.close_box{
		background:url('./img/request_close.png') top left no-repeat;
		cursor:pointer;
		display:block;
		float:right;
		height:11px;
		width:33px;
		margin-right:15px;
		text-indent:-9999px;
		}
	a.link{
		background:url('./img/arrow.png') right center no-repeat;
		display:block;
		float:right;
		height:16px;
		padding:2px 20px 0 0;
		}
		a.link:hover{
			background-image:url('./img/arrow_hover.png');
			}
		#quote .link{
			margin:18px -7px 0 0;
			}
		#creationhead .link{
			margin-right:-7px;
			}
		.panel .link{
			margin:19px 1px 0 0;
			}
		#blog .link{
			float:left;
			margin:2px 0 0 10px;
			}
		#twitter_side .link{
			clear:both;
			float:left;
			margin:-27px 0 0 43px;
			}
		.projdescription .link{
			float:left;
			}
		.service_inner_panel .link{
			position:absolute;
			right:20px;
			bottom:0;
			}
		#footer .link{
			float:right;
			margin:11px 11px 0 0;
			}
.navi a{
	background:url('./img/navi.png') 0 1px no-repeat;
	float:left;
	display:block;
	height:10px;
	width:10px;
	margin-right: 9px;
	cursor:default;
	}
	.navi a.active{
		background-position: 0 -8px;
		}
.fullpanelwrap .next, .fullpanelwrap .prev{
	display:block;
	position:absolute;
	top:-44px;
	width:17px;
	height:17px;
	cursor:pointer;
	}
.fullpanelwrap .next{
	background:url('./img/slide_right.png') top right no-repeat;
	right:460px;
	}
.fullpanelwrap .prev{
	background:url('./img/slide_left.png') top left no-repeat;
	left:136px;
	}
.fullpanelwrap .next.disabled{
	background-image:url('./img/slide_right_dis.png');
	cursor:default;
	}
.fullpanelwrap .prev.disabled{
	background-image:url('./img/slide_left_dis.png');
	cursor:default;
	}
#sidebar .next, #sidebar .prev{
	color:#aaaaaa;
	cursor:pointer;
	display:block;
	position:absolute;
	top:4px;
	}
#sidebar .next{
	background:url('./img/slide_right.png') top right no-repeat;
	right:15px;
	padding:2px 20px 5px 0;
	}
#sidebar .next.disabled{
	background-image:url('./img/slide_right_dis.png');
	}
#sidebar .prev{
	background:url('./img/slide_left.png') top left no-repeat;
	left:15px;
	padding:2px 0 5px 20px;
	}
#sidebar .prev.disabled{
	background-image:url('./img/slide_left_dis.png');
	}
.aboutpanel a.linked{
	position:absolute;
	bottom:0;
	right:15px;
	}
.aboutpanel_right a.linked{
	right:5px;
	}
/*    END LINKS        */


/*   TEXT ELEMENTS    */
strong{
	font-weight:bold;
	}
em{
	font-style:italic;
	}
#contact_form_wrap span{padding-top:15px; color:#a5a5a5;}
::-moz-selection {background:#73ADDF; color:#454546;}
::selection{background:#73ADDF; color:#454546;}		
p{
	font-size:10px;
	line-height:15px;
	}			
	#sidebar p{
		margin-top:-3px;
		}		
	.panel p{
		margin-top:3px;
		width:195px;
		height:60px;
		overflow:hidden;
		}
	#twitter_side p{
		clear:both;
		padding:15px 0 0;
		}
	#blog p{
		clear:both;
		margin:25px 0 0 5px;
		}
	#connect p{
		margin:20px 0 0 5px;
		}
	#newsletter p{
		margin:23px 0 10px 4px;
		}
	.service_panel p, .service_inner_panel p.servicehead{
		margin:15px 0 30px;
		}
	.service_panel p.link{
		background:url('./img/arrow.png') left center no-repeat;
		color:#7fa82d;
		clear:both;
		float:left;
		height:16px;
		margin:0 0 10px;
		padding:0 0 0 20px;
		}
	.portcontent p{
		margin:-15px 0 30px;
		}
	#phoneemails p{
		margin:0 0 15px;
		}
	#sidebar .projdescription p{
		margin:0;
		}
	#aboutus p{
		padding:0 30px 0 6px;
		}
	.aboutpanel p{
		padding-right:15px;
		}
	#fourtext p{
		margin:13px 0 0 7px;
		}

h1{text-indent:-9999px;}
h1{background:url('./img/logo.png') top center no-repeat; height:66px; width:338px; position:relative; float:left;}
#footer h4{float:none;}
#footer h5{font-size:12px; line-height:20px;}
#quote h3{font-size:22px; line-height:27px;}
.panel h5{font-size:12px; height:30px;}
h4{font-size:12px; font-weight:600; float:left; margin-left:0px;}
#sidebar h5{color:#7fa82d; clear:both; font-size:11px; line-height:27px;}
#blog h4{margin-left:10px;}
#blog h5{margin-top:3px;}
#footpanelwrap h4{padding-bottom:7px; margin-left:-7px;}
#quote h6{font-size:11px; float:right; font-weight:bold; margin-right:20px; margin-top:20px;}
#aboutus h4{display:block;}
.service_panel h4{float:none;}
.service_inner_panel h4{float:none;}
.aboutpanel h6{color:#7fa82d; font-size:12px; }
#project_planner h4{float:left; margin-left:15px; text-indent:-9999px; height:14px; width:114px; display:block; background:url('./img/request_title.png') left top no-repeat;}
#blog h4.srssfetcher-message{margin:15px 5px 6px; font-weight:normal;}
#fourtext h3{font-size:36px; line-height:44px;}
#fourtext h6{font-size:18px; line-height:21px; margin-left:2px;}



header aside{
	float:right;
	position:relative;
	margin-top:17px;
	}
#page_wrap{width:926px; background-color:#ffffff; margin:0 auto;}
#page_wrap_bottom{height:30px; width:998px; margin:0 auto; background:url('./img/bgbottomshadow.png') top center no-repeat;}
header.header{padding:27px 15px 27px 11px; height:66px; margin-bottom:30px;}
nav{overflow:hidden; margin-bottom:30px; margin-top:30px;}
#mainwrap{background:url('./img/dot.png') 227px -2px repeat-y; overflow:hidden;}
#content{float:right; width:695px; overflow:hidden; min-height:518px;}
#quote{background:url('./img/dot.png') left bottom repeat-x; padding:0 15px 30px; overflow:hidden;}
#creationhead{padding:26px 15px 43px 24px;}
#panelwrap{overflow:hidden; position:relative; height:329px; width:98%; margin-left:17px;}
.panelslider{width:5000px; position:absolute;}
.panel{background:url('./img/panelbg.png') center top no-repeat; position:relative; width:203px; min-height:282px; float:left; margin-left:13px; margin-bottom:26px; margin-right:11px;}
.panelnav{position:absolute;}
.fullpanelwrap{position:relative;}
.navi{position:absolute; height:10px; width:58px; top:-40px; left:162px;}
#sidebar{float:left; width:226px; font-size:10px; position:relative;}

#twitter_side{padding-top:0;}
.sidebar_cont{background:url('./img/dot.png') bottom left repeat-x; padding:30px 15px; overflow:hidden;}
.side_panel{background:url('./img/panelbg.png') center top no-repeat; position:relative; width:203px; float:left; margin-right:50px;}
#sidebar_scroller{width:20000px; position:absolute;}
.scrollable{height:155px; width:205px; position:relative; overflow:hidden; padding-left:0; padding-right:0; margin-left:15px;}
#blog{background:none;}
#blog header.sidetitle{overflow:hidden;}
.panel_left{width:202px; padding:30px 15px;}
.panel_right{width:201px; padding:30px 15px;}
#footer{background:url('./img/dot.png') top left repeat-x; clear:both; overflow:hidden; margin-right:5px;}
#footer div{float:left;}
#worktogether{background:url('./img/dot.png') left top repeat-y; width:464px; padding-top:30px; height:180px; padding-left:32px;}
#worktogether .footpanel{padding:0 15px 30px;}
#costpanel{background:url('./img/vertdot.png') right top no-repeat;}
#connect{background:url('./img/dot.png') 228px 1px repeat-y; height:150px;} 
#newsletter{width:196px;}
#copyright{clear:both; width:100%; padding:15px 0;}
#footpanelwrap{background:url('./img/dot.png') bottom left repeat-x; overflow:hidden;}
.innerwrap{padding:30px;}
.service_panel{overflow:hidden; margin-bottom:30px;}
.service_panel div{clear:both;}
.service_panel .service_panel_left{width:135px; float:left; clear:none;}
.service_panel .service_panel_mid{width:140px; float:left; margin-left:78px; clear:none;}
.service_panel .service_panel_right{width:120px; float:left; margin-left:77px; clear:none;}
.service_inner_panel{position:relative; min-height:350px; overflow:hidden;}
.service_inner_panel .service_inner_full{margin:0;}
.headwrap{height:15px; position:relative;}
#ourworkheader{margin-top:-2px;}
.workpanels{padding-top:30px; overflow:hidden; width:685px; padding-left:15px;}
.ourworkpanels{padding-top:24px; overflow:hidden; width:685px; margin-right:-3px;}
.workpanel{background:url('./img/panelbg.png') 15px 0 no-repeat; height:155px; width:201px; padding-left:15px; padding-right:3px; margin:0 23px 20px -15px; float:left; position:relative;}
.workpanel .featured{left:15px; top:1px;}
aside.projdescription{padding:30px 0 30px 17px; background:none;}
#contact_form_wrap{background:url('./img/dot.png') right top repeat-y; float:left; overflow:hidden; width:413px; font-size:10px; position:relative; padding-right:30px;}
#contact_nameemail{float:left; width:190px;}
#contact_phonecompany{float:right; width:190px;}
.aboutpanel_right{background:none;}
.aboutpanelwrap{overflow:hidden; clear:both; margin-top:30px;}
#aboutus{margin-top:-15px;}
.aboutpanel{float:left; width:211px; margin-left:10px; background:url('./img/vertdot.png') right center no-repeat; height:180px; position:relative;}
#planner_wrap{width:917px;
margin-left:8px;
margin-top:-213px;
height:427px;
position:fixed;
top:50%;
display:none;
z-index:12;
background:url('./img/request_bg.png') top left no-repeat;
}
.fade{background:#333333;
	width:100%; margin:auto; height:100%;  position:fixed; top:0; left:0; display:none; z-index:11;}
#project_planner{width:900px; height:345px; margin:15px auto;}
.planner_panel{float:left; width:838px; overflow:auto; padding:15px 30px;}
#fourwrap{background:url('./img/404.jpg') 62px -12px no-repeat; height:470px; position:relative; margin-top:30px;}
#fourtext{height:175px; width:460px; position:absolute; bottom:58px; right:77px;}
.planner_left{float:left; width:400px;}
.planner_right{float:right; width:400px;}
.planner_full{float:left; clear:both; width:100%;}
div.selectbox-wrapper {
  position:absolute;
  width:202px;
  background:url('./img/dropback.png') top left no-repeat;
  border:0px solid #ccc;
  margin:-10px 0 0 11px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  height:101px;
  overflow:auto;
  padding-right:4px;
}
#project_planner_nojs{padding:0 30px;}
#project_planner_nojs .planner_left, #project_planner_nojs .planner_right{width:300px; margin-top:15px;}
#project_planner_nojs .planner_full{width:600px; margin-top:15px;}


nav li{position:relative; float:left;}
#headportfolio{background:url('./img/nav.png') 0 0 no-repeat; width:232px;}
#headportfolio:hover{background:url('./img/nav.png') 0 -53px no-repeat; width:232px;}
#headportfolio.active, #headportfolio:active{background:url('./img/nav.png') 0 -107px no-repeat; width:232px;}
#headservices{background:url('./img/nav.png') -232px 0 no-repeat; width:231px;}
#headservices:hover{background:url('./img/nav.png') -232px -53px no-repeat; width:231px;}
#headservices.active, #headservices:active{background:url('./img/nav.png') -232px -107px no-repeat; width:231px;}
#headabout{background:url('./img/nav.png') -463px 0 no-repeat; width:231px;}
#headabout:hover{background:url('./img/nav.png') -463px -53px no-repeat; width:231px;}
#headabout.active, #headabout:active{background:url('./img/nav.png') -463px -107px no-repeat; width:231px;}
#headcontact{background:url('./img/nav.png') -695px 0 no-repeat; width:232px;}
#headcontact:hover{background:url('./img/nav.png') -695px -53px no-repeat; width:232px;}
#headcontact.active, #headcontact:active{background:url('./img/nav.png') -695px -107px no-repeat; width:232px;}
div.selectbox-wrapper ul li.current { 
  background:url('./img/drophover.png') top left no-repeat;
}
div.selectbox-wrapper ul li {
  display:block;
  margin:0;
  padding:2px 2px 2px 4px;
  cursor:pointer;
}
#contact_bottom{clear:both; width:100%;}
#phoneemails{font-size:10px; line-height:15px; float:right; padding-right:25px;}
#planner_panel_clip{width:900px; height:400px; overflow:hidden; position:relative; clear:both;}
#planner_panel_wrap{width:20000px; position:absolute;}




.panel img{margin:3px 0 16px 2px;}
.side_panel img{margin:3px 0 16px 2px;}
#twitter_side img{float:left; margin-right:10px;}
#blog img{float:left;}
.workpanel img{margin:3px;}
img.portimage{margin-bottom:30px;}
#planner_panel_clip img{margin:15px 90px;}



#newsletter input{background:url('./img/inputbg.png') center center no-repeat; width:180px; height:20px; margin-left:5px; margin-top:5px; padding-left:10px; padding-top:7px; color:#a5a5a5;}
#newsletter input:focus, #search-text:focus{background:url('./img/inputbg_active.png'); color:#454546;}
#newsletter #submit{background:none; float:right; width:78px; height:24px; margin-right:4px; margin-top:6px;}
.headwrap form{font-size:12px; height:16px; position:absolute; top:0; right:2px; z-index:10;}
.headwrap form input, .headwrap form select, .headwrap form div{position:relative;}
#contact_form_wrap input{background:url('./img/inputbg.png') center center no-repeat; color:#a5a5a5; height:20px; width:174px; padding:8px 10px 0 5px; border:none; margin-bottom:15px;}
input.selectbox
{
  margin: 0px -20px 10px 0px;
  padding-left:17px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
  width : 192px; 
  display : block;
  text-align:left; 
  background: url('./img/bg_select.png') right top no-repeat;
  height:17px;
  cursor: pointer;
  border:0px solid #D1E4F6;
  padding-top:4px;
}
select#workfilter {
	background: url('./img/bg_select.png') right;
}
#contact_phonecompany input{float:right;}
#contact_bottom textarea{background:url('./img/contact_area.png') center center no-repeat; color:#a5a5a5; height:107px; margin-bottom:12px; margin-left:1px;  width:408px; border:none; padding:8px 0 0 5px;}
#contact_bottom textarea:focus, #contact_form_wrap input:focus{color:#454546;}
#contact_form_wrap input:focus{background:url('./img/inputbg_active.png');}
#contact_form_wrap input.error{background:url('./img/inputbg_error.png') center center no-repeat;}
#contact_form_wrap textarea:focus{background:url('./img/contact_area_active.png');}
#contact_form_wrap #contact_submit{background:none; width:78px; height:24px; float:right; margin-right:3px; padding-right:0;}
#planner_wrap label{font-size:14px; color:#696a6a;}
.planner_panel label{float:left; margin-top:10px; margin-bottom:5px;}
.planner_panel input{background:url('./img/planner_input.png') left top no-repeat; height:25px; float:left; clear:both; width:100%; border:0;padding-left:5px; padding-top:5px;}
.planner_panel input:focus{background:url('./img/planner_input_active.png') left top no-repeat;}
.planner_panel input.error{background-image:url('./img/planner_input_error.png');}
.planner_panel textarea{background:url('./img/planner_area.png') left top no-repeat; padding-left:5px; padding-top:5px; width:837px; height:77px;}
.planner_panel textarea:focus{background-image:url('./img/planner_area_active.png');}
input.planner_submit{background:none; padding:0; float:right; width:auto; margin-top:15px;}


.featwrap{position:relative;}

.flashbox{display:none; z-index:12; margin-top:-150px;
height:300px;
width:400px;
position:fixed;
top:50%;
}
.ieflash{display:none;}