﻿/*----------------------------------------------------------------------------
Layout stylesheet for modern browsers

version: 	0.1
author: 	Jacob Olsson
email:		jacob(at)bananpaj.com
website:  	www.staireo.com
-------------------------------------------------------------------------------*/

/* Layout for main content 
-------------------------------------------------------------------------------*/

#splash_left{
	width: 12px;
	height: 420px;
	float: left;
	clear: both;
	background:url('images/backgrounds/splash_left_12_420_02.jpg') no-repeat;
}

#splash{
	width: 750px;
	height: 420px;
	float: left;
	text-align: right;
	position:relative;
	background: url('images/splashes/splash_frontpage_750_420_05.jpg') no-repeat;
}

#splash_right{
	width: 12px;
	height: 420px;
	float: left;
	background:url('images/backgrounds/splash_right_12_420_02.jpg') no-repeat;
}

#imgListenMusic{
	top: 300px;
	right: -20px;
	width:238px;
	height:100px;
	cursor:pointer;
	position: absolute;
	display:inline-block;
	background:url('images/backgrounds/1x1.gif');
}

#imgViewPics
{
    top: 300px;
	right:218px;
	width:134px;
	height:101px;
	cursor:pointer;
	border-style:none;
	position: absolute;
    background:url('images/backgrounds/1x1.gif');
}

#imgWatchVids
{
    top: 300px;
	right:218px;
	width:160px;
	height:100px;
	cursor:pointer;
	border-style:none;
	position: absolute;
    background:url('images/backgrounds/1x1.gif');
}

#jotRight{
	top: 150px;
	right: -165px;
	position: absolute;
}

#splash a{	
	border-style:none;
}

#info_left{
	height: 192px;
	width: 12px;
	float: left;
	background:url('images/backgrounds/info_left_12_192_02.jpg') no-repeat;
}

#info_right{
	height: 192px;
	width: 12px;
	float: left;
	background:url('images/backgrounds/info_right_12_192_02.jpg') no-repeat;
}

#info_events{
	width:282px;
	height:192px;
	float:left;
	background:url('images/backgrounds/back_events_box_282_192_02.jpg') no-repeat;
}

#info_news{
	width:468px;
	height:192px;
	float:left;
	background:url('images/backgrounds/back_news_box_468_192_01.jpg') no-repeat;
}


#info_events table{
	margin-top: 60px;
	margin-left: 20px;
	border:none;
	width: 245px;
}

#info_news table{
	margin-top: 60px;
	margin-left: 10px;
	border:none;
	width: 420px;
}

#info_news .left_td{
	width:20%;
	font-weight:bold;
}
#info_events .left_td{
	width:20%;
	font-weight:bold;
}

/* Style of content
-------------------------------------------------------------------------------*/
#info_news td, #info_events td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	vertical-align: top;
	color:#FFFFFF;
}

#info_news a, #info_news a:visited
{
    color: #FFFFFF;
    margin-left: 13px;
    padding-top: 10px;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    display:block;

}

#info_news a:hover
{
    color: #ba3e00;
    margin-left: 13px;
    padding-top: 10px;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    display:block;
}

#info_events a, #info_events a:visited
{
    color: #FFFFFF;
    margin-left: 23px;
    padding-top: 10px;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    display:block;
}

#info_events a:hover
{
    color: #ba3e00;
    margin-left: 23px;
    padding-top: 10px;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    display:block;
}


