/* CSS Document

Style Sheet
(c) Copyright 2008 Tangletree Graphic Design
--------------------------------------------------------------------------------------------------*/

body 							{ font-family: arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; background-image:url('../img/tile_main.gif'); background-color: #000; color: #000; }

ul								{
	list-style: square;
	line-height: 120%;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 13px;
}
/* Navigation
--------------------------------------------------------------------------------------------------*/

#nav {
width: 800px;
height: 45px;
margin:0px 0px 0px 0px;
padding:0;
}

#nav li {
display:inline;
padding:0;
margin:0;
}

#nav a:link,
#nav a:visited {
background:#333333;
padding:21px 17px 7px 17px;
float:left;
width:auto;
border-left:1px solid #000;
}

#nav a:hover {
background:#000;
}

#nav a#selected {
background:#FF0066;
}

/* Contents
--------------------------------------------------------------------------------------------------*/

#wrapper						{ margin: 0 auto; width: 800px; }

#footer							{ width: 800px; height: 150px; margin: 10px 0px 20px 0px; }

#movie							{ width: 800px; height: 300px; margin: 5px 0px 0px 0px; background-color: #FF0066; }

#content						{ width: 800px; margin: 0px 0px 0px 0px; background-color: #fff; }

#left_column					{ float: left; width: 170px; display: inline; margin: 20px 0px 10px 30px; }

#right_column					{ float: left; width: 600px; display: inline; margin: 20px 0px 10px 0px; }

#logo							{ width: 220px; height: 280px; margin: 0px 0px 0px 0px; }

#header							{ width: 680px; height: 260px; margin: 5px 0px 5px 0px; background-color: #CC0000; }

#clearout						{ width: 800px; height: 5px; background-color: #FF0066; clear: both; }

#nav_bar						{ width: 800px; height: 45px; margin: 0px 0px 5px 0px; }

#latest							{ float: left; width: 180px; display: inline; margin: 20px 0px 10px 25px; }

#single_column					{ float: left; width: 520px; display: inline; margin: 20px 30px 10px 40px; }

#tickertape						{ margin: 0px 0px 0px 0px; width: 800px; height: 30px; background-color: #fff; border-bottom: dotted 1px #CCCCCC; padding: 6px 0px 6px 0px;}

#page_hdr						{ margin: 0px 0px 0px 0px; width: 770px; height: 40px; background-color: #fff; border-bottom: dotted 1px #CCCCCC; padding: 6px 0px 0px 30px;}

#latest_hdr						{ width: 160px; height: 30px; padding: 5px 5px 0px 15px;; margin: 0px 0px 10px 0px; background-color: #FF0066;}


/* Downloads
--------------------------------------------------------------------------------------------------*/

#download						{ float: left; width: 150px; height: 170px; margin: 20px 10px 10px 0px; border: #CCCCCC 1px solid; padding: 4px; }


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

.text	 					{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text a:link	 			{ font-size: 13px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold;}
.text a:visited	 			{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text a:hover 				{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.text_bd 					{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.text_blk	 					{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_blk a:link	 			{ font-size: 13px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_blk a:visited	 			{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_blk a:hover 				{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.text_blk_bd 					{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.h1_blk	 					{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.h1_blk a:link	 			{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.h1_blk a:visited	 			{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.h1_blk a:hover 				{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.h1_blk_bd 					{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }


.h3	 						{ font-size: 18px; color: #FF0066; font-family: arial, sans-serif; text-align:left; font-weight: bold; letter-spacing: -1px; text-decoration: none; }
.h3 a:link					{ font-size: 18px; color: #FF0066; font-family: arial, sans-serif; text-align:left; font-weight: bold; letter-spacing: -1px; text-decoration: none; }
.h3	a:visited				{ font-size: 18px; color: #FF0066; font-family: arial, sans-serif; text-align:left; font-weight: bold; letter-spacing: -1px; text-decoration: none; }
.h3 a:hover					{ font-size: 18px; color: #FF0066; font-family: arial, sans-serif; text-align:left; font-weight: bold; letter-spacing: -1px; text-decoration: underline; }

.legend	 					{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend a:link	 			{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend a:visited	 		{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend	a:hover 			{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend_bd 					{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.smallprint	 				{ font-size: 11px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint a:link	 		{ font-size: 11px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint a:visited	 	{ font-size: 11px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint	a:hover 		{ font-size: 11px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_bd 				{ font-size: 11px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.smallprint_blk	 			{ font-size: 11px; color: #666666; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_blk a:link	 	{ font-size: 11px; color: #666666; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_blk a:visited	{ font-size: 11px; color: #666666; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_blk	a:hover 	{ font-size: 11px; color: #666666; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_bd_blk 			{ font-size: 11px; color: #666666; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.smallprint_rd	 			{
	font-size: 11px;
	color: #FF0066;
	font-family : arial, sans-serif;
	text-align:left;
	text-decoration: none;
	line-height: 140%;
}

.breadcrumb 				{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:link 			{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:visited 		{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:hover 		{ font-size: 9px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb_bd				{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.intro_txt	 				{ font-size: 20px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.intro_txt a:link 			{ font-size: 20px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.intro_txt a:visited 		{ font-size: 20px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.intro_txt a:hover			{ font-size: 20px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.intro_txt_bd 				{ font-size: 20px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.latest_txt 				{ font-size: 14px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.latest_txt a:link 			{ font-size: 14px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; font-weight: bold; }
.latest_txt a:visited 		{ font-size: 14px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.latest_txt a:hover 		{ font-size: 14px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.latest_txt_bd				{ font-size: 14px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.nav_txt 					{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.nav_txt a:link 			{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.nav_txt a:visited 			{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.nav_txt a:hover 			{ font-size: 14px; color: #FF0066; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.nav_txt_bd					{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

/* Type
--------------------------------------------------------------------------------------------------*/

.dates	 					{ font-size: 10px; color: #000; font-family : arial, sans-serif; text-align:left; }

.h1	 						{
	font-size: 32px;
	color: #FF0066;
	font-family: arial, sans-serif;
	text-align:left;
font-weight: bold;
	letter-spacing: -3px;
}

.h4 						{
	font-size: 48px;
	color: #FF0066;
	font-family: arial, sans-serif;
	text-align:left;
font-weight: bold;
	letter-spacing: -3px;
}

.h2		 					{ font-size: 24px; color: #fff; font-family : arial, sans-serif; text-align:left; font-weight: bold; letter-spacing: -2px; }

.h5		 					{ font-size: 48px; color: #fff; font-family : arial, sans-serif; text-align:left; font-weight: bold; letter-spacing: -2px; }

/* Homepage
--------------------------------------------------------------------------------------------------*/

/* Pubs and Clubs page
--------------------------------------------------------------------------------------------------*/

.quotes						{ width: 150px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 1px #cccccc;}


/* Starterpack
--------------------------------------------------------------------------------------------------*/

.starter					{ width: 500px; height: 150px; margin: 15px 0px 15px 0px; background-color: #FFCC00; border-bottom: dotted 1px #FF0066; padding: 10px 0px 0px 10px; }

.starterbox					{ float: left; width: 200px; height: 136px; background-color: #fff; border: solid 1px #FF0066; margin: 0px 15px 0px 0px; display: inline; }

.bullet						{ float: left; display: inline; width: 300px; margin: 15px 15px 15px 0px; border: dotted 1px #cccccc; padding: 15px 15px 15px 15px; }

.prizes						{ float: left; display: inline; width: 135px; margin: 15px 0px 0px 0px; background-color: #FF0066; padding: 10px 15px 5px 15px; }

.fivesteps					{ width: 480px; margin: 15px 0px 15px 0px; border: dotted 1px #cccccc; padding: 15px 15px 15px 15px; clear: both; }

/* HACKS
--------------------------------------------------------------------------------------------------*/
.clearfix:after				{ content: "."; display:block; height:0; clear: both; visibility: hidden; }
.clearfix 					{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix 					{ display: block; }
/* End hide from IE Mac */
/*
--------------------------------------------------------------------------------------------------*/