/*
Theme Name: Maher Marketing WP Theme
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Maher Marketing
Author: J3Design
Author URI: http://www.j3design.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#0f7bb0;text-decoration:none}
a:hover {text-decoration:underline}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {font:italic 1.425em Georgia, Garamond, Serif;margin:0 0 1em}
blockquote p {margin:0}
body {background:#515151 url(images/bg.png) left top repeat-x;color:#898989;font:75%/135% Helvetica, Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {font:bold 2em/3.25em Helvetica, Arial, Sans-Serif;margin:10px 0 0 0}
h2 {font:bold 1.70em/2.25em Helvetica, Arial, Sans-Serif}
h3 {font:bold 1.25em/2em Helvetica, Arial, Sans-Serif}
h4 {font:bold 1em/2em Helvetica, Arial, Sans-Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:22px auto;width:956px}
#main {background:url(images/main-bg.png) center top repeat-y;margin:-30px 0 0;width:956px}
.home #main {background:url(images/home-main.jpg) left top no-repeat;height:326px;padding:60px 423px 0 59px;width:474px}
#main div {background:url(images/main-top.png) left top no-repeat;width:956px}
.home #main div {background:none;padding:0;width:474px}
#main div div {background:url(images/main-bottom.png) right bottom no-repeat;clear:both;padding:48px 0;overflow:hidden;width:956px}
.home #main div div {background:none;padding:0;width:474px}
* html #main div div {padding:78px 0}
*+html #main div div {padding:78px 0}
#main div div div {background:none;padding:0;width:auto}

/* Header */
#header {height:82px;position:relative;width:100%;z-index:200}
#header #logo {color:#09C;float:left;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif;margin:0 0 0 58px;position:relative}
#header ul {display:inline;font-size:.95em;float:right;list-style:none;margin:0;padding:49px 24px 0 0} 
#header ul li {background:url(images/divider.png) left 3px no-repeat;float:left;padding:0 14px 9px;position:relative;text-transform:uppercase}
#header ul li.home {background:none}
#header ul li a {color:#fff;font-weight:700;text-decoration:none}
#header ul li ul {background:#190f00;font-size:.865em;left:-999em;margin:0;padding:0;position:absolute;top:25px;width:165px}
#header ul li:hover ul, #header ul li.sfhover ul {left:0}
#header ul li ul li {background:none;border-top:1px solid #474747;float:left;padding:0;width:165px}
#header ul li ul li a {color:#d4d4d4;float:left;font-weight:400;padding:5px 15px 5px 15px;width:135px}
#header ul li ul li a:hover {background:#363b43;color:#fff}
#header ul li ul li ul {font-size:1em;left:-999em;top:-1px}
#header ul li ul li:hover ul, #header ul li ul li.sfhover ul {left:165px} 

/* Content*/
#main div div #content {float:left;font-size:1.085em;overflow:hidden;padding:0 0 20px 58px;width:538px}
#main div div #content ul {list-style:disc;margin:0 0 1em 18px}
#main div div #content ol {list-style:decimal;margin:0 0 1em 32px}
#main div div #content blockquote {font-size:1.3em}
#main div div #content a.more-link {color:#000;font-size:.69em;font-weight:700;text-transform:uppercase}
	
	/* Post */
	#main div div #content .post {border-bottom:1px solid #CCC;margin:0 0 25px}
	#main div div #content .post .meta {font-size:0.8em}
	#main div div #content .post h1 {border:0;margin:0}
	#main div div #content .sticky {background:#f5efca}
	#main div div #content .postmetadata {color:#b7b7b7;font-size:.85em}
	#main div div #content .post h2, #main div div #content .post h1 {margin:0 0 17px}
	#main div div #content .post h2 a {color:#fda317}

		/*Headers*/
		#main h1 {color:#fda317;}
		.home #main h1 {font-size:2.69em;letter-spacing:-1px;line-height:1.14em;margin:0 0 20px}
		#main h1 span {color:#636363;display:block;font-weight:400}
		.home #main h1 span {letter-spacing:-2px}
		#main .page .entry h1 {line-height:1em;margin:0 0 25px}
		#main .entry h2, #main .entry h3 {color:#000;font-size:1em}
	
		/*Home Post*/
		.home #main .page .entry {font-size:1.085em}

		/*Learn More Link*/
		#main a.learn-more, #main a.learn-more {background:#548dba;color:#fff;height:20px;float:left;overflow:hidden;position:relative;width:107px}
		#main a.learn-more span, #main a.learn-more span {background:url(images/learn-more.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
		#main a.grey {background:#6c6b6b}
		#main a.grey span {background:url(images/learn-more-grey.png) left top no-repeat;}
		
/* Pagination */
#main div div #content #prev-next {list-style:none}
#main div div #content #prev-next #prev {float:left}
#main div div #content #prev-next #next {float:right}

/*Search Form*/
#searchform {padding:27px 0 0}
#searchform div.input {background:url(images/search-bg.png) left top no-repeat;float:left;height:32px;margin:0 4px 0 0;width:168px}
#searchform div.input input {background:none;border:0;color:#555;padding:8px 5px;width:158px}

/* Sidebar */
#main div div #sidebar {clear:none;float:right;padding:20px 32px 20px 0;width:273px}
#main div div #sidebar a {color:#000}
#main div div #sidebar a:hover {color:#000;text-decoration:underline}
#main div div #sidebar ul {list-style:none;margin:0 0 1em 18px}
#main div div #sidebar ul li {padding:0 0 40px}
#main div div #sidebar ul ul {list-style:none;margin-left:0}
#main div div #sidebar ul ul li {background:url(images/bullet.gif) 1px 13px no-repeat;border-bottom:1px solid #d6d6d6;padding:5px 0 5px 8px}
#main div div #sidebar ul ul.subpages li a {color:#898989}
#main div div #sidebar ul ul.subpages li a:hover {color:#000;text-decoration:none}
#main div div #sidebar ul ul ul {margin-bottom:0}
#main div div #sidebar ul ul ul li {border:0}
#main div div #sidebar h3 {color:#558fba;font-size:.925em;text-transform:uppercase;padding:0 0 13px}
#main div div #sidebar p {font-size:1.085em}
#main div div #sidebar blockquote p {font-size:1em}
#main div div #sidebar cite {float:right;font-style:normal}
#main div div #sidebar cite strong {color:#000}
#main div div #sidebar #text-4 {width:233px}

/* Footer */
#footer {clear:both;height:1%;padding:0 24px;overflow:hidden}
#footerbar {color:#ccc;overflow:hidden;width:908px}
#footerbar h3 {color:#ddebf9;font-size:1.085em;margin:0 0 17px;text-transform:uppercase;}
#footerbar ul {margin:0}

	/*Footer Containers*/
	#footer .left-box {background:#646464;float:left;width:443px}
	#footer .left-box div {background:url(images/footer-cont-small-top.png) left top no-repeat;width:443px}
	#footer .left-box div div {background:url(images/footer-cont-small-bottom.png) left bottom no-repeat;overflow:hidden;padding:25px 30px 15px 37px;width:376px}
	#footer .right-box {background:#646464;float:right;width:454px}
	#footer .right-box div {background:url(images/footer-container-top.png) left top no-repeat;width:454px}
	#footer .right-box div div {background:url(images/footer-container-bottom.png) left bottom no-repeat;overflow:hidden;padding:25px 30px 15px;width:394px}
	#footer .right-box div div div, #footer .left-box div div div {background:none;padding:0}
	#footer #footerbar strong {color:#fff}
	#footer cite {float:right;font-style:normal}
	#footerbar a {color:#fff;text-decoration:none}
	#footerbar a:hover {text-decoration:underline}
	#footerbar h2 {font-size:1.085em}
	#footerbar li.last {border-top:1px solid #555;padding:11px 0 0}
	#footerbar p {font-size:1.085em}
	#footerbar blockquote p {font-size:1em}
	#footerbar div div div {min-height:169px}
	#footerbar div div div div {background:none;min-height:0;padding:0}
	* html #footerbar div div {height:auto!important;height:169px;overflow:visible}
	* html #footerbar div div div {height:auto!important;height:auto}
	
		/*Signup Form*/
		#footer .left-box div div div.input, #footer .right-box div div div.input {background:url(images/newsletter-input.png) left top no-repeat;float:left;height:32px;margin-right:5px;width:199px}
		#footer .left-box div div div.input input, #footer .right-box div div div.input input {background:none;border:0;padding:8px 5px;width:189px}
	
	/*Copyright*/
	#footer-copy {border-top:1px solid #777777;clear:both;color:#797979;font-size:.765em;margin:12px auto;padding:12px 0;width:908px}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/*Respond*/
#respond h2 {margin:0 0 20px}
#respond form div.input {background:url(images/input.png) left top no-repeat;clear:both;float:left;height:27px;margin:0 5px 9px 0;width:170px}
#respond form div.input input {background:none;border:0;padding:4px 5px;width:160px}
#respond form label {float:left;line-height:27px;margin:0 0 9px;width:302px}
#respond form div.textarea {background:url(images/textarea-bg.png) left top no-repeat;clear:both;float:left;height:175px;margin:0 5px 9px 0;width:461px}
#respond form div.textarea textarea {background:none;border:0;height:165px;padding:5px;width:451px}
#respond form input#submit {clear:both;float:left}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:10px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* Late Additions */
.offerbox {
	background-image: url(http://mahermarketing.com/wp-content/uploads/2009/11/offer_trans.gif);
	background-repeat: no-repeat;
	height: 110px;
	padding-left: 90px;
	width: auto;
}
.tablenoborder {
	border: none;
}
.offerfield {
	background-color: #F0F0F0;
	padding: 2px;
	height: 22px;
	width: 200px;
	border: 1px solid #DEDEDE;
}
.offerbutton {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #1C7FB0;
	padding: 4px;
	height: 30px;
	width: 200px;
	border: 1px solid #FFFFFF;
}