BODY
{
color:#000000;
font-family: Tahoma;
font-size:14px;
background:url(../images/bg.jpg) no-repeat fixed 0 0;
margin:0;
}

img {border: none;}



#wrapper
{
width:1000px;
margin:0 auto;/*
background-color:#FFFFFF;display: table;
border:#003333 3px solid;
overflow:auto*/
}

#banner
{
/*background:url(../images/banner-grad.png) no-repeat #0E1C3A;
*/width:980px;
height:250px;}


.menu { 
			height: 35px;
			display: block;
			width: 100%;
			
		}

.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

.menu ul li {
			/* width and height of the menu items */  
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			line-height: 35px;
		}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 110px;
			height: 35px;
			font-family: Arial;
			font-size: 11px;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 110px;
		}

.menu ul li a span.out {
			top: 0px;
		}

.menu ul li a span.over,.menu ul li a span.bg {
			/* hide */  
			top: -45px;
		}

.selected{
		color:#CC6600;
		background-color:#003366}
		
#menu2 {
			background:url(../images/navbg.jpg) no-repeat #000000;
			width:100%	
		}

#menu2 ul li a {
			color: #FFF;
		}

#menu2 ul li a span.over {
			background: #336699;
			color: #000;
		}
#leftMenu
{
/*width:180px;
float:left;

min-height:800px;border-right:dashed 2px green;
background:#009966*/}


#rightMenu
{
width:165px;
float: right;
margin-top:10px; 
  }

#ContentWrapper
{
/*
background:url(../images/transparent-bg.png) repeat #FFFFFF ;
width: inherit;*/
background-color:#FFFFFF;
padding-left:10px;
display: block;
overflow:auto
}


#content
{
width:760px;
float:left;
padding-left:0px;
/*background:url(../images/contbg2.png) no-repeat;*/
padding-right:5px;
margin-top:10px;

display:table
/*min-height:550px;              
background-color:#FFFFFF; */
}

.content
{
/*width:760px;
float:left;
clear:left;background:url(../images/contbg2.png) no-repeat  ;
padding-left:10px;
height:600px;
display: table*/
/*background-color:#FFFFFF;

min-height:550px;
*/

 } 


#footer
{
width:980px;
float:left;
font-size:10px;
text-align:center;
background:#eeeeee}
#footer a
{
color:#990000;
text-decoration:none;
}

#footer a:hover
{
color:#990000;
text-decoration: underline}

.disco
{
border:solid 2px #000033;
margin-bottom:10px;
width:400px;
display:table}

.disco img
{
float:left}


#disco
{
background:url(../images/Musical_Note.png) no-repeat;
padding-left:35px;
height:35px;
padding-top:4px
}


#contact
{
background:url(../images/email.png) no-repeat;
padding-left:35px;
height:35px;
padding-top:4px
}


#disco a
{
text-decoration:none;
color:#ffffff}

#disco a:hover
{
text-decoration: underline;
color:#000099}

#SongSubTitle
{
font-size:12px;
color:#eeeeee;
font-style:oblique}

.discoAlbum
{
width:100%;
display:table;
}


/*.discoAlbum img,*/
 #AlbumCover
{
width:260px;
float:left;
clear:left
}


#AlbumCover img
{
border:#000000 10px solid;
-moz-border-radius: 15px;
border-radius: 15px;

}

#AlbumInfo
{
width: 420px;
float: right;
padding:0;
padding-left:10px;
}

#AlbumTitle
{
font-family: "Times New Roman", Times, serif ;
font-size: x-large;
margin:0px 0px 11px 10px;
color: #000000;
padding:0px;
 }

#AlbumTitle img
{
border:none }



.AlbumTitle
{
color:#990000;
font-family: "Times New Roman", Times, serif;
display:block;
font-size:20px;
text-align:center;
 }


.AlbumYear
{font-size:12px;
margin-left:2px}

#yrBox
{

}

#Review
{
width:550px;
float:left;
font-family: "Times New Roman", Times, serif;
font-size:14px;
height:200px;
overflow:scroll;
overflow-x:hidden

}

#Review h3
{
background:url(../images/review.png) no-repeat left;
padding:20px 0 0 30px;
height:50px;
font-family: "Times New Roman", Times, serif;
font-size:18px;
color:#990000
}


#RatingBox
{
width:200px;
font-family: "Times New Roman", Times, serif;
color:#990000;
text-align:center;
float:right;
}

#RatingKamran
{
font-weight:bold;
font-style:italic}

#RatingNumber
{
font-size:80px}


#RatingBox img
{
border:none}


.container {
	padding: 10px 5%;
}
ul.column{
	width: 90%;
	padding: 0;
	/*margin: 10px 0 10px;*/
	list-style: none;
 }
ul.column li {
	float: left;
	width: 100px;
	padding: 0;
	margin: 5px 0;
	display: block;
}
.block {
	height: 160px;
	font-size: 1em;
	margin-right: 1px;
	padding: 10px;
	background: #e3e1d5;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.block:hover
{
background-color:#FFCC33;
text-decoration: underline;
font-style:italic }

.block img {
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}




#login_form, #contact_form {
	width: 300px;
	background: #f0f0f0 url(http://localhost/Moein.ca_2010/images/login_bg.jpg) repeat-x 0 0;
	border: 1px solid white;
	margin: 0px auto 0;
	padding: 1em;
	-moz-border-radius: 3px;
}


#contact_form {


}


input[type=text], input[type=password], textarea {
	display: block;
	margin: 0 0 1em 0;
	width: 280px;
	border: 5px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 1em;
}

input[type=submit], form a {
	border: none;
	margin-right: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	background: #348075;
	color: white;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;

}

input[type=submit]:hover, form a:hover {
	background: #287368;
	cursor: pointer;
}

/* Validation error messages */

.error {
	color: #393939;
	font-size: 15px;
}

fieldset {
	width: 300px;
	margin: auto;
	margin-bottom: 2em;
	display: block;
}


#user
{
background:url(../images/user.png) 8px 9px no-repeat;
padding-left:50px;
height:25px;
padding-top:18px;
top:200px;
z-index:1000;
position:absolute;
width:200px;
}

#userNotLogged
{
background:url(../images/user_not_logged.png)  8px 9px  no-repeat;
padding-left:50px;
height:25px;
padding-top:20px;
top:200px;
z-index:1000;
position: absolute ;
width:200px;
 }