/*=======================

DIMMERS SHOES
Primary Stylesheet
Author: Doug Hungarter

========================*/


/* RESET */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; vertical-align: baseline; background: transparent }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: none }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
/* End RESET */


/* MAIN STYLES */
body { background: #39C url(../img/bg_main.jpg) no-repeat; color: #333; font: 12px/1.5 Arial, Helvetica, sans-serif; margin: 0 28px; }
p { margin-bottom: 10px; }
p.footnote { color: #666; font-size: 10px; font-style: italic; }
address { font-style: normal; margin-bottom: 10px; }
.divider { border-top: 1px solid #CCC; margin: 15px 0; }
#container { position: relative; width: 965px; }
#tagline { background: url(../img/tagline.png) bottom no-repeat; height: 97px; text-indent: -9999em; }
#navReplace { position: absolute; top: 47px; }
#home #wrap { background: url(../img/bg_home.png) bottom no-repeat; height: 535px; }
#wrap { background: url(../img/bg_header.png) bottom no-repeat; height: 285px; }
	#wrap a { color: #FFC; }
	#wrap .intro a:hover { border-bottom: 1px dotted #FFC; text-decoration: none; }
#home h1 { color: #FFF; font: 20px/1.3 "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; padding: 55px 20px 20px 600px; text-transform: none; }
h1 { color: #5380D4; font: 20px/1.3 "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; padding: 165px 40px 5px 405px; text-transform: uppercase; }
#home .intro { color: #1D3D4A; font: 12px/1.5 Arial, Helvetica, sans-serif; padding: 0 20px 0 600px; }
.intro { color: #FFF; font: 15px/1.5 "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; padding: 0 40px 10px 405px; }
a#logo { background: url(../img/building_logo.png) no-repeat; display: block; height: 350px; position: absolute; text-indent: -9999em; top: 1px; width: 370px; }
a#logo:hover { background-position: 0 -350px; }
#rotatingSpot { background: url(../img/bg_rotating.png) no-repeat; height: 270px; left: 600px; position: absolute; top: 358px; width: 340px; }
	#rotatingSpot dt a { color: #FFF; font-weight: bold; padding: 0 6px; position: absolute; text-decoration: none; top: 30px; }
	#rotatingSpot #featureLink1 { left: 260px; }
	#rotatingSpot #featureLink2 { left: 280px; }
	#rotatingSpot #featureLink3 { left: 300px; }
	#rotatingSpot .hide { display: none; }
	#rotatingSpot dt.current a { background: url(../img/bg_rotatingCurrent.png) no-repeat; color: #000; }
	#rotatingSpot dt span { display: none; }
	#rotatingSpot dt img { position: absolute; }
	#rotatingSpot dd { color: #FFF; padding: 100px 10px 0 100px; }
	#rotatingSpot a#btnAskMike { background: url(../img/btn_askMike.png) no-repeat; display: block; height: 30px; width: 150px; text-indent: -9999em; }
	#rotatingSpot a#btnAskMike:hover { background-position: 0 -30px; }
	#rotatingSpot a#btnGoogleMaps { background: url(../img/btn_googleMaps.png) no-repeat; display: block; height: 30px; width: 130px; text-indent: -9999em; }
	#rotatingSpot a#btnGoogleMaps:hover { background-position: 0 -30px; }
	#rotatingSpot a#btnSchoolGear { background: url(../img/btn_schoolCollection.png) no-repeat; display: block; height: 30px; width: 150px; text-indent: -9999em; }
	#rotatingSpot a#btnSchoolGear:hover { background-position: 0 -30px; }
#nav ul { list-style: none; position: absolute; left: 395px; top: 144px; }
	#nav ul li { display: inline; }
		#nav ul li a { background: url(../img/nav.png) no-repeat; display: block; float: left; height: 85px; text-indent: -9999em; }
			#nav ul li a#askmike { width: 113px; }
			#nav ul li a#sports { background-position: -113px 0; width: 109px; }
			#nav ul li a#school { background-position: -222px 0; width: 106px; }
			#nav ul li a#cradles { background-position: -328px 0; width: 111px; }
			#nav ul li a#facebook { background-position: -439px 0; width: 104px; }
			#nav ul li a#askmike:hover { background-position: 0 -85px; }
			#nav ul li a#sports:hover { background-position: -113px -85px; }
			#nav ul li a#school:hover { background-position: -222px -85px; }
			#nav ul li a#cradles:hover { background-position: -328px -85px; }
			#nav ul li a#facebook:hover { background-position: -439px -85px; }
			.askmike #nav ul li a#askmike { background-position: 0 -170px; }
			.sports #nav ul li a#sports { background-position: -113px -170px; }
			.school #nav ul li a#school { background-position: -222px -170px; }
			.cradles #nav ul li a#cradles { background-position: -328px -170px; }
#content { background: url(../img/bg_content.gif); padding: 30px 50px; }
	#content a { color: #009F92; }
	#content a:hover { border-bottom: 1px dotted #009F92; text-decoration: none; }
	.askmike #content h2 a { color: #5380D4; }
	
.post p { font-size: 14px; }
.commentCount { border-top: 1px solid #CCC; margin: 40px 0 10px; padding: 10px 0; }

#sidebar { float: left; padding: 18px 0 30px;width: 315px; }
	.callout { background: url(../img/bg_sidebar.png) no-repeat top; padding: 30px 40px 0; }
	.callout h3 { color: #009F92; font: 16px/1.5 "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; margin-bottom: 10px; }
	.askmike .callout h3 { color: #5380D4; }
	.callout img, .callout p { margin-bottom: 10px; }
	.callout p { font-size: 11px; }
	.callout .closer { background: url(../img/bg_sidebar_bottom.png); height: 24px; margin: 0 -32px; }
	.callout li { margin-bottom: 10px; }
	.screen-reader-text { display: none; }
	.callout a#btnAskMike { background: url(/img/btn_askMikeSidebar.png) no-repeat; display: block; height: 30px; margin-bottom: 10px; width: 150px; text-indent: -9999em; }
	.callout a#btnAskMike:hover { background-position: 0 -30px; border: none; }
#main { border-left: 1px solid #C1D1D6; margin-left: 325px; padding: 0 0 50px 25px; }
	h2 { color: #5380D4; font: 24px/1.3 "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; line-height: 1.2; margin-bottom: 10px; padding-top: 10px; }
	#main .post h2 { font-size: 20px; }
	#main .intro { color: #333; font-size: 14px; padding: 0; }
div.navigation { border: 1px solid #C8DDE6; border-width: 2px 0 1px; float: left; padding: 10px 0; margin-bottom: 20px; width: 100%; }
div.alignleft, div.alignright { width: 50%; }
div.alignleft { float: left; }
div.alignright { float: right; text-align: right; }
.postmetadata { color: #666; font-size: 11px !important; }
.commentmetadata { display: none; }
.commentlist { margin-bottom: 20px; }
.comment-author * { font-size: 10px; font-style: normal !important; font-weight: bold; text-transform: uppercase; }
.comment-body p { color: #666; font: 11px/1.5 Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 5px 0; margin-bottom: 0; }
.comment { border-top: 1px solid #EEE; padding: 10px; }
.comment.odd { background: #DEEEF5; }
.post { border-bottom: 1px solid #C8DDE6; margin-bottom: 20px; padding-bottom: 10px; }
#respond h3, h3#comments { color: #009F92; font: 16px/1.5 "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; margin-bottom: 10px; }
#respond label { width: 85px; float: left; font-size: 11px; }
#respond #submit { background: url(/img/btn_comment.gif) no-repeat; border: none; cursor: pointer; display: block; height: 30px; text-indent: -9999em; width: 150px; }
#respond label span { color: red; }
textarea { font: 12px Arial, Helvetica, sans-serif; padding: 4px; width: 95%; }


img.right { border: 1px solid #E5F2F8; float: right; margin: 0 0 10px 10px; padding: 5px; }
.shoeList { margin-top: 20px; }
.shoeList li { float: left; margin: 0 8px 4px 0; }
.askmike h1, .askmike h2 { color: #5380D4; }
.sports h1, .sports h2 { color: #7CC14C; }
.school h1, .school h2 { color: #ED862A; }
.cradles h1, .cradles h2 { color: #A05EA2; }
table { border-bottom: 2px solid #E5F2F8; margin: 20px 0; width: 100%; }
th { border: 1px solid #E5F2F8; border-width: 2px 0 1px; color: #666; font-size: 10px; padding: 5px 10px; text-align: left; text-transform: uppercase; }
td { font-size: 11px; padding: 5px 10px; }
tr.alt td { background: #D9EBF5; }
th.right, td.right { text-align: right; }

#footer { background: url(../img/bg_footer_inside.png) no-repeat; clear: both; height: 1%; position: relative; }
#home #footer { background: url(../img/bg_footer.png) no-repeat; }
	#footer h3 { color: #009F92; font: 16px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; line-height: 1; padding: 10px 0 0 90px; text-transform: uppercase; }
	#footer h3 span { color: #000; display: block; font-size: 30px; }
	#footer a, #footer a:visited { color: #FFC; }
	#footer #copyright { color: #FFF; font-size: 10px; margin-bottom: 0; padding: 30px 40px 15px; }
		#footer #copyright .address { padding-left: 450px; }
	#footer p.instruction { color: #666; font-size: 11px; font-weight: bold; padding: 30px 0 0 90px; }
	#footer label { color: #000; font-size: 10px; font-weight: bold; position: absolute; text-transform: uppercase; top: 44px; }
	#footer #fnameLabel { left: 430px; }
	#footer #lnameLabel { left: 550px; }
	#footer #emailLabel { left: 690px; }
	#footer input { padding: 4px; position: absolute; top: 80px; }
	#footer #mce-FNAME { left: 400px; width: 100px; }
	#footer #mce-LNAME { left: 525px; width: 100px; }
	#footer #mce-EMAIL { left: 650px; width: 160px; }
	#footer input.mce_inline_error { border: 1px solid red; }
	#footer div.mce_inline_error { display: none !important; }
	#footer #mce-success-response { background: #AAD2E6; color: green; left: 35px; padding: 10px 5px 10px 55px; position: absolute; top: 76px; width: 820px; z-index: 100; }
	#footer #mce-error-response { color: #C00; font-size: 11px; font-weight: bold; left: 400px; position: absolute; }
	#footer button { background: url(../img/btn_joinNow.png) no-repeat; border: none; display: block; height: 26px; left: 830px; position: absolute; text-indent: -9999em; top: 81px; width: 82px; }
	#footer button:hover { background-position: 0 -29px; }
	
/* End MAIN STYLES */