/*
Theme Name: Towny style
Theme URI: http://www.towny.cn
Author URI: http://wzme.com
Author: townycn
*/

* {
	margin:0;
	padding:0;
	}

body {	font: 12px Georgia, "Times New Roman", Times, serif; 
	line-height:135%;
	background-color: #e9e9e9 ;
	BACKGROUND: url(images/index_headercontentbg.jpg) repeat-x;
	color: #545454;
	}

a:link{
	color: #282828;
	text-decoration:none
	}

a:hover, a:active {
	color:#660000;
	text-decoration:underline;
	}

a:visited {
	color: #0F0F0F;
	text-decoration:none
	}
small {
	font-size: 9px;
	padding:3px 1px;
	}

img, a:link img, a:visited img {
	border:0
	}
/*	Headers */

h1 {
	font:1.25em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.02em;
	}
	
h2 {margin:8px 0 0 0;
	font: 1.75em Georgia, "Times New Roman", Times, serif;
	padding-bottom:1px;font-weight:bold;
	border-bottom:1px dotted #CDCDCD;
	}
	
h3 {color: #990000;
    margin:1px 0 0 0;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	}
	
	
#index_header {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 975px; PADDING-TOP: 5px;
}
#index_flash {
	WIDTH: 975px; MARGIN-TOP: 15px; HEIGHT: 377px
}
#index_container {
	BACKGROUND: url(images/index_contentrightbg.jpg) no-repeat 970px 300px; MARGIN: 0px auto; WIDTH: 975px; OVERFLOW: hidden;
}

#index_contact {
	BACKGROUND: url(images/index_qqbg.jpg); FLOAT: left; WIDTH: 228px; HEIGHT: 164px
}
#inemail {
	FONT: 15px Arial, Helvetica, sans-serif; COLOR: #c2c2c2; PADDING-TOP: 62px
}
#index_qq {
	MARGIN-TOP: 40px; FONT: 11px Arial, Helvetica, sans-serif; MARGIN-LEFT: 20px; COLOR: #898989
}
#index_qq A {
	COLOR: #898989
}
#index_qq A:hover {
	TEXT-DECORATION: none
}
#index_client {
	MARGIN-TOP: 6px; BACKGROUND: url(images/index_customerbg.jpg) no-repeat; FLOAT: left; MARGIN-LEFT: 35px; WIDTH: 355px; HEIGHT: 175px
}
#clientlist {
	BACKGROUND: url(images/index_gap.jpg) no-repeat; MARGIN-LEFT: 135px; OVERFLOW: hidden; WIDTH: 218px; HEIGHT: 175px
}
#clientlisteg {
	MARGIN-LEFT: 13px;
	OVERFLOW: hidden;
	width: 210px;
	height: 172px;
	left: 395px;
}
#clientlisteg LI {
	MARGIN-TOP: 2px; PADDING-LEFT: 11px; BACKGROUND: url(images/index_customericon.jpg) no-repeat 0px 3px; FONT: 12px 'ˎ̥'; OVERFLOW: hidden; WIDTH: 175px; HEIGHT: 13px
}
#clientlisteg LI A {
	COLOR: #858585;
}
#clientlisteg LI A:hover {
	TEXT-DECORATION: underline
}
#index_aboutus {
	MARGIN-TOP: 6px; BACKGROUND: url(images/index_aboutus.jpg) no-repeat; FLOAT: right; FONT: 12px 'ˎ̥'; WIDTH: 321px; COLOR: #7d7c7a; HEIGHT: 175px
}
#index_aboutus P {line-height:150%;
	PADDING-LEFT: 10px; PADDING-TOP: 70px
}
#header {
	BACKGROUND: url(images/header_bg.jpg) repeat-x; HEIGHT: 229px
}
#headercontent {
	MARGIN: 0px auto; WIDTH: 970px; PADDING-TOP: 5px; HEIGHT: 224px
}
#headerlinks {
	MARGIN-TOP: 1px;FLOAT: right; WIDTH: auto; HEIGHT: 13px
}
#headerlinks LI {
	FLOAT: left; WIDTH: auto; LIST-STYLE-TYPE: none; HEIGHT: 13px
}
#headerlinks .aboutbtn {
	MARGIN-TOP: 1px; MARGIN-LEFT: 26px
}
#headerlinks .contactbtn {
	MARGIN-LEFT: 25px
}
.clear {
    CLEAR: both; HEIGHT: 25px
}
#logocontainer {
	MARGIN-TOP: 1px; WIDTH: 975px; HEIGHT: 100%
}
#logo {
	MARGIN: 50px 0 0; BACKGROUND: url(images/towny.jpg) no-repeat ; WIDTH: 525px; HEIGHT: 75px
}
#site {
	MARGIN-LEFT: 699px; WIDTH: 274px; HEIGHT: 77px
}
#search {
	MARGIN-TOP: 9px; BACKGROUND-IMAGE: url(images/search_bg.jpg); WIDTH: 274px; PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 24px
}
#inputxt {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 10px; FLOAT: left; BACKGROUND-IMAGE: url(ss.jpg); FONT: 12px 'ˎ̥',Arial; MARGIN-LEFT: 32px; BORDER-LEFT: 0px; WIDTH: 160px; COLOR: #898989; PADDING-TOP: 4px; BORDER-BOTTOM: 0px; HEIGHT: 15px
}
#inputsubmit {
	BACKGROUND: url(images/search.jpg) no-repeat; FLOAT: left; FONT: 12px Arial, Helvetica, sans-serif; WIDTH: 69px; COLOR: #fff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 19px; BORDER-BOTTOM-STYLE: none
}

#content {
	MARGIN: 0px auto; WIDTH: 975px;
}
#contact {
	BACKGROUND: url(images/separator.jpg) no-repeat 1px bottom; PADDING-BOTTOM: 13px; WIDTH: 975px; HEIGHT: auto
}
#contactimg {
	FLOAT: left; WIDTH: auto
}
#qqcontainer {
	BACKGROUND: url(qq.jpg) no-repeat; FLOAT: right; MARGIN-BOTTOM: 0px; WIDTH: 263px; HEIGHT: 69px
}


ul.nav{list-style:none;background: #E2E2E2;}
.nav li{border-right:1px solid  #999;float:left;display:block;width:130px;}
.nav li a{font:1.25em Georgia, "Times New Roman", Times, serif;
	color:#282828;text-decoration:none;display:block;padding:6px 0 6px 3px;width:130px;text-transform:uppercase;}
.nav li a span{font-size:10px;color:#999;text-transform:lowercase;}
.nav li a:hover{background:#282828;color:#ccc!important;width:128px;}
* html .nav li a:hover{background:#282828;width:130px;}
.nav li.skip{border-left:1px solid #DDD; text-align:right;float:right;display:block width:130px;}
.nav li.skip a{width:125px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:130px;}
li.top a{width:130px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #282828 !important;}
#archives{background:#282828;}
#archives ul{list-style:none;padding:3px 0 2px 0;}
#archives li{float:left;display:block;width:120px;}
#archives li a{font-weight:bold;color:#999;width:115px;display:block;padding:1px 0 2px 5px;}
#archives li a:hover{color:#EEE;}

/* main - middle content and columns */
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}

/* Structure */

#about {
	PADDING-BOTTOM: 13px; WIDTH: 975px; BACKGROUND: url(images/separator.jpg) no-repeat 1px bottom #fff;; HEIGHT: auto; MARGIN-LEFT: 1px
}
#aboutxt {
	PADDING-BOTTOM: 35px; WIDTH: 100%; BACKGROUND: url(images/separator.jpg) no-repeat 1px bottom; HEIGHT: auto; COLOR: #737373; PADDING-TOP: 15px
}
#aboutxt P {
	MARGIN-TOP: 20px
}
#contactimg {
	WIDTH: auto; FLOAT: left
}
#qqcontainer {
	WIDTH: 263px; MARGIN-BOTTOM: 7px; BACKGROUND: url(images/qq.jpg) no-repeat; FLOAT: right; HEIGHT: 69px
}
H4 {
	MARGIN-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #898989; MARGIN-LEFT: 20px; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
H4 A {
	COLOR: #898989
}
#qqcontainer A:hover {
	TEXT-DECORATION: none
}
H6 {
	MARGIN-TOP: 19px; FONT: 9px Arial, Helvetica, sans-serif; MARGIN-LEFT: 116px
}
H6 A {
	COLOR: #999999
}
.left {
	float:left;
	}

.right {
	float:right;
	}

#leftcol {
	width:305px;
	border-right:1px dotted #b6b6b6;
	padding-left:3px;
	}

#leftcol, #rightcol {
	margin-top:5px;
	float:left
	}	
#inrightcol {
	width:350px;
	float:right;
	margin-top: 5px;
	}

#sidebar {
	width: 275px;
	float:right;margin-top:2px;PADDING-right:1px; 
	 }
#sidebaro {
	background:#f2f2f2;
	width: 225px;
	float:right;margin-top:2px;PADDING-right:5px; 
	 }
/*Subnav */

.subnav li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background:#E2E2E2;
	display:block;
	padding:3px 3px 3px 8px;
	border-left:3px solid #666;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#ccc;
	text-decoration:none;
	color: #66000;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
		

/* Content */

#contents {
	width:675px;
	float:left;HEIGHT: auto
	}
#contentss {
	width:725px;
	float:left;HEIGHT: auto
	}
.content{float:left;
	margin: 0 5px 0 10px;
}
#thismonth {
	FLOAT: left; WIDTH: 675px; HEIGHT: auto
}

#thismonth .header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/dots-this-month.gif) repeat-x; FLOAT: left; PADDING-BOTTOM: 5px; margin:8px auto; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 28px
}
.description {font: 11px Georgia, "Times New Roman", Times, serif;
    float:left;
	POSITION: absolute;
	color:#545454;
	PADDING-TOP: 65px;
	}
.featur {
	margin: 0 0 0 8px;
	}
.feature {
	background:#f2f2f2;
	padding:8px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

.feature:hover {
	background:#e9e9e9;
	}
	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:1px;
	border:1px solid #000;
	}
			
#leadpic {
	float:left;
	margin: 0 8px 5px 0;
	}
#arslink {
	list-style-type:none;
	display:block;
	width:100%;
	float:left;
	margin:0 0 10px;
	padding:0;
	}

#arslink li {
	width:18%;
	float:left;
	list-style:none;
	line-height:22px;
	margin:2px;
	text-align:center;
	}
#arslink li a {
	display:block;
	background:#f2f2f2;
	border:1px solid #cdcdcd;
	padding-left:3px;
	color:#282828;
	font-size:12px;
	text-decoration:none;
	}

#arslink li a:hover {
	background:#282828;
	border-color:#282828;
	color:#fff;
	}
.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;
	}
	
.feature#lead .title {
	font:1.8em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	padding-bottom:5px;
	}

#leftcol .feature {
	margin-bottom: 2px;
	padding:2px;
	border-bottom:none
	}
.postmetadata {
	margin: 30px 0;
	}

#writer {
	background:#ccc;
	margin:1px 0 5px;
	padding:2px;
	}

.entry {line-height:1.55em;
	padding:3px;
	}

h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}
.navigation {
background:#ccc;
height:15px;
margin:13px 0 10px;
}

.alignright {
float:right;
}
.alignleft {
float:left;
}

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	
#searchform {
	padding:5px 0 0; 
	}

.button {
	padding: 1px;
	background:#000;
	color:#e7e7e7;
	border:none
	}

.button:hover {
	background:#777;
	color:#FFF
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}

/* Comments*/

.commentlist {
	padding-left:25px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 12px 10px 12px;
	background:#f2f2f2;
	border-top: 1px solid #ddd;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#e9e9e9
	}

.commentlist cite {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	
	

/* Float Properties*/
#row_box {
	background: #EAEAEA;PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: auto
}
#row_box .item {
	BACKGROUND: url(images/p-articles-divide.gif) no-repeat 50% bottom; FLOAT: left; WIDTH: 100%; HEIGHT: auto
}

#row_box .item .arrow {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 10px; PADDING-TOP: 10px; HEIGHT: auto
}
#row_box .item .item_txt {
	PADDING-RIGHT: 3px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 7px; WIDTH: 160px; COLOR: #6e6d6d; PADDING-TOP: 6px; HEIGHT: auto
}

#row_box .item .sml_txt {
	FONT-SIZE: 9px; FLOAT: left; WIDTH: 160px; COLOR: #b5b5b5; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: auto
}
#row_box .item .sml_txt A {
	COLOR: #b5b5b5; TEXT-DECORATION: none
}
#row_box .item .sml_txt A:hover {
	COLOR: #b5b5b5; TEXT-DECORATION: none
}
#row_box .item .view {FONT-SIZE: 10px;
	BACKGROUND: #ccc; FLOAT: left; MARGIN: 10px 0px 0px; WIDTH: 35px; HEIGHT: 12px
}
#row_box .item .view A {
	BACKGROUND: #ccc; FLOAT: left; WIDTH: 35px; HEIGHT: 12px
}
#row_box .item .view A:hover {
	BACKGROUND: #7b7b7b; FLOAT: left; WIDTH: 35px; HEIGHT: 12px
}

/* Footer*/

#footer {
	OVERFLOW: hidden;
	font-size:11px;
	width: 975px;
	margin: 0 auto;
	color: #999999;
	background: url(images/footer-bg.gif) repeat-x;
}
#footer a:link {
	color: #ccc;
	}
#footer a:hover, #footer a:visited {
	color: #666666;
	}
#footer_middle {
	width: 32%;
	float: left;
	margin: 12px 12px 0 0;
}
#footer_middle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_left {
	width: 32%;
	float: left;
	margin: 12px 12px 0 5px;
}
#footer_left ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_left li {
	margin: 0;
	padding: 0 0 1px;
}
#footer_right {	width:32%;
	float: right;
	margin: 12px 5px 0 0;
}
#footer_right ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_right li {
	margin: 0;
	padding: 0 0 1px;
}

#footer_right a cite {
	text-decoration:none;
	color: #A5D6E0;
	font-weight: bold;
	font-style: normal;
}
#footer_right a:hover cite {
	text-decoration:none !important;
}

.copyright,.copyright a:hover,.copyright a:visited{
    width: 975px;
    margin: 0 auto;
	text-align: right;
    color:#999;
    font-size:10px;
	height:20px;
	background:#000;text-decoration:none;
}


h5 {
	 line-height:110%; FONT-SIZE: 1.5em; MARGIN: 8px 0px 3px; COLOR: #fff; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.navigation_page a,.navigation_page .utompage{
font-size: 11px;color: #ccc;
float: left;
height: 20px;
padding: 0 5px;
line-height: 20px;
margin: 0 1px 1px 0;
}
.navigation_page a{
background: #282828;
border:1px solid  #282828;
color: #ccc;
}
.navigation_page a:hover, .navigation_page .utompage{
color: #ccc;
background: #282828;
border:1px solid #282828;
}
.navigation_page a:visited{
	color: #999;
}