/*********************************************************************************  
		LUIS GROLEZ www.grolez.com - YokoO - 30.06.09
*********************************************************************************/

html, body, div, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
pre, form, p, blockquote, fieldset, input {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, 
cite, code, em, strong, th {font-size: 1em;font-weight: normal;font-style: normal;}
fieldset, img {border: none;}caption, th {text-align: left;}
a:active {outline: none;}a:focus {-moz-outline-style: none;}
strong, b, .bold {font-weight: bold;} em, .italic {font-style: italic;} 
img { behavior: url(/iepngfix.htc); border: 0; } .clear {clear: both;}
table {border-collapse: collapse;} td {text-align: left; vertical-align: top;}
 
/********************************* LAYOUT *********************************/

body {
	background: #000 url(../images/layout/bg/bg-main.jpg) no-repeat top center;
	color: #888;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
}
body#home { background: #000 url(../images/layout/bg/bg-home.jpg) no-repeat top center; }

img.left, .left img {
	float: left;
	margin: 2px 20px 16px 0;
}
img.right, .right img {
	float: right;
	margin: 2px 0 16px 20px;
}
p {
	padding: 5px 0;
	line-height: 1.8em;
}
a:link, a:active, a:visited {
	color: #6FB5CB;
}
a:hover {
	color: #FFF;
}
h1, h2, h3, h4 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #6FB5CB;
	padding: 0 0 10px 0;
}
h1 {
	font-size: 24px;
	color: #333;
}
h2 {
	font-size: 18px;
	width: 800px;
}
h3 {font-size: 16px;}
h4 {padding: 0;}
hr {
	border: none;
	height: 1px;
	background-color: #333;
	margin: 10px 0;
}
h1.bio, h1.gallery, h1.calendar, h1.charts, h1.releases, h1.links, h1.downloads, h1.contact {
	background: url(../images/layout/titles.png) no-repeat;
	width: 386px; padding: 40px 0 0 0; height: 0; 
	display: block; overflow: hidden;
	margin:40px 0 15px;
}
h1.gallery { background-position: 0 -50px; }
h1.calendar { background-position: 0 -100px; }
h1.charts { background-position: 0 -150px; }
h1.releases { background-position: 0 -200px; }
h1.links { background-position: 0 -250px; }
h1.downloads { background-position: 0 -300px; }
h1.contact { background-position: 0 -350px; }

/********************************* RESET UL/LI *********************************/

#header ul, #nav ul, #footer ul, #gallery ul, #sponsor ul {
	list-style: none; padding: 0; margin: 0;
}

/********************************* HIDE *********************************/

.hide {
	display: none;
}
 
/********************************* LAYOUT *********************************/

#header {
	width: 870px;
	height: 243px;
	margin: 0 auto;
}
#logo a {
	width:165px;
	height:0;
	padding: 95px 0 0 0;
	overflow: hidden;
	margin:25px 0 0 80px;
	position:absolute;
	display: block;
}
#music { float: right; height: 68px; overflow: hidden; }
#music object { margin: -42px -21px 0; }


#sponsor { 
	left:50%; top: 100%; margin:-310px 0 0 -480px;
	position: absolute; z-index: 600;
}
#sponsor li { 
	float: left; 
	width: 100px;	
}
#sponsor a { 
	display: block; overflow: hidden;
	width: 81px; height: 0; 
	padding: 70px 0 0 0; 
	background: url(../images/layout/zanerobe.gif) no-repeat;
}
#sponsor .urge a {
	width: 103px;
	background: url(../images/layout/urge.gif) no-repeat;
}

/********************************* NAVIGATION *********************************/

#nav { padding: 22px 0 0 0; clear: both; }
#nav li { display: inline; }
#nav li a {
	float: right;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 27px 0 0 0;
	margin: 0 0 0 15px;
}
#nav li.home a { background: url(../images/layout/nav2.png) 0 0 no-repeat; width: 31px; }
#nav li.bio a { background: url(../images/layout/nav2.png) -31px 0 no-repeat; width: 18px; }
#nav li.gallery a { background: url(../images/layout/nav2.png) -49px 0 no-repeat; width: 43px; }
#nav li.calendar a { background: url(../images/layout/nav2.png) -92px 0 no-repeat; width: 58px; }
#nav li.charts a { background: url(../images/layout/nav2.png) -150px 0 no-repeat; width: 39px; }
#nav li.releases a { background: url(../images/layout/nav2.png) -189px 0 no-repeat; width: 41px; }
#nav li.links a { background: url(../images/layout/nav2.png) -230px 0 no-repeat; width: 31px; }
#nav li.downloads a { background: url(../images/layout/nav2.png) -261px 0 no-repeat; width: 65px; }
#nav li.contact a { background: url(../images/layout/nav2.png) -326px 0 no-repeat; width: 50px; }
#nav li.home a:hover { background-position: 0 -27px; }
#nav li.bio a:hover { background-position: -31px -27px; }
#nav li.gallery a:hover { background-position: -49px -27px; }
#nav li.calendar a:hover { background-position: -92px -27px; }
#nav li.charts a:hover { background-position: -150px -27px; }
#nav li.releases a:hover { background-position: -189px -27px; }
#nav li.links a:hover { background-position: -230px -27px; }
#nav li.downloads:hover a { background-position: -261px -27px; }
#nav li.contact:hover a { background-position: -326px -27px; }
    
/********************************* CONTAINER *********************************/

#container, #content { margin:0 auto; padding: 0; width:994px; }
			
/********************************* GALLERY *********************************/	
    			
#gallery {}	
#gallery li {
	display: inline;
}	
#gallery a {
	float: left;
	display: block;
	width: 160px; height: 80px;
	overflow: hidden;
	background: url(../images/layout/bg/ajax-loader.gif) center 26px no-repeat;
	border: 1px solid #333;
	margin: 0 12px 12px 0;
}	
#gallery a:hover { border: 1px solid #6FB5CB; }	
#gallery .pagination { clear: both; }
#gallery .pagination a {
	float: none;
	display: inline;
	width: none; height: none;
	overflow: auto;
	background: none no-repeat;
	border: 0px none;
	margin: 0;
}			 	
	
/********************************* SCROLLBAR *********************************/	

#wrapper { width: 870px; margin: 0 auto; }
#intro { padding-bottom: 10px; }
.scroll {
    height: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}
.scrollContainer div.panel {
    height: 500px; width: 994px;
	padding: 0 72px;
}
.column {
    -moz-column-count: 2; -moz-column-gap: 1em;
	-webkit-column-count: 2; -webkit-column-gap: 1em;
}
/*
.scrollContainer div.home {
	background: url(../images/layout/bg/bg-home-content.png) 72px 25px no-repeat;
}	
*/
.scrollContainer div.main {
	background: url(../images/layout/bg/bg-main-content.png) repeat-x;
}	
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    display: none;
}
.scrollButtons.left {left: -20px;}
.scrollButtons.right {right: -20px;}

/********************************* FORM NEWSLETTER *********************************/
	
.form-newsletter {
	padding:64px 20px;
	width:225px;
}	
.form-newsletter input {
	width: 193px;
	padding: 5px 0 15px 5px;
	color: #6FB5CB;
	border: none;
	background: transparent no-repeat;
}
.form-newsletter a {
	width: 9px; height: 0;
	position: absolute; top: 105px; left: 300px;
	display: block; padding: 10px 0 0 0; overflow: hidden;
	background: url(../images/layout/buttons/arrow.gif) no-repeat;
}
.form-newsletter a:hover {
	background-position: 0 -10px;
}

/********************************* FORM *********************************/

.webform td { text-align: right;padding:7px; }
.webform td.left {text-align: left;}
.webform input {}
.cat_listbox { width: 200px;}

/********************************* CALENDAR *********************************/

#calendar-container {
	width: 230px; left:630px;
	position: absolute;
}
#calendar-container-list {width:500px;}
div.select-month-year {
	padding: 9px 0;
}

table.module-calendar {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	display: block;
}

table.module-calendar td {
	border: 1px solid #333;
	font-size: 11px;
	height: 60px;
	overflow: hidden;
	padding: 1px;
	width: 25px; height: 22px;
	vertical-align: middle;
	text-align: center;
}

table.module-calendar td span {
	color: #6FB5CB;
	display: block;
	font-size: 11px;
	padding: 0 2px;
	text-align: right;
}

tr.day-of-week td {
	background: #6FB5CB;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	width: 28px;
}

table.module-calendar td.events span {
	background: #6FB5CB;
	color: #fff;
	font-weight: bold;
}
table.module-calendar td.events {
	color: #6FB5CB;
}

table.module-calendar td ul {
	display: none;
}

table.module-calendar td.last-month {
	background: #333;
}

table.module-calendar td.next-month {
	background: #333;
}
.announcement-list{padding-bottom: 10px;}
.announcement-list .date {font-style: italic; font-size: 12px;}
.announcement-list p{padding:4px 15px 0 0;}

.charts-crop {
	height: 265px;
	overflow: hidden;
}
.charts-crop embed {
	margin: -80px 0 0 0;
}
#bio p, #links p {
	width: 850px;
}
.link-list a {
	margin: 8px;
	float: left;
	width: 150px; height: 100px;
	display: block;
	border: #000 1px solid;
}
.link-list a:hover {
	border: #6FB5CB 1px solid;
}
.download-list a {
	display: block;
	margin: 4px;
}
.overflow-y {
	overflow-y: auto;
	height: 400px;
	width: 880px;
}

/********************************* MORE *********************************/

.literature-container .name {padding: 0 5px 0 0;}

/*********************************************************************************  
	Black #000 - White #FFF - Blue #6FB5CB (7AB2C6) -
*********************************************************************************/