@import url(general.css);

body {
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/layout/body-bkg.jpg) no-repeat center top fixed #000000; 
	}

#wrap{
	margin:0px auto;
	width:980px;
	background:#fff;
	}

#header{
	width:980px;
	height:110px;
	background:url(../images/layout/header-bkg.jpg) repeat-x bottom #DFDFEE;
	float:left;
	margin:0 0 5px 0;
	position:relative;
	}
#header a.logo{
	position:absolute;
	top:20px;
	left:40px;
	}
#header .head-add{
	float:left;
	position:absolute;
	right:5px;
	top:5px;
	background:#fff;
	padding:2px;
	border:1px solid #F0EADD;
	width:728px;
	height:90px;
	overflow:hidden;
	}

#horizontal-menu{
	width:970px;
	height:38px;
	float:left;
	margin:0 0 5px 5px;
	background:url(../images/layout/horizontal-menu.jpg) repeat-x;
	}
#horizontal-menu ul{
	float:left;
	height:38px;
	}
#horizontal-menu ul li{
	float:left;
	background:url(../images/layout/menu-li-spacer.jpg) no-repeat right;
	height:38px;
	padding:0 5px 0 5px;
	margin:0 1px 0 1px;
	}
#horizontal-menu ul li a{
	float:left;
	height:20px;
	padding:10px 8px 8px 8px;
	font-size:14px;
	text-decoration:none;
	color:#F5F5F5;
	}
#horizontal-menu ul li a:hover, #horizontal-menu ul li a.active{
	background:url(../images/layout/menu-li-a-hover.jpg) repeat-x;
	color:#fff;
	}

#vertical-menu{
	width:220px;
	float:left;
	margin:10px;
	padding:0 0 15px 0;
	background:url(../images/layout/vertical-menu-h2-border.jpg) repeat-x bottom #8080C0;
	}
#vertical-menu h2{
	background:url(../images/layout/vertical-menu-h2-border.jpg) repeat-x bottom #DFDFEE;
	font-size:13px;
	font-weight:bold;
	color:#136181;
	float:left;
	width:200px;
	padding:10px;
	margin:0 0 5px 0;
	}
#vertical-menu ul{
	float:left;
	width:220px;
	}
#vertical-menu ul li{
	float:left;
	width:216px;
	background:url(../images/layout/vertical-menu-li.jpg) repeat-x bottom;
	padding:2px 2px 4px 2px;
	}
#vertical-menu ul li a{
	width:206px;
	float:left;
	text-decoration:none;
	padding:4px 5px 4px 5px;
	font-size:12px;
	color:#F5F5F5;
	}
#vertical-menu ul li a:hover, #vertical-menu ul li a.active{
	background:#136181;
	color:#fff;	
	}

#content{
	padding:20px 15px 0 15px;
	float:left;
	font-size:12px;
	line-height:140%;
	color:#666;
	}
.normal_width{
	width:530px;
	}
.double_width{
	width:770px;
	}
	
#content h1{
	width:100%;
	margin:0 0 10px 0;
	border-bottom:1px solid #EEEEEE;
	font-size:18px;
	color:#8080C0;
	padding:0 0 5px 0;
	}
#content p{
	font-size:12px;
	margin:0 0 10px 0;
	}
#content strong{
	font-weight:bold;
	}
#content em{
	font-style:italic;
	}

#content .content-add{
	float:left;
	background:#fff;
	padding:2px;
	border:1px solid #F0EADD;
	width:300px;
	height:250px;
	overflow:hidden;
	float:left;
	margin:10px 10px 14px 0;
	}

#right-col{
	float:left;
	width:166px;
	position:relative;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	}

#right-col .right-add{
	float:left;
	background:#fff;
	padding:2px;
	border:1px solid #F0EADD;
	width:160px;
	height:600px;
	overflow:hidden;
	}
	
.footer-add{
	background:#fff;
	padding:2px;
	border:1px solid #F0EADD;
	width:468px;
	height:60px;
	overflow:hidden;
	}

#footer{
	float:left;
	width:980px;
	height:30px;
	background:#E6E6E6;
	margin:5px 0 0 0;
	text-align:center;
	padding:15px 0 5px 0;
	font-size:12px;
	}
#footer a{
	color:#666;
	text-decoration:underline;
	margin:0 5px 0 5px;
	}
#footer a:hover, #footer a.active{
	color:#333;
	}
	
	
/*Galery Style*/

.thumb{
	width:130px;
	height:130px;
	float:left;
	margin:0 0 10px 10px;
	padding:5px;
	border:1px solid #DFDFDF;
	}
.thumb a{
	float:left;
	margin:0 0 2px 0;
	border:1px solid #E8E8E8;
	padding:2px;
	}
.thumb a:hover{
	border:1px solid #CCC;
	}
.thumb a img{
	width:124px;
	height:84px;
	}
.thumb span{
	float:left;
	clear:both;
	margin:0 0 4px 0;
	font-size:11px;
	color:#999;
	}
.thumb .stars{
	float:left;
	width:100%;
	}
	
	
.paginarea{
	float:left;
	clear:both;
	width:100%;
	position:relative;
	background:#EEE;
	border-bottom:1px solid #E0E0E0;
	padding:5px 0 3px 0;
	margin:0 0 10px 0;
	}
.paginarea .pages{
	float:left;
	margin:0 0 0 5px;
	}
.paginarea .pages a{
	font-size:11px;
	padding:1px 4px 1px 4px;
	float:left;
	margin:0 3px 0 0;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	}
.paginarea .pages a:hover, .paginarea .pages a.active{
	background:#8080C0;
	color:#fff;
	}
.paginarea .sort{
	float:right;
	font-size:10px;
	margin:0 5px 0 0;
	}
.paginarea .sort select{
	padding:0;
	color:#555;
	font-size:11px;
	padding:3px 0 3px 0;
	}
.paginarea .sort select option{
	padding:0 20px 0 0;
	}
	
#photo_page a.image{
	float:left;
	padding:5px;
	border:1px solid #E4E4E4;
	margin:0 0 15px 0;
	}
#photo_page a.image:hover{
	border:1px solid #8080C0;
	}
#photo_page p.review{
	text-align:right;
	}
#photo_page p.review a{
	color:#8080C0;
	}
#photo_page p.review img{
	margin:0 2px 0 1px;
	}
#photo_page h3{
	font-weight:bold;
	font-size:14px;
	margin:0 0 15px 0;
	color:#333;
	border-bottom:1px solid #E5E5E5;
	padding:0 0 5px 0;
	}
.comment{
	border-bottom:1px solid #E5E5E5;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	}
	
.add_comment input{
	float:left;
	clear:both;
	margin:0 0 5px 0 ;
	width:300px;
	border:1px solid #CCC;
	padding:5px;
	}
.add_comment textarea{
	float:left;
	clear:both;
	margin:0 0 5px 0 ;
	width:300px;
	border:1px solid #CCC;
	padding:5px;
	}
.add_comment button{
	float:left;
	clear:both;
	margin:0 0 5px 0 ;
	padding:5px;
	}