/******************************************************************
Shoemoney System Reset Stylesheet

	This should reset all the styles so they are universal accross all browsers. (allegedly)

Designed by Skeleton Key Media
Eddie Machado
http://skeletonkeymedia.com
eddie@skeletonkeymedia.com

Design Copyright 2010. All Rights Reserved. 
XHTML/CSS released under a Creative Commons Attribution 2.5 licence.
******************************************************************/


/******************************************************************
RESET STYLES
******************************************************************/

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;vertical-align: baseline;border: 0;outline: 0;background: transparent;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

:focus {outline: 0;}

table {border-collapse: collapse;border-spacing: 0;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

html {-webkit-font-smoothing: antialiased;}

/******************************************************************
GENERAL STYLES
******************************************************************/

body {
	font-size: 62.5%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #010101;
}

/******************************************************************
COMMONLY USED STYLES
******************************************************************/

/* text alignment */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/* text formatting */
.small-caps {font-variant: small-caps;letter-spacing: 1.7px;}
.uppercase {text-transform: uppercase;letter-spacing: 1px;}
.lowercase {text-transform: lowercase;}

.strike {text-decoration: line-through;}
.underline {text-decoration: underline;}
.strong {font-weight: 700;}

/* colors */
.red {color: #DB1F00;}
.blue {color: #0060C2;}
.green {color: #82AD0A;}

/* typekit */
.gloria { font-family: "gloriola-display-black-1","gloriola-display-black-2", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.impact { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; }
.arial { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.helvetica { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* alignment */
.left {float: left;}
.right {float: right;}

/* display */
.hidden {display: none;}

/* notices */

.errors {
	background: #FF6562;
	border: 1px solid #FB0000;
	padding: 5px 10px;
	font-size: 1.3em;
	line-height: 1.5em;
	text-align: center;
	display: block;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }

h1, .h1 {
	font-size: 3.6em;
	line-height: 1.33em;
}

h2, .h2 {
	font-size: 2.4em;
	line-height: 1.5em;
}

h3, .h3 {
	font-size: 1.8em;
	line-height: 1.66em;
}

h4, .h4 {
	font-size: 1.4em;
	line-height: 1.7em;
}

h5, .h5 {
	font-size: 1.1em;
	line-height: 2.09em;
}

/******************************************************************
ONLY LOGO HEADER STYLES
******************************************************************/

#header {
	background: #0077BE url(http://members.shoemoneysystem.com/wp-content/themes/shoemoneysystem/images/head-bg.jpg) repeat-x bottom;
}

	.logo-only-wrap {
	    width: 250px;
	    margin: 0 auto;
	    position: relative;
	}
	
	#logo {
		width: 250px;
		margin: 10px auto 15px;
	}

/******************************************************************
FANCY HEADER STYLES
******************************************************************/

#header-fancy {
	background: url(http://static.shoemoneysystem.com/images/header-bg.png) repeat-x bottom;
	height: 110px;
	border-bottom: 0;
}

	.fancy-wrap {
		width: 960px;
		margin: 0 auto;
	}
	
	#fancy-logo {}

/******************************************************************
FORM STYLES
******************************************************************/

label {
	font-size: 1.4em;
	font-weight: 700;
	padding: 5px 8px;
}

input[type=text], textarea {
	font-size: 1.4em;
	color: #999999;
	padding: 5px 8px;
	border: 1px solid #cecece;
	background: #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

	input[type=text]:focus, textarea:focus {
		color: #010101;
		background: #ffffff;
		-webkit-box-shadow: 0 0 4px #0C69C4;
		-moz-box-shadow: 0 0 4px #0C69C4;
		box-shadow: 0 0 4px #0C69C4;
	}
	
input[type=submit], .button {
	color: #fcfcfc;
	text-shadow: -1px -1px 1px #333333;
	font-weight: 700;
	font-size: 1.4em;
	background: url(http://static.shoemoneysystem.com/images/glass.png) repeat-x 0 50%;
	background-color: #82AD0A;
	border: 1px solid #82AD0A;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

	input[type=submit]:hover, .button:hover {
		cursor: pointer;
		border-color: #6B8E08;
		background-color: #6B8E08;
	}
	
	input[type=submit]:active, .button:active {
		top: 3px;
	}

/******************************************************************
LIST STYLES
******************************************************************/

.circle-checks li {
	background: url(http://static.shoemoneysystem.com/images/circle-check.png) left no-repeat;
	padding-left: 23px;
}

/******************************************************************
FOOTER STYLES
******************************************************************/

#footer { clear: both; }

.wrap p.legal, #footer p.legal {
	font-size: 1.2em;
	line-height: 1.375em;
	color: #a9a9a9;
	margin: 1.375em 0;
}

	#footer ul.footer-nav {
		text-align: center;
		width: 450px;
		margin: 1.375em auto;
	}
	
		#footer ul.footer-nav li a {
			font-size: 1.2em;
			color: #878787;
			float: left;
			margin: 0 10px 0 0;
			padding: 0 7px;
			border-right: 1px solid #878787;
		}
		
		#footer ul.footer-nav li:last-child a {
			border-right: 0;
		}