/*  
Theme Name: MaximumAgency
Description: WordPress theme
Version: 1.0
Author: Me
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
a { /*-- Removes dotted outline from clicked links in FF --*/
	outline: none;
}
img {
	border:none;
}
.clearer {
	clear:both;
}
blockquote {
	background: #F2F2F2 url(images/blockquote.png) no-repeat top left;
	border: 1px solid #D7D7D7;
	padding: 10px 10px 10px 40px;
}
/*-- Main structure for the layout --*/
body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: url(images/body-bg.jpg) repeat;

}
#background {

}
#outerWrapper {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 990px;
}
#contentWrapper {
	overflow: hidden;
	clear:left;
}
#sidebar {
	float: right;
	padding: 20px 5px 10px 5px;
	width: 316px;
}
#Content {
	margin: 0 0px 0 0;
	padding: 20px 0px 10px 10px;
	float: left;
	width: 650px;
}
#Footer {
	padding: 20px 10px 0px;
	height: 51px;
	color:#555;
	text-align:center;
}
.entry {
	line-height: 150%;	
}
.entry ul li, .entry ol li {
	padding-bottom:10px;	
}
.entry a, .entry a:link {
	text-decoration: underline;
}
.entry a:visited {
	text-decoration: none;
}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	margin-top:30px;	
}
#headerwrap {
	padding: 0;
	text-align: center;
		background: url(images/headerbg.png) repeat-x center top;
	
}
#navwrap {
	height:45px;
	clear: both;
	overflow:hidden;
	text-align:center;
	background: url(images/nav-bg.png) no-repeat top center;
}
#nav {
	width:990px;
	margin: 0 auto;	
	
}
/*-- Heading styles --*/
h1 {
	font: normal 150%/120% Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
}
h2 {
	font: bold 140%/120% Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
}
h3 {
	font: bold 160%/130% 'Oswald', Verdana, Geneva, sans-serif;
	font-weight: 400;
	color: #664;
}
h4 {
	font: bold 160%/130% 'Oswald', Verdana, Geneva, sans-serif;
	font-weight: 400;
	color: #664;
}
h5 {
	font: bold 100%/120% Verdana, Geneva, sans-serif;
	color: #664;
}
h6 {
	font: bold 100%/120% Verdana, Geneva, sans-serif;
}

/*-- Link styles --*/
a, a:link {
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
.entry a.more-link { /*-- Removes underline from more link --*/
	text-decoration:none;
}
#header a, #header a:link, #header a:active, #header a:visited {
	color: #FFF;
}
#header a:hover {
	color: #0CF;
}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
	color: #555;
}
#Footer a:hover {
	color: #C60;
}

/*-- Header styles --*/

#header {
	width:990px;
	height:95px;
	margin:0px auto;
	text-align:left;
	background: transparent url(images/headerfill.png) no-repeat right bottom;
}
#logo {
	padding: 10px 0 0 8px;	
}

.title { /*-- This is the title of your blog --*/
	font: bold 30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	float: left;
	width: 600px;
	padding-top: 15px;
}
.title a:hover {
	text-decoration:none;	
}
.description { /*-- This is the line of text below your blog title --*/
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	float: left;
	clear: left;
	padding-top: 7px;
}
.topnav { /*-- This is the RSS links in the header --*/
	float:right;
	color: #000;
	text-align:right;
	font: bold normal 12px Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-top: 10px;
}

/*-- Header search box styles --*/
#navsearch {
	float:right;
	padding-right: 6px;
	margin-top: 0px;
	clear: right;
	background: url(images/nav-rt-fill.png) no-repeat right top;
	height:45px;
	width:450px;
}
#navwrap #searchform {
	width: 242px;
	height: 45px;
	background: url(images/searchbox.png) left 0px no-repeat;
}
*:first-child+html #navwrap #searchform { /* Filter for IE7 */
	padding: 0px 0;
}
* html #navwrap #searchform { /* Filter for IE6 */
	padding: 5px 0;
}
* html #navwrap #searchbox { /* Filter for IE6 */
	margin-top: 0px;
}
#navwrap #searchbox {
	margin-left: 15px;
	margin-top:8px;
	margin-bottom: 3px;
	width: 180px;
	background: none;
	border: none;
	color: #FFFFFF;
	font-size: 11px;
}
#navwrap #searchbutton {
	width: 30px;
	background: none;
	border: none;
	margin-left:10px;
}
#navwrap #searchbutton:hover {
	cursor: pointer;
}

/* Navigation Styles */
#menu {
	width:450px;
	position:relative;
	margin:0 auto;
	float:left;
	display:block;
	height:32px;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:15px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#menu ul li a {
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding:13px 15px 0px 32px;
	text-shadow: 1px 1px 0px black;
}
#menu ul li a:hover {
	color:#FFF;
}


/*-- Post styles --*/
h1.posttitle, h2.posttitle {
	font-size: 34px;
	font-family: 'Oswald', Verdana, Geneva, sans-serif;
	font-weight: 400;
	padding-bottom: 5px;
	margin-bottom:15px;
	line-height:120%;
	color: #555;
}
.posttitle a:hover {
	text-decoration:none;
}
.archivetitle {
	font-size: 21px;
	line-height: 35px;
	color:#666;
	background: url(images/archiveicon.png) no-repeat left center;
	padding-left: 42px;
	margin-bottom:8px;
}
.metablock {
	margin-top: 5px;
	padding-bottom: 20px;
	font-size: 11px;
}
.meta {
	float: left;
	background: url(images/icon-date.png) no-repeat left top;
	padding-left: 22px;
}
.postcomments {
	float: right;
	background: url(images/icon-comment.png) no-repeat left top;
	padding-left: 22px;
}
.tags {
	font-weight: bold;
	margin-bottom: 0px;
}


/*-- Sidebar styles --*/
#sidebar h5 { /*-- This is the title of each widget --*/
	background: #444 url(images/nav_bg.png) no-repeat top center;
	font: 400 130%/120% 'Oswald', Verdana, Geneva, sans-serif;
	border: 2px solid #999;
	color: #FFF;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
}
#sidebar ul {
	padding: 8px;
	margin-bottom: 10px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:316px;
}
#sidebar ul ul {
	border:none;
	background:none;
}
#sidebar ul li {
	border: 1px solid #FFF;
	background: #FFF url(images/boxbg.png) repeat-x top;
	margin-bottom:10px;
	padding: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #999;
	-moz-box-shadow: 0px 0px 3px 0px #999;
	-webkit-box-shadow: 0px 0px 3px 0px #999;
}
#sidebar ul li ul li {
	margin-left: 8px;
	background: url(images/arrow.png) no-repeat left top;
	padding-left: 9px;
	padding-bottom: 10px;
	border:none;
	margin-bottom:0;
	padding-top: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	font-size:12px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	width: 260px;
}
#sidebar ul.children {
	padding-top:3px;
}
#sidebar ul.children li { /*-- This styles the sub categories in the hierarchy --*/
	background: url(images/childbullets.png) no-repeat left top;
	padding-bottom:2px;
}

.box {
	background: #FFF url(images/boxbg.png) repeat-x top;
	padding: 20px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #999;
	-moz-box-shadow: 0px 0px 3px 0px #999;
	-webkit-box-shadow: 0px 0px 3px 0px #999;
}

/*---Image alignment in posts and pages---*/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	padding: 0 20px 20px 0;
}
.alignright {
	float: right;
	padding: 0 0 20px 20px;
}

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

/*---Comment Styles---*/
ol.commentlist {
	clear:both;
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}
ol.commentlist p {
	clear:both;
	margin:0;
	padding:0 10px 10px 10px;
}
ol.commentlist ul.children {
	list-style:none;	
}
.avatar {
	float:right;
	padding:2px;
}
div.comment-author {
	margin-top:5px;
	background-color:#EBEBEB;
	border: solid 1px #CCC;
	height:36px;
}
div.comment-author .fn {
	font: bold 18px/36px Verdana, Geneva, sans-serif;
	padding-left:10px;
}
.says {
	display:none;
}
div.comment-meta {
	float:right;
	padding-bottom:8px;
}
#respond {
	clear:both;
}
div.reply {
	text-align:right;
}
div.reply a {
	text-decoration:underline;
}
#comment {
	width: 100%;
}
.entry a, .entry a:link, a:link {
	color: #C60;	
}
.posttitle > a:link {
	color: #555;	
}
.entry h3, .entry h4, .entry h5, .entry h6 {
	color: #666;
}
.entry a:hover, #sidebar a:hover, .posttitle a:hover {
	color: #333;
	text-decoration:none;	
}
a:visited {
	color: #7B411A;
}
.external {
	background: url(images/new_window_icon.png) no-repeat right top;
	padding-right:18px;
}
#topfeature {
	height: 43px;
	width:900px;
	margin-top:10px;
	overflow:hidden;
	background: url(images/noteicon.png) no-repeat 8px center;	
	padding-left:60px;
}
#topfeature a {
	display:block;
	padding-left:15px;	
}
.agentlist {
    background-color: #EFEFEF;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    line-height: 200%;
    padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.agentul {
    font-size: 12px;
}
#topsidebar {
	height: 242px;
	width: 300px;
	font: 21px/21px Tahoma, Geneva, sans-serif;
	font-weight:normal;	
	letter-spacing:-1px;
	color: #fff;
	text-shadow: 0.1em 0.1em 0.2em black;
	text-align:center;
	padding-top:8px;
}
#topsidebar a {
	display:block;
	height:220px;
	width:300px;	
}

#topfeature p {

}
#topfeature p span {
	font: bold 130%/120% Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #069;
	padding-right:10px;
}
#menu ul li a.linkhome {
	background: url(images/homeicon.png) no-repeat 0 0;
	width:40px;
	height:32px;
}
#menu ul li a.linkhome:hover {
	background: url(images/homeicon.png) no-repeat 0 -45px;
}
#menu ul li a.linkcomp {
	background: url(images/homeicon.png) no-repeat 0 -90px;
	width:100px;
	height:32px;
}
#menu ul li a.linkcomp:hover {
	background: url(images/homeicon.png) no-repeat 0 -135px;
}
#menu ul li a.linkrates {
	background: url(images/homeicon.png) no-repeat 0 -180px;
	width:110px;
	height:32px;
}
#menu ul li a.linkrates:hover {
	background: url(images/homeicon.png) no-repeat 0 -225px;
} 
.vehicles {
	padding-bottom:8px;
}
.vehicles p {
	text-align:center;	
}
#vehiclemake, #vehiclemodel {display:none; margin-top:8px;}
#vehicleselect span {
	font: bold 130%/120% 'Oswald', Verdana, Geneva, sans-serif;
	font-weight: 400;
	color: #666;
	width:60px;
	padding: 0 5px;
	display:inline-block;
	text-align:right;
		

}
#vehiclesubmit {
	margin:10px 0 0 46px;

}
#car-years, #car-makes, #car-models {
	border: 1px solid #999;
	padding:2px;
	width:180px;
	color: #666;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#Content.fullwidth {
	width:975px;	
}
.wj_mp_middlecol > li {
	margin-left: 20px;	
}
.big {
	color: #C60;	
}
.vehicles p.lr {
	background: url(images/key.jpg) no-repeat left top;
	padding-left:75px;	
	font-size:12px;
	text-align:left;
	min-height:50px;
}
.sbad {
	display:inline-block;
	border:1px solid #ddd; 
	padding:5px;
	background-color:#fff;
	margin:5px 0 5px 9px;
}

span.bwapsproductstate {display:none;}


#menu ul li a.linkhome {width:80px;height:43px;}
#menu ul li a.linkcomp {width:160px;height:43px;}
#menu ul li a.linkrates {width:150px;height:43px;}
#menu {height:43px;}
#bwapsilisting {max-width:100% !important;}
#topsidebar {width:auto;background-size:100% 100%;}
#subsb {max-width:325px;}

/* Mobile Styles */
#outerWrapper, #nav {max-width:990px;width:100%;}
#Content {max-width:650px;width:100%;}
#Content.fullwidth {max-width:100%;width:100%;}
#sidebar {max-width:330px;width:100%;}
img {max-width:100%;}
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#header {max-width:990px;width:100%;}
#sidebar ul {width:100%;}
#sidebar ul li ul li {width:100%;}

@media screen and (max-width: 990px) {
#headersearch {display:none;}
#feature {
background: #333;
height:auto;
padding:20px;	
}
table {
	max-width:100%;
	width:100%;
}
input, textarea {max-width:100%;}
table.comparetable td {width:50%;}
.comparison {background-size:100% 100%;}
#Content {width:68%;padding-left:2%;padding-right:2%;}
#navsearch {display:none;}
#sidebar {max-width:300px;width:32%;}
#topsidebar {max-width:100%;width:100%;}
}

@media screen and (max-width: 730px) {
#searchform {display:none;}
#menu {overflow:hidden;width:100%;}
#header {background:none;}
#Content {max-width:100%;width:100%;}

#sidebar {float:left;width:100%;padding:20px;}
.comparison {display:none;}
#sidebar ul,#sidebar,#sidebar ul li ul li {max-width:100%;}
}