@CHARSET "UTF-8";

body{
	color: #000000;
	font-size:12px;
	background-image:url(../imagesh/bg.gif);
	background-repeat:repeat;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}

a, a:visited, a:active{
	color:#000000;
	font-weight:bolder;
	text-decoration:none;	
}

a:hover{
	color:#ec8e08;
}

h1{
	font-weight:normal;
	margin-bottom:25px;
	margin-top:0px;
	text-align:center;
}

h2{
	 
}

#bgWrapper{
	width:1115px;
	margin:auto;
	text-align:center;
	margin-top:0px; 
}

#wrapper{
	width:1115px;
	padding-left:57px;
	background-image:url(../imagesh/bodyBg.gif);
	background-repeat:repeat-y;
	text-align:center;
	float:left;
}

#mainMenu{
	height:39px;
	margin-top:151px;
	text-align:center;
}

#mainMenu .item{
	padding-left:15px;
	padding-right:15px;
	border-left: 1px solid #febb5e;
	border-right: 1px solid #f18e04;
	background-image:url(../imagesh/topMenuBg.gif);
	background-repeat:repeat-x;
	height:39px;
	margin-right:1px;
 	line-height:39px; 
	font-size:14px;
	float:left;
}

#top{
	width:1001px;
	height:190px;
	background-image:url('../imagesh/top2.jpg');
	background-repeat:no-repeat;
	float:left;
	text-align:center;
}

#top #banner{
	/*
float:left;
	margin-top:50px;
	margin-left:300px;
*/
	position:absolute;
	top:10px;
	left:500px;
}

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

#left #menu{
	margin-bottom:15px;
	float:left;
}

#content{
	float:left;
	width:601px;
	margin-top:10px;
	padding:20px;
	text-align:left;
}

#content .itemHead, #content .detailHead, #content .playButton{
	padding-left:15px;
	padding-right:15px;
	border-left: 1px solid #febb5e;
	border-right: 1px solid #f18e04;
	background-image:url(../imagesh/headBg.gif);
	background-repeat:repeat-x;
	height:26px;
	margin-right:1px;
 	line-height:26px; 
	font-size:12px;
	float:left;
	width:568px;
	text-align:left;
	float:left;
	font-weight:bolder;
}

#content .itemHead .rating{
	float:right;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
}

#content .itemHead .rating span{
	position:relative;
	top:-3px;
}

#content .itemHead .rating img{
	margin-top:5px;
}

#content .itemBody, #content .detailBody{
	border:1px solid #c0c0c0;
	border-top:0px;
	border-left-color:#e2e2e2;
	border-right-color:#808080;
	padding:15px;
	width: 568px;
	background-color:#e0f1f3;
	text-align:left;
	float:left;
	margin-bottom:15px;
}

#content .itemBody img, #content .detailBody img{
	float:left;
	margin-right: 8px;
	border: 1px solid #000000;
}

#content .itemBody .info, #content .itemBody .category{
	margin-top: 15px;
}

#content .detailHead{
	background-image:url(../imagesh/headBg2.gif);
	font-weight:normal;
	border-left-color:#8fe1fd;
	border-right-color:#03b1ed;
	
}

#content .playButton{
	background-image:url(../imagesh/headBg3.gif);
	height:39px;
	line-height:39px;
	width:auto;
	border-left-color:#fe5555;
	border-right-color:#dd0606;
	float:left;
	margin-top:35px;
}

#content a.playButton:hover{
	color:#ffffff;
}

#content .joke{
	clear:both;
	margin-top:15px;
	width:535px;
	float:left;
}

#content .detailBody .left img {
	border:0px;
	float:right;
}

#content .detailBody .left{
	float:left;
	width:160px;
}

#content .detailBody .right{
	float:left;
	width:200px;
}

#content .detailBody .left2{
	float:left;
	width:335px;
	margin-right:15px;
}

#content .detailBody .right2{
	float:left;
	width:200px;
}

#content .detailBody .right a {
	clear:both;
	float:left;
	color:#f97c00;
}

#content .detailBody .right a:hover{
	color:#ff0000;
}

#content .detailBody .right img {
	border:none;
}

#right{
	float:left;
	width:180px;
}

#left .head, #right .head {
	width:165px;
	margin-top:10px;
	margin-bottom:5px;
	height:32px;
	background-image:url('../imagesh/leftHead.gif');
	background-repeat:repeat-x;
	float:left;
	line-height:32px;
	font-size:14px;
	font-weight:bolder;
	color:#ff9d02;
	text-align:right;
	padding-right:15px;
}

#right .head{
	background-image:url('../imagesh/rightHead.gif');
	text-align:left;
	padding-right:0px;
	padding-left:15px;
}

.spacer {
	float:left;
	width:180px;
	height:10px;
	background-color:#ffffff;
}


#left .item{
	width:160px;
	height:24px;
	line-height:24px;
	margin-left:10px;
	font-size:14px;
	color:#000000;
	background-image:url('../imagesh/leftMenuItem.gif');
	float:left;
}

#left .item a, #mainMenu .item a{
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}

#left .item a:hover, #mainMenu .item a:hover{
	color:#ff3c00;
}


.box{
	width:159px;
	text-align:center;
	background-image:url('../imagesh/sideBoxMiddle.gif');
	background-repeat:repeat-y;
	float:left;
	margin-left:10px;
}

.box label{
	font-size:14px;
	margin:4px;
}

.box .top{
	background-image:url('../imagesh/sideBoxTop.gif');
}

.box .bottom, .box .top{
	background-image:url('../imagesh/sideBoxBottom.gif');
	width:159px;
 	height:8px;
	overflow:hidden;
	float:left;
}

.box .top{
	background-image:url('../imagesh/sideBoxTop.gif');
}

.box .inputText{
	width:140px;
	border:1px solid #2b5f86;
	margin-top:3px;
	margin-bottom:5px;
}

.box .inputText:focus{
	background-color:#fee3bd;
}

#bottom{
	clear:both;
	width:1001px;
	height:25px;
	line-height:25px;
	background-color:#FECE89;
	border-top: 2px solid #000000;
	color:#000000;
}
#bottom .left{
	float:left;
	margin-left:50px;
}
#bottom .right{
	float:right;
	margin-right:50px;
}

.commentbox{
background-color: #ececec;
width: 550px;
padding: 10px;
}

.commentfooter{
background: url(img/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}