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

/* ------------------------------------- Basic Structure ---------------------------------------- */
* {
					padding:0;
					margin:0;
}

html,body {
					margin:0 0 0 0;
					padding:0;
					height:100%; /* needed for container min-height */
					background:#101010;
}

#container {
					margin:0 auto; /* center, not in IE5 */
					padding:0 0 0 0;
					width:940px;
					background:#fefefc;
}

#header {	
					width:860px;
					margin:0 auto;				
}


#content {
					width:940px;
}

#footer {
					width:940px;
					height:125px;
					background:#4F1102;
}

#menu {
					height:95px;
					background:url(../images/background_menu.jpg) bottom repeat-x;
}

#header_image {		height:335px;
					margin:10px 0 10px 0;
					border-color:#101010;
					border-width:1px;
					border-style:solid;
}

#collumn_left {
					width:550px;
					float:left;
					background:url(../images/background_menu.jpg) top repeat-x;
					margin:0 40px 10px 40px;
					padding: 30px 0 0 0;
					
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:16px;
					color:#333;				
					line-height:1.6em;
}

#collumn_right {
					width:310px;
					float:left;
					background:url(../images/icon_twitter3.gif) bottom right no-repeat;
					padding:0 0 30px 0;
					margin:0 0 50px 0;
					
					font-size:14px;					
					font-family:Georgia, "Times New Roman", Times, serif;
					color:#4a4a4a;					
					line-height:1.5em;
}

.block_right {
					background:url(../images/background_menu.jpg) top repeat-x;
					margin:0 40px 20px 0;
					padding:20px 0 0 0;
}

.block_right_inner {
					margin:0 0 0 20px;
}

.block_title2 {
					width:100px;
					height:30px;
					background-color:#7A1B03;
					margin:0 0 10px 0;
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					color:#FFF;
					font-size:10px;
					font-weight:bold;
					text-align:center;
					line-height:30px;
					text-transform:uppercase;
					display:block;
}

.clear {
					width:1px;
					height:1px;
					clear:both;
					display:hidden;
}

.blog_date {
					width:60px;
					height:50px;
					background-color:#101010;
					float:left;
					margin:5px 20px 5px 0;
					font-family:"Lucida Console", Monaco, monospace;
					font-size:9px;
					text-transform:uppercase;
					color:#FFF;
					text-align:center;
					vertical-align:middle;
					padding:10px 0 0 0;
}

#footer_logo {
					margin:51px 0 0 40px;
					width:67px;
					height:24px;
					float:left;
					background:url(../images/logo_hs_small.gif) no-repeat;

}

#footer_email {
					float:left;
					height:65px;
					font-family:Arial, Helvetica, sans-serif;
					color:#fefefc;
					font-size:12px;
					margin:50px 0 0 50px;
}

#footer_social {
					float:left;
					margin:45px 0 0 35px;

}

#footer_credits {
					float:left;
					text-align:right;
					font-family:Arial, Helvetica, sans-serif;
					color:#fefefc;
					font-size:11px;
					margin:62px 40px 0 38px;
}

.imageElement {
					float:left;
					display:none;
}

.blog_post {
					margin: 0 0 25px 0;
}

.blog_post_last {
					margin: 0 0 45px 0;
}

#rotator {
					overflow: hidden;
					position: relative;
					width: 858px;
					height: 335px;
}

#rotator img {
					border: 0;
					width: 856px;
					height: 333px;
					margin:1px;
}

div.music {
					width:480px;
					margin:0 0 10px 0;
}

.music_left {
					float:left;
					
}

.music_right {
					float:right;
					
}

.content_title {
					width:100px;
					height:30px;
					background-color:#101010;
					margin:-10px 0 20px 0;
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					color:#FFF;
					font-size:10px;
					font-weight:bold;
					text-align:center;
					line-height:30px;
					text-transform:uppercase;
}

.calendar_entry {
					float:left;
					width:450px;
					min-height:40px;
					padding:10px;
}

.calendar_info {
					margin:20px 0 0 0;
}

.form_label {
					float:left;
					width:110px;
}

.form_input {
					float:left;
}

.youtube {
					margin:10px 0 10px 0;
}

.tweet {
					margin:0 0 8px 0;
}

.tweet span {
					font-size:12px;
					color:#666666;
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.block_right_calendar_date {
					color:#666;
					font-size:11px;
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* ------------------------------------------ End Basic Structure ------------------------------- */

/* ---------------------------------------------- Typography ------------------------------------ */

@font-face {
					font-family: 'LeagueGothicRegular';
					src: url('../fonts/league_gothic-webfont.eot');
					src: local('☺'), url('../fonts/league_gothic-webfont.woff') format('woff'), url(	'../fonts/league_gothic-webfont.ttf') format('truetype'), url('../fonts/league_gothic-webfont.svg#webfontWVUcClHK') format('svg');
					font-weight: normal;
					font-style: normal;
}

#collumn_left p {
					padding:0;
					margin:0px 0 10px 0;
}

#collumn_right p, #credits p {
					padding:0;
					margin:0 0 20px 0;
}

#footer p {
					font-size:11px;					
					font-family:"Lucida Console", Monaco, monospace;
					color:#4a4a4a;					
					line-height:1.5em;
					padding:0;
					margin:70px 0 0 0;
}

h1 {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:30px;
					font-weight:normal;
					margin:0 0 10px 0;
					color:#8A1E04;
					text-transform:capitalize;
}

h1.title {
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					color:#FFF;
					font-size:10px;
					font-weight:bold;
					text-transform:uppercase;
}

h2 {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:22px;
					font-weight:normal;
					margin:0;
					color:#8A1E04;
}			

#collumn_right ul {
					list-style:outside;
					list-style-type:square
}

#collumn_right li {
					margin:0 0 6px 0;
}

.blog_date p:first-line {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:34px;
					color:#FFF;
					vertical-align:middle;
}

.calendar_info p{
					padding:0;
					margin:0;
}

blockquote {
					font-style:italic;
					margin:0 40px 0 40px;
					font-size:15px;
					color:#666;
}

/* ------------------------------------------ End Typography ------------------------------------ */

/* --------------------------------------------- Links ------------------------------------------ */
a {
					color:#681602;
					text-decoration:none;
}

a:visited {
					color:#681602;
}

a:hover {
					color:#8A1E04;
					border-bottom:1px dotted #8A1E04;
}

a:active {
					color:#8A1E04;
}

#footer a {
					color:#686a6c;
					text-decoration:none;
}

#footer a:visited {
					color:#686a6c;
					text-decoration:none;
}

#footer a:hover {
					color:#fefefc;
					border-bottom:1px dotted #fefefc;
					text-decoration:none;
}
					
#footer a:active {
					color:#686a6c;
					text-decoration:none;
}

a#facebook {
					display:block;
					width:111px;
					height:45px;
					background:url(../images/footer_icon_facebook.jpg) no-repeat;
					float:left;
					margin:1px 0 0 5px;
}

a#facebook:visited {
}

a#facebook:hover {
					border:0;
					background:url(../images/footer_icon_facebook.jpg) no-repeat;
					background-position:-111px;
}

a#facebook:active {
}

a#myspace {
					display:block;
					width:111px;
					height:45px;
					background:url(../images/footer_icon_myspace.jpg) no-repeat;
					float:left;
					margin:3px 0 0 20px;
}

a#myspace:visited {
}

a#myspace:hover {
					border:0;
					background:url(../images/footer_icon_myspace.jpg) no-repeat;
					background-position:-111px;
					
}

a#myspace:active {
}

a#twitter {
					display:block;
					width:111px;
					height:45px;
					background:url(../images/footer_icon_twitter.jpg) no-repeat;
					float:left;
					margin:3px 0 0 20px;
}

a#twitter:visited {
}

a#twitter:hover {
					border:0;
					background:url(../images/footer_icon_twitter.jpg) no-repeat;
					background-position:-111px;
}

a#twitter:active {
					
}

a.block_title {
					width:100px;
					height:30px;
					background-color:#7A1B03;
					margin:0 0 10px 0;
					font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
					color:#FFF;
					font-size:10px;
					font-weight:bold;
					text-align:center;
					line-height:30px;
					text-transform:uppercase;
					display:block;
					text-decoration:none;
}

a.block_title:visited {
					
					color:#FFF;
					margin:0 0 10px 0;
					display:block;					
}

a.block_title:hover {
					
					color:#FFF;
					background:#000;
					border:0;
					margin:0 0 10px 0;
					display:block;					
}

a.block_title:visited {
					
					color:#FFF;	
					margin:0 0 10px 0;
					display:block;							
}

.youtube a:hover {
					border:none;
}

.calendar_info a {
					background:none;
					color:#681602;
}

.calendar_info a:visited {
					background:none;
					color:#681602;
}

.calendar_info a:hover {
					background:none;
					color:#681602;
}

.calendar_info a:active {
					background:none;
					color:#681602;
}

/* -------------------------------------------- End Links --------------------------------------- */

/* -------------------------------------------- Images ------------------------------------------ */

.content img {
					padding:1px;
					border-width:1px;
					border-color:#101010;
					border-style:solid;
}

/* --------------------------------------------- Menu ------------------------------------------- */

.main_menu {
					list-style-type:none;
					list-style:none;
					float:right;	
}

.main_menu li {
					float:left;
					display:inline;
}

.main_menu a {
					display:block;
					font-family:LeagueGothicRegular, 'Trebuchet MS';
					font-size:34px;
					text-transform:uppercase;
					text-decoration:none;
					color:#101010;
					padding:0 3px 0 3px;
					margin:45px 0 0 1px;
}

.main_menu a:visited {
					font-style:normal;
}

.main_menu a:hover {
					color:#FFF;
					text-decoration:none;
					font-style:normal;
					background:#101010;
}

.main_menu a:active {
					color:#fefefc;
					font-style:normal;
}

.main_menu .active a {
					background:#101010;
					color:#fff;
}

/* ------------------------------------------ Form ------------------------------------------------- */
fieldset {
					border:0;
}

.spform_input {
					position:absolute;
					text-decoration:underline;
					background-color:#CC0000;
					left:0px;
					top:-500px;
					width:1px;
					height:1px;
					overflow:hidden;
}
