/*
Theme Name: Media Shaker 2010
Theme URI: http://www.media-shaker.com
Description: Media Screen at Siam.
Version: 0.1
Author: Chatree Riangsa
Author URI: http://my-sexy-club.blogspot.com
*/
body { background: #000000; }
strong { font-weight: bold; }

#wrap_top_slide { background: #030303 url(images/gradient-top-slide.gif) repeat-x left bottom; }
#wrap_top_slide #bg_top_slide { background: transparent url(images/bg-top-slide.jpg) no-repeat bottom center; padding: 25px 0 38px 0; }
#wrap_top_slide #bg_top_slide #wrap_frame_slide { position: relative; }
#wrap_top_slide #bg_top_slide #frame_top_slide { background: transparent url(images/frame-top-slide.gif) no-repeat; width: 626px; height: 352px; margin: 0 auto; padding: 10px; position: relative; }
#frame_top_slide img#bt_prev { position: absolute; left: -45px; top: 155px; cursor: pointer; }
#frame_top_slide img#bt_next { position: absolute; right: -45px; top: 155px; cursor: pointer; }

#header2 { height: 144px; background: transparent url(images/header2.jpg) no-repeat center top; width: 100%; }

.navbar { height: 42px; background: #ce3300 url(images/bg-nav.gif) repeat-x left top; position: relative; font-size: 1.2em; color: #ffffff; }
.navbar #logo_nav { position: absolute; top: -58px; }
.navbar #nav_link { margin-left: 200px; padding-top: 10px; }
.navbar a:link, .navbar a:visited { color: #ffffff; }
.navbar a:hover { color: #333333; }

#wrapper { background: transparent url(images/gradient-bg-main.gif) repeat-x left top; }

#main { padding-top: 10px; width: 675px; margin-right: 5px; }

#vj { width: 672px; height: 268px; background-color: #ffffff; }
#vj #wrap_vj_slide { width: 672px; height: 268px; position: relative; }
#vj #wrap_vj_slide .list_vj { width: 112px; height: 268px; position: relative; }
#vj #wrap_vj_slide .list_vj .vj_name { padding: 3px; background-color: #732200; position: absolute; bottom: 0px; opacity: 0.7; filter:alpha(opacity=70); font-size: 1.2em; font-weight: bold; text-align: center; color: #ffffff; width: 90%; }
#vj #wrap_vj_slide .list_vj img { width: 112px; height: 268px; }
.vj_name a:link, .vj_name a:visited, .vj_name a:hover { color: #ffffff; text-decoration: none; }
#wrap_vj_slide .vj_jFlowPrev { width: 30px; height: 268px; position: absolute; top: 0px; left: 0px; background: transparent url(images/transparent_button_left.png) no-repeat -4px 0px; cursor: pointer; opacity: 0.45; filter:alpha(opacity=45); }
#wrap_vj_slide .vj_jFlowNext { width: 30px; height: 268px; position: absolute; top: 0px; right: 0px; background: transparent url(images/transparent_button_right.png) no-repeat -10px 0px; cursor: pointer; opacity: 0.45; filter:alpha(opacity=45); }	

#wrap_vj_slide .bt_filter { opacity: 0.8; filter:alpha(opacity=80); }

#top_ad { width: 670px; height: 112px; margin-top: 10px; }

#prnews { margin-top: 10px; }
#prnews #head_prnews { width: 670px; height: 51px; }
#prnews .entry { width: 215px; height: 230px; border-top: 1px solid #9c9c9c; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; margin-top: 7px; position: relative; z-index: 90; }
#prnews .entry .detail { position: absolute; bottom: 0px; opacity: 0.7; filter:alpha(opacity=70); background: #000000; padding: 5px; width: 205px;  z-index: 99; }
#prnews .entry .detail h1 { margin-bottom: 0px; font-size: 1.2em; font-weight: bold; }
#prnews .entry .detail h1 a:link, #prnews .entry .detail h1 a:visited, #prnews .entry .detail h1 a:hover { text-decoration: none; color: #ff4600; }
#prnews .entry .detail p { margin-bottom: 0px; font-size: 1em; color: #ffffff; }

#webboard { background-color: #1e1e1e; width: 670px; margin-top: 10px; color: #6f6f6f; }
#webboard .list_topic { padding: 10px 10px 10px 45px; border-bottom: 1px dotted #b0b0b0; background: transparent url(images/bullet_list_topic.gif) no-repeat 10px center; }
#webboard .list_topic h1 { font-size: 1.4em; }
#webboard .list_topic h1 a:link { text-decoration: none; color: #ff5300; }
#webboard .list_topic h1 a:visited { text-decoration: none; color: #ff5300; }
#webboard .list_topic h1 a:hover { text-decoration: underline; color: #ff5300; }
#webboard #webboard_bt { text-align: center; padding: 20px 0px 10px 0px; }

#bottom_ad { margin-top: 10px; }

div#login { width: 188px; height: 119px; background: transparent url(images/bg_login.gif) no-repeat; padding: 17px 0px 0px 82px; }
div#login input { color: #a1a1a1; margin: 0px 0px 12px 0px; border-color: #373737; padding: 3px; }
div#login input#f_submit { width: 78px; height: 27px; background: transparent url(images/bt-login.gif) no-repeat; border: 0px; color: #ffffff; font-weight: bold; }
div#login input#f_signup { width: 78px; height: 27px; background: transparent url(images/bt-sign-up.gif) no-repeat; border: 0px; color: #ffffff; font-weight: bold; }

#movie { background-color: #202020; margin-top: 10px; padding: 3px 0px; }
#movie #head_movie { margin: 0 auto; width: 265px; height: 28px; }
#movie .list_movie { width: 180px; margin: 15px auto 0px auto; }
#movie .list_movie h1 { font-size: 1.4em; margin-top: 5px; text-align: center; }
#movie .list_movie h1 a:link, #movie .list_movie h1 a:visited { text-decoration: underline; color: #f6872d; }
#movie .list_movie h1 a:hover { text-decoration: none; color: #f6872d; }

#sidebar_ads { margin-top: 10px; padding-left: 50px; }
#sidebar_ads .square_ad { width: 75px; height: 75px; margin-bottom: 10px; }

#footer { background: #000000 url(images/bg-footer.gif) repeat-x left top; margin-top: 10px; padding-top: 8px; }
#footer #footer_info { background: #000000 url(images/bg_footer.gif) no-repeat; width: 810px; height: 81px; color: #ffffff; padding: 30px 0px 0px 140px; }
#footer #footer_info h1 { color: #ffa800; font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
#footer #footer_info p { margin-bottom: 0px; font-size: 14px; }

#content { background-color: #ffffff; padding: 10px; width: 655px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content h2.entry-title { font-weight: bold; color: #FF5300; font-size: 2em;}
#content a { color: #0063DC; text-decoration: none; }
#content a:hover { color: #0063DC; text-decoration: underline; }

#content h2.page-title { margin-bottom: 5px; font-weight: bold; color: #FF5300; }
#content #nav-above { margin-bottom: 15px; }
#content #nav-below { margin-top: 15px; }

.main-category #content div.hentry { margin-bottom: 10px; border-bottom: 1px dashed #333333; padding: 10px; }
.main-category #content div.hentry div.cate-thumbnail { width: 100px; margin-right: 15px; float: left; }
.main-category #content div.hentry h3.entry-title { margin-left: 115px; margin-bottom: 5px; font-weight: bold; }
.main-category #content div.hentry .entry-content { margin-left: 115px; margin-bottom: 10px; font-size: 14px; }
.main-category #content div.hentry .entry-date, .main-category #content div.hentry .entry-meta { margin-left: 115px; color: #999999; }

.main-search #content div.hentry { margin-bottom: 10px; border-bottom: 1px dashed #333333; padding: 10px; }
.main-search #content div.hentry div.cate-thumbnail { width: 100px; margin-right: 15px; float: left; }
.main-search #content div.hentry h3.entry-title { margin-left: 115px; margin-bottom: 5px; font-weight: bold; }
.main-search #content div.hentry .entry-content { margin-left: 115px; margin-bottom: 10px; font-size: 14px; }
.main-search #content div.hentry .entry-date, .main-search #content div.hentry .entry-meta { margin-left: 115px; color: #999999; }

.main-author #content div.hentry { margin-bottom: 10px; border-bottom: 1px dashed #333333; padding: 10px; }
.main-author #content div.hentry div.cate-thumbnail { width: 100px; margin-right: 15px; float: left; }
.main-author #content div.hentry h3.entry-title { margin-left: 115px; margin-bottom: 5px; font-weight: bold; }
.main-author #content div.hentry .entry-content { margin-left: 115px; margin-bottom: 10px; font-size: 14px; }
.main-author #content div.hentry .entry-date, .main-author #content div.hentry .entry-meta { margin-left: 115px; color: #999999; }

#comments { margin-top: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; padding: 10px; width: 655px; }
#comments a, #comments-list a { color: #0063DC; text-decoration: none; }
#comments a:hover, #comments-list a:hover { color: #0063DC; text-decoration: underline; }

#comments-list { margin-top: 15px; }
#comments-list h3 { color: #ffffff; }
#comments-list ul { margin: 0px; padding: 0px; list-style-type: none; }
#comments-list ul li { background-color: #ffffff; margin-bottom: 10px; padding: 10px; width: 655px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comments-list ul li.comment div.comment-author { float: left; width: 50px; margin-right: 10px; }
#comments-list ul li.comment div.comment-author img { display: block; }
#comments-list ul li.comment div.comment-meta { color: #999999; text-align: right; margin-left: 60px; font-size: 12px; }
#comments-list ul li.comment p { margin-bottom: 15px; margin-left: 60px; font-size: 14px;  }

#vj_profile {  }
#vj_profile #header_list_vj { width: 950px; height: 85px; margin: 0px 0px 15px 0px; padding-top: 5px; }
#vj_profile #wrap_box_vj .vj_box { width: 470px; height: 182px; margin-bottom: 10px; }
#vj_profile #wrap_box_vj .vj_thumb { width: 140px; height: 170px; margin-right: 20px; }
#vj_profile #wrap_box_vj .vj_box_1 { background: transparent url(images/box_vj_profile_1.jpg) no-repeat; padding: 10px 10px 12px 15px; width: 445px; height: 170; overflow: hidden; }
#vj_profile #wrap_box_vj .vj_box_2 { background: transparent url(images/box_vj_profile_2.jpg) no-repeat; padding: 10px 10px 12px 25px; width: 435px; height: 170; overflow: hidden; }

.vj_box h2.vj_title { color: #ffffff; font-weight: bold; font-size: 2.5em; padding-top: 5px; margin-bottom: 5px; }
.vj_box h2.vj_title a { color: #ffffff; text-decoration: none; }
.vj_box div.vj_description { color: #ffffff; font-size: 1.2em; }
.vj_box h2.vj_title, .vj_box div.vj_description { margin-left: 160px; }

#ads_sidebar_2 { text-align: center; }

.page_navi_top { margin-bottom: 15px; }
.page_navi_bottom { margin-top: 15px; }

#login #hello { font-size: 14px; font-weight: bold; color: #ffffff; padding: 3px 0px; }
#login #profile_avatar { width: 65px; height: 65px; }
#login #profile_name { margin-left: 75px; padding: 3px 5px 3px 0px; font-weight: bold; }

#siam-live-cam { text-align: center; }
#main.live-cam #content { width: 660px; background: transparent url(images/bg-live-cam.jpg) no-repeat; padding-top: 75px; padding-left:0px; padding-right:0px; }

#user_online { background-color: white; padding: 5px; margin-top: 10px; }
#user_online p { margin-bottom: 0px; }

#share_box { margin-bottom: 10px; }
#share_box #facebook_like { float: left; margin-right: 10px; background-color: #dddddd; padding: 5px; width: 450px; }
#share_box #facebook_share { float: left; background-color: #dddddd; padding: 5px; height: 62px; margin-right: 10px; }
#share_box #twitter_share { float: left; background-color: #dddddd; padding: 5px; height: 62px; }
#facebook_fanpage { width: 270px; height: 200px; margin-bottom: 10px; background-color: white; }

#live_stream { width: 655px; height: 400px; }