/**
 * SaucePan Creative CSS Framework
 *
 * Inspired by all the other create CSS frameworks.
 * 
 * @author		Justin Kimbrell
 * @copyright	Copyright (c) 2012, SaucePan Creative
 * @version		1.0.1
 * @build		20120319
 */

.hidden { display: none; }

/*-------------------------------------------    
	Headers
-------------------------------------------*/

h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	}
	
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
	}


/*-------------------------------------------    
	Typeography	
-------------------------------------------*/

.huge { font-size: 72px; }
.bigger { font-size: 60px; }
.big { font-size: 48px; }
.large { font-size: 32px; }
.medium { font-size: 28px; }
.normal { font-size: 1em; }
.small { font-size: 13px; }
.smaller { font-size: 10px; }
.tiny { font-size: 8px; }
.align-center { text-align: center; }
.align-left { text-align: center; }
.align-center { text-align: center; }

/*-------------------------------------------    
	Positioning	
-------------------------------------------*/

.float-right { float: right; }
.float-left { float: left; }
.clear { clear: both; }

/*-------------------------------------------    
	Paddings
-------------------------------------------*/

.pad-left { padding-left: 1em; }
.pad-right { padding-right: 1em;}
.pad-top { padding-top: 1em; }
.pad-bottom { padding-bottom: 1em; }
.inner-pad { padding: 1em; }


/*-------------------------------------------    
	Margins
-------------------------------------------*/

.margin-left { margin-left: 1em; }
.margin-right { margin-right: 1em; }
.margin-top { margin-top: 1em; }
.margin-bottom { margin-bottom: 1em; }

/*-------------------------------------------    
	Lists	
-------------------------------------------*/
	
.bullets {
	margin-top: 1em;
	margin-left: 1em;
	list-style: disc;
	}

.numbers {
	list-style: decimal;
	}
	
.plain {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

.inline li {
	float: left;
	margin-bottom: 0;
}

.inline li,
.inline li a {
	display: inline-block;
}

/*------------------------------------------
 *	Forms
/* -------------------------------------- */

.center form {
	width: 70%;
	margin: 0 auto;
}

form li.name {
	float: left;
	width: 50%;
	}
	
form li.name input {
	width: 95%;
	}

form li.name.with-middle {
	width: 40%;
	}

form li.name.last input {
	width: 100%;
	}
	
form li.middle {
	width: 20%;
	}
	
form li.middle input {
	width: 81%;
	}
		
form li.city {
	float: left;
	width: 45%;
	position: relative;
	}
		
	form li.city input {
		width: 95%;
		}

form li.state {
	float: left;
	width: 23%;
	margin-right: 2%;
	}

	form li.state select {
		width: 85%;
		}

form li.zip {
	float: left;
	width: 30%;
	}

form fieldset {
	padding: 0;
	margin:  0 0 1em 0;
	border: none;
	border-bottom: 1px solid #c2b29c;
	clear: both;
	}

form fieldset.first {
	padding: 0 0 1em 0;
}

form fieldset:last-child,
form fieldset.last {
	border-bottom: none;
	}

form .interests {
	margin-bottom: 1em;
	}
	
	form .interests label {
		margin-left: 1em;
		}

form .fieldtype {
	margin-top: 1.25em;
	}

form .adult {
	padding: .5em 0;
	}

form label {
	font-size: 1.2em;
}

form input,
form textarea {
	border:1px solid rgb(181, 181, 181);
	padding: .75em .5em;
	width: 100%;
	}

form input,
form textarea,
form select {
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

form select {
	border:1px solid rgb(181, 181, 181);
	padding: .75em .5em;
}

form input:focus, form .focus input, form input.focus,
form textarea:focus, form .focus textarea, form textarea.focus,
form select:focus, form .focus select, form select.focus {
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset, 0 0 5px rgb(74, 179, 255);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset, 0 0 5px rgb(74, 179, 255);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset, 0 0 5px rgb(74, 179, 255);
	border: 1px solid rgb(0, 82, 217);
}

form .invalid input, form input.invalid,
form .invalid textarea, form textarea.invalid,
form .invalid select, form select.invalid {
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset, 0 0 5px rgb(237, 94, 84);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset, 0 0 5px rgb(237, 94, 84);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset, 0 0 5px rgb(237, 94, 84);
	border: 1px solid rgb(209, 52, 41);
}

form input[type="radio"],
form input[type="checkbox"] {
	width: auto;
	}

/*------------------------------------------
 *	Nav Switch
/* -------------------------------------- */

.nav-switch {
	-moz-transition: all 0.145s ease-out 0s;
	-webkit-transition:  all 0.145s ease-out 0s;
	-ms-transition: all 0.145s ease-out 0s;
	-o-transition: all 0.145s ease-out 0s;
	transition: all 0.145s ease-out 0s;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	cursor: pointer;
	opacity: 1;
	padding: 18px 18px 14px;
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	z-index: 9500;
}

.nav-switch.on {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.nav-switch .bar {
	background: black;
	height: 4px;
	margin-bottom: 4px;
}

/*-------------------------------------------    
	Round Corners
-------------------------------------------*/

.ui-round-corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}