﻿/***************************************** 
General style
*****************************************/ 
.body 
{
	padding:10px;
	min-height:436px;
}
.btn
{
	border:1px solid #000000;
	color:#ffffff;
	background:#3B5998;
	padding:5px;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
}




/***************************************** 
Header 
*****************************************/ 
.header
{
	height:85px;
	background:url("../img/header-bg.gif") repeat-x;
	margin-bottom:10px;
}
.header .logo1
{
	float:left;
	margin-top:25px;
	margin-left:20px;
}
.header .logo2
{
	float:right;
	margin-top:20px;
	margin-right:25px;
}




/***************************************** 
Footer 
*****************************************/ 
.footer
{
	font-weight:bold;
	position:relative;
}
.footer .ttl
{
	border-top:1px solid #3B5998;
	background:#CFD7E4;
	color:#3B5998;
	padding:5px 10px 5px 10px;
}
.footer .text
{
	border-top:1px solid #CCCCCC;
	border-bottom:0px solid #CCCCCC;
	background:#F7F7F7;
	color:#000000;
	padding:5px 10px 5px 10px;
	margin-top:5px;
	height:44px;
}
.footer .text .line
{
	padding-top:5px;
}
.footer .invite
{
	width:120px;
	height:28px;
	border:1px solid #000000;
	color:#ffffff;
	background:#3B5998;
	position:absolute;
	right:20px;
	top:37px;
	padding:5px;
	display:table-cell;
	text-align:center;
	cursor:pointer;
}

/***************************************** 
Loader
*****************************************/ 

.loader 
{
	position:absolute; top:80px;
	width:780px;height:530px;
	background:#ffffff;
	font-size:12px; 
	font-weight:bold;
	color:#828282;
	/*Fix a flick of flash fly out onload*/
	z-index:100;
}
.loader .content {margin:25px;}
.loader img 
{
	vertical-align:middle;
}

/***************************************** 
Gallery 
*****************************************/ 
.gallery .verse
{
	color:#000000;
	font-family:Verdana;
	font-size:14px;
}
.gallery .item_hover, .gallery .item
{
	padding:5px 10px 5px 10px;
	margin-bottom:5px;
	clear:both;
	width:680px;
	/*cursor:pointer;*/
	min-height:105px;
	/*border:1px solid red;*/
}
.gallery .item:hover 
{
	padding:4px 9px 4px 9px;
	border:1px solid #ececec; 
	background:#f5f5f5;
}
.gallery .item_hover
{
	padding:4px 9px 4px 9px;
	border:1px solid #ececec; 
	background:#f5f5f5;
}
.gallery .thumb
{
	display:table-cell;
	text-align:center;
	cursor:pointer;
	width:140px;
	height:90px;
	background:url("../img/frame5.png") no-repeat;
	padding:7px 0px 0px 7px;
	margin-top:3px; 
	float:left;
}
.thumb .thumbFrame
{
	margin-left:0px; 
	padding-left:0px;
	
	height:74px; width:120px; 
	background-color:#A88F78;
	overflow:hidden;
}
.gallery .ttl
{
	color:#11A0F3;
	font-size:12px;
	font-weight:bold;
}


.gallery .desc 
{
	float:left;
	margin-top:7px;
	color:#686868;
	font-size:11px;
	width:385px;
	cursor:pointer;
	/*border:1px solid blue;*/
}
.gallery .meta 
{
	float:left;
	margin:7px;
	width:115px;
	font-size:11px;
	/*border:1px solid red;*/
}
.gallery .meta .ttl
{
	color:#686868;
	
	font-weight:normal;
}
.gallery .meta .upload a 
{
	color:#011ef8;
	background:url(img/upload_icon.gif) left top no repeat;
	font-size:12px;
	padding:0px 0px 2px 22px;
}

.item .meta .ttl a, .item .text a 
{
	color:#3B5998;
}
.meta .ttl .mnFbLink
{
	color:#11A0F3;
}
.meta .ttl .mnFbLink:hover
{
	text-decoration:none;
}

/***************************************** 
Tabs 
*****************************************/ 
.tabs
{
	border-bottom:1px solid #898989;
	color:#3B5998;
	margin-bottom:25px;
	font-weight:bold;
}
.tabs .first .tab,.tabs .first .tabSel
{
	border-left:1px solid #898989;
}
.tabs .tab, .tabs .tabSel
{
	color:#000000;
	background:#F1F1F1;
	border:1px solid #898989;
	border-bottom:1px solid #F1F1F1;
	border-left:none;
	padding:2px 10px 2px 10px;
	cursor:pointer;
	
}
.tabs .tabSel
{
	color:#ffffff;
	background:#6D84B4;
	border-bottom:1px solid #6D84B4;
	text-decoration:none;
	cursor:default;
}





/***************************************** 
ItemInfo 
*****************************************/ 
.iteminfo .verse
{
	color:#000000;
	font-family:Verdana;
	font-size:14px;
	margin-top:20px;
	display:block;
}
.iteminfo .ttl
{
	color:#3B5998;
	font-weight:bold;
}
.iteminfo .result
{
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}
.iteminfo .from
{
	color:#858585;
	font-weight:bold;
	padding-right:5px;
}
.iteminfo .desc
{
	color:#858585;
	margin-top:5px;
	display:block;
}
.iteminfo .item .ttl
{
	color:#686868;
	font-size:12px;
	margin-right:10px;
	
}
.iteminfo .item .title
{
	margin-bottom:20px;
	
}
.iteminfo .frmT{background:url("../img/txt-frm-T.png") repeat-x top;border:0px solid black;padding-top:12px;}
.iteminfo .frmB{background:url("../img/txt-frm-B.png") repeat-x bottom;border:0px solid black;padding-bottom:12px;}
.iteminfo .frmC{background:url("../img/txt-frm-C.png") repeat-y top;border:0px solid black;padding:10px 30px 10px 15px;}
.iteminfo .item .data
{
	width:485px;
}
.iteminfo .item .image
{
	max-width:440px;
}
.iteminfo .details
{
	border:1px solid #E5E5E5;
	background:#F9F9F9;
	width:460px;
	margin-left:3px;
	padding:5px;
	padding-bottom:10px;
}
.iteminfo .right
{
	float:right;
}
.iteminfo .details .ttl
{
	font-weight:normal;
	margin-bottom:3px;
	display:block;
}
.iteminfo .stats
{
	border:1px solid #E5E5E5;
	border-top:none;
	background:#F9F9F9;
	width:460px;
	height:16px;
	margin-left:3px;
	padding:5px;
	margin-bottom:20px;
}
.iteminfo .stats .sep
{
	padding-left:20px;
}
.iteminfo .stats .ttl
{
	font-weight:normal;
}
.iteminfo .comments .menu {width:460px; height:22px; background-color:#f9f9f9; border:1px solid #e5e5e5;margin-left:3px; margin-top:10px;margin-bottom:10px;padding-left:5px;padding-right:5px;}
.iteminfo .comments .menu div {float:right; font-family:Verdana,Arial; font-weight:bold; font-size:11px;}
.iteminfo .comments .menu div:first-child {float:left;}
.iteminfo .comments .menu div {margin:3px 18px 0px 5px;}
.iteminfo .comments .menu div span {font-weight:normal; color:#686868;}
.iteminfo .comments .menu div span:first-child {font-weight:bold;} 
.iteminfo .comments .menu div a span {color:#19a0ee; background:url("../img/icon3.gif") no-repeat right center; padding-right:12px;}
.iteminfo .comments .menu div a {text-decoration:none}

.iteminfo .comments .form{display:none1;margin-top:10px;margin-bottom:20px;}
.iteminfo .comments .form input{width:300px;border:1px solid #DCDCDC;padding:0px 2px 0px 2px;margin-bottom:5px;height:18px;}
.iteminfo .comments .form textarea{width:300px;height:60px;border:1px solid #DCDCDC;padding:2px;}
.iteminfo .comments .form .btn{width:auto;border:1px solid #DCDCDC; background:#F0F0F0;color:#686868;margin-top:5px;}
.iteminfo .comments .ttl{font-size:11px;color:#686868;font-family:Verdana,Arial;margin-bottom:3px;}

.iteminfo .comments .cbHol{color:#686868;margin-bottom:3px;}
.iteminfo .comments .cbHol_s a {font-weight:bold; text-decoration:none;color:#568B00;}
.iteminfo .comments .cbHol_s div span {color:#686868}
.iteminfo .comments .cbHol_s .msg{display:block;width:422px; border:1px solid #e5e5e5; margin:5px 0px 0px 8px; padding:9px 0px 9px 6px;}

.iteminfo .comments .cbHol a {font-weight:normal; text-decoration:underline;color:#568B00;}
.iteminfo .comments .cbHol div span {color:#686868}
.iteminfo .comments .cbHol .msg{display:none;}
.iteminfo .comments .num{color:#568B00;}





/***************************************** 
Upload 
*****************************************/ 
.upload .line
{
	margin-bottom:10px;
}
.upload .ttl
{
	font-weight:bold;
	padding:0px 5px 0px 5px;
}
.upload .friend
{
	border:0px solid;
	padding:5px;
	text-align:center;
}
