@import 'reset-min.css';
@import 'fonts-min.css';
@import 'hacks.css';

html, body { 
	background: #fff url(../img/body-tile.png) repeat-x;
	color: #333;
	font-family: tahoma; 
}

.centered { margin: 0 auto 0 auto; width: 910px; }

#logo { 
	float: left;
	width: 170px; 
}

#banner { 
	height: 168px; width: 707px; 
	float: right;
}

#main_content { 
	background: transparent url(../img/rail-shading-tile.png) repeat-y right;
	min-height: 500px;
	padding-bottom: 20px;
}

#content_left { 
	float: left;
	width: 640px;
}

#content_right { 
	background: transparent url(../img/rail-shading-top.png) no-repeat left top;
	float: right;
	min-height: 200px;
    height: auto !important;
    height: 200px; 
    padding: 15px 0 0 20px;
	width: 230px;
}

/* Mast Menu
------------------------------------------------------------------------------*/

#mast_menu { 
	float: right; 
	margin-top: 5px; 
}
#mast_menu ul { margin: 0; float: right; }
#mast_menu li { 
	background: none;
	color: #666;
	float: left;
	list-style: none;
	padding: 0;
	font-size: 0.85em;
	line-height: 20px;
	margin-left: 15px;
}
#mast_menu li.first { margin-left: 0; }

#mast_menu a {
	background: transparent url(../img/mast-menu-div.png) no-repeat left;
	color: #666;
	padding-left: 15px;
}

#mast_menu a:hover { color: #ce1b22; }
#mast_menu li.first a { background: none; }

#mast_menu li.who { 
	background: transparent url(../img/mast-menu-div.png) no-repeat left; 
	color: #999; 
	padding-left: 20px; 
}
#mast_menu li.signin a { background: #ce1b22; color: #fff; padding: 0.1em; }

/* Main Menu
------------------------------------------------------------------------------*/

#main_menu {
	clear: both;
	height: 42px; margin-bottom: 15px;
}
#main_menu ul { margin-top: 0; margin-bottom: 0; }
#main_menu li { 
	background: none;
	float: left;
	list-style: none;
	padding: 0;
}

#main_menu li:hover {
	background: transparent url(../img/main-menu-tile-active.png) repeat-x;
}

#main_menu a {
	background: transparent url(../img/main-menu-div.png) no-repeat left;
	display: block; 
	font-size: 14px; font-weight: bold;
	line-height: 42px;
	padding: 0 15px 0 15px;
}

#main_menu a:hover {
	background: transparent url(../img/main-menu-arrow.png) no-repeat bottom center;
	color: #fff;
}

#main_menu li.first a { background: none; }

#main_social { float: right; }
#main_social a { border: 0; background: none; font-size: 10px; font-weight: normal;
padding: 0 0 0 5px; margin-top: 10px; }
#main_social li:hover { background: none; }

/* Trail Menu
------------------------------------------------------------------------------*/

#trail_menu { margin-top: -10px; }
#trail_menu ul { margin: 0; }
#trail_menu li { 
	background: transparent url(/media/img/trail-divider.png) no-repeat left center;
	float: left; 
	font-size: 0.85em; list-style: none;
	margin-left: 1em; padding-left: 1em;
}
#trail_menu li.first { background: none; margin-left: 0; padding-left: 0; }

#sub_menu li a { font-size: 14px; }

/* Foot
------------------------------------------------------------------------------*/

#foot { 
	background: #eee url(/media/img/foot-top-tile.png) repeat-x top;
	height: 170px;
	padding-top: 30px;
}

#foot_left { float: left; }
#foot_right { float: right; }

.foot_block {
	float: left; 
	width: 200px;
}

#foot ul.social li { background: none; padding: 0 0 10px 0; }
.foot_block ul li { display: block; }
.foot_block ul li img { vertical-align: middle; margin-right: 10px; }

/* Common
------------------------------------------------------------------------------*/

.hidden { display: none; }

a { color: #ce1b22; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
a.chunky { background: #ce1b22; color: #fff; font-size: 16px;
	padding: 0.1em; line-height: 1.6em;  }

h1 { font-size: 24px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }

h1, h2, h3 { margin: 0.6em 0 0.6em 0; }
h2, h3 { margin: 1em 0 1em 0; }

p, ul, ol, table, address, blockquote { margin: 0.6em 0 0.6em 0; }

li { 
	background: transparent url(/media/img/bullet-normal.png) no-repeat  left 0.5em ;
	list-style: none; 
	padding-left: 1.5em;
}

h1, h2, h3, p, li, blockquote { line-height: 1.4em; }
.map h1 { margin: 0; }

em, strong { color: #ce1b22; font-style: normal; font-weight: bold; }

.watermark { color: #999; }

p.note {
	background: #ffffcc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px; margin: 20px 0 20px 0;
	font-size: 14px;
}

hr {
	border: none; 
	clear: both;
	height: 2px;
	background: #ccc;
	margin: 20px 0 20px 0;
}

.map { margin-bottom: 15px; }

address { 
	font-size: 18px; 
}

blockquote { color: #555; font-size: 1.3em; font-style: italic; padding-left: 2em; }

.event_meta {
	background: #eee; 
	border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;
	padding: 10px; margin-bottom: 15px; 
}

/* Lists
------------------------------------------------------------------------------*/

ul.icon_link { margin: 0; padding: 0; }
ul.icon_link li { background: none; list-style: none; margin: 10px 0 10px 0; padding: 0; }
ul.icon_link li img { margin-right: 10px; vertical-align: middle; }

table.blob_list td.blob_list_num { 
	background: transparent url(../img/bullet-blob.png) no-repeat center center; 
	color: #fff; line-height: 28px;
	text-align: center; 
	width: 28px; 
}

table.blob_list td { padding: 5px; }

ul.horizontal li { background: none; padding: 0 10px 0 0; list-style: none; float: left; }
ul.horizontal li img { margin-right: 5px; vertical-align: middle; }

ul.more_space li { margin-bottom: 10px; }

/* Forms
------------------------------------------------------------------------------*/

label { font-weight: bold; line-height: 2em; }

.f_field { margin: 0 0 10px 0;  }

a.button { 
	background: #ce1b22; color: #fff; line-height: 2.2em; padding: 5px;
}

a.button:hover { text-decoration: none; }

input { font-size: 14px; padding: 2px; }
input[type=text] { width: 50%; }

input.button {
	background: #ce1b22; color: #fff; 
	border: 0; margin-left: 10px; padding: 5px;
}

.buttons { text-align: right; }
.buttons_l { text-align: left; }
.buttons_l input.button { margin-left: 0; }

.fify_field_tip {
	color: #888;
	font-size: 10px;
	margin-top: 5px;
}

.formify_fify_fieldcheckbox label { font-weight: normal; }

.fify_field_error, .fify_form_errors { color: #ce1b22;
	font-size: 11px; font-weight: bold; font-style: italic; margin-top: 5px; }
	
.fify_form_errors, .result_neg { background: #ce1b22; color: #fff; padding: 10px; margin-bottom: 15px; }
.result_pos { background: lightgreen; color: green; padding: 10px; margin-bottom: 15px; }

.buttons { margin-top: 20px; }

label { font-weight: bold; }
textarea { width: 99%; }

.f_group div { display: inline; }
.f_group div.f_input { display: block; margin-bottom: 5px; }
.f_group div label { display: inline; font-size: 10px; margin-left: 5px; }
.f_group .fify_field_error { display: block; }

.f_tip { color: #999; font-size: 11px; margin: 0; }

.f_fields_oneline div { display: inline; }

/* Content
------------------------------------------------------------------------------*/

.hako_type_file { margin: 10px 0 10px 0; }

.block_row .block { float: left; }
.block_row .last { margin-right: 0; }

.hblock { margin: 0 0 25px 5px; }
.hblock h2 { font-weight: normal; margin: -10px 0 0 -5px; line-height: 32px;
	padding: 0 0 0 20px; width: 90%; }
.hblock h2 a { color: #fff; }
.hblock div.content { padding: 10px; }
.hblock-red { border:2px solid #CE1B22; }
.hblock-red h2 { background: #CE1B22; color:#fff; }
.hblock-grey { border:2px solid #333; }
.hblock-grey h2 { background: #333; color:#fff; }
.hblock_row .hblock { float: left; margin-left: 10px; }
.hblock_row .first { margin-left: 0; }

.right-box { 
	background: #fff url(../img/right-box-body-tile.png) repeat-y; 
	margin-bottom: 15px; 
}
.right-box-edge {
	background: transparent url(../img/right-box-edge.png) no-repeat;
	height: 1px;
}
.right-box-body { padding: 9px 10px 9px 10px; }
.right-box-body h3 { font-size: 14px; }

.red-box { background: #ce1b22; color: #fff; padding: 10px; margin-bottom: 20px;  }
.red-box-tri { background: #fff url(/media/img/red-box-tri.png) no-repeat left bottom; height: 5px; margin-left: 15px; margin-bottom: 15px; }
.red-box input.button { border: 1px solid #fff; }

.red-box-border { border: 1px solid #ce1b22; color: #ce1b22; padding: 10px; margin-bottom: 20px; }
.red-box-border2 { border: 1px solid #ce1b22; padding: 10px; margin-bottom: 20px; }

/* Home */

.home_blocks .hblock { height: 180px; }

.intro-block * { margin: 0; padding: 0; }
.intro-block { margin-bottom: 25px; }
.intro-block h2 {
	background: transparent url(../img/intro-block-bg.png) no-repeat;
	font-weight: normal;
	height: 38px; width: 640px;
}
.intro-block div { 
	background: #eee url(../img/home/intro-block-will.png) no-repeat 10px bottom;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-left: 5px;
}
.intro-block h2 { color: #fff; font-weight: normal; line-height: 32px; padding-left: 20px; margin: 0;}
.intro-block p { font-size: 14px; padding: 0 15px 15px 90px; }

#twitter_block { border: 2px solid #1862aa; color: #1862AA; font-size: 18px; }
#twitter_block h2 { background: #1862AA; }
#twitter_block { background: transparent url(/media/img/home/twitter.png) no-repeat bottom right; }

#shop_block { background: transparent url(/media/img/home/t-shirt.png) no-repeat bottom right; }

.partner { border-bottom: 1px solid #ddd; padding: 10px 0 10px 0; }
.partner_logo { float: left; width: 180px; }
.partner_content { float: left; width: 460px; }

/* Modules */

.map { background: #fff; border: 2px solid #ce1b22; padding: 10px; }
.pc_searched { font-size: 16px; }

#flickr_images li { float: left; list-style: none; background: none; margin: 0 10px 0 0; padding: 0; }

table#post_event td { padding: 10px; }

