@charset "utf-8";
/* CSS Document */

/*
shadowstate.com Main Site Style Sheet
v1.0
Last Updated: 2014-08-14
Author: Nicholas Dodson - http://www.thenickdodson.com
Twitter: @thenickdodson
*/

.page_width
{
	width: 960px;
}


/* -----------------------------------*/
/* ---------->>> Colours <<<-----------*/
/* -----------------------------------*/


.light_gray
{
	color: #F1F1F1;
}

.light_gray_bg
{
	background-color: #F1F1F1;
}

.gray
{
	color: #aaaaaa;
}

.gray_bg
{
	background-color: #aaaaaa;
}
.orange
{
	color: #fe8900;
}

.orange_a a
{
	color: #fe8900 !important;
}

.orange_bg
{
	background-color: #fe8900;
}

.dark_orange
{
	color: #e76801;
}

.dark_orange_bg
{
	color: #e76801;
}

/* -----------------------------------*/
/* ---------->>> Type Sizes <<<-----------*/
/* -----------------------------------*/

b
{
	font-family: m7, Arial !important;
}

.huge
{
	font-family: m7, Arial;
	
	font-size: 56px;
	
	letter-spacing: -1px;
}

.kinda_huge
{
	font-family: m5;
	
	font-size: 36px;
}

.big
{
	font-family: m1, Arial;
	
	font-size: 30px;
}

.kinda_big
{
	font-family: m1, Arial;
	
	font-size: 24px;
	
	letter-spacing: -1px;
}

.kinda_big_bold
{
	font-family: m5, Arial;
	
	font-size: 24px;
	
	letter-spacing: -1px;
}

.medium
{
	font-family: m1, Arial;
	
	font-size: 14px;
}

.kinda_standard
{
	font-family: m1, Arial;
	
	font-size: 18px;
}

.standard
{
	font-family: m1, Arial;
	
	font-size: 12px;
}

.small
{
	font-family: m1, Arial;
	
	font-size: 10px;
}

.long_body_copy
{
	line-height: 30px;
}

.big_body_copy
{
	line-height: 35px;
}

/* -----------------------------------*/
/* ---------->>> Buttons! <<<-----------*/
/* -----------------------------------*/

.small_select
{
	border: 0px;
	
	background-color: #FFFFFF;
	
	line-height: 25px;
	
	height: 25px;
	
	padding-left: 7px;
	
	font-size: 14px;
	
	font-family: m1, Arial;
}

.big_button
{
	height: 60px;
	
	line-height: 60px;
	
	min-width: 125px;
	
	padding-left: 20px;
	
	padding-right: 20px;
	
	border: 0px;
	
	cursor: pointer;
}

.medium_button
{
	height: 50px;
	
	line-height: 50px;
	
	min-width: 125px;
	
	padding-left: 15px;
	
	padding-right: 15px;
	
	border: 0px;
	
	cursor: pointer;
}

.small_button
{
	height: 25px;
	
	line-height: 25px;
	
	min-width: 65px;
	
	padding-left: 10px;
	
	padding-right: 10px;
	
	border: 0px;
	
	cursor: pointer;
}

.edit_button
{
	padding-bottom: 10px;
	
	border: 0px;
}

/* -----------------------------------*/
/* ---------->>> Text Inputs! <<<-----------*/
/* -----------------------------------*/

.big_input
{
	min-height: 50px;
	
	line-height: 50px;
	
	padding-left: 23px;
	
	margin-bottom: 10px;
	
	min-width: 300px;
}

.medium_input
{
	min-height: 40px;
	
	line-height: 40px;
	
	padding-left: 20px;
	
	margin-bottom: 15px;
	
	min-width: 255px;
}

/* -----------------------------------*/
/* ---------->>> Header! <<<-----------*/
/* -----------------------------------*/

#header
{
	height: 88px;
}

#yipoh_logo
{
	margin-top: 30px;
}

#yipoh_logo:hover
{
	color: #FFFFFF;
}

#header_nav
{
	margin-top: 60px;
}

#header_nav a
{
	color: #FFFFFF;
	
	padding-left: 10px;
}

#header_nav a:hover
{
	text-decoration: underline;
}

/* -----------------------------------*/
/* ---------->>> Main Wrapper! <<<-----------*/
/* -----------------------------------*/


/* -----------------------------------*/
/* ---------->>> Home Page! <<<-----------*/
/* -----------------------------------*/

.home_bg
{
	background-color: #f1f1f1;
	
	background-image: url(images/home_bg.jpg);
	
	background-repeat: no-repeat;
}

#home_page
{
	width: 860px;
	
	margin-top: 100px;
}

#home_page h1
{
	margin-bottom: 50px;
}

#home_page h2
{
	margin-bottom: 20px;
}

.home_column
{
	width: 411px;
}

.signup_form_width
{
	width: 389px;
}

#signup_terms
{
	width: 235px;
	
	margin-top: 17px; 
	
	margin-right: 15px;
}

#signup_submit
{
}


/* -----------------------------------*/
/* ---------->>> Login Box! <<<-----------*/
/* -----------------------------------*/

#login_page
{
	margin-top: 100px;
}

#login_box
{
	width: 450px;
}

#login_header
{
	height: 60px;
	
	line-height: 60px;
	
	padding-left: 20px;
}

.login_body_width
{
	width: 390px;
}

#login_body
{
	padding: 20px;
	
	width: 410px;	
}

#login_body span
{
	padding-bottom: 20px;
}

#login_footer
{
	border-top: 1px solid #aaa;
	
	padding: 20px;
}

#login_footer a
{
	float: left;
	
	margin-right: 30px;
	
	color: #aaa;
}


/* -----------------------------------*/
/* ---------->>> Account Page Here <<<-----------*/
/* -----------------------------------*/

#account_page
{
	position: relative;
}

#account_side_nav
{
	width: 200px;
	
	position: absolute;
	
	left: -220px;
	
	text-align: right;
	
	margin-top: 50px;
}

.account_23_box
{
	width: 730px;
}

#account_box_1
{	
	line-height: 45px;
	
	height: 45px;
}

#account_box_1 select
{
	margin-top: 10px;
}

#account_box_2
{
	padding-top: 20px;
	
	padding-bottom: 20px;
}


/* Event STATS Bar, Attendees, Profit etc. */
#event_stats td
{
	padding: 20px;
	
	margin-bottom: 20px;
}