/*
Theme Name: Scooter
Theme URI: http://www.scooter.com.au
Description: Scooter theme for WordPress
Version: 1.0
Author: Mod Media
Author URI: http://www.modmedia.com.au

*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Courier New', Courier, serif;
	background: url('images/body_bg.gif') repeat-x #fff;
	color: #333;
	text-align: center;
	padding: 0;
	margin: 0;
}

.wrapper {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.clearfix {
	float: none;
	clear: both;
	height: 1px;
	padding: 0;
	margin: 0;
}

.third {
	font-size: 1.4em; /* Resets 1em to 10px */
	font-family: 'Courier New', Courier, serif;
	float: left;
	width: 230px;
	margin-right: 70px
}

#header {
	width: 100%;
	height: 104px;
}

#header #logo {
	background: url('images/header_logo.gif') no-repeat;
	width: 253px;
	height: 84px;
	display: block;
}

#nav {
	position: relative;
	height: 47px;
	padding-top: 7px;
}

#nav ul {
	width: 890px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height: 37px;
}

#nav ul li {
	float: left;
	height: 37px;
	margin: 0 30px;
}

#nav ul li a {
	display: block;
	height: 37px;
	background: 0 0 no-repeat;
}

#nav ul li a:hover {
	background-position: 0 -37px;
}

#nav ul li a.home {
	width: 74px;
	background-image: url('images/header_home.gif');
}

#nav ul li a.collections {
	width: 177px;
	background-image: url('images/header_collections.gif');
}

#nav ul li a.stockists {
	width: 145px;
	background-image: url('images/header_stockists.gif');
}

#nav ul li a.join {
	width: 66px;
	background-image: url('images/header_join.gif');
}

#nav ul li a.press {
	width: 89px;
	background-image: url('images/header_press.gif');
}

h1 {
	font-size: 18px;
	font-weight: normal;
}

#homepage {
	display: block;
	background: url('images/homepage.jpg') no-repeat 0px -600px;
	width: 920px;
	height: 600px;
	margin-top: 10px;
}

#homepage:hover {
	background-position: 0px 0px;
}

#content {
	padding: 0px;
	min-height: 610px;
}

#footer {
	background: url('images/footer_bg.gif') repeat-x;
	position: relative;
	padding-top: 30px;
	height: 100px;
}

#footer ul {
	position: absolute;
	right: 0;
	top: 0px;
	width: 225px;
	height: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer ul li {
	float: left;
	height: 30px;
}

#footer ul li a {
	background: 0 0 no-repeat;
	display: block;
	height: 30px;
}

#footer ul li a:hover {
	background-position: 0 -30px;
}

#footer ul li a.about {
	width: 62px;
	background-image: url('images/footer_about.gif');
}

#footer ul li a.privacy {
	width: 77px;
	background-image: url('images/footer_privacy.gif');
}

#footer ul li a.contact {
	width: 83px;
	background-image: url('images/footer_contact.gif');
}

#copyright {
	display: block;
	width: 129px;
	height: 30px;
	background: url('images/copyright.gif') no-repeat;
}

#modmedia {
	position: absolute;
	top: 0;
	margin-left: 360px;
	display: block;
	width: 203px;
	height: 30px;
	background: url('images/modmedia.gif') no-repeat;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {
	color: #777;
	}
	
td {
	vertical-align: top;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a {
	color: #c61319;
	text-decoration: none;
}

a:hover {
	color: #EE0101;
	text-decoration: underline;
}
	
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.post {
	padding: 50px 0 0 50px;
}

.entry {
	font-size: 1.4em;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}

body.page-template-page-2column-php #content, body.page-template-join-php #content {
	min-height: 575px;
	padding-top: 35px;
}

.column-left {
	color: #8c8d8f;
	font-family: 'Courier New', Courier, serif;
	font-size: 1.5em;
	font-weight: normal;
	background-color: #e6e7e9;
	padding: 10px 30px;
	width: 380px;
	float: left;
	margin-right: 35px;
	min-height: 494px;
	margin-top: 15px;
}

.column-right {
	width: 445px;
	float: left;
	margin-top: 15px;
}

/* COLLECTIONS */

.collections-page {
	position: absolute;
	display: none;
	visibility: hidden;
}

#logo.collections-page {
	right: -50px;
	top: 0;
}

#nav ul.collections-page {
	right: -50px;
	top: 7px;
}

#footer.collections-page {
	position: absolute;
	right: 0;
}

body.page-template-collections-php .wrapper {
	width: 100%;
}

body.page-template-collections-php .collections-page {
	display: inline;
	visibility: visible; 
}

body.page-template-collections-php #footer .wrapper {
	width: 920px;
	margin-left: 50px;
}

body.page-template-collections-php #logo {
	margin-left: 40px;
}

body.page-template-collections-php #nav ul {
	margin-left: 55px;
}


#collections {
	width: auto;
	padding: 10px 50px;
	clear: both;
	float: none;
}

#collections .entry {
	float: left;
	min-width: 400px;
}

#collections .entry img {
	margin-bottom: 15px;
}

#collections .entry table tr td {
	padding-right: 10px;
	color: #999;
	font-size: 0.7em;
}

.clearfix, .clear {
	float: none;
	clear: both;
	height: 1px;
	padding: 0;
	margin: 0;
}

/* JOIN FORM */

label {
	text-align: left;
	font-size: 12px;
	color: #333;
}

input[type="text"] {
	width: 205px;
}

select {
	width: 211px;
}

input[type="submit"] {
	background-color: #c61319;
	color: #fff;
	border: 0;
	display: block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	font-family: 'Courier New', Courier;
	font-weight: bold;
}

input[type="submit"]:hover {
	background-color: #EE0101;
}

/* FORM VALIDATOR */

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}