/*

Template Name: PlainSimple

File: Layout CSS

Author: OS Templates

Author URI: http://www.os-templates.com/

Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>

*/



@import url(navi.css);

@import url(forms.css);

@import url(tables.css);





body{

	margin:0;

	padding:0;

	font-size:12px;

	font-family:verdana, Arial, Helvetica, sans-serif;

	color:#666666;

	background-color:#FFFFFF;

	}



img{display:block; margin:0; padding:0; border:0; line-height:normal;}

.justify{text-align:justify;}

.bold{font-weight:bold;}

.center{text-align:center;}

.right{text-align:right;}

.nostart {list-style-type:none; margin:0; padding:0;}

.clear{clear: both;}

br.clear{clear:both; margin-top:-15px;}

a{color:#000000; background-color:#FFFFFF; outline:none; text-decoration:none;}



.fl_left{float:left;}

.fl_right{float:right;}



.imgl, .imgr{border:1px solid #159FC8; padding:5px; color:#666666; background-color:#FFFFFF;}

.imgl{float:left; margin:0 8px 8px 0; clear:left;}

.imgr{float:right; margin:0 0 8px 8px; clear:right;}



/* ----------------------------------------------Generalise-------------------------------------*/



h1, h2, h3, h4, h5, h6{

	margin:0;

	padding:0;

	font-size:18px;

	font-weight:normal;

	font-family:Georgia, "Times New Roman", Times, serif;

	}



/* ----------------------------------------------Container-------------------------------------*/



#container{

	position:relative;

	margin:0 auto 0;

	width:960px;

	}



/* ----------------------------------------------Header-------------------------------------*/



#header{

	display:block;

	width:960px;

	margin:0 0 5px 0;

	padding:20px 0 0 0;

	color:#999999;

	background-color:#FFFFFF;

	font-family:Georgia, "Times New Roman", Times, serif;

	border-bottom:5px solid #CCCCCC;

	}



#header #logo{

	display:block;

	width:630px;

	float:left;

	margin-bottom:20px;

	}



#header #logo h1{

	border:none;

	padding:0;

	float:left;

	}



#header #logo p{

	display:block;

	float:left;

	height:25px;

	margin:0 0 0 10px;

	padding:20px 0 0 10px;

	border-left:2px solid #999999;

	font-weight:bold;

	}



#header #logo h1 a{

	font-size:42px;

	color:#999999;

	background-color:#FFFFFF;

	}



#header #info{

	display:block;

	width:330px;

	margin:20px 0 0 0;

	float:right;

	}



#header #info ul{

	margin:0;

	padding:0;

	list-style:none;

	}



#header #info li{

	display:inline;

	margin:0 0 0 10px;

	}



/* ----------------------------------------------BreadCrumb-------------------------------------*/



#breadcrumb{

	display:block;

	width:920px;

	margin:0 0 20px 0;

	padding:20px;

	color:#666666;

	background-color:#F7F7F7;

	}



#breadcrumb a{

	color:#000000;

	background-color:#F7F7F7;

	}



#breadcrumb ul{

	margin:0;

	padding:0;

	list-style:none;

	}



#breadcrumb ul li{display:inline;}

#breadcrumb ul li.current a{text-decoration:underline;}



/* ----------------------------------------------Intro-------------------------------------*/



#intro{

	display:block;

	width:920px;

	margin:0;

	padding:20px;

	color:#666666;

	background-color:#F7F7F7;

	}



#intro h2, #intro p{

	margin:0;

	padding:0;

	list-style:none;

	line-height:normal;

	}



#intro h2{

	margin:0 0 10px 0;

	padding:0 0 8px 0;

	font-size:20px;

	}



#intro p{

	margin-bottom:12px;

	}



#intro .fl_left{

	display:block;

	float:left;

	width:550px;

	height:350px;

	padding:4px;

	border:1px solid #179FC8;

	}



#intro .fl_right{

	display:block;

	float:right;

	width:320px;

	}



#intro .fl_right ul{

	margin:0 0 12px 15px;

	padding:0;

	list-style:none;

	line-height:1.5em;

	}



#intro .fl_right ul.topline{

	margin:0;

	padding:0;

	line-height:normal;

	background-color:lime;

	}



#intro ul.topline li{

	display:block;

	float:left;

	width:90px;

	height:90px;

	margin:0 10px 0 0;

	padding:4px;

	border:1px solid #179FC8;

	}



#container #intro ul.topline li.last{

	margin-right:0;

	}



/* ----------------------------------------------Wrapper-------------------------------------*/



#wrapper{

	display:block;

	width:960px;

	margin:0;

	padding:0;

	}



#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6{

	font-size:18px;

	color:#0E6B87;

	background-color:#FFFFFF;

	}



/* ----------------------------------------------Homepage Latest-------------------------------------*/



#wrapper .hpage{

	display:block;

	width:960px;

	margin:0 0 0 0;

	padding:20px 0;

	border-top:1px dotted #666666;

	}

	

.hpage li{

	margin-bottom:10px;

	}



ul#latest{

	margin:0;

	padding:0;

	list-style:none;

	}



ul#latest h2{

	margin:0;

	padding:0;

	font-size:14px;

	font-weight:bold;

	border:none;

	}



.hpage ul#latest li{

	display:block;

	float:left;

	width:300px;

	margin:0 30px 0 0;

	padding:0;

	}



ul#latest li.last{margin-right:0;}



ul#latest li p.imgholder{

	display:block;

	width:290px;

	height:100px;

	margin:15px 0;

	padding:4px;

	border:1px solid #159FC8;

	}



ul#latest a{

	font-weight:bold;

	}



.hpage .hpagebox{

	display:block;

	float:left;

	width:300px;

	margin:0 30px 0 0;

	padding:0;

	}



.hpage .last{

	margin-right:0;

	}



#content{

	display:block;

	float:left;

	width:600px;

	margin-bottom:30px;

	}



/* ------Comments-----*/



#comments{margin-bottom:40px;}



#comments .commentlist {margin:0; padding:0;}



#comments .commentlist ul{margin:0; padding:0; list-style:none;}



#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}



#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}

#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#F7F7F7;}



#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}

#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}



#comments .commentlist .author .name{font-weight:bold;}

#comments .commentlist .submitdate{font-size:smaller;}



#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}



#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}



/* ----------------------------------------------Column-------------------------------------*/



#column{

	display:block;

	float:right;

	width:300px;

	margin-bottom:30px;

	}



#column .flickrbox, #column .holder{

	display:block;

	width:300px;

	margin-bottom:20px;

	}

	

.flickrbox  h2{

	margin-bottom:15px;

	}



.flickrbox ul{

	margin:0;

	padding:0;

	list-style:none;

	}

	

.flickrbox li{

	display:block;

	float:left;

	width:80px;

	height:80px;

	margin:0 15px 15px 0;

	padding:4px;

	color:#402720;

	background-color:#FFFFFF;

	border:1px solid #402720;

	}



.flickrbox li.last{margin-right:0;}



#column .holder p{

	line-height:1.6em;

	}



#column .holder h2.title{

	display:block;

	width:100%;

	height:65px;

	margin:0;

	padding:15px 0 0 0;

	font-size:20px;

	line-height:normal;

	border-bottom:1px dashed #666666;

	}



#column .holder h2.title img{

	float:left;

	margin:-15px 8px 0 0;

	padding:5px;

	color:#402720;

	background-color:#FFFFFF;

	border:1px solid #402720;

	}



#column .holder p.readmore{

	display:block;

	width:100%;

	font-weight:bold;

	text-align:right;

	line-height:normal;

	}



#column div.imgholder{

	display:block;

	width:290px;

	margin:0 0 10px 0;

	padding:4px;

	color:#402720;

	background-color:#FFFFFF;

	border:1px solid #402720;

	}

















































































































































/* ----------------------------------------------Footer-------------------------------------*/



#footer{

	display:block;

	width:960px;

	margin:0;

	padding:20px 0;

	border-top:1px solid #CCCCCC;

	}



#footer a{color:#159FC8; background-color:#FFFFFF;}



#footer h2, #footer p, #footer ul, #footer a{

	margin:0;

	padding:0;

	font-weight:normal;

	list-style:none;

	line-height:normal;

	}



#footer h2{

	font-size:18px;

	font-weight:normal;

	margin-bottom:10px;

	padding-bottom:8px;

	color:#999999;

	background-color:#FFFFFF;

	border-bottom:1px dotted #999999;

	}



#footer li{

	margin-bottom:10px;

	}



#footer .footbox{

	display:block;

	float:left;

	width:180px;

	margin:0 15px 0 0;

	padding:0;

	}



#footer .last{

	margin:0;

	}



/* ----------------------------------------------Copyright-------------------------------------*/



#copyright{

	display:block;

	width:960px;

	margin:0;

	padding:20px 0;

	border-top:1px solid #CCCCCC;

	}



#copyright p{

	margin:0;

	padding:0;

	}

/*  add by triton */
#contact-area {
	width: 680px;
	margin:0px auto;

}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 420px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin-left: 15px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

td.left {
	width: 200px;
	text-align: left;
	font-size: 1.4em;
]

#catpcha-area {
	margin-left: 200px;
}