/* CSS common for Supernova Skating microsite */

/* General resets */

html, body, address, blockquote, p, pre, h1, h2, h3, h4, h5, h6, li,
form, legend, fieldset, input, textarea, select, form ul, form ol
{
    margin:         0;
    padding:        0;
    text-indent:    0;
}

abbr, acronym {
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase;
	}

a img, a abbr, a acronym	{
    border:none;
	}
	
sup, sub {
    font-size:.75em;
    font-style:italic;
    line-height:1;
    position:relative;
    vertical-align:baseline;
	}
	sup {top:-.5em;}
	sub {top:.25em;}

/* Basics */

html {font-size: 100.01%;}

body {
    background:     #024353;
    color:          #333;
    font-family:    sans-serif;
    font-size:      1em;
    font-style:     normal;
    font-weight:    normal;
    line-height:    1;
	}

ul, ol {
    margin: 0 0 0 2em;
    padding: 0;
    text-indent: 0;
	}

h1 {font-size: 2em; display: none;}
h2 {font-size: 1.4em; color: #0066cc;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

/* CSS by layout blocks */

/* Top block styles */
div#top { 
	background: #024353 url("../img/snova_logo.jpg") top center no-repeat; 
	color:#fafafa; 
	position: relative; 
	width: 100%; 
	padding-top: 70px;}
	
div#snova_nav {position: absolute; right: 3px; top:0; clear: both; text-align: right; font-size: small;}
	div#snova_nav a { text-decoration: none; color: #c2c2c2;}
	div#snova_nav a:hover { color: white;}

	/* Supernova tab menu styles */
	div#menu { width:560px; margin: 0 auto; text-align: center; overflow: auto; }

	ul#main_nav { list-style: none; }
		ul#main_nav li { float: left;}
		ul#main_nav li a { display: block; margin-left: 5px; background: white; width: 164px; height: 34px;}
		ul#main_nav li a span { display: none;}
	 	ul#main_nav a.tab_soccer { background:url("../img/tab_soccer.jpg") no-repeat bottom;  }
	 	ul#main_nav a.tab_mccools { background:url("../img/tab_mccools.jpg") no-repeat bottom; }
	 	ul#main_nav a.tab_skating { background:url("../img/tab_skating.jpg") no-repeat bottom; }
	 
	/* Middle section */
	div#middle { background: #fff url("../img/purple_bg.jpg") repeat-x top; overflow: auto;}

	div#content { width: 790px; margin: 0 auto; padding: 5px; height: auto; background: url("../img/content_bg.jpg") no-repeat bottom right; overflow: auto;}

	div#subwraper{ position: relative;}

	div#sublogo {margin: 10px 0;}

	div#submenu, div#main_content, div#aditional { float: left;}

	/* Submenu styles */
	div#submenu { width: 200px; }
		div#submenu ul { list-style: none; margin: 0; padding: 0;}
		div#submenu ul li { margin-top: 5px;}
		div#submenu ul li.more {padding: 10px 0 0 0;}
		/* Submenu links */
		div#submenu a { text-decoration: none; color: #06c; font-family: "Trebuchet MS", Lucida Grande, Arial; font-size: large; padding-left: 30px;}
		div#submenu a:hover { color:black;}
		div#submenu a.active { font-weight: bold; color:#06c; background: url("../img/submenu_a_active.gif") left no-repeat;}
			
	/* Aditional content styles */
		div#main_content {  width: 390px; background: url("../img/main_content_bg.gif") top no-repeat;}
		div#main_content h2, div#main_content p { margin: 10px;}
		div#main_content p { font-size: 95%; color: #333;}
		
		ul#features { margin: 0.5em 0 3em 2em; color:#666;}
			ul#features li { margin-top: 5px;}

	/* Aditional content styles */
	div#aditional { float: right;  width: 190px; }
	div#timetable { background: #D7D8E3 url("../img/timetable_bottom.gif") bottom no-repeat; width: 189px; margin-bottom: 10px;}
	div#timetable h2 { background: url("../img/timetable_top.gif") top left no-repeat; font-size: medium; text-align: center;}

/* Footer styles */
	div#bottom {  
		width: 100%; 
		bottom: 0; height:auto; padding-bottom: 25px; background: #024353 url("../img/footer_bg.jpg") no-repeat top; text-align: center; padding-top: 10px; font-size: small; color:#ccc; line-height: 1.2em; }

	div#bottom a { color: #c2c2c2; text-decoration: none;}
	div#bottom a:hover { color: white;}
	
	
/* STYLES by SECTIONS */
/* == Home == */
body#home div#content { padding-bottom: 230px;}

/* == What´s on == */
body#whatson div#main_content { width:500px; background: url("../img/main_content_bg_500.gif") no-repeat left top;}
body#whatson div#content { padding-bottom: 250px;}

div.whatson { padding: 5px; border:1px solid #e2e2e2;  margin: 10px; background: url("../img/div_whatson_bg.jpg") repeat-x top;}
	div.whatson h3 { background-color: #ffccff; font-size: 1.2em; background: url("../img/calendar.png") no-repeat; padding-left: 20px; color: #333; border-bottom: 1px dotted gray;}
	
/* == Offers == */
/* ============= */

body#offers div#content { background: none; padding-bottom: 50px;}
		
body#offers div#main_content {  width: 500px; background: url("../img/main_content_bg_500.gif") no-repeat left top; padding-bottom: 3em;}

body#offers div#content { padding-bottom: 10px;}

div.offers {width: 70%;background: url("../img/offer.jpg") top left no-repeat; padding: 50px 5px 20px 50px; margin-left: 1.8em;}

/* == Booking == */
/* ==============*/
body#booking div#content { padding-bottom: 220px;}

/* == Gallery == */
/* ==============*/
body#gallery div#content { background: none; padding-bottom: 50px;}
body#gallery div#main_content {  width: 500px; background: url("../img/main_content_bg_500.gif") no-repeat left top;}

table#gallery { margin-left: 15px;}
table#gallery td { border: 1px solid #c2c2c2; padding: 3px;}

/* == Contact == */
/* ============= */
body#contact div#content { background: none; padding-bottom: 50px;}
body#contact div#main_content {  width: 500px; background: url("../img/main_content_bg_500.gif") no-repeat left top;}

table#contact { margin: 0 auto; width: 95%; border: 1px solid gray; border-collapse: collapse; border-top: 4px solid #06c;}
	table#contact td { background: #fcfcfc url("../img/table_soon_td_bg.jpg") top repeat-x; padding: 3px 6px; border: 1px solid #c2c2c2;}
	td.act { text-align: center; vertical-align: middle; color: #06c; width: 100px; }


/* ==  Partys == */
/* ============= */
body#partys div#content { background: none; padding-bottom: 50px;}

/* ==  Fun and Games == */
/* ==================== */
body#funandgames div#content { background: none; padding-bottom: 50px; height: auto;}

body#funandgames div#main_content { width:500px; background: url("../img/main_content_bg_500.gif") no-repeat left top;}

body#funandgames ul#games li { margin-bottom: 5px;}