/*  
Theme Name: Hong Zhu An's Gallery
Theme URI: http://www.hongzhuan-gallery.com
Description: Hong Zhu An's Gallery
Author: Dream Accent
Author URI: http://www.dreamaccent.com/

	Copyright (c) Dream Accent

*/
* {padding: 0; margin: 0;} 

/* Generic
---------------------------------------------------------------------------------*/
body {
	font: 75%/160% Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100%;
	overflow-x:hidden;
}

img {
	border: none;
}

a{
	text-decoration:none;
	color:#333333;
	font-size:13px;
}

strong{
	font-weight:bold;
}

.header-text-bold span{
	background: url(../images/bg/red-cap.png) no-repeat right top;
	font-size:20px;
	font-weight:bold;
	color:#666666;
	padding-top:10px;
	padding-right:20px;
}

.header-text-bold{
	padding-right:20px;
	padding-top:13px;
	margin-bottom:20px;
}

.header-text span{
	background: url(../images/bg/red-cap.png) no-repeat right top;
	font-size:17px;
	color:#444444;
	padding-top:10px;
	padding-right:20px;
}

.header-text{
	padding-right:20px;
	padding-top:13px;
	margin-bottom:20px;
}

#space{
	clear:both;
	height:30px;
}

#wrapper{
	margin:0 auto;
	width:980px;
	min-height:500px;
}

.underline{
	text-decoration:underline;
}


/* Body
---------------------------------------------------------------------------------*/
#index{
	background: #FFFFFF url(../images/bg/bg.png) repeat-x left top;
}

#others{
	background: #FFFFFF url(../images/bg/bg2.png) repeat-x left top;
}

/* Header
---------------------------------------------------------------------------------*/
#header{
	margin:0px;
	width:930px;
	height:107px;
}


#logo{
	margin:0;
	float:left;
}

#navigation-panel{
	width:100%;
	height:28px;
	background-color:#B5B3AC;
	padding-top:10px;
	color:#333333;
	font-size:13px;
	border-bottom:1px solid #777777;
}

#navigation{
	float:left;
	list-style:none;
	margin-left:15px;
}

#navigation li{
	float:left;
	margin-right:45px;
}

#navi-selected{
	color:#FFFFFF;
}

#search-panel{
	float:right;
	margin-top:-2px;
	margin-right:10px;
}

#sub-navigation-panel{
	width:100%;
	height:25px;
	background-color:#CCCCCC;
	padding-top:5px;
	border-bottom:1px solid #BBBBBB;
}

#sub-navigation{
	float:left;
	list-style:none;
	margin-left:15px;
}

#sub-navigation li{
	float:left;
	margin-right:45px;
	font-size:11px;
	font-weight:bold;
}

#sub-navi-selected{
	color:#FFFFFF;
}


/* Banner Panel
---------------------------------------------------------------------------------*/
#banner-panel{
	width:100%;
	height:276px;
	margin-top:0px;
	border-bottom:1px solid #AAAAAA;
	background:url(../images/bg/banner.png) repeat-x left top;
}

#banner{
	float:left;
	padding:13px 18px 5px 18px;
}

#main-banner{
	border:10px solid #EFEFED;
}

#welcome-panel{
	float:left;
	margin-top:20px;
	width:280px;
	font-size:11px;
	line-height:19px;
}

#welcome-panel a{
	color:#0000FF;
	font-size:11px;
}



/* Content
---------------------------------------------------------------------------------*/
#content{
	clear:both;
	background:url(../images/bg/content.png) repeat-x left top;
	margin-top:0px;
	min-height:320px;
}

.content-header{
	margin-left:70px;
	margin-top:15px;
}

.content-header-left{
	margin-top:15px;
}

.content-description{
	float:left;
	margin-left:16px;
	margin-right:11px;
	margin-top:0px;
	width:295px;
	border-bottom:1px dotted #666666;
	margin-bottom:20px;
}

.content-description img{
	border:7px solid #CCCCCC;
}

.content-description p{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
}


	/* Column1
	----------------------------------*/
#column1{
	width:325px;
	float:left;
}



	/* Column2
	----------------------------------*/
#column2{
	width:325px;
	float:left;
}




	/* Column3
	----------------------------------*/
#column3{
	float:right;
	width:330px;
}

.article-header{
	font-size:14px;
	font-weight:bold;
	color:#D32030;
}

.article-date{
	color:#333333;
	font-weight:bold;
	margin-bottom:15px;
}

.article-content{
	margin-bottom:15px;
}

.article-content a{
	font-size:11px;
	color:#0000FF;
}



/* Column-Collection
---------------------------------------------------------------------------------*/
#column-collection{
	padding-top:20px;
}


/* One-Column - FF
---------------------------------------------------------------------------------*/
#one-column{
	margin:0px 20px 10px 20px;
	padding-top:6px;
}


/* Footer
---------------------------------------------------------------------------------*/
#footer{
	clear:both;
	background-color:#EEEEEE;
	height:115px;
	border-top:1px solid #DDDDDD;
}

#footer-wrapper{
	margin:0 auto;
	width:980px;
}

#footer-link{
	list-style:none;
	padding-top:30px;
	margin-left:20px;
}

#footer-link li{
	float:left;
	margin-right:25px;
}

#footer-link li a{
	color:#666666;
	font-size:11px;
}

#footer-copyright{
	float:right;
	color:#666666;
	font-size:11px;
	margin-right:20px;
	text-align:right;
}

#footer-copyright a{
	font-size:11px;
}