/*
Theme Name: jpv7
Theme URI: http://joeperri.com
Description: The 2012 theme for JoePerri.com LLC.
Author: JoePerri.com LLC
Version: 7.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; 	font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

/* Setting HTML5 elements for older browsers (ie Firefox 3.6) */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video { display: block; } 

/* remember to define focus styles! */
:focus { outline: 0; }

body { color:#333333; background:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
a:focus, a:link { text-decoration:none;	}
a:hover { text-decoration:underline; }	
strong { font-weight:bold; }
em { font-style:italic; }
img { border:none; }			

/* Header */

#branding { background:url(images/header_bg.png); height:140px; background-repeat:repeat; margin:0; padding:0; color:#FFFFFF; border-bottom:#000000 4px solid;	}
#banner-wrapper { width:900px; margin:0 auto; padding:0; }	
#pagebanner-wrapper { background:url(images/blue_header_bg.png); background-repeat:repeat; height:30px; margin:0; padding:0; border-bottom:#000000 2px solid; }
#homepagebanner-wrapper { background:url(images/blue_header_bg.png); background-repeat:repeat; height:250px; margin:0; padding:0; border-bottom:#000000 2px solid;	}
#homepagebanner { width:900px; margin:0 auto; padding:0; }	
#laptop { background:url(images/muskegon-web-design-bg.png); height:250px; margin:0; padding:0; width:390px; float:left; }	
#homepagebannertext h1{ font-size:36px; padding:15px 0; font-weight:bold; }	
#homepagebannertext {color:#FFFFFF; line-height:2em; float:right; width:480px; font-size:16px; }
#logo {	float:left; width:350px; height:140px; margin:0; padding:0; font-size:16px; text-align:center; }			
#logo img { padding:15px 0 5px 0; margin:0; }	
#rightheader { float:right; width:500px; margin:0; padding:0; text-align:right; }
#socialicons { margin:9px 0 0 0; padding:0; height:30px; vertical-align:top; }
#socialicons img{ padding:0 4px; }
#rightheader a { color:#FFFFFF; }
		
/* End Header 	*/

/* Main Menu */

#access { clear: both; display: block; float: right; margin:50px 0 0 0; padding:0; width: 500px; text-align:right; }
#access ul { font-size: 13px; list-style: none; margin: 0; padding-left: 0; }
#access li {float: left; position: relative;}
#access a {	color: #ffffff; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none; background:url(images/menu-bg.png) 0 0; height:35px; width:94px; padding:0; margin:0 2px; text-align:center; }
#access li:hover > a, #access a:focus { background: #efefef; }
#access li:hover > a, #access a:focus {background:url(images/menu-bg.png) 0 -89px; 	height:35px; width:94px; padding:0; margin:0 2px; color: #333333; }
#access ul li:hover > ul { 	display: block; }
#access .current_page_item > a, #access .current_page_ancestor > a { background:url(images/menu-bg.png) 0 -45px; height:35px; width:94px; padding:0; margin:0 2px; }

	/* Assistive text */
	.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); 
	/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);
	}
	
	#access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; }

/* End Menu */
	
/* Main Content */

#main { width:900px; margin:0 auto; padding:0; }
#container { width:640px; margin:0; padding:10px 0; line-height:2em; float:left; }
h1.entry-title {color:#000000; font-size:28px; padding:0; margin-bottom:15px; }	
.entry-title a { color:#003366 !important;}	
.entry-date { font-style:italic; color:#999999; }	
#container a:link, #container a:visited { color:#003366; text-decoration:none;	}	
#container a:hover {color:#003366; text-decoration:underline;}	
h1.pageslogan { font-size:22px; color:#666666; padding:0 0 10px 0; }
h2 { color:#003366; font-size:20px; margin:0; padding:0 0 0 40px; width:600px; height:32px; background:url(images/h2_img.png) no-repeat top left;
	font-weight:bold; }
.bqdesc { margin:10px 0 10px 40px; padding:0; }	
table.portfolio { width:640px; margin:0; padding:0; }	
.portfolio tr td { width:320px;	text-align:center;padding:5px 0;} 
.portfolio img {border:#D8D8D8 1px solid; padding:5px; background:#FFFFFF; }
.announcement {clear:both; background:#FFFF99; padding:5px; }
h3.announcementheader {font-size:1.4em; font-weight:bold; color:#000000;}
/* Blog */

.blogentry { margin:10px 0 20px;	padding:0;	}
#entry-author-info { clear:both; margin: 20px 0 10px; padding: 0 3px; background:#F5F5F5;}
#author-description h2 { background:none !important; font-size:1.1em !important; color:#333333 !important; }		
#author-avatar {float:left; padding: 14px 8px 0;}
		
/* Right Side - Sidebar */

.widget-area { width:250px; float:right; padding:0 0 0 10px; margin:0; }
#sidecontact { background:#D1D1D1; border:#666666 1px solid; padding:5px; margin:10px 0 5px 0; color:#000000; }
#sidecontact h3 { font-size:18px; font-weight:bold; }
#sidecontact br { margin:0; padding:1px 0; }
.sidecontactform { padding:0; margin:10px 0 0 0; }		
.sidecontactformlegal { padding:0; margin:8px 0 0 0; font-size:12px; }		
input[type=submit] { width: 160px; height: 36px; padding: 10px 15px; margin: 16px auto; border: 1px solid #556f8c; background: #000000; cursor: pointer; color:#FFFFFF; }
.widget_search { background:#CCCCCC; border:1px #999999 solid; padding: 10px 10px 0; margin:10px 0; text-align:center; }
.screen-reader-text { display:none; }
#s { margin:0; padding: 6px; width: 200px; }	
.widget_recent_entries { border:1px #999999 solid; }
.widget_recent_entries h3 { color:#000000; padding:10px 0; text-align:center; width:100%; background:#CCCCCC; font-size:18px; }	
.widget_recent_entries ul li {list-style:none; border:1px #999999 solid; display:block; }
.widget_recent_entries ul li a:link, .widget_recent_entries ul li a:visited { color:#2B80AA; text-decoration:none; display:block; padding:5px; }
.widget_recent_entries ul li a:hover { background:#2B80AA; color:#FFFFFF; text-decoration:none; display:block;	padding:5px; }	
	
/* Footer */

#client_wrapper { clear:both; height:200px; margin:0; padding:0; background:url(images/cleint_bg.png) repeat-x;	}
#client_wrapper h3 { background:url(images/cleint_header_bg.png) no-repeat; width:236px; margin:0 auto; text-align:center; height:49px; color:#FFFFFF; font-size:18px; padding:6px 0 0 0;	}	
#footer {height:306px; background:url(images/footer_bg.png) repeat; margin:10px 0 0; padding:0;	}
#colophon {	width:900px; margin:0 auto; padding:10px 0 0 0; }
#colophon h3 { font-size:18px; font-weight:bold; color:#999999; }	
#colophon a:link, #colophon a:visited { color:#FFFFFF; text-decoration:none; display:block; }	
#colophon a:hover { color:#FFFFFF; text-decoration:underline; display:block;}
#colophon ul li { margin:0 5px 0 0; padding:8px 10px 8px 0; list-style:none; border-bottom:#666666 1px outset; display:block; }
#focusservices, #recentposts { width:305px; margin-right:5px; padding-left:5px; border-right: #666666 1px outset; float:left; height:240px;		color:#CCCCCC;	}	
#abetterworld {	width:265px; margin:0; padding:0; float:left; height:240px;	}		
#siteinfo {	font-size:12px; clear:both; width:900px; margin:0 auto; padding:5px 0; text-align:center; color:#C8C8C8; }	
#siteinfo a:link, #siteinfo a:visited { color:#FFFFFF; text-decoration:none; }	
#siteinfo a:hover { color:#FFFFFF; text-decoration:underline; }	

	/* Newsletter */
	
		#mc_embed_signup{background:transparent; clear:left; font:14px Helvetica,Arial,sans-serif; }
		.subscribe {color:#FFFFFF;}
		#mce-EMAIL {width:210px !important;}
	
/* Carousel */

#maincarousel {	height:200px; clear:both; text-align:center; margin:0 auto; width:900px; }
/* End Main Body */

/* Alignment */
.alignleft { display: inline; float: left; margin: 10px 5px 0 0; }
.alignright { display: inline; float: right; margin-left: 5px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* =Comments
----------------------------------------------- */

#comments-title { color: #666; font-size: 10px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase; }
.nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; }
.commentlist { list-style: none; margin: 0 auto; width: 68.9%; }
.content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; 
/* reset the width for the one-column and sidebar page layout */ }

.commentlist > li.comment { background: #f6f6f6; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 1.625em; padding: 1.625em; position: relative; }
.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li.comment {	background: #fff; border-left: 1px solid #ddd; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; 	margin: 1.625em 0 0; padding: 1.625em; position: relative; }
.commentlist .children li.comment .fn {	display: block;}
.comment-meta .fn {	font-style: normal;}
.comment-meta {	color: #666; font-size: 12px; line-height: 2.2em;}
.commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 50px;}
.commentlist .children li.comment .comment-content {margin: 1.625em 0 0;}
.comment-meta a {font-weight: bold;}
.comment-meta a:focus,.comment-meta a:active,.comment-meta a:hover {}
.commentlist .avatar {-moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc;	box-shadow: 0 1px 2px #ccc; left: -102px; padding: 0; position: absolute; top: 0; }
.commentlist > li:before { content: url(images/comment-arrow.png); left: -21px; position: absolute; }
.commentlist > li.pingback:before {	content: '';}
.commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding: 0; top: 2.2em;}
a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; }
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; }
a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; }

/* Post author highlighting */
.commentlist > li.bypostauthor { background: #ddd; border-color: #d3d3d3; }
.commentlist > li.bypostauthor .comment-meta { color: #575757;}
.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { }
.commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); }

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; }

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond { width: auto; }

/* Comment Form */
#respond { background: #ddd; border: 1px solid #d3d3d3; -moz-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 1.625em; 	position: relative; width: 68.9%; }
#respond input[type="text"],
#respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; text-indent: 80px; }
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; }
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { 	background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; 	z-index: 1; }
#respond input[type="text"]:focus,
#respond textarea:focus { text-indent: 0; z-index: 1; }
#respond textarea {	resize: vertical; width: 95%; }
#respond .comment-form-author .required,
#respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as { font-size: 13px; }
#respond p {margin: 10px 0; }
#respond .form-submit {	float: right; margin: -20px 0 10px; }
#respond input#submit { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 30px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }
#respond input#submit:active { background: #1982d1; color: #bfddf3; }
#respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; }
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover { text-decoration: underline; }
.commentlist #respond { margin: 1.625em 0 0; width: auto; }
#reply-title { color: #373737; font-size: 24px; font-weight: bold; line-height: 30px; }
#cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; 	position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; }
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover { color: #ff4b33;}
#respond label {line-height: 2.2em;}
#respond input[type=text] {	display: block; height: 24px; width: 75%;}
#respond p { font-size: 12px; }
p.comment-form-comment { margin: 0; }
.form-allowed-tags { display: none;}