/* Author: by en d'Or fin laboratory (www.endorfinlab.com) */

@charset "utf-8";

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	margin:  0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background: #000000;
}

/* HEADER */

div.header {
	height: 180px;
	margin: 0 auto;
	position: relative;
	background:#FFFFFF;
}	

div.header div.container {
	width: 1100px;
	height: 180px;
	margin: 0 auto;
}

div.header div.container div.logo {
	width: 1100px;
	height: 150px;
	background: url(../images/myonandshane54.png) no-repeat;
}

div.header div.container div.menu {
	width: 1100px;
	height: 30px;
}

/* END OF HEADER */

/* NAVIGATION */

div.header div.container div.menu div.title {
	width: 1100px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(../images/navigation.png) no-repeat;
}

div.header div.container div.menu ul.navigation { 
	width: 1000px;
	height: 15px; 
	margin: 0 50px 0 50px;
	padding: 0;
	background: url(../images/menu.png) no-repeat;
}
 
div.header div.container div.menu ul.navigation li {
	margin: 0;
	padding: 0;
	list-style: none; 
	float: left;
}
 
div.header div.container div.menu ul.navigation li a {
	height: 15px; 
	display: block; 
	text-decoration: none;
	font-size: 1px; 
	text-indent: -1000px;
	color:#FFFFFF;
}

div.header div.container div.menu ul.navigation li.home { left: 0; width: 51px; }
div.header div.container div.menu ul.navigation li.blog { left: 51px; width: 48px; }
div.header div.container div.menu ul.navigation li.radio { left: 99px; width: 53px; }
div.header div.container div.menu ul.navigation li.bio { left: 152px; width: 29px; }
div.header div.container div.menu ul.navigation li.media { left: 181px; width: 54px; }
div.header div.container div.menu ul.navigation li.releases { left: 235px; width: 90px; }
div.header div.container div.menu ul.navigation li.gigs { left: 325px; width: 41px; }
div.header div.container div.menu ul.navigation li.contact { left: 366px; width: 80px; }

div.header div.container div.menu ul.navigation li.home a:hover { background: transparent url("../images/menu.png") 0 -15px no-repeat; }
div.header div.container div.menu ul.navigation li.blog a:hover { background: transparent url("../images/menu.png") -51px -15px no-repeat; }
div.header div.container div.menu ul.navigation li.radio a:hover { background: transparent url("../images/menu.png") -99px -15px no-repeat; }
div.header div.container div.menu ul.navigation li.bio a:hover { background: transparent url("../images/menu.png") -152px -15px no-repeat; }
div.header div.container div.menu ul.navigation li.media a:hover { background: transparent url("../images/menu.png") -181px -15px no-repeat; }
div.header div.container div.menu ul.navigation li.releases a:hover { background: transparent url("../images/menu.png") -235px -15px no-repeat; }
div.header div.container div.menu ul.navigation li.gigs a:hover { background: transparent url("../images/menu.png") -325px -15px no-repeat; }
div.header div.container div.menu ul.navigation li.contact a:hover { background: transparent url("../images/menu.png") -366px -15px no-repeat; }

div.header div.container div.menu ul.navigation li.home a.active, div.header div.container div.menu ul.navigation li.home a.active:hover { background: transparent url("../images/menu.png") 0 -30px no-repeat; }
div.header div.container div.menu ul.navigation li.blog a.active, div.header div.container div.menu ul.navigation li.blog a.active:hover { background: transparent url("../images/menu.png") -51px -30px no-repeat; }
div.header div.container div.menu ul.navigation li.radio a.active, div.header div.container div.menu ul.navigation li.radio a.active:hover { background: transparent url("../images/menu.png") -99px -30px no-repeat; }
div.header div.container div.menu ul.navigation li.bio a.active, div.header div.container div.menu ul.navigation li.bio a.active:hover { background: transparent url("../images/menu.png") -152px -30px no-repeat; }
div.header div.container div.menu ul.navigation li.media a.active, div.header div.container div.menu ul.navigation li.media a.active:hover { background: transparent url("../images/menu.png") -181px -30px no-repeat; }
div.header div.container div.menu ul.navigation li.releases a.active, div.header div.container div.menu ul.navigation li.releases a.active:hover { background: transparent url("../images/menu.png") -235px -30px no-repeat; }
div.header div.container div.menu ul.navigation li.gigs a.active, div.header div.container div.menu ul.navigation li.gigs a.active:hover { background: transparent url("../images/menu.png") -325px -30px no-repeat; }
div.header div.container div.menu ul.navigation li.contact a.active, div.header div.container div.menu ul.navigation li.contact a.active:hover { background: transparent url("../images/menu.png") -366px -30px no-repeat; }

/* END OF NAVIGATION */

/* MAIN */

div.main {
	width: 100%;
	background:#FFFFFF;
}

div.main div.container {
	width: 1100px;
	margin: 0px auto;
	height: auto !important; 
	min-height: 400px !important; 
	position: relative;
	height: 100%; 
	background: #FFFFFF;
}

/* LEFT CONTENT */

div.main div.container div.left {
	position: relative; 
	float: left; 
	clear: none; 
	left: 0px; 
	top: 0px; 
	width: 570px;
	margin: 30px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	overflow: visible;
	background: #FFFFFF;
}

div.main div.container div.left div.holder {
	width: 520px;
	margin: 0 0 0 50px;
	padding: 0;
}

/* --*/

div.main div.container div.left div.holder div.blog {
	width: 300px;
	position:relative;
	float:left;

}

div.main div.container div.left div.holder div.blog div.title {
	width: 300px;
	height: 30px;
	position:relative;
	float:left;
	background:url(../images/latest_blog_post.png) no-repeat;

}

div.main div.container div.left div.holder div.blog div.content {
	width: 300px;
	position:relative;
	float:left;
}

div.main div.container div.left div.holder div.blog div.content span.title {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
}

div.main div.container div.left div.holder div.blog div.content span.date {
	font-size:9px;
}

div.main div.container div.left div.holder div.blog div.content p.post {
	text-align:justify;
	padding: 10px 0 0 0;
}

div.main div.container div.left div.holder div.blog div.content p.more {
	padding: 10px 0 0 0;
}

/* -- */

div.main div.container div.left div.holder div.twitter {
	width: 200px;
	position: relative;
	float: left;
	margin: 0 0 0 20px;

}

div.main div.container div.left div.holder div.twitter div.title {
	width: 200px;
	height: 30px;
	position: relative;
	float: left;
	background:url(../images/latest_tweets.png) no-repeat;

}

div.main div.container div.left div.holder div.twitter div.content {
	width: 200px;
	position:relative;
	float:left;
}

div.main div.container div.left div.holder div.twitter div.content ul {
	list-style: none;
	text-align: left;
}

div.main div.container div.left div.holder div.twitter div.content li {
	padding: 5px 0 0 0;
}

div.main div.container div.left div.holder div.twitter div.content p.follow {
	padding: 10px 0 0 0;
}

/* -- */

/* -- */

div.main div.container div.left div.holder div.newsletter {
	width: 300px;
	height: 150px;
	position:relative;
	float:left;
	margin: 25px 0 0 0;

}

div.main div.container div.left div.holder div.newsletter div.title {
	width: 300px;
	height: 30px;
	position:relative;
	float:left;
	background:url(../images/newsletter.png) no-repeat;

}

div.main div.container div.left div.holder div.newsletter div.content {
	width: 300px;
	height: 120px;
	position:relative;
	float:left;

}

/* -- */

div.main div.container div.left div.holder div.addus {
	width: 200px;
	height: 150px;
	position:relative;
	float:left;
	margin: 25px 0 0 20px;

}

div.main div.container div.left div.holder div.addus div.title {
	width: 200px;
	height: 30px;
	position:relative;
	float:left;
	background:url(../images/add_us.png) no-repeat;

}

div.main div.container div.left div.holder div.addus div.content {
	width: 200px;
	height: 120px;
	position:relative;
	float:left;

}

div.main div.container div.left div.holder div.addus div.content div.item01 {
	width: 80px;
	height: 40px;
	position:relative;
	float:left;

}

div.main div.container div.left div.holder div.addus div.content div.item02 {
	width: 100px;
	height: 40px;
	position:relative;
	float:left;

}

/* -- */

/* CONTENT POST */

div.main div.container div.left div.holder div.post {
	width: 450px;
	border-top: 1px solid #a7a7a7;
	margin: 0 0 25px 0;
	padding: 10px 0px 15px 0px;
}

div.container div.left div.holder div.post img {
	border: 1px solid #a7a7a7;
	margin: 0 0 10px 0;
	/*float: left;*/
}


div.container div.left div.holder div.post object {
	border: 1px solid #a7a7a7;
	/*float: left;*/
}

div.container div.left div.holder div.post div.text_cont {
	display: block;
	text-align:justify;
	margin: 20px 0 0 0;
	float: none;
	clear: both;
	font-size: 12px;
	line-height: 20px;
}

div.container div.left div.holder div.post h1.title {
	color: #000000;
	padding: 0 0 5px 0;
}

div.container div.left div.holder div.post span.data {
	display: block;
	font-size: 10px;
	color:#999999;
	font-weight: normal;
	margin-bottom: 4px;
}

div.container div.left div.holder div.post span.editor {
	display: block;
	font-size: 10px;
	color:#CCCCCC;
	font-weight: normal;
	margin-bottom: 4px;
}

div.container div.left div.holder div.post td.info {
	font-size: 9px;
	color:#999999;
	text-align:justify;
	line-height:normal;
	font-weight: normal;
}

div.container div.left div.holder div.post td.title {
	font-size:16px;
	font-weight:bold;
	color:#33CCFF;
}

div.container div.left div.holder div.post span.centertext {
	display: block;
	font-size: 11px;
	color:#666666;
	font-weight: normal;
	text-align:center;
	margin-bottom: 4px;
}

/* END OF CONTENT POST */

/* END OF LEFT CONTENT */


/* RIGHT CONTENT */

div.main div.container div.right {
	position: relative;
	clear: none;
	float: left;
	left: 0px; 
	top: 0px; 
	width: 530px;
	margin: 30px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background:#FFFFFF;
}

div.main div.container div.right div.holder {
	width: 510px;
	height: 370px;
	margin: 0px 0px 0px 20px; 
	padding: 0px 0px 0px 0px;
}

/* END OF RIGHT CONTENT */



/* FOOTER */

div.footer {
	height: 100px;
	margin: 0 auto;
	position: relative;
	background:#000000;
}

div.footer div.container {
	width: 1100px;
	height: 100px;
	margin: 0 auto;
}

div.footer div.container ul.menu {
	width: 780px;
	color: #FFFFFF;
	font-size: 10px;
	padding: 20px 0 0 320px;
	margin: 0 auto;
	position: relative;
	float: left;
	
}

div.footer div.container ul.menu li {
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none; 
	float: left;
}

div.footer div.container ul.menu li a { color:#FFFFFF; }
div.footer div.container ul.menu li a:hover { color:#FF33CC; }
div.footer div.container ul.menu li a.active { color:#33CCFF; text-decoration:line-through; }

div.footer div.container div.copyright {
	width: 1100px;
	position:relative;
	float:left;
	text-align: center;
	color: #666666;
	font-size: 10px;
	padding: 10px 0 0 0;
	
}

div.footer div.container div.copyright a:hover { color:#FFFFFF; }

/* END OF FOOTER */


/* RADIO */

/* PLAYLIST */

div.main div.container div.playlist {
	position: relative; 
	float: left; 
	clear: none; 
	left: 0px; 
	top: 0px; 
	width: 250px;
	margin: 30px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	overflow: visible;
	background: #FFFFFF;
}

div.main div.container div.playlist div.holder {
	width: 200px;
	margin: 0 0 0 50px;
	padding: 0;
}

div.main div.container div.playlist div.holder ul{
	list-style: none;
	font-size: 11px;
	padding: 10px 0 0 0;
}

/* END OF PLAYLIST */

/* TRACKLIST */

div.main div.container div.tracklist {
	position: relative;
	clear: none;
	float: left;
	left: 0px; 
	top: 0px; 
	width: 850px;
	margin: 30px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background:#FFFFFF;
}

div.main div.container div.tracklist div.holder {
	width: 800px;
	margin: 0px 0px 50px 50px; 
	padding: 0px 0px 0px 0px;
}

div.main div.container div.tracklist div.holder div.title {
	font-size:14px;
	font-weight:bold;
	color:#33CCFF;
}

div.main div.container div.tracklist div.holder div.author {
	font-size:12px;
	color: #FF33CC;
}

div.main div.container div.tracklist div.holder div.date {
	font-size:10px;
	color: #CCCCCC;
}

div.main div.container div.tracklist div.holder ul {
	list-style: none;
	padding: 10px 0 0 0;
	font-size: 10px;
}

div.main div.container div.tracklist div.holder li {
	padding: 0px 0px 5px 0px;
}

div.main div.container div.tracklist div.holder li.subtitle {
	padding: 0px 5px 10px 0px;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}

/* END OF TRACKLIST */

/* PLAYER */

body.player {
	background: #FFFFFF;
}

body.player div.player {
	width:400px;
	height:20px;
	margin: 10px 0px 0px 10px;
}

body.player div.player div.title {
	font-size:14px;
	font-weight:bold;
	color:#33CCFF;
}

body.player div.player div.author {
	font-size:12px;
	color: #FF33CC;
}

body.player div.player div.date {
	font-size:10px;
	color: #CCCCCC;
}

/* END OF PLAYER */

/* END OF RADIO */

/* FLEXSCROLL */

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 505px;
	height: 310px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	color: #FFFFFF;
	padding: 0 15px 0 0;
	margin: 15px 0 15px 0;
}

#mycustomscroll h1 {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#mycustomscroll h2 {
	color:#000000;
	font-size:10px;
}

#mycustomscroll h3 {
	color:#666666;
	font-size:10px;
}

#mycustomscroll p {
	padding: 5px 0 5px 0;
}

#mycustomscroll td.title {
	font-size:16px;
	font-weight:bold;
	color:#33CCFF;
}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: white;
}
.vscrollerbar {
	width: 10px;
	background-color: black;
}
.hscrollerbase {
	height: 10px;
	background-color: white;
}
.hscrollerbar {
	height: 10px;
	background-color: black;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}

/* END OF FLEXSCROLL */


/* TOOLS */

div.clear {
	position: relative; 
	display: block; 
	float: none; 
	clear: both; 
	left: 0px; 
	top: 0px; 
	width: 1px; 
	height: 0px; 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
	visibility: hidden;
}

br {
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
	position: relative;
	top: 0;
	left: 0;
}

div.clearboth {
	position: relative;
	display: block;
	float: none;
	clear: both;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-size:16px;
	font-weight: bold;
}

div, object, embed, form, fieldset, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd {
	display: block;
}

div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, sup, sub, img, span, form, label, input, textarea, select, fieldset, legend, object, embed, table, th, td {
	margin: 0px;
	padding: 0px;
	color:#666666;
}

h2.important {
	color:#ffffff;
}

a, span {
	display: inline;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #FF33CC;;
}