/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:arial;
	background:#000000 url(../images/bg_image.jpg) right bottom no-repeat;
	background-attachment:fixed;
	color:#fff;
}

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

img{
	vertical-align:top;
}

a{
	text-decoration:underline;
	color:#FFFFFF;
}
a:hover{
	color:#99FF00;
}

a img {
	border:0px;
}

ol{
	list-style:none;
}

/* Text inputs */
input{
	color:#ccc;
	background-color:#111;
	border:1px solid #333;
}
textarea{
	width:270px;
	height:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
	background-color:#111;
	border:1px solid #333;
}
button{
	color:#ccc;
	background-color:#111;
	border:1px solid #333;
}


/* General forms */
.musicbody form {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}


.musicbody form li label {
	display: block;
	float: left;
	width: 150px;
	margin: 0 0 0 0;
	font-size: 12px;
}
	
.musicbody form li input {
	float: left;
}
	
.musicbody form li {
	overflow: hidden;
	padding: 5px;
}

/* Error and success boxes */
.error{
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 40px;
	width:250px;
	min-height:30px;
	background-color: #444;
	border:1px solid red;
	background-image: url(../images/stop.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	vertical-align: middle
}
.success{
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 40px;
	width:250px;
	min-height:30px;
	background-color: #444;
	border:1px solid green;
	background-image: url(../images/go.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	vertical-align: middle
}
.notify{
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 40px;
	width:250px;
	min-height:30px;
	background-color: #444;
	border:1px solid orange;
	background-image: url(../images/exclamation.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	vertical-align: middle
}
	
/* table styling */
.data{
	width:100%;
}
.data th{
	font-weight:bold;
	text-align:left;
	color:#fff;
	text-decoration:none;
	background-color:#333;
}
.data tr{
	padding:5px;
	background-color:#666;
}



/* absolute container */
#container{
	width:100%;
	min-width:1000px;
	position:relative;
	float:left;
}

/* inner container */
.holder {
	display:block;
	color:#fff;
}

/* for all browsers that understand min-width */
/* method 2 a hack for IE browsers IE5.01, IE5.5 and IE6 */
* html #container {
	border-right:1000px dotted transparent;
}
* html .holder {
	float:left;
	position:relative;
	margin-right:-1000px; 
	background:transparent;
	display: inline-block;
}
 
 
/* the logo */
#logo{
	background:url(../images/logo.jpg) no-repeat;
	width:309px;
	height:223px;
}

#leftcontent{
	float:left;
	width:309px;
	float:left;
}

.leftcontent{
	padding-left:7px;
}

.leftbox{
	width:299px;
	background:#171717 url(../images/left_bgcurve_bottom.gif) no-repeat bottom;
	margin-bottom:15px;
}

.leftboxcontent{
	background:url(../images/left_bgcurve_top.gif) top no-repeat;
	padding:8px 10px 5px 10px;
	font-size:12px;
}
.leftboxcontent h3{
	margin:0px 0px 10px 0px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;
}
.leftboxcontent ul{
	font-size:14px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.leftboxcontent ul li{
	list-style-type:none;
	line-height:1.1em;
	margin-bottom:2px;
}
.leftboxcontent ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

ul li a:hover{
	color:#99FF00;
}

.pic{
	float:right;
}
.pic img{
	border:#666666 1px solid;
}
.pic1{
	float:right;
	margin:0px;
}
.pic1 img{
	border:#666666 1px solid;
}

#rightcontent{
	margin-left:309px;
	padding-top:16px;
	padding-right:10px;
	padding-left:10px;
}


h1{
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	margin:0px;
}

h2{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #999;
}

.greytext{
	color:#999999;
}
.titlediv{
	border-bottom:1px solid #EDEDED;
	position:relative;
	height:30px;
}

.title{
	float:left;
}

.time{
	float:right;
}
.time span{
	color:#999;
	font-size:18px;
	font-weight:bold;
}

/* top half of music, above comments */
.tophalf{
	min-height:250px
}
/* Box that shows user details on music page */
.userbox{
	float:right;
	background-color: #000;
	padding:10px;
	border:1px solid #666;
}

#toproundleft{
	background:url(../images/round_topleft.png) no-repeat left top;
	float:left;
	width:9px;
	height:12px;
}


#toproundright{
	background:url(../images/round_topright.png) no-repeat right top;
	height:12px;
	float:right;
	width:9px;
	height:12px;
}


#bottomroundleft{
	background:url(../images/round_bottomleft.png) no-repeat left top;
	float:left;
	width:9px;
	height:13px;
}

#bottomroundright{
	background:url(../images/round_bottomright.png) no-repeat right top;
	height:13px;
	float:right;
	width:9px;
}

.contentright{
	padding:5px 10px 5px 10px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
}
.contentright{
	background-image:url(../images/rightbg1.png);
}

/* hack for IE  for transparent images*/
* html .contentright{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/rightbg1.png');
	background-repeat:repeat;
	margin-left:-9px;
	margin-right:-9px;
	float:left;
}

* html #toproundleft{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/round_topleft.png');
}

* html #toproundright{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/round_topright.png');
}
.bgtrans1{
	background:url(../images/rightbg1.png);
}
* html .bgtrans1{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/rightbg1.png');
	height:13px;
	margin-left:-3px;
}

* html #bottomroundright{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/round_bottomright.png');
	margin-top:-5px;
}
* html #bottomroundleft{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/round_bottomleft.png');
	margin-top:-5px;
}

.bgtrans{
	background:url(../images/rightbg1.png);
}

* html .bgtrans{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/rightbg1.png');
	height:18px;
	margin-left:-3px;
	margin-right:-1px;
}

#round{
	margin-bottom:10px;
	padding-bottom:2px;
}

#round1{
	margin-bottom:0px;
	margin-top:-13px;
}

.bgbottom{
	padding-left:9px;
	padding-right:9px;
}

.bgtrans p{
	height:13px;
	display:block;
	margin:0px;
	font-size:10px;
}
.bgbottom1{
	padding-left:9px;
	padding-right:9px;
	margin-bottom:-12px;
}

.bgtrans1 p{
	height:12px;
	display:block;
	margin:0px;
	font-size:10px;
}
.rightcontainer{
	padding:30px 0px 0px 0px;
}
.rightrcontent{
	margin-right:228px;
}
.rightlcontent{
	width:228px;
	float:right;
}


/* Main bit of content div */
.musicbody{
	color:#fff;
	font-size:12px;
}
/* Search bar on homepage */
.hp_search_div{
	text-align:center;
}
.hp_search_div input{
	height:20px;
	width:250px;
	font-size:16px;
	color:#4a4a4a;
	padding:5px;
	background-color:#111;
	border:1px solid #333;
	background-image:url('../images/hp_search.jpg');
}
.hp_search_div button{
	height:31px;
	font-size:14px;
	color:#333;
	padding:5px;
	background-color:#111;
	border:1px solid #333;
}


/* assign to a div, it's a horizontal rule */
.seperator{
	border-bottom:1px solid #999;
	height:2px;
	line-height:2px;
	margin:0px;
	padding:0px;
	margin:0 auto 0 auto;
}

.social, .myfav, #comments{
	position:relative;
}
.social{
	float:right;
	width:100px;
}


.rbox{
	background:url(../images/box_bg.gif) repeat-y;
}

.rboxtop{
	background:url(../images/box_bgtop.gif) no-repeat top;
}

.rboxbottom{
	background:url(../images/box_bgbottom.gif) no-repeat bottom;
	padding:10px 10px 10px 10px;
}

.rboxbottom p{
	font-size:12px;
	color:#FFFFFF;
	margin:0px 0px 8px 0px;
	height:100%;
}

.infolinks{
	padding-top:10px;
}

.infolinks a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	position:relative;
}
.infolinks ul{
	margin:0px;
	padding:0px;
}

.infolinks ul li{
	list-style-type:none;
	line-height:1.2em;
	margin-bottom:5px;
}

.infolinks_ulr{
	float:right;
}

/* Search box that goes on content pages */
.contentsearch{
	color:#ccc;
	width:300px;
	height:20px;
	font-size:14px;
	padding:3px;
	border:2px solid #999;
}

/* Comments styling */
.comment_odd{
	background-color:#111111;
	border-bottom:1px solid #333;
	padding:5px 5px 5px 5px;
}
.comment_even{
	background-color:#171717;
	border-bottom:1px solid #333;
	padding:5px 5px 5px 5px;
}
.comment_title{
	color:#ccc;
	font-size:11px;
}