/*   
Theme Name: Hoppa Street Buggy
Theme URI: http://hoppastreetbuggy.com
Description: 21st Century Buggy
Author: Mark Warner
Author URI: http://m-warner.com
Version: 1
*/

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: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

hr,.hidden {display: none;}
.clear {clear: both;}

body {color: #fff; font: 62.5%/1em Helvetica, Arial, Verdana, sans-serif; background: #000 url(images/background.gif) repeat;}
#page-wrap { width: 740px; margin: 13px auto 0;padding: 0 0 7px 0; background:#000 url(images/head-bg.png) center 1px no-repeat;}
#page { width: 720px; margin: 0 auto;border-bottom:#292929 solid 6px;padding: 0 0 50px 0;}
#content{margin:8px 0 0 0;}

/************ HEADS *************/
h1, h2, h3 { font-weight: normal; margin: 1.5em 0 0.8em 0; }
h1 { }
h2,h3 {padding:0 10px;}
h2 {font-size:1.6em;color:#ff6600; line-height:1.4em;}
h3 {font-size:1.4em; line-height:1.4em;}

h2.title-home,h2.title-kit,h2.title-about,h2.title-faq
{margin: 15px 0 15px 10px;padding: 0;text-indent:-99999px;font-size:0;}
h2.title-home{background:url(images/title-sprite.png) 0 0 no-repeat;width:231px;height:26px;}
h2.title-kit{background:url(images/title-sprite.png) 0 -27px no-repeat;width:79px;height:22px;}
h2.title-about{background:url(images/title-sprite.png) 0 -50px no-repeat;width:108px;height:22px;}
h2.title-faq{background:url(images/title-sprite.png) 0 -73px no-repeat;width:335px;height:28px;}

#col-1 h3 { margin: 1.5em 0 0 0;}
.post h2,.blog #col-2 h2 {font-size:2em;}

/* FAQ questions */
.page-id-11 h3{color: #0099FF;margin:0;}
/*blog and media title*/
body.blog #content #col-2 h2 a, body.page-id-238 .post h2 a{color: #FF6600;text-decoration:none;}

p {font-size:1.3em; line-height:1.5em; margin: 0 0 1em 0;padding:0 10px;}
p.singlepage-nav{font-size:1.1em;color:#999; margin: 0 0 2em 0;}

/* links */
a:link { color: #06c; }
a:visited {color:#004489;}
a:hover { color: #FF6600; }
/* "more" button on homepage */
#strip-more a{display:block;width:53px;height:28px;background:#000 url(images/gallery-nav.png) -28px bottom no-repeat;text-indent: -99999px;}
#strip-more a:hover{background-position:-28px top;}
.hilight { color: #FF6600; }


/******************************************/
ul, ol { margin: 0 0 1em 2.5em; }
ul li {font-size:1.3em;line-height:1.3em;}
#content ul li.current a{color:#FF6600;text-decoration:none;}

#header{height:118px; border-bottom:#333 solid 1px; margin:0 0 3px 0;position:relative;}

#col-1{float:left;width:218px; background:#000 url(images/col-1-bg.png) 0 0 no-repeat;}
	#col-1 img {margin:15px 0 0 0;}
	#col-1 p {font-size:1.2em;color:#999;}
	#col-1 ul {margin:0 10px 2em;padding:0;list-style-type: none;}
	#col-1 ul li {padding:0.3em 0;font-size:1.2em;line-height:1.2em;color:#999;background: url(images/dash.gif) 0 bottom repeat-x;}

#col-2{float:right;width:500px; background:#000 url(images/col-2-bg.png) 0 0 no-repeat;}
#col-full{width:720px;}

/* CONTENT COLUMNS */
.content-col-1,.content-col-2{width:240px;float:left;padding-right:8px;display:inline;}


/************ NAVIGATION *************/
#header h1 a {width:275px;height:110px;display:block;position:absolute;top:10px;left:10px;z-index:10;text-indent:-99999px;}
#header ul#navigation {list-style:none;width: 387px;position:absolute;bottom:6px;right:0;margin:0;z-index:100;}
#header ul#navigation li {float: left;margin: 0 2px 0 0;text-indent:-99999px;}
#navigation li a {display: block;height: 34px;background-image: url(images/nav-sprite.png);background-repeat: no-repeat;}
/*buttons*/
#navigation li.nav-home a {width: 60px;background-position: 0 top;} /*home*/
#navigation li.page-item-115 a {width: 57px;background-position: -62px top;} /*blog*/
#navigation li.page-item-7 a {width: 67px;background-position: -121px top;} /*kit*/
#navigation li.page-item-9 a {width: 82px;background-position: -190px top;} /*about*/
#navigation li.page-item-11 a {width: 52px;background-position: -274px top;} /*faq*/
#navigation li.page-item-238 a {width: 57px;background-position: -328px top;} /*media*/
/*overs*/
#navigation li.nav-home a:hover {background-position: 0 -35px;} /*home*/
#navigation li.page-item-115 a:hover {background-position: -62px -35px;} /*blog*/
#navigation li.page-item-7 a:hover {background-position: -121px -35px;} /*kit*/
#navigation li.page-item-9 a:hover {background-position: -190px -35px;} /*about*/
#navigation li.page-item-11 a:hover {background-position: -274px -35px;} /*faq*/
#navigation li.page-item-238 a:hover {background-position: -328px -35px;} /*media*/
/*on*/
body.home #navigation li.nav-home a {background-position: 0 -67px;} /*home*/
body.blog #navigation li.page-item-115 a, body.single #navigation li.page-item-115 a {background-position: -62px -67px;} /*blog*/
body.page-id-7 #navigation li.current_page_item a {background-position: -121px -67px;} /*kit*/
body.page-id-9 #navigation li.current_page_item a {background-position: -190px -67px;} /*about*/
body.page-id-11 #navigation li.current_page_item a {background-position: -274px -67px;} /*faq*/
body.page-id-238 #navigation li.current_page_item a {background-position: -328px -67px;} /*media*/

.wp-post-image{ border-bottom:#222 solid 1px;padding:0 0 3px 0;}
input,textarea {color: #000; font: 1.2em Helvetica, Arial, Verdana, sans-serif;}

/************ HOME *************/
.home #gallery{position:relative;height:520px; margin:0 0 3px 0; background:url(images/gallery-pattern.png) 0 bottom repeat-x;}
.home #gallery-image{ border-bottom:#333 solid 1px; padding:0 0 3px 0; margin:0 0 7px 0;height:480px;width:720px;}
.home #gallery #price{position:absolute;left:10px;bottom:0;width:216px;height:138px;background: url(images/price-badge.png) 0 0 no-repeat;z-index:1000;text-indent:-99999px;}
.home .content-title{width:231px;height:27px;background: url(images/title-21st-century.png) 0 0 no-repeat;margin:20px 0 1.5em 10px;}
#home-content {background: url(images/dash.gif) 0 bottom repeat-x;padding:0 0 1em 0;}
#strip-more{position:absolute;right:0;bottom:1px;width:53px;height:28px;}

#contact-form label{}
#contact-form .hsb-contact{margin: 1em 0 3px 0;color:#FF6600;}
#contact-form .hsb-contact input {margin: 0.2em 0 0 0;width:300px;}
#contact-form .hsb-contact textarea {margin: 0.2em 0 0 0;width:400px;}
#contact-form .hsb-contact-submit {margin: 1.5em 0 0;}

/************ MAIL CHIMP *************/
body #col-1 #sidebar-home .mc_error_msg,
body #col-1 #sidebar-home .mc_success_msg { color: #0099FF;font-size:1.2em; }
body #col-1 #sidebar-home .mc_merge_var{ padding:0; margin:0; }
body #col-1 #sidebar-home #mc_signup_form {}
body #col-1 #sidebar-home .mc_custom_border_hdr {}
body #col-1 #sidebar-home #mc_signup_container{padding:0 0 0 10px;width:200px;}
body #col-1 #sidebar-home #mc_signup_form {}
body #col-1 #sidebar-home #mc_signup_form .mc_var_label {color:#FF6600;}
body #col-1 #sidebar-home #mc_signup_form .mc_input {margin: 0.2em 0 0 0;width:180px;}
body #col-1 #sidebar-home #mc-indicates-required {width:100%;color:#FF6600;margin: 1em 0 3px 0;}
body #col-1 #sidebar-home #mc_display_rewards { }
body #col-1 #sidebar-home #mc_interests_header { font-weight:bold; }
body #col-1 #sidebar-home div.mc_interest{width:100%; }
body #col-1 #sidebar-home #mc_signup_form input.mc_interest {  }
body #col-1 #sidebar-home #mc_signup_form select {  }
body #col-1 #sidebar-home #mc_signup_form label.mc_interest_label { display:inline; }
body #col-1 #sidebar-home .mc_signup_submit {text-align:left;margin: 1em 0;}
body #col-1 #sidebar-home .mc_merge_var,body #col-1 #sidebar-home #mc_message{margin: 1em 0 3px 0;}

/************ MEDIA *************/
#media-top-section {margin:20px 0 0 0;}
#media-top-section .post_column_1, #media-top-section .post_column_2{height: 125px;}
#media-top-section img {float:left;border:1px #333 solid;margin:0 6px 0 0;}
#media-top-section h2 {margin:0;font-size:1.4em;}
#media-top-section ul {margin:0 0 0 10px;padding:0;list-style-type: none;}
#media-top-section p,#media-top-section li {font-size:1.2em;}
#media-top-section p.download-instructions{font-size:1em;color:#CCC;margin:0 0 2em;}

body.page-id-238 .post { background:#000 url(images/col-full-bg.png) 0 0 no-repeat; }
body.page-id-238 .entry p {width:580px;}
body.page-id-238 .entry p.media-thumbs {line-height:0;margin:0 0 1em 20px;padding:0;width:680px;}
body.page-id-238 .entry p.media-thumbs a img.size-thumbnail {width:110px;height:110px;border:#333 solid 1px;margin:0 1px 1px 0;}
body.page-id-238 .entry p.media-thumbs a:hover img.size-thumbnail {border:#FF6600 solid 1px;}


/************ KIT *************/
body.page-id-7 .odd {color: #0099FF;}
body.page-id-7 .even{color: #FF6600;}
body.page-id-7 #col-1 table {width:200px;margin:0 0 0 10px;}

th,td {font-size:1.3em; line-height:1.3em;}
th { color: #fff;text-align:left;padding: 0 0 0.5em 0;}
td { background-color:#222;padding: 0.3em;border-top:#000 solid 1px;}

/************ ABOUT US *************/
body.page-id-9 .odd {color: #0099FF;}
body.page-id-9 .even{color: #FF6600;}

/************ FOOTER *************/
#footer {width:580px;height:80px; margin:10px auto 0px;padding:10px 0 0 0; background:url(images/splash-foot.png) 0 0 no-repeat;}
#footer {font-size:1.2em; line-height:1.4em;}
#footer .details,#footer .address,#footer .foot-nav{ margin: 0 0 0 80px;}
#footer .details span{color: #FF6600;margin:0 0.5em;}
#footer ul.foot-nav li{display:inline;font-size:1em;margin:0 0.4em 0 0;}
p.copyright{font-size:1em;text-align:center;}

/************ NEWS *************/
body.blog #col-2{background-image:none;}
body.blog .post { background:#000 url(images/col-2-bg.png) 0 0 no-repeat; }
.post h2 {margin:0;padding:1em 0 0.8em 10px;}
.entry{padding:0 0 2em 0;}
.entry img {border:#333 solid 1px;}
.entry a { }
.entry a:hover { }