﻿html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html,body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #3a0954;
}

a:hover {
	text-decoration: underline;
}

#bgimg {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
}

img.fullbg {
	width: 100%;
	height: 100%;
}

#logo {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 130px;
	margin-left: -350px;
	height: 150px;
}


div.topitem {
	float: left;
	margin: 10px;
	text-align: center;
}

#share {
	position: absolute;
	z-index: 1;
	left: 1090px;
	top: 2px;
}


#theplayer {
	height: 40px;
}






ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1;
}

.moodsmenu {
	border-bottom: 1px solid #667d2e;
	border-top: 1px solid #667d2e;
	z-index: 20;
	
	height: 260px;
	background-color: #648b27;
}

.moodsmenu li{background-color:#648b27; float: left; width: 100px; height: 130px; }
ul li.lialt{background-color:#95b73f; }
.moodsmenu li a{color:#333333; font-size: 15px; font-weight:bold; text-decoration:none; float: left; display: block; padding: 10px; width: 80px; height: 110px; }
.moodsmenu li a:hover{ float: left; background-color: #999999;}



#bgtab {
	z-index: 1;
}



.bgimg {
	z-index: 1;
	left: 0;
	top: 240px;
	position: absolute;
}

.bgmenu {
	border-right: 1px solid #998675;
	border-bottom: 1px solid #998675;
	border-top: 1px solid #998675;
	z-index: 20;
	height: 128px;
}

.bgmenu li{background:#648b27; float: left; width: 120px; height: 128px; border-right: 1px dashed #95b73f;}
.bgmenu li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block; float: left;}
.bgmenu li a:hover{padding:14px 10px; float: left; background-color: #999999;}




.linksmenu li {
	width: 70px;
	height: 80px;
	float: left;
	border-bottom: 1px solid #667d2e;
	border-top: 1px solid #667d2e;
	border-left: 1px dotted #998675;
	background-color: #648b27;
	padding: 14px;
	text-align: center;
}


#aboutdiv {
	width: 410px;
	height: 260px;
	background-color: #95b73f;
	border-bottom: 1px solid #667d2e;
	border-top: 1px solid #667d2e;
	padding: 10px;
}

#aboutdiv p {
	margin-top: 5px;
}

#aboutdiv p:first-letter {
	padding-left: 15px;
}

#aboutdiv h1 {
	font-size: 15px;
	font-weight: bold;
	margin: 8px;
}


#sup {
	position: absolute;
	z-index: 999;
	left: 600px;
	top: 20px;
	height: 80px;
}
