@charset "utf-8";
/* CSS Document */
body { background:url(http://fangpleng.com/images/bg-body_2.gif) repeat;
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px; color:#787878;
margin:0;
padding:0;}
a {color:#666666;
text-decoration:none;}
a:hover { color:#B2061D;}
img { border:none;}
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#wrapper {
	width:880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	height:80px;
	background-image: url(http://fangpleng.com/images/logo-2.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B2061D;
	text-align: right;
	padding-top: 20px;
	padding-right: 10px;
	margin-bottom: 15px;
}
.clear {
	clear:both;
	margin: 0px;
	padding: 0px;
}

.releasesong {
	border:solid 2px #303030;
	padding: 10px;
}

.releasesong ul {
margin:0;
padding:0;
list-style:none;}

.releasesong li {
	background:url(images/menurelease.gif) no-repeat left bottom;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
}
#topmenu {
	padding-left: 10px;
	width: 180px;
}

#topmenu li {	margin-bottom: 3px; font-weight:bold;}

#topmenu li a:link, #topmenu li a:visited {           
		  height:20px;
	background:url(images/menubar.gif) no-repeat left top;
		padding-top: 5px;
	padding-left: 15px;
	display: block;	
}
#topmenu li a:hover {background:url(images/menubarhover.gif) no-repeat left top; color:#666666;
padding-top: 5px;
	padding-left: 15px;}

#container {
	background:url(images/contentbg.gif) repeat-y center;
	padding-bottom:10px;
}
#content {
	background:url(images/top.jpg) no-repeat top center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

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

#left ul {
	padding-right: 10px;
	padding-left: 10px;
}

#left li a:link, #left li a:visited {
	padding-top: 5px;	
	padding-bottom: 5px;
	display: block;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(images/leftli.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#left li a:hover {
	color:#666666;
	background-color: #EEEEEE;
	background-image: url(images/lefthover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.leftbox {
	margin-bottom:5px;
}
.leftboxmore {
	width: 230px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
}
.songchartbox{
	background-image: url(images/songchartbg.png);
	background-repeat: repeat-y;
}
.darapicbox{
	background-image: url(images/darapicbg.png);
	background-repeat: repeat-y;
}
.darapicbox img{ width:46px; height:46px;
padding:1px; border:solid 1px #CCCCCC;
}

.dramabox{
	background-image: url(images/dramabg.png);
	background-repeat: repeat-y;
}
.dramabox img{ width:230px; height:120px;
padding:2px; border:solid 1px #CCCCCC;
}
.dramaboxdemo{
	margin-bottom:10px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	width: 240px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.movieonbox{
	background-image: url(images/dramabg.png);
	background-repeat: repeat-y;
}
.movieonbox img{
	width:100px;
	height:125px;
	padding:2px;
	border:solid 1px #CCCCCC;
	margin-right: 10px;
}
.movieondemo{
	margin-bottom:10px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	width: 240px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.radiobox{
	background-image: url(images/radiobg.png);
	background-repeat: repeat-y;
}

#right {
	width: 580px;
	float:right;
}
.rightboxtopic {
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 20px;
	padding-right: 10px;
}
.rightboxtopic a {
	color:#FFFFFF;
}

.rightbox1 {
	margin-bottom:5px;
	width:580px;
}
.contentbox1 {
	background:url(images/box1bg.gif) repeat-y;
}
.contentbox1 img{
width:46px; height:46px;
padding:1px; border:solid 1px #CCCCCC;
float: left; margin-right:3px;
}
.contentboxpost{
	text-align:center;
	float: left;
	width: 130px;
	margin-top: 3px;
}
.boxnewmovie {
	background:url(images/box1bg.gif) repeat-y;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.boxnewmovie img{
	width:95px;
	height:130px;
	padding:2px;
	border:solid 1px #CCCCCC;
	margin-top: 10px;
		margin-bottom: 5px;
	clear:both;
}
.contentboxmusic{
	text-align:center;
	float: left;
	width: 130px;
	margin-top: 5px;
}
.contentboxmusic .songname a {color:#FF9900;}
.contentboxmusic .songname a:hover {color:#009900;}

.rightbox2 { float:left;
	margin-bottom:5px;
	width:420px;
}
.contentbox2 {
	background:url(images/box2bg.gif) repeat-y;
}

.rightbox3 { float:left;
	margin-bottom:5px;
	width:284px;
}
.contentbox3 {
	background:url(images/box3bg.gif) repeat-y;
}
.spacer {
	width:10px;
	float: left;
	height: 100px;
}
.boxclip {
	background:url(images/box3bg.gif) repeat-y;
}
.boxclip img{
	width:106px;
	height:72px;
	padding:2px;
	border:solid 1px #CCCCCC;
	margin-top: 3px;
		margin-bottom: 5px;
	clear:both;
}
.contentboxclip{
	text-align:center;
	width: 130px;
}
.boxpic {
	background:url(images/box3bg.gif) repeat-y;
}
.boxpic img{
	width:50px;
	height:72px;
	padding:2px;
	border:solid 1px #CCCCCC;
		margin-right: 3px;
		float: left;
}
.contentboxpic{
	text-align:center;
	float: left;
	width: 72px;
	margin-top: 5px;
}
.advertise125 {
	width: 125px;
	float: left;
	margin-left:10px;
	margin-top: 10px;
}

.advertise125 img{ margin-bottom:5px; clear: both;}
#footer {
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	color:#FFFFFF;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#footer a {
	color:#CCCCCC;
	font-weight: normal;
}
#footer2 {
	background-position: center top;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	color:#FFFFFF;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#footer2 a {
	color:#CCCCCC;
	font-weight: normal;
}
.tags {

	border:4px double #B2061D;
	padding-top: 10px;
	padding-right: 45px;
	padding-bottom: 10px;
	padding-left: 45px;
	font-weight: bold;
}
.copyright {
	padding-top:15px;
	text-align: center;
}
  
  #tabsH {
	width:870px;
	font-size:93%;
	line-height:normal;
	margin:0;
	padding:0;
	height: 23px;
      }
    #tabsH ul {
	margin:0;
	list-style:none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(images/tableftH.gif);
	background-repeat: no-repeat;
	background-position: left top;
      }
    #tabsH a span {
	float:left;
	display:block;
	color:#FFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 6px;
	background-image: url(images/tabrightH.gif);
	background-repeat: no-repeat;
	background-position: right top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

        #tabsH #current a {
                background-position:0% -42px;
        }
        #tabsH #current a span {
                background-position:100% -42px;
        }

.contentpage {
	width:560px;
	padding:10px;
	background-color:#FFFFFF;
	border: 1px solid #B2061D;
	margin-top: 10px;
}

.contentpage h3{
	font-size:16px;
	color:#BF6A44;
	margin: 0px;
	padding: 0px;
}

.contentpagetags {
	width:560px;
	padding:10px;
	background-color:#EEEEEE;
	border: 1px dashed #cccccc;
	margin-top: 10px;
	text-align: right;
	font-size:11px;
}
.contentpagetags a{ color:#B2061D;}

.contentpagethumb {
	width:580px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.contentpagethumb img{
	width:70px;
	height:70px;
	padding:3px;
	border:solid 1px #CCCCCC;
	margin-bottom: 5px;
	margin-top: 10px;
}

#commentform  {
	margin-top: 10px;
} 

#commentform label {
	width: 550px;
	display: block;
}

#commentform #comment {
	width:550px;
	height:300px;
	border:4px double #B2061D;
	background-color: #FFFFFF;
	background-image: url(images/commentbox.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#commentform #author , #commentform #email , #commentform #url {
	border:1px solid #B2061D;
	background-color: #FFFFFF;
	background-image: url(images/commentbox.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 5px;
	width: 200px;
	margin-top: 5px;
}