/*
Theme Name: Mono Music Wordpress Theme Default
Theme URI: http://mono-music.com/
Description: The default WordPress theme based Mono Music home.
Version: 0.1
Author: Chatree Riangsa
Author URI: http://mono-music.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* first page style */
body { background: #b2a19f url(images/firstpage_bg_repeat.jpg) repeat-y center 40px; }

a:link { color: #000000; text-decoration: none; }
a:visited { color: #111111; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: none; }

.font_red { color: #cc0000; }

/* topbar and header */
#topbar{
	margin:auto;
	color:#666;
	background:#000000 url(images/bg-header.jpg) repeat-x top left;
	border-bottom:1px solid #444444;
	opacity:0.9;
	height:40px;
	margin:0 auto 10px;

	}
#topbar a{color:#838383;text-decoration:none;}
#topTitle{
	font-size:0.8em;
	margin:auto;
	padding:0 5px;
	width:950px;
}
#topTitle h1, #topTitle p{color:#666;text-decoration:none;font-size:10px;float:left;padding:0 0 0 105px;}

#toplogo{
	background:transparent url(images/mono-music-logo.jpg) no-repeat top left;height:35px;
	overflow:hidden;
	padding:5px 0 0;
}
#topbar ul li {
	border-right:1px solid red;
	display:inline;
	margin:0;
	padding:5px 10px;
}
#topbar li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:1.6em;
	font-weight:bold;
}
#topNav{text-align:left;}
.menu{margin:auto;float:right;}
/* end header*/

#wrap_bg_top { width: 100%; background: transparent url(images/firstpage_large_bg.jpg) no-repeat center top; }
#wrap_bg_bottom { width: 100%; background: transparent url(images/firstpage_bg_footer_repeat.jpg) repeat-x bottom left; }

#topbar { margin: 0px; }

#top_content { padding: 10px 15px 0px 15px; color: #fff3ee; }
#artist_hilight { padding: 10px 15px 0px 15px; color: #fff3ee; }

#left_top_content { display:block; position:relative; height:400px; width:600px; z-index:1; }
/*#left_top_content img#top_content_frame{ position:absolute; z-index:2; top: 0px; left: 0px; width: 600px; height: 400px; }*/
#left_top_content .top_detail { position:absolute; opacity:0.9; filter:alpha(opacity=90); bottom: 0px; background-color: #000000; padding: 10px; width: 580px; }
#left_top_content .top_detail h2 { margin-bottom: 0px; color: #d6dbac; font-size: 1.4em; }
#left_top_content .top_detail h2 a:link { color: #d6dbac; }
#left_top_content .top_detail h2 a:visited { color: #d6dbac; }
#left_top_content .top_detail h2 a:hover { color: #d6dbac; }

#right_top_content { padding: 230px 0px 0px 0px; font-size: 16px; }

#middle_content { background: #fff3e3 url(images/top_bg_middle_content.jpg) no-repeat center top; padding-top: 50px; }
#middle_content h2 { color: #bb5500; font-size: 1.4em; font-weight: bold; }

#middle_content .span-7 { width: 295px; }
#middle_content .span-8 { width: 300px; }
#middle_content .span-9 { width: 355px; }

/* webmaster talk */
#middle_content #first #webmaster { padding: 0px 35px; height: 175px; overflow: hidden; color: #000000; }
#middle_content #first #webmaster h2 { margin-bottom: 5px; }
#middle_content #first #webmaster p { margin-bottom: 0px; }

/* all event */
#middle_content #first #all_event { margin-top: 55px; padding-left: 35px; padding-right: 10px; }
#middle_content #first #all_event h2 { color: #000000; }
#middle_content #first #all_event #list_event { list-style-type: none; margin: 0px; }
#middle_content #first #all_event #list_event li { border-bottom: 1px dashed #888888; padding: 5px 10px 5px 0;}

#list_event li .event_time { width: 70px; float: left; margin-right: 5px; }
#list_event li .event_title { width: 165px; float: left; }
#list_event li .event_title a:link, #list_event li .event_title a:visited { color: #000000; text-decoration: none; }
#list_event li .event_title a:hover { text-decoration: underline; }

/* new album */
#new_album { width: 275px; height: 240px; background: transparent url(images/bg_new_album.gif) no-repeat; margin-top: 35px; padding-right: 5px; }
#new_album h2 { padding: 10px 0px 0px 15px; margin: 0px; color: #cc0000; }

#new_album #thumb_new_album { float: left; width: 115px; height: 160px; margin: 19px 20px 0px 0px;}
#new_album #thumb_new_album img { width: 115px; height: 160px; }

#new_album #detail_new_album { float: left; margin: 15px 0px 0px 0px; width: 140px; }
#new_album #detail_new_album .new_album_row label { float: left; width: 45px; display: block; text-align: right; color: #000000; }
#new_album #detail_new_album .new_album_row p { margin-left: 50px; margin-bottom: 0px; color: #cc0000; }
#new_album #detail_new_album #more_new_album { text-align: right; margin-top: 65px; }

/* Tags */
#tags { background-color: #eeddcc; width: 260px; margin-top: 25px; padding: 10px 5px 10px 15px; }
#tags h2 { border-bottom: 1px solid #ddccaa; }

/* hilight news */
#hilight_news {}
#hilight_news h2 { background: transparent url(images/border_bottom_header.gif) no-repeat bottom center; padding:0px 0px 8px 20px; }

#list_hilight_news { padding: 0px 10px; }
#list_hilight_news .entry { margin-bottom: 20px; }
#list_hilight_news .entry .hilight_thumb { width: 90px; height: 90px; float: left; }
#list_hilight_news .entry .hilight_title { float: left; margin-left: 10px; width: 180px; }
#list_hilight_news .entry .hilight_title a:link, #list_hilight_news .entry .hilight_title  a:visited { color: #000000; text-decoration: none; }
#list_hilight_news .entry .hilight_title a:hover { color: #cc0000; }

#hilight_news .more { text-align: right; }

.more a:link { color: #bb5500; text-decoration: underline; }
.more a:visited { color: #bb5500; text-decoration: underline; }
.more a:hover { color: #bb5500; text-decoration: none; }

/* webboard */
#webboard { margin-top: 25px; }
#webboard .wb_item { padding: 0px 10px; margin-top: 10px; }
#webboard .wb_item ul#list_topic { list-style-type: none; margin: 0px; }
#webboard .wb_item ul#list_topic li { padding: 5px 0px; border-bottom: 1px dashed #888888; }
#webboard .wb_item ul#list_topic li div.topic_title { margin-bottom: 3px; }

#webboard .wb_item .more { margin-top: 10px; }
.more { text-align: right; }


/* social */
#social { border: 4px solid #eeddcc; margin-top: 25px; padding: 10px 15px; }
#social a { text-decoration: none; margin-right: 10px; }

/* media zone */
#media_zone { padding-left: 20px; padding-right: 35px; }
#media_zone h2 { background: transparent url(images/border_bottom_header.gif) no-repeat bottom center; padding:0px 0px 8px 20px; }
#media_zone #clip_new .clip_title { font-weight: bold; margin-bottom: 5px; }

.wrap_clip { width: 300px; height: 247px; }

.media_tilte { margin-bottom: 10px; }
.media_tilte a { font-weight: bold; }

/* download */
#download { background: #fff3e3 url(images/bg_download.jpg) no-repeat right top; padding-left: 20px; margin-top: 5px; padding-top: 25px; display: none; }
#download h2 { color: #cc0000; border-bottom: 1px solid #ddccbb; }

/* behind the scene */
#behind_scene { padding-left: 20px; padding-right: 35px; margin-top: 20px; }
#behind_scene h2 { background: transparent url(images/border_bottom_header.gif) no-repeat bottom center; padding:0px 0px 8px 20px; }

/* footer */
#footer { padding: 20px 0px 0px 15px; padding-bottom: 20px; color: #707070; }
#footer #logo_footer_mono_music, #footer #logo_footer_candy_mafia, #footer #logo_footer_spf55 , #footer #logo_footer_G20 { float: left; }
#footer #logo_footer_mono_music { width: 182px; border-right: 1px dotted #888888; }
#footer #logo_footer_G20{ margin: 0px 20px; width: 70px;  }
#footer #logo_footer_candy_mafia { margin: 0px 20px; width: 70px; }
#footer #logo_footer_spf55 { margin: 0px 20px; border-right: 1px dotted #888888; width: 70px; }

#footer #footer_info { float: left; }
#footer #footer_info .footer_row a:link, #footer #footer_info .footer_row a:visited { color: #707070; text-decoration: none; }
#footer #footer_info .footer_row a:hover { color: #ffffff; }


/* single */
#post-single { width: 635px; padding: 0px 10px 10px 10px; }
#post-single h2.post-cate { background: transparent url(images/border_bottom_header.gif) no-repeat bottom left; padding: 10px; }

.breadcrumb { padding: 10px; font-size: 1em; }

#single-post-title, #single-post-detail, #single-post-date { padding: 0px 10px; }
#single-post-detail { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #3D3D3F; }

/* comment */
div.comments_reply{
	margin: 15px auto;
	padding: 10px;
}
div.comments_reply h3{
	color: #D83;
}
form#commentform{
}
form#commentform label{
	font-weight: normal;
}
form#commentform p{
	margin-bottom: 10px;
}
textarea#comment{
	width: 480px;
	height: 200px;
}
input#author, input#email{
	width: 200px;
}
div#comments{
	padding: 0;
	margin: 10px auto;
}
div#comments h3{
	color: #D83;
	font-size: 14px;
}
ul#comments_list{
	display: block;
	padding: 0;
	margin: 0;
}
ul#comments_list li{
	list-style-type: none;
	display: block;
	padding: 10px 10px 0;
	margin: 0 0 10px 0;
	background-color: #ffffff;
}
div.comments_meta{
	float: left;
	width: 100px;
	text-align: center;
}
div.comments_meta img{
	width: 50px;
	height: 50px;
	border: 3px solid #CCC;
}
div.comment_text{
	margin-left: 120px;
}
p.comment-topic-title{
	font-size: 0.9em;
	color: #666;
	margin: 0;
}
p.comment-meta-detail{
	font-size: 0.9em;
	color: #666;
	text-align: right;
	margin: 0;
}
div.comment-detail{
	background-color:#eeeeee;
	border:1px solid #999999;
	margin:10px 0;
	padding:5px 10px;
}
div.comment-detail p{
	margin: 0;
	padding: 5px 0;
}
div.paginate-comments{
	padding: 10px 0;
}

/* category */
div.each-post{
	border-style: dotted;
	border-width: 0 0 2px 0;
	border-color: #3D3D3F;
	padding: 5px;
	padding: 10px;
	margin: 0 auto 10px;
	clear: both;
}
#maincontent .main_box div.each-post h3.each-post-title{
	margin-bottom: 10px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
h3 { margin-bottom: 5px;!important }
div.each-post h3.each-post-title span{
	font-size: 0.8em;
	font-weight: normal;
}
div.each-post-detail{
	padding: 0;
	margin: 0 0 15px 0;	
}
div.each-post-detail p{
	padding: 0;
	margin: 0;
}
div.thumb h3.each-post-title, div.thumb div.each-post-detail{
	margin-left: 110px;
}
div.each-post p.each-post-tag { margin-top: 10px; }
div.each-post p.each-post-tag a{
	text-decoration: underline;
}
div.each-post img{
	width: 90px;
	height: 90px;
	float: left;
	border-style: solid;
	border-width: 3px;
	border-color: #3C3C3C;
}

/* page hilight news */
#list_hilight { padding: 10px; }
.hilight_navi a { display: block; float: left; font-size: 12px; padding: 3px; text-align: center; border: 1px solid #000000; margin-right: 3px; }
.hilight_navi a.current { background: #f4d8e8; }


/* Archives */
#archives { margin-top: 15px; width: 260px; padding: 10px 5px 10px 15px; background-color: #EEDDCC; }
#archives h2 { border-bottom:1px solid #DDCCAA; }
#archives ul { margin: 0px 0px 0px 15px; }

/* list_link */
#list_artist { margin-top: 15px; width: 260px; padding: 10px 5px 10px 15px; background-color: #EEDDCC; }
#list_artist h2 { border-bottom:1px solid #DDCCAA; }
#list_artist #linkcat-2 { list-style-type: none; }
#list_artist ul { margin: 0px 0px 0px 15px; }

/* artist hilight */
#slider {
    width: 600px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 600px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px;
    padding: 10px 13px;
    width: 574px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.sliderImage span h3 a:link, .sliderImage span h3 a:visited, .sliderImage span h3 a:visited { color: #ffffff; }

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

li#linkcat-2 ul { list-style-type: disc;!important }