/*  
Template: mainecoastmarketing
Theme Name: mainecoastmarketing
Description: Custom Theme for Maine Coast Marketing.
Version: 1.0 05/27/08
updated: 7-8-08 JDB, 7-10-09 JoeB, 7-14-09 JDB
Author: iBec Creative
Author URI: http://www.ibecreative.com/
::TOC::	Resets	Defaults	Typography	Template 	Links	Navigation	Forms	Global Classes	Content
-------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {margin:0;padding:0;}
fieldset, table {border:none;}
table {border-collapse:collapse;border-spacing:0;overflow:hidden;}
/* ---------- ::Defaults:: --------------------- */
html { font-size:100.01%; height: 101%;}
body { 
margin:0 auto;
height:100%;
font:62.5%/1.8em Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#FDFDFD;
color:#333;
}
/* ---------- ::Typography:: --------------------- */
blockquote, address, pre {margin:.5em 2em;}
blockquote, p, li {padding:0 0 .4em 0;}
h1, h2, h3, h4, h5, h6, p {margin:.4em 0;}
h1 {font-size:19px;font-style:italic;font-weight:normal;color:#0f3984;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
p, li {color:#020202;font-size:14px;}
/* ---------- ::Template:: --------------------- */
#wrap {width:985px;margin:0 auto;background:#fff url(images/wrap.jpg) 0 0 repeat-y;}
#wrap .inner {width:802px;margin:0 auto;}
#masthead {width:801px;margin:0 auto 0 1px;}
	/* ::Image Replacement Logo:: */
	#masthead h1 {
	position:relative;
	float:left;
	width:217px;
	height:143px;
	margin:0;
	padding:0;
	line-height:0;
	font-size:10px;
	}
	#masthead h1 img {
	position:absolute;
	top:0;
	left:0;
	width:217px;
	height:143px;
	}
	#flash {float:right;width: 583px;height: 143px;}
#content {clear:both;width:802px;margin:0 auto;}
#right {
float:right;
width:588px;
height:680px;
background:transparent url(images/right.jpg) bottom left repeat-x;
}
	#right .inner {
	width:558px;
	height:628px;
/* overflow-y:auto;  What is this doing here?  Its screwing up Safari 3!  */
/* IE and FF browsers need overflow assigned - different solution for Safari Browsers in header.php */
	overflow-y:auto; 
	overflow-x:hidden;
	padding-top:22px;
	padding-left:30px;

	}
#left {
float:left;
width:214px;
height:680px;
background:#2C5491 url(images/left.jpg) 0 0 no-repeat;
}
#footer {
clear:both;
width:802px;
height:65px;
margin:0 auto;
font-size:10px;
background:transparent url(images/footer.jpg) 0 0 no-repeat;
color:#000;
}
	#footer .inner {
	width:580px;
	height:50px;
	padding-top:14px;
	padding-left:220px;
	background:transparent url(images/mcm_logo.gif) 150px 14px no-repeat;
	}
	#footer p {margin:0;padding:0;font-size:10px;}
	#footer p strong {font-size:12px;font-weight:normal;}

/* ---------- ::Links:: --------------------- */
a,a:visited {text-decoration:none;color:#5477b5;}
a:active, a:focus, a:hover {text-decoration:underline;outline:none;}
a img {border:none;}
/* ----------  ::Navigation:: --------------------- */
#topmenu {
width:572px;
height:23px;
padding:0 0 0 14px;
margin:0;
list-style-type:none;
border-bottom:1px solid #a4b3c8;
background:#0c3877 url(images/menu_left.gif) 0 0 no-repeat;
}
#topmenu li {
float:left;
padding-right:40px;
line-height:1.4;
font-size:15px;
color:#fff;
}
#topmenu a {font-style:italic;text-decoration:underline;color:#fff;}
#topmenu a:hover {text-decoration:none;}

/* ::Side Menu:: */
#navigation {margin-top: 5em;width: 100%;font-family: Verdana, Arial, Helvetica, sans-serif;}
#navigation div {border-top: 2px solid #fff;text-align: right;}
#navigation div.active {background: url("images/trans.png") top left repeat;}
#navigation div div {display: none;background: none !important;border: none !important;}
#navigation a, #navigation a:link, #navigation a.visited, #navigation a:active {
display: block;
z-index: 1000;
color: #ffffff;
font-size: 1em;
text-decoration: none;
}
#navigation div a {font-size: 1.6em !important;margin-right: 1.5em;}
#navigation div div a {font-size: 12px !important;margin-right: 4em;}
/*WORDPRESS SIDEBAR*/
#navigation ul {margin: 0;padding: 0;}
#navigation li {list-style-type:none;font-size:12px;}
#navigation li a, #navigation li a:visited {
text-decoration:none;
margin:0 40px 0 0;
padding:0;
text-align:right;
}
#navigation li a:focus, #navigation li a:hover, #navigation li a:active {text-decoration:none;}

/* ---------- ::Forms:: --------------------- */
label {cursor:pointer;}
input,label, select, textarea {vertical-align:middle;font-size:inherit;font-family:inherit;}
input, textarea {padding:.2em;}
textarea {overflow:auto;}
/* ---------- ::Global Classes:: --------------------- */
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:1;}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;visibility:hidden;}
.inline {display:inline;}
.small {font-size:10px;font-weight:normal;}
.large {font-size:20px;font-weight:bold;}
/*------------  ::WORDPRESS SPECIFIC STYLES:: -------------*/
.post {padding: 0 20px 20px 0;}
.post h2 {
font-size:19px;
font-style:italic;
font-weight:normal;
color:#0f3984;
}
.post h2 a, .post h2 a:visited {
font-size:19px;
font-style:italic;
font-weight:normal;
color:#0f3984;
text-decoration:none;
}
.post h2 a:focus, .post h2 a:hover, .post h2 a:active {text-decoration: underline;color: #0f3984;}
.post img {padding: 3px;}
.post ol {font-size: 14px;padding: 1em 4em;}
.post ul {font-size: 14px;padding: 0;list-style-type: none;}
.post ul li {padding-left: 4em;}
.entry p {font-size: 14px;padding-right:10px;}
p.postmetadata {border-top: 1px solid #4ac1bd;margin: 10px 0 40px 0;}
.postmetadata a, .postmetadata a:visited {text-decoration:none;color:#5477b5;}
.postmetadata a:focus, .postmetadata a:hover, .postmetadata a:active {text-decoration:underline;color:#5477b5;}
.navigation {
padding: 10px 0 0 0;
font-size: 11px;
font-weight: bold;
line-height: 1.2em;
clear:both;
}
table#wp-calendar {width: 85%;}
.comments-template {margin: 0;padding: 0;}
.comments-template ol {margin: 0;padding: 0 0 15px;list-style: none;}
.comments-template ol li {margin: 10px 0 0;line-height: 18px;padding: 0 10px 0 0;}
.comments-template h2, .comments-template h3 {font-family: Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;font-size: 14px;}
.commentmetadata {font-size: 11px;margin-left:0;}
.comments-template p.nocomments{padding: 0;}
.comments-template textarea {width:350px;height:110px;font: 12px Arial, Helvetica, Georgia, Sans-serif;}
/* :: blog pages have smaller text :: */
.blogpost, .blogpost ol,.blogpost ul, .blogpost li, .blogpost p {font-size:12px;}