@charset "UTF-8";
/* CSS Document */

body {
	/*background-image: url(bg.jpg); #5bbbd7*/
	background-color: #fba61a ;
	/*background-repeat: repeat-x;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin:0 auto;
}

#head{
	width:900px;
	margin:0 auto;
	background-image: url(images/headbg-1.png);
	background-repeat: no-repeat;
	padding:0px;
}
.head2{
font-family: BrowalliaUPC, LilyUPC;
font-size:25px;
font-weight:bold;
color:#FFFFFF;
font-variant:small-caps;
white-space:1px;}

#frame{
	width:880px;
	padding:10px;
	background:white;
	height: auto;
	 position: relative;
	display: block;
	margin:0 auto;
	z-index:1;
}
#footer{
	width:900px;
	padding:0px;
	margin:0 auto;
	background-image: url(images/footer-bg.png);
	height: 186px;
	vertical-align:middle;
	}
	
#welcome {
	background:url(images/qoute.jpg) top left no-repeat;	
	margin:2px;
	padding-top:8px;
	padding-bottom:10px;
}
#welcome H1 {
	margin:0; padding:0;
	font-size:11px;
	color: #6598f8;
	line-height:12px;
	font-weight:normal;

}
#welcome span {
	padding-left:2.5em;
	padding-top:1.5em;
}

#text-head{
	color: #FFF;
	text-align: left;
}
#head-img {
	text-align: center;
}
#content {
	border-left-style:double;
	border-left-color: #bfbfbf;
	border-left-width: 1px;
	padding:1px;
	height:100%;
}

.text-footer{
	color: #FFF;
	text-align: leftt;
	font-size: 10px;
}

/* link header */
a.header:link {
font-size: 12px;
color:#FFFFFF;
text-decoration: none;
}

a.header:visited {
font-size: 12px;
color:#FFFFFF;
text-decoration: none;
}

a.header:hover {
font-size: 12px;
color:#000000;
text-decoration: underline;
}

a.header:active {
font-size: 12px;
color:#000000;
text-decoration: underline;
}
/*------------*/

/* link footer */
a.classname:link {
font-size: 10px;
color:#FFFFFF;
text-decoration: none;
}

a.classname:visited {
font-size: 10px;
color:#FFFFFF;
text-decoration: none;
}

a.classname:hover {
font-size: 10px;
color:#000000;
text-decoration: underline;
}

a.classname:active {
font-size: 10px;
color:#000000;
text-decoration: underline;
}
/*------------*/

/*link menu*/
a.menu:link {
font-size: 12px;
color: #d17e01;
text-decoration: none;
}
a.menu:visited {
font-size: 12px;
color:#d17e01;
text-decoration: none;
}
a.menu:hover {
font-size: 12px;
color: #e8ae00;
text-decoration: none;
}
a.menu:active {
font-size: 12px;
color: #e8ae00;
text-decoration: none;
}
/*------------*/

/*link Lifestyle*/
a.life:link {
font-size:12px;
font-weight:bold;
color:#ff4304;
text-decoration: none;
}
a.life:visited {
font-size:12px;
font-weight:bold;
color:#ff4304;
text-decoration: none;
}
a.life:hover {
font-size:12px;
color:#e78b01;
text-decoration: none;
}
a.life:active {
font-size:12px;
color:#e78b01;
text-decoration: none;
}
/*------------*/

/*link Title */
a.title:link {
font-weight:bold;
color:#FF9900;
text-decoration: none;
}
a.title:visited {
font-weight:bold;
color:#FF9900;
text-decoration: none;
}
a.title:hover {
font-weight:bold;
color:#008dcb;
text-decoration: none;
}
a.title:active {
font-weight:bold;
color:#008dcb;
text-decoration: none;
}
/*------------*/

/* link club */
a.club:link {
color:#FF0066;
text-decoration: none;
}

a.club:visited {
color:#FF0066;
text-decoration: none;
}

a.club:hover {
color: #960;
text-decoration: none;
}

a.club:active {
color:#FF0066;
text-decoration: none;
}
/*------------*/

/*link club2 */
a.club2:link {
font-size: 12px;
color: #ae5c0b;
text-decoration: none;
}
a.club2:visited {
font-size: 12px;
color:#ae5c0b;
text-decoration: none;
}
a.club2:hover {
font-size: 12px;
color: #555;
text-decoration: none;
}
a.club2:active {
font-size: 12px;
color: #ae5c0b;
text-decoration: none;
}
/*------------*/


/*link club3 */
a.club3:link {
font-size: 12px;
color: #049bff;
text-decoration: none;
}
a.club3:visited {
font-size: 12px;
color:#999999;
text-decoration: none;
}
a.club3:hover {
font-size: 12px;
color: #008dcb;
text-decoration: none;
}

/*link member */
a.member:link {
font-size: 12px;
color:#996600;
text-decoration: none;
}
a.member:visited {
font-size: 12px;
color:#996600;
text-decoration: none;
}
a.member:hover {
font-size: 12px;
color:#996600;
text-decoration: underline;
}
a.member:active {
font-size: 12px;
color:#996600;
text-decoration: underline;
}
/*------------*/

/* link post */
a.post:link {
font-size: 10px;
font-weight:bold;
color:#666666;
text-decoration: none;
}

a.post:visited {
font-size: 10px;
font-weight:bold;
color:#666666;
text-decoration: none;
}

a.post:hover {
font-size: 10px;
font-weight:bold;
color:#BCBCBC;
text-decoration: none;
}

a.post:active {
font-size: 10px;
font-weight:bold;
color:#BCBCBC;
text-decoration: none;
}
/*------------*/

/* link friend */
a.friend:link {
font-family: Tahoma;
font-size: 10px;
color:#999999;
text-decoration: none;
}

a.friend:visited {
font-family: Tahoma;
font-size: 10px;
color:#999999;
text-decoration: none;
}

a.friend:hover {
font-family: Tahoma;
font-size: 10px;
color:#999999;
text-decoration:underline;
}

a.friend:active {
font-family: Tahoma;
font-size: 10px;
color:#999999;
text-decoration:underline;
}
/*------------*/

.data1 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color:#FF9900;
}
.data2 {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	line-height:15px;
	text-decoration: none;
	color:#000000;
/*	margin-top:5px;*/
	text-align:justify;
}
.detail2  {

	font-family: Tahoma, Verdana;
	font-size: 12px; !important
	line-height:16px;
	text-decoration: none;
	color:#222222;
	width:560px;
	padding-left:10px;
	text-align:justify;
}

.detail2 p span{
 
	font-stretch:normal;
	text-indent:30px;
	font-size: small;  !important
}

.detail2 img {
	padding:5px;
	max-width:500px;
	min-width:150px;
	height:auto;
	margin: 7px 0px ;
}

.data3 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color:#ff4304;
}
.data4 {
	font-family: Tahoma;
	font-size: 11px;	
	text-decoration: none;
	color:#CC3300;
}
.data5 {
	font-family: Tahoma;
	font-size: 11px;	
	text-decoration: none;
	color:#999999;
}
.data6 {
	font-family: Tahoma;
	font-size: 12px;	
	text-decoration: none;
	color:#996600;
}
.data7 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;	
	text-decoration: none;
	color:#FF0066;
}
.data8 {
	font-family: Tahoma;
	font-size: 12px;	
	text-decoration: none;
	color:#d17e01;
/*	color:#3399FF;*/
}
.data9 {
	font-family: Tahoma;
	font-size: 12px;	
	text-decoration: none;
	color:#FF0000;
}
.data10 {
	font-family: Tahoma;
	font-size: 12px;	
	text-decoration: none;
	color:#999999;
}
.data11 {
	font-family: Tahoma;
	font-size: 15px;
	font-weight:bold;	
	text-decoration: none;
	color:#990000;
}
.data14 {
	font-family: Tahoma;
	font-size: 13px;
	font-weight:bold;	
	text-decoration: none;
	color: #333333;
}
.date {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color:#ff6804;
}
.comment {
	font-family: Tahoma;
	font-size: 12px;	
	text-decoration: none;
	color:#000000;
}

.condition {
	font-family: Tahoma;
	font-size: 13px;	
	text-decoration: none;
	color:#333333;
}


/* page */
	ul{border:0; margin:0; padding:0;}

	#pagination-digg li{
		border:0; margin:0; padding:0;
		font-size:11px;
		list-style:none;
	}
	#pagination-digg a{
		border:solid 1px #ccc;
		margin-right:2px;
	}
	#pagination-digg .previous-off,
	#pagination-digg .next-off {
		border:solid 1px #DEDEDE;
		color:#888888;
		display:block;
		float:left;
		font-weight:bold;
		margin-right:2px;
		padding:3px 4px;
	}
	#pagination-digg .next a,
	#pagination-digg .previous a {
	 font-weight:bold;
	}	
	#pagination-digg .active{
		background:#ff6804;
		color:#FFFFFF;
		font-weight:bold;
		display:block;
		float:left;
		padding:4px 6px;
	}
	#pagination-digg a:link, 
	#pagination-digg a:visited {
		color:#ff6804;
		display:block;
		float:left;
		padding:3px 6px;
		text-decoration:none;
	}
	#pagination-digg a:hover{
		border:solid 1px #ff9f0f;
	}
/* page */

#apDiv2  {  /* #apDiv2 :link */
	margin: 0px;
	padding: 0px;
	float: left;
	margin-top:10px;
	margin-left:0px;
	position: absolute;
	display: block;
	z-index: 4000;
}
/*#apDiv2 :active {
	display:none;
	visibility:hidden;
}*/

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font: 12px Tahoma, Arial, sans-serif;
	line-height:14px;
	color: #333;
}

select, input, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
	border: solid 1px #ccc;
	background: #FFF;
	overflow:hidden;
}

.inputbox {
	border: solid 1px #ccc;
	background: #FFF;
	min-height:14px;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #F90;
	background: #FFC;
}

textarea:hover, textarea:focus {
	border: 1px solid #F90;
	background: #FFC;
}

form .button {
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}

.button  { 
color: #960; padding: 2px 10px!important; 
padding: 1px 5px; 
background: #feda6b; 
border-color:#fdc31f; 
border-style: solid; border-width: 1px; }

.button:hover, .button:active, .button:focus { 
color: #fff; background-color: #F90; 
border-color: #fba61a; 
border-style: solid; border-width: 1px; 
}