body {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Vernada, Arial;
	font-size: 14px;
	background-color: #efefef;
	background-image: url(data:image/png;base64,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);
}

#webpage {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#headerweb {
	width: 100%;
	background-color: #FFCF00;
	border-bottom: 1px solid #FF7F00;
}

/* ส่วนหัวของเว็บ ประกอบด้วย โลโก้ ตัวอักษร โลโก้ เมนู และ แถบนำทาง */
#header {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
}

#header a {
	color: #000000;
}

#header a:hover {
	color: black;
}
/* ส่วนโลโก้ของเว็บ */
#header h1 {
	float:left;
	padding:0px;
	margin:0px;
}

#header h1 a {
	background: url("/static/logo2.png") no-repeat scroll center transparent;
	display: block;
	width: 160px;
	height: 64px;
	text-indent: -1000px;
	font-size: 1px;
	overflow: hidden;
}

/* quick search */
#quicksearchbox {
	float:right;
	display: block;
	padding: 0px;
}

#quicksearchbox form {
	margin:0px;
	padding:0px;
	display: inline;
}

#quicksearchbox #q {
	border: 1px solid #FF7F00;
	background-color: white;
}

#quicksearchbox #search {
	border: 1px solid #FF7F00;
	background-color: #cfcfcf;
}

#mainmenu {
	margin-left: 200px;
	width: auto;
	padding-top:4px;
	padding-bottom: 4px;
}

#mainmenu a {
	text-decoration: none;
}

#mainmenu a:hover {
	background: white;
}

#mainmenu ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#mainmenu ul li {
	display: inline;
	list-style: none;
}

#mainmenu ul li a {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: -5px;
}


#alphalist {
	margin-left: 200px;
	width: auto;
	line-height: normal;
}

#alphalist a {
	text-decoration: none;
}

#alphalist a:hover {
	background: white;
}

#alphalist ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#alphalist ul li {
	display: inline;
	list-style: none;
	margin-left:-5px;
}

#alphalist ul li a {
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
}

#topbanner {
	width: 728px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	background: white;
}


/* ส่วนที่เป็นเนื้อหาของเว็บ */
#content {
	width: auto;
	background: white;
	border: 1px solid #dfdfdf;
	padding: 10px;
	clear: both;
}

#nav {
	font-style: italic;
}

#right {
	float: right;
	width: 300px;
	font-size: 13px;
}

#left {
	float: left;
	width: 620px;
}

#left h2 {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 20px;
	color: #7F2F00;
}

#right #boxbanner {
	padding-bottom: 20px;
}

#right .box {
	padding-bottom: 20px;
}

#right .box h3 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	color: orange;
}

/* Right - related videos */
#relatedvideos ul {
	display: block;
	margin: 0px;
	padding: 2px;
	list-style: none;
}

#relatedvideos li {
	margin-left: 90px;
	position: relative;
	min-height: 70px;
	display: block;
}

#relatedvideos li img {
	position: absolute;
	display: block;
	padding: 1px;
	border: 1px solid silver;
	top: 0px;
	left: -90px;
	width: 80px;
	height: 60px;
}

/* CSS for HOME */
#home_newrelease ul {
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#home_newrelease a {
	text-decoration: none;
}

#home_newrelease ul li {
	float: left;
	display: block;
	padding: 2px;
	width: 200px;
	height: 200px;
	margin:1px;
	padding: 1px;
	font-size:12px;
	text-align: center;
	overflow: hidden;
}

#home_newrelease ul li img {
	border: 1px solid silver;
	padding: 2px;
	margin: 2px;
}

#home_newrelease ul li a:hover {
	color: orange;
}

#home_newrelease ul li a:hover img {
	border: 1px solid black;
}

#home_update a:hover {
	text-decoration: underline;
}

#home_update ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#home_update ul li {
	margin-left: 100px;
	position: relative;
	padding-bottom: 5px;
}

#home_update ul li .date {
	display: block;
	position: absolute;
	left: -90px;
	top: auto;
	color: green;
}

/* CSS for artistlist */
#artistlist_info {
	color: silver;
	font-size: 12px;
}

.artistlist ul {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	list-style: none;
}

.artistlist ol {
	margin-top: 5px;
	margin-bottom: 10px;
}

.artistlist ul li {
	padding: 1px;
	margin-left: 5px;
}

.artistlist ol li {
	padding: 2px;
}


#pagelist ul {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}

#pagelist li {
	display: inline;
	margin-left: -3px;
}

#pagelist li #nolink {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

#pagelist li a {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

#pagelist li a:hover {
	background: #efefef;
	text-decoration: none;
}

/* CSS for artist */
#artist_info {
	color: silver;
	font-size: 12px;
}

#artist_albumlist ul {
	display: block;
	margin: 0px;
	padding: 2px;
	list-style: none;
}

li.artist_albumlistitem {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	min-height: 170px;
}

.artist_albuminfo {
	position: relative;
	margin-left: 200px;
}

.artist_albuminfo h3 { /* album name */
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
}

.artist_albumcover {
	position: absolute;
	top: 0px;
	left: -170px;
}

.artist_albumcover img {
	padding: 2px;
	border: 1px silver solid;
}
.artist_albumrelease {
	font-size: 12px;
	color: green;
}


.artist_albumsonglist {
	margin-left: 220px;
}

.artist_albumsonglist ul li {
	padding-bottom: 1px;
}

/* CSS for songlist */
#songlist_info {
	color: silver;
	font-size: 12px;
}

.songlist ul {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	list-style: none;
}

.songlist ol {
	margin-top: 5px;
	margin-bottom: 10px;
}

.songlist ul li {
	padding: 1px;
	margin-left: 5px;
}

.songlist ol li {
	padding: 2px;
}

#view_lyrics {
	line-height: 150%;
	margin-bottom: 15px;
	margin-left: 5px;
}

#view_lyricsinfo {
	font-size: 12px;
	color: silver;
	margin-left: 5px;
}

/* CSS for Search Result */
#search_info {
	font-size: 12px;
	color: silver;
	margin-left: 5px;
}

#search_error {
	font-size: 14px;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* CSS for Advance search */
#advsearch_form {
	padding: 5px;
	padding-bottom: 10px;
}

#advsearch_form p {
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}

#advsearch_form label {
	display: block;
	width: 110px;
	float: left;
	text-align: left;
}

#advsearch_form input, select {
	border: 1px solid silver;
}

#privacy p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	line-height: 110%;
}

#privacy h3 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: green;
}

/* Class ทั่วไป */
.pop {
	color: orange;
	font-size: 80%;
	position: relative;
	top: -0.4em;
}

.new {
	color: red;
	font-size: 80%;
	position: relative;
	top: -0.4em;
}

/* ส่วนที่เป็นรายละเอียดด้านล่าง */
#footer {
	padding: 5px;
	padding-left: 140px;
	font-size: 11px;
	text-align: left;
	color: #4f4f4f;
	background-image: url("/static/logo2b.png");
	background-position: 1px 10px;
	background-repeat: no-repeat;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

.buy_mp3 {
	display:inline;
	font-size: 10px;
	font-weight: bolder;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid red;
	border-right: 2px solid red;
	border-bottom: 2px solid red;
	background: orange;
	color: white;
	margin-left: 3px;
	margin-right: 3px;
	border-radius: 3px;
	vertical-align:middle;
}

.buy_mp3 a {
	color: white;
	text-decoration: none;
}