/* 
COLORS 
almost-white: #fcfcfc;
gray01: #f5f5f5;
gray02: #f0f0f0;
gray03: #e3e3e3;
gray04: #d9d9d9;
gray05: #BDBDBD;
gray08: #404040;
gray09: #212121;

purple: #320056; hsla(275, 100%, 17%, 1)
lightpurple: hsla(275, 100%, 17%, 0.5);


FONTS 
font-family: 'Source Sans Pro', sans-serif; - 200,300,400,600,700
font-family: 'Oswald', sans-serif; - 400,700
font-family: 'News Cycle', sans-serif; - 400,700


DEVICE SIZES
a) 240px - 489px (phones)
b) 490px - 999px (tablets)
c) 1000px - ... (desktops)

*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	background-color: #fff;
	color:#232323;
}

h1,h2,h3,h4,h5,h6 {
	display: block;
	font-weight: bold;
}

h1 { font-size: 2.1em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.1em; }

.clear { clear:both; }

/* Links and Text */

.alt_font {
	font-family: 'News Cycle', sans-serif;
}

a {
	color: #3F2926; 
	text-decoration: none;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	transition: color 0.5s ease;		
}
a:hover {
	color: #e69e4c;
}

a.underline {
	text-decoration: underline;
}

a.blend {
	color: inherit; 
}
a.blend:hover {
	color: #e69e4c;
}

a.none {
	color: inherit; 
}

.success{
	color: green;
}

.error{
	color: red;
}
/* Animations */

@-webkit-keyframes colorFlow {
	0% {color: #232323;}
	30% {color: hsla(241, 41%, 40%, 1);}
	40% {color: hsla(143, 41%, 40%, 1);}
	60% {color: hsla(34, 41%, 40%, 1);}
	80% {color: hsla(334, 41%, 40%, 1);}
	100% {color: hsla(262, 41%, 40%, 1);}
}

/* Container Elements and Structure */

#wrapper {
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );	
}

#container {
	float: none;
	background: #fff;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 90%;
	min-width: 800px;
	margin: 0px auto;
	overflow-x: hidden;
}

main {
	margin: 0px auto 12px auto;
	padding: 12px 20px;
	/*overflow: auto;*/
}

/* Header and Footer Stuff */

header {
	float: left;
	width: 100%;
	position: relative;
	margin: 0px auto 12px;
}

footer, .push {
	height: 30px; /* '.push' must be the same height as 'footer' */
}

footer {
	float: none;
	width: 70%;
	margin: 10px auto;
	text-align: center;
	height: 30px;
/*	background: #fff;
	border-top: 1px solid #232323;*/
}

#title {
	width: 70%;
	float: none;
	text-align: center;
	white-space: nowrap;
	margin: 24px auto 12px;
}

#title img {
	width: 90%;
	vertical-align: top;
}


#admin{
	color: #232323;
	font-size: 0.8em;
}

#status {
	display: none;
	width: 100%;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	height: 30px;
	font-size: 1.2em;
	color: hsla(213, 100%, 32%, 1);
}

#notfound {
	width: 100%;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	height: 30px;
	font-size: 1.2em;	
}

/* Buttons */

.button {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	background-color: hsla(273, 68%, 25%, 1);
	border: 1px solid hsla(273, 68%, 18%, 1);
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: table-cell;
	font-size: 0.9em;
	height: 35px;
	text-align: center;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;		
	vertical-align: middle;
	width: 250px;	
}
.button:hover {
	border: 1px solid hsla(273, 50%, 45%, 1);
	background-color: hsla(273, 50%, 50%, 1);
	text-decoration: none;
}

.button.light {
	color: rgb(61, 61, 61);
	border: 1px solid rgb(168, 168, 168);
	background-color: rgb(250, 250, 250);
}

.button.light:hover {
	color: hsla(273, 68%, 45%, 1);
	border: 1px solid hsla(273, 50%, 45%, 1);
	background-color: #fafafa;
}

.button.small {
	height: 25px;
	width: 150px;
	font-size: .8em;
}

/* Form Elements */

textarea {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	border: 1px #e1e8ed solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 120px;
	font-size: 0.9em;
	line-height: 1.5em;
	outline: none;
	padding: 0.4em 5px;
}

input {
	color: rgba(0,0,0,.8);
}

input[type="text"], input[type="email"], input[type="password"] {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	border: 1px #e1e8ed solid;
	height: 40px;
	font-size: 0.9em;
	outline: none;
	padding-left: 5px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	border: 1px #e1e8ed solid;
	height: 40px;
	outline: none;
}

input[type="submit"] {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	font-size: 0.9em;
	text-transform: uppercase;
}

input[type="button"], button {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	font-size: 0.9em;
	text-transform: uppercase;		
}

select {
    -moz-appearance: none;
	-webkit-appearance: none;
	background: url('../_images/dropdown.svg') no-repeat right white;
	border: 1px #e1e8ed solid;
	border-radius: 0;
	font-size: 0.9em;
	height: 40px;
	line-height: 1.5em;
	outline: none;
	padding: 2px 0 0 5px;
	text-indent: 1px;
    text-overflow: '';
}

@-moz-document url-prefix() {
	select {
		-moz-appearance: none;
		-webkit-appearance: none;
		background: url('../_images/dropdown.svg') no-repeat right white;
		border: 1px #e1e8ed solid;
		border-radius: 0;
		font-size: 0.9em;
		height: 40px;
		line-height: 1.5em;
		outline: none;
		padding: 9px 0 0 0;
		text-indent: 1px;
	    text-overflow: '';
	}
}


/* Placeholder */

:-moz-placeholder {
	font-size: .9em;
	/*color: rgba(0,0,0,.4);*/
} /* Firefox 18- */ 
::-moz-placeholder {
	font-size: .9em;
	/*color: rgba(0,0,0,.4);*/
} /* Firefox 19+ */ 
:-ms-input-placeholder {
	font-size: .9em;
	/*color: rgba(0,0,0,.4);*/
}
::-webkit-input-placeholder {
	font-size: .9em;
	/*color: rgba(0,0,0,.4);*/
}

/* Main Menu */

#menu {
	float: none;
	width: 70%;
	text-align: center;
	margin: 6px auto;
	min-height: 28px;
}

#menu_social {
	float: none;
	width: 70%;
	margin: 0px auto;
	text-align: center;
	padding: 8px 0px;
}

ul.menu_list{
	margin-left: -40px;
	margin-bottom: 4px;
	margin-top: 5px;
	width: 100%;

}

li.menu_item {
	display: inline-block;
	/*padding: 0px 2px;*/
}

li.menu_item a{
	color: #232323;
	font-size: 1.1em;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: opacity .3s ease;  
	-moz-transition: opacity .3s ease;  
	-o-transition: opacity .3s ease;  
	-ms-transition: opacity .3s ease;  
	transition: opacity .3s ease;	
	opacity: 1;
}

li.menu_item a:hover{
	opacity: .5;
}

li.menu_item a img {
	padding: 4px;
	height: 15px;
}

.menu_bullet {
	content: "\2022";
	line-height: .7em;
	font-size: 1.8em;
	color: #320056;
	vertical-align: top;	
}

li.menu_item::after{
	content: "\2022";
	line-height: .7em;
	font-size: 1.8em;
	color: #320056;
	vertical-align: top;
	padding-left: 2px;
}

li.menu_item:last-of-type::after{
	content: none;
}

a.menu_icon {
	color: #232323;
	font-size: 1.1em;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px;	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: color .3s ease;  
	-moz-transition: color .3s ease;  
	-o-transition: color .3s ease;  
	-ms-transition: color .3s ease;  
	transition: color .3s ease;	
}

a.menu_icon:hover{
	color: hsla(275, 100%, 17%, 0.5);
}

/* Content Box Styles */

.content_box_row {
	padding-bottom: 40px;
	float: left;
	width: 100%;
}

.content_box_row.height2 {
	height: 200px;
	max-height: 200px;
}
.content_box_row.height3 {
	height: 300px;
	max-height: 300px;
}
.content_box_row.height4 {
	height: 400px;
	max-height: 400px;
}

.content_box {
	overflow: hidden;
	background: #fff;
	background-size: cover;
	background-repeat: none;
	background-position: center;
	/*padding: 0px 12px;*/
	margin: 4px 4px; 
	height: 100%;
}

.content_box.shadow {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.03);
}

.content_box img {
	width: 100%;
}

.content_box.full {
	float: left;
	width: 100%;
}

.content_box.wide {
	width: 63%;
}

.content_box.narrow {
	width: 34%;
}

.content_box.left {
	padding-left: 0px;
	float: left;
}

.content_box.right {
	padding-right: 0px;
	float: right;
}

.content_box.center {
	margin: 0px auto;
	float: none;
}

/* Content Styles */

.content_header {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 12px;
}

.content_title {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.content_date {
	font-size: .8em;
	font-weight: 200;
	text-align: center;
	margin-bottom: 12px;
}

.content_body {
	font-weight: 300;
}

#page_title {
	width: 100%;
	float: left;
	margin: 12px auto;
	text-align: center;
	font-size: 3em;
	font-weight: 600;
	color: #232323;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;	
}

#page_title img{
	height: 40px;
/*	max-height: 6vw;*/
}

#page_subtitle {
	width: 100%;
	float: none;
	margin: 12px auto;
	text-align: center;
	font-size: 2em;
	font-weight: 600;
	color: rgba(0,0,0,.7);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}


#page_description {
	width: 100%;
	float: none;
	margin: 0px auto 32px;
	text-align: center;
	font-size: 1.3em;
	color: #BDBDBD;
}

#page_buttons {
	width: 100%;
	margin: 8px auto 24px auto;
	text-align: center;
}

#page_buttons button{
	margin: 0px auto;
}

#page_header_image {
	width: 100%;
	float: none;
	margin: 32px auto 32px;
}
#page_header_image img {
	width: 100%;
}

.centered {

}

/* Div width helpers */

.span1 {
	width: 8.33%;
}
.span2 {
	width: 16.66%;
}
.span3 {
	width: 25%;
}
.span4 {
	width: 33%;
}
.span6 {
	width: 50%;
}
.span9 {
	width: 75%;
}
.span12 {
	width: 100%;
}


/* Misc Styles */



/* responsive design css rules */


@media only screen and (max-width: 489px) {

	#title {
		width: 100%;
		margin-bottom: 24px;
	}

	#container {
		width: 100%;
		min-width: 0px;
	}

	#menu {
		width: 90%;
	}

	#page_title {
		font-size: 2.4em;
	}

	#page_title img{
		height: 80px;
		max-height: 8vw;
	}

	.content_box {
		margin: 12px 0px;
	}

	.content_box.left, .content_box.right {
		float: left;
	}

	.content_box.wide {
		width: 100%;
	}

	.content_box.narrow {
		width: 100%;
	}

	.content_box_row {
		float: none;
	}

	#admin {
		font-size: 1em;
	}

	button, .button {
		width: 100%;
	}

}

@media only screen and (min-width: 490px) and (max-width: 799px){

	#container {
		width: 100%;
		min-width: 0px;
	}

	#title {
		width: 90%;
	}


	#page_title img{
		height: 36px;
		/*max-height: 5vw;*/
	}

	.content_box {
		margin: 12px 0px;
	}

	.content_box.left, .content_box.right {
		float: left;
	}

	.content_box.wide {
		width: 100%;
	}

	.content_box.narrow {
		width: 100%;
	}

	.content_box_row {
		float: none;
	}

	button, .button {
		width: 100%;
	}
}

@media only screen and (min-width: 800px) and (max-width: 999px){

}

@media only screen and (min-width: 1000px) {


}