body {padding:0;margin:0; font-family:Arial, Helvetica, sans-serif;}

img {border:0;}


label {font-size:10px; color:red}


#layout {

	width:1170px;

	margin-left:auto;

	margin-right:auto;

	background-image:url(../files/images/bg/layout_bg.png);

	background-repeat:repeat-y;

}



#left {width:838px; float:left;}

#header {float:left; height:139px;}


#header img {position:relative; z-index:1;}

#header #menu { width:838px; float:right; top:-40px; position:relative; z-index:2}



#menu a {opacity:1;} #menu a:hover {opacity:0.9;}



#menu ul {margin:0; padding:0; padding-right:15px;}

#menu ul li {

	float:right;

	list-style:none;

	margin:2px;

	text-align:center;

	background-image:url(../files/images/btn/btn.png);

	background-repeat:no-repeat;

	font-size:12px;

	font-weight:bold;

	width:80px;

	height:17px;

	padding-top:5px;

	cursor:default;

}

#menu a, a:hover {text-decoration:none; color:#000;}

#menu .selected {background-image:url(../files/images/btn/btn_selected.png); background-repeat:no-repeat;}



.left {background-image:url(../files/images/bg/left_wrapper_bg.png); background-repeat:repeat-y; }



#login {
	height:30px;
	width:519px;
	background-image:url(../files/images/login_bar.png);
	background-repeat:no-repeat;
	margin-left:20px;
	font-size:12px;
	float:left;
	
	padding-left:30px;
}
#log_text {
	float:left; 
	padding-left:10px; 
	font-size:16px; 
	color:red; 
	padding-top:5px;
}
#log_text a, #log_text a:hover {color:red; text-decoration:none;}

#wrapper {float:left; padding-left:20px;}

#wrapper #content{width:798px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:300px; float:left;}



#content a, a:hover {text-decoration:none; color:#696969;}



#content h3{font-size:24px; color:#78633a; margin:0; padding-top:5px; letter-spacing:1px;} #content p {font-size:14px; color:#696969; text-align:justify; line-height:22px; letter-spacing:1.5px;}



/** Vote Area styling **/
#content #vote_area {
	width:800px;
	float:left;
	margin-top:20px;
	
}
#vote_area .vote_item {
	width:189px;
	height:171px;
	/*border:1px solid #999999;*/
	float:left;
	position:relative;
	margin:0 11px 12px 0;
}

.vote_item .vote_bar {
	width:179px;
	height:17px;
	background-image:url(../files/images/bg/vote_bar_bg.png);
	background-repeat:repeat;
	position:absolute;
	top:119px;
	padding:5px;
	font-size:14px; font-weight:bold; color:#FFF;
}
.vote_item .vote_count {
	font-size:12px; font-weight:bold;
	width:179px;
	padding:5px;
	position:absolute;
	bottom:0;
}
.vote_item .vote_name {
	width:189px;
	height:27px;
	position:absolute;
	bottom:-7px;
	font-size:14px; font-weight:bold;
}
.vote_item .vote_btn {
	width:189px;
	height:22px;
	position:absolute; bottom:0; right:0;
	text-align:right;
}
.vote_item .fb_ico {
	position:absolute;
	right:6px;
	top:124px;
}

h5 {
	font-size:20px; font-weight:bold;
	padding:0; margin:5px;
}
/*** Profile Area styling ***/
#content #profile_area {
	width:800px;
	height:382px;
	position:relative;
	margin:20px 0 10px 0;
	float:left;
}

#profile_area .vote_bar {
	width:800px;
	height:94px;
	background-image:url(../files/images/bg/vote_bar_bg.png); background-repeat:repeat;
	position:absolute; bottom:22px;
}
.vote_bar .bar1 {float:left; width:179px; height:84px; border-right:1px solid #C8C8C8; margin-top:5px; padding-left:20px;}
.vote_bar .bar2 {float:left; width:418px; height:76px; border-left:1px solid #656464; border-right:1px solid #C8C8C8; margin-top:5px; padding:3px 10px 5px 10px;}
.vote_bar .bar3 {float:left; width:150px; border-left:1px solid #656464; height:72px; margin-top:5px; text-align:center; padding-top:12px;}

.bar1 .name {font-size:54px; color:#FFF; font-weight:normal;} .bar1 .name2 {font-size:14px; color:#B5B5B5; font-weight:bold;}

.bar2 .scroll {
    height: 90px;
	width: 418px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.bar2 .scrollContainer div.panel {
	height: 74px;
    width: 418px;
	/*margin-bottom:10px;*/
	color:#FFF;
	font-size:14px;
}

.bar2 .hide {
    display: none;
}

.bar2 div.scrollBtn {
	text-align:right;
	color:#FFFFFF;
	font-size:12px; font-weight:bold;
	position:relative;
	z-index:9998;
}
.bar2 .scrollBtn img { margin:0; padding:0; position:relative; top:1px; cursor:pointer; z-index:9999}

.bar3 .current_vote {font-size:50px; font-weight:bold; color:#FFF; cursor:default;} .current_vote .vote {cursor:pointer;}
.bar3 .smaller {font-size:40px;}


#profile_area .bottom_bar {
	width:780px;
	height:22px;
	position:absolute;
	bottom:0;
	background-color:#181818;
	font-size:12px; color:#FFF; font-weight:bold;
	padding-left:20px;
}
.bottom_bar img {position:relative; top:3px; margin-right:10px;}
#profile_area a, .bottom_bar a:hover {color:#FFF; text-decoration:none;}

/*** Performance Area styling ***/
#content #media_area, #content #comment_area {
	width:800px;
	float:left;
	margin:10px 0 10px 0;
	position:relative;
}
#media_area .videos, #media_area .pictures {
	width:800px;
	float:left;
	margin:00 0 20px 0;
}
.videos .item {
	width:252px;
	height:195px;
	float:left;
	margin:0 12px 0 2px;
	/*border:1px solid #666666;*/
}
#media_area div.lat_img {float:left; margin:0 6px 6px 0; width:250px; height:178px; overflow:hidden;}

/*** Comment Area styling ***/


#comment_area .comments {
	width:400px;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #CCCCCC;
	font-size:12px; color:#565656; line-height:20px;
	background-color: #F5F5F5
}

#comment_area #comment_form {
	width:325px;
	position:absolute;
	top:0; right:0;
}
#comment_form .box {
	width:305px;
	background-image:url(../files/images/bg/comment_box_mid.png); background-repeat:repeat-y;
	color:#FFF;font-size:12px; font-weight:bold;
	padding:0 10px 0 10px;
}
.box .btnSubmit {
	cursor:pointer; position:absolute; right:18px; bottom:25px;
}

#comment_area #cm_notify {
	font-size:12px; color:#FF0000; padding:5px;
}
#right { text-align:center;padding-top:20px;}



#right .right_box {

	width:231px;

	margin-left:auto;

	margin-right:auto;

	margin-top:8px;

	margin-bottom:8px;
	
	font-size:small;

}

.right_box h4{font-size:18px; color:#ffa018; margin:0; padding-bottom:5px;}

.right_box a{opacity:0.87;} .right_box a:hover{opacity:1;}

.right_box .box_btm {background-image:url(../files/images/bg/lat_box_mid.png); background-repeat:repeat-y;; text-align:left; padding-left:10px; overflow-x:auto; overflow-x:hidden;}

.box_btm img{margin-right:9px; margin-bottom:9px; }





#footer {

	width:1110px;

	margin-left:auto;

	margin-right:auto;

	height:21px;

	background-color:#000000;

	color:#FFFFFF;

	font-size:11px;

	font-weight:bold;

	text-align:right;

	padding-top:5px;

	position:relative;

}



#footer #btm_img {

	position:absolute;

	top: -298px;

	left: 0px;

}



#vgallery {
	padding-left:30px;
	padding-top:5px;
}

#vgallery .vid {
	margin-right:42px;
	margin-bottom:50px;
	width:340px;
	float:left;
}
#vgallery h2{font-size:12px; color:#696969; margin:0;}



#gallery_album {
	padding-left:30px;
}
#gallery_album .album {
	width:272px;
	height:254px;
	background-image:url(../files/images/bg/album_bg.png);
	float:left;
	margin-right:50px;
	margin-bottom:20px;
	padding-top:8px;
	padding-left:8px;
	position:relative;
}
.album h2 {font-size:15px; font-weight:bold; padding-top:10px; padding-left:5px; margin:0;}
.album .more {
	position:absolute;
	left: 134px;
	top: 231px;
}

