/*
THEME NAME: Mono Music SPF 55+
THEME URI: http://www.mono-music.com/
DESCRIPTION: Theme for Mono Music.
VERSION: 0.1
AUTHOR: <a href="http://my-sexy-club.blogspot.com/">Chatree Riangsa</a>
AUTHOR URI:
TAGS: mono music, SPF 55+, microformats
*/

html { background: #000000; }

body { background: #000000; color: #acacac; }

.more { padding: 5px 20px; text-align: right; }

/* 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 0px;

	}
#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*/

/* maincontent */
#maincontent { 
	border: 1px solid #444444;
	width: 588px;
	background-color: #000000;
	-moz-box-shadow: 0 0 1em #2c2c2c;
	-webkit-box-shadow: 0 0 1em #2c2c2c;
	padding: 10px;
}

.top_400 { margin-top: 400px; }

#maincontent .main_box h3 { padding: 15px 0px 20px 0px; }

/*for show big images*/
.top400 {margin-top:400px;min-height:50px;}
.top180 {margin-top:180px;}
.top270 { margin-top: 275px; }

.main_box h3#head_news { background: transparent url(images/header_news.gif) no-repeat left 15px; color: #7cd82f; }
.main_box h3#head_video { background: transparent url(images/header_video.gif) no-repeat left 15px; color: #f66603; }
.main_box h3#head_gallery { background: transparent url(images/header_gallery.gif) no-repeat left 15px; color: #dc0083; }
.main_box h3#head_webboard { background: transparent url(images/header_webboard.gif) no-repeat left 15px; color: #00acdf; }

#hilight_photo { width: 340px; border: 1px solid #847f83; }
#hilight_photo div.photo { background: #ffffff; width: 330px; height: 170px; padding: 5px 5px; }
#hilight_photo #hilight_2, #hilight_photo #hilight_3, #hilight_photo #hilight_4, #news_detail #detail_2, #news_detail #detail_3, #news_detail #detail_4 { display: none; }

#news_title { width: 220px; }
#news_title .hilight_title { height: 40px; padding: 2px 5px 2px 10px; border-bottom: 1px solid #847f83; }
#news_title .hilight_first { height: 41px; border-top: 1px solid #847f83; }
#news_title .hilight_title h1 { margin: 0px; font-size: 1.1em; line-height: 1.2; font-weight: normal; }
#news_title .hilight_title h1 a { text-decoration: none; color:#acacac; }
#news_title .active { border-right: 1px solid #847f83; background: #060606 url(images/bg_hilight_title.gif) repeat-x left top;!important }
#news_title .active h1 a { color: #59bd05;!important }

#news_detail { width: 543px; padding: 10px; }
#news_detail { border-bottom: 1px dotted #444444; }
#news_detail .detail h1 { font-size: 1.2em; color: #bbbbbb; font-weight: bold; }
#news_detail .detail p { margin-bottom: 10px; }

#news_update #more_news a:link { color: #9944dd; text-decoration: none; }
#news_update #more_news a:visited { color: #9944dd; text-decoration: none; }
#news_update #more_news a:hover { color: #9944dd; text-decoration: underline; }

#sidebar {
	border: 1px solid #444444;
	width: 328px;
	background-color: #000000;
	-moz-box-shadow: 0 0 1em #2c2c2c;
	-webkit-box-shadow: 0 0 1em #2c2c2c;
	opacity:0.9;
	filter:alpha(opacity=90);
	
	padding-bottom: 10px;
}

/* video */
#wrap_hilight_player { width: 300px; height: 251px; }
#hilight_player_2, #hilight_player_3 { display: none; }
#hilight_player { display: block; width: 300px; height: 250px; position: relative; z-index: 1; }
#hilight_player a img.button_play { position: absolute; z-index: 2; left: 120px; top: 80px; }

#list_video_hilight { width: 260px; }
#list_video_hilight .active { background: #060606 url(images/bg_hilight_title.gif) repeat-x scroll left top; }
#list_video_hilight .hilight { margin-bottom: 10px; }
#list_video_hilight .hilight .thumb { width: 100px; height: 75px; }
#list_video_hilight .hilight .title { width: 144px; padding: 3px; }
#list_video_hilight .hilight .title a:link{ color: #cc6600; text-decoration: none; }
#list_video_hilight .hilight .title a:visited{ color: #ffa463; text-decoration: none; }
#list_video_hilight .hilight .title a:hover{ color: #ef6000; text-decoration: underline; }

#more_video { border-top: 1px dotted #444444; margin-top: 10px; }
#more_video a:link { color: #0088aa; text-decoration: none; }
#more_video a:visited { color: #0088aa; text-decoration: none; }
#more_video a:hover { color: #0088aa; text-decoration: underline; }

/* gallery */
#wrap_slide_gallery { padding: 0px 0px 20px 0px; border-bottom: 1px dotted #444444; }
#wrap_slide_gallery .button_slide { width: 45px; }
#wrap_slide_gallery #list_gallery { width: 435px; padding-left: 25px; }

#box_slide { float: left; margin-left: 25px; margin-right: 10px; }
#box_slide ul.slide_gallery { padding: 0; margin: 0; }
#box_slide ul.slide_gallery li { float: left; margin-right: 15px; width: 126px; height: 150px; }
#box_slide ul.slide_gallery li a.thumb_gallery { display: block; border: 3px solid gray; }
#box_slide ul.slide_gallery li div.gallery_detail { padding: 3px; }
#box_slide ul.slide_gallery li div.gallery_detail a:link { color: #bb0066; text-decoration: none; }
#box_slide ul.slide_gallery li div.gallery_detail a:visited { color: #bb0066; text-decoration: none; }
#box_slide ul.slide_gallery li div.gallery_detail a:hover { color: #bb0066; text-decoration: underline; }

#list_gallery .gallery_thumb { width: 126px; margin-right: 15px; }
#list_gallery .gallery_thumb a { display: block; border: 3px solid #3d3d3d; }

.button_slide a { display: block; width: 45px; height: 90px; }
.button_slide a.button_slide_left { background: transparent url(images/bt_slide_left_1.gif) no-repeat; }
.button_slide a.button_slide_left:hover { background: transparent url(images/bt_slide_left_2.gif) no-repeat; }
.button_slide a.button_slide_right { background: transparent url(images/bt_slide_right_1.gif) no-repeat; }
.button_slide a.button_slide_right:hover { background: transparent url(images/bt_slide_right_2.gif) no-repeat; }

#more_gallery a:link { color: #119900; text-decoration: none; }
#more_gallery a:visited { color: #119900; text-decoration: none; }
#more_gallery a:hover { color: #119900; text-decoration: underline; }

/* webboard */
#wrap_list_webboard { margin-bottom: 15px; }

#wrap_list_webboard ul#list_topic { width: 550px; list-style-type: none; margin: 0px; } 
#wrap_list_webboard ul#list_topic li{ display: block; background: transparent url(images/bullet.gif) no-repeat 10px 8px; border-bottom: 1px dotted #444444;  padding: 3px 3px 3px 25px; }
#wrap_list_webboard ul#list_topic li a.topic_title { display: block; }
#wrap_list_webboard ul#list_topic li a.topic_title:link { color: #aaaaaa; text-decoration: none; }
#wrap_list_webboard ul#list_topic li a.topic_title:visited { color: #aaaaaa; text-decoration: none; }
#wrap_list_webboard ul#list_topic li a.topic_title:hover { color: #00aadd; text-decoration: none; }
#wrap_list_webboard ul#list_topic li div.info { color: #636363; }

#more_webboard a:link { color: #cc9900; text-decoration: none; }
#more_webboard a:visited { color: #cc9900; text-decoration: none; }
#more_webboard a:hover { color: #cc9900; text-decoration: underline; }

/* side bar */
#sidebar #logo_sidebar { text-align: center; }

/* footer styles */
#footer { padding: 10px 20px; color: #565656; margin:5px 0; background: transparent; }
#footer .footer_row { padding: 3px 0; }
#footer #footer_logo_momomusic { margin-top: 15px; }

#footer a:link { text-decoration: underline; color: #686868; }
#footer a:visited { text-decoration: underline; color: #565656; }
#footer a:hover { text-decoration: none; color: #f7951d; }

/* menu side bar */
span.font_large { font-size: 1.5em; font-weight: bold; }
span.font_small { font-size: 0.9em; }

#menu_side_bar { padding-left: 5px; margin: 10px 0px 30px 0px; }
#menu_side_bar ul#list_menu { margin: 0px; }
#menu_side_bar ul#list_menu li { list-style-type: none; padding-left: 30px; height: 26px; width: 285px; margin-bottom: 2px; }
#menu_side_bar ul#list_menu li a { color: #dddddd; text-decoration: none; }
#menu_side_bar ul#list_menu li.active { background: transparent url(images/bg_menu_sidebar.gif) no-repeat; }
#menu_side_bar ul#list_menu li.active a { color: #dd0088; }
#menu_side_bar ul#list_menu li.hilight { background: transparent url(images/bg_menu_sidebar.gif) no-repeat; }
#menu_side_bar ul#list_menu li.hilight a { color: #dd0088; }

#social { width: 270px; padding: 10px 10px 10px 20px; border-top: 1px solid #333333; margin: 0 auto; }
#social #social_head { color: #00aadd; }
#social #social_icon { padding: 10px 0px; }
#social #social_icon a { width: 47px; height: 46px; margin-right: 15px; }

/* music box side bar */
#music_box { width: 300px; margin: 0 auto; }
#music_box #music_box_player { display: block; width: 300px; height: 22px; }
#music_box #detail_music #detail_music_header{ padding: 5px 0px; text-align: center; }
#music_box #detail_music #wrap_detail_music { padding: 5px 0px; }
#music_box #detail_music #wrap_detail_music #music_thumb { width: 120px; height: 90px; border-right: 1px dotted #444444; }
#music_box #detail_music #wrap_detail_music #music_name { margin-left: 130px; }
#music_box #detail_music #wrap_detail_music #music_name a h2 { margin: 0px; color: #ddaa00; font-size: 1.1em; font-weight: bold; }
#music_box #detail_music #wrap_detail_music #music_name a { text-decoration: none; }

#ad_sidebar { width: 300px; height: 250px; margin: 20px auto 10px auto; }

/* home */
#home_sidebar_info{margin:5px;padding:10px 5px;}

a:link, a:visited{
	color: #8D3;
}
a:hover{
	color: #D83;
}

/* ---------- single & cat ---------- */
div.main_box .cat-title{
	color: #7B7B7D;
	font-size: 20px;
	padding: 5px 0px;
	margin-bottom: 20px;
	line-height: 20px;
	border-bottom: 2px solid #686868;
}
div.main_box .cat-title span {
	color: #F7951D;
}

/* ---------- single ---------- */
div#single-post h2#single-post-title{
	font-size: 16px;
	color: #D83;
	margin: 0;
	font-weight: bold;
}
div#single-post-detail{
	/* font-size: 14px; */
	border-style: dotted;
	border-width: 0 0 2px 0;
	border-color: #3D3D3F;
	margin-bottom: 5px;
}
p#single-post-tag{
	/* text-align: right; */
	margin-bottom: 10px;
}

/* ---------- cat ---------- */
div.each-post{
	border-style: dotted;
	border-width: 0 0 2px 0;
	border-color: #3D3D3F;
	padding: 5px;
	width: 550px;
	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;
}
div.each-post a:link,div.each-post a:visited{
	color: #8D3;
	text-decoration: none;
}
div.each-post a:hover{
	color: #D83;
}
div.each-post h3.each-post-title span{
	font-size: 0.8em;
	color: #FFF;
	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 a{
	text-decoration: underline;
}
div.each-post img{
	width: 90px;
	height: 90px;
	float: left;
	border-style: solid;
	border-width: 3px;
	border-color: #3C3C3C;
}
#single-main { background: transparent url(images/spf55/mini-17.jpg) no-repeat center top; }
/* comments */
div#single-main div#maincontent{
	width: auto;
}
div.comments_reply{
	margin: 15px auto;
	padding: 10px;
	background-color: #000000;
	border: 1px solid #444444;
	-moz-box-shadow: 0 0 1em #2C2C2C;
}
div.comments_reply h3{
	color: #D83;
}
form#commentform{
	color: #FFF;
}
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{
	color: #FFF;
	list-style-type: none;
	display: block;
	padding: 10px 10px 0;
	margin: 0 0 10px 0;
	background-color: #000000;
	border: 1px solid #444444;
	-moz-box-shadow: 0 0 1em #2C2C2C;
}
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{
	-moz-border-radius: 3px;
	-moz-box-shadow:0 0 10px #CCCCCC;
	background-color:#333333;
	border:1px solid #999999;
	color:#FFFFFF;
	margin:10px 0;
	padding:5px 10px;
}
div.comment-detail p{
	margin: 0;
	padding: 5px 0;
}
div.paginate-comments{
	padding: 10px 0;
}

/* others */
div#breadcrumb-top{
	position: relative;
	top: -20px;
}
div#nav-link{
	margin-bottom: 10px;
}
div.nav-link-l{
	float: left;
	padding-left: 10px;
	text-align: left;
	width: 280px;
}
div.nav-link-r{
	float: right;
	padding-right: 10px;
	text-align: right;
	width: 280px;
}

/* Calendar */
/*
div#calendar a:link, div#calendar a:visited{
	color: #AAA;
	text-decoration: none;
}
div#calendar a:hover{
	color: #C96;
} */
div#calendar{
	width: 300px;
	margin: 0 auto;
	padding: 5px 0;
	background-color: #222;
	color: #AAA;
	font-size: 12px;
	font-family: Tahoma;
}
div#calendar table{
	padding: 0;
	margin: 0 auto;
	border: 0 none;
}
div#calendar table tr td{
	text-align: center;
	width: 38px;
	padding: 3px 2px;
}
div#calendar table tr.title td{
	padding-bottom: 8px;
	border-width: 0 0 2px;
	border-style: solid;
	border-color: #666;
	font-size: 16px;
	font-weight: bold;
}
div#calendar table tr.head-calendar td{
	padding-top: 5px;
	padding-bottom: 10px;
	color: #888;
	font-weight: bold;
}
div#calendar table tr td.date-title{
	width: 206px;
	color: #f7951d;
}
h3#calendar-head{
	background-image: url('/wp-content/themes/mono-music/images/head_calendar_box.gif');
	text-indent: -9999px;
	width: 300px;
	height: 36px;
	margin: 5px auto 10px;
	padding: 0;
}
ul#calendar_schedule{
	margin: 0;
	padding: 0;
}
ul#calendar_schedule li{
	display: block;
	padding: 5px 0px 5px 5px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	width: 290px;
	margin: 5px auto;
}
ul#calendar_schedule li a:link, ul#calendar_schedule li a:visited { color: #aaaaaa; text-decoration: none; }
ul#calendar_schedule li a:hover { color: #f7951d; text-decoration: none; }
#calendar table tr.date td a.tt { background: #444444; display: block; }
#calendar tr.title td a { color: #aaaaaa; text-decoration: none; }

#more_event a:link, #more_event a:visited { color: #aaaaaa; text-decoration: none; }
#more_event a:hover { color: #f7951d; text-decoration: underline; }

/* embed in single page */
#wrap_list_vdo .vdo_player { width: 500px; height: 400px; margin-bottom: 20px; padding: 0px 34px; }
#wrap_audio .music_box_player { width: 300px; height: 22px; margin-bottom: 20px; }

/* tags page */

/* code embed */
.embed { padding-left: 34px; margin-bottom: 10px; }
.embed textarea{ height:16px; padding: 0px; width:205px; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; }

div.alignleft { float: left; margin-right: 5px; }