/**  
Theme Name: Color Fizon
Author URI: http://wpJunction.com
Version: 1.0
Author: HPA
Description: ColorFizon Premium WP
*/

body {
	background:#20201F url('./images/background.png');
	padding:0;
	margin:0;
	font-size:12px;
         font-family:verdana, Arial, 'Trebuchet MS';
	color:#686868;
}

a { text-decoration:none; }

a:hover {
	text-decoration:none;
	color:#aEaEaE;
}

a img { border:none; }

.clear { clear:both; }

#wrapper {
	background:transparent url('./images/wrapper-bg.png') repeat-y;
	width:1006px;
	margin:0 auto;
}

/* header */
#header {
	background:#2B2B2B url('./images/2B2B2B.gif');
	margin:0 1px;
}

#header-top {
	background:#2E2E2D url('./images/header-top-bg.png');
	height:26px;
	padding:10px 0 0 10px;
	position:relative;
}

#header-top span {
	font:normal 14px 'Century Gothic', Verdana, Arial;
	color:#6C6C6C;
	padding-left:25px;
	line-height:15px;
}

#color-palette {
	position:absolute;
	right:10px;
	top:10px;
	width:200px;
	height:30px;
}

#color-palette span {
	float:left;
	font:normal 10px Verdana;
	text-decoration:underline;
	line-height:10px;
}

#color-palette ul {
	margin:0;
	padding:0;
}

#color-palette ul li {
	background-image:url('./images/colors-pallete.png');
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	cursor:pointer;
	float:left;
	list-style-type:none;
	margin-left:3px;
	padding:0;
	display:block;
}

#blue { background-position: 0 0 }
#lime { background-position: -10px 0 }
#pink { background-position: -20px 0 }
#brown { background-position: -30px 0 }
#red { background-position: -40px 0 }
#purple { background-position: -50px 0 }


#header-content {
	padding: 5px 5px 10px 10px;
	position:relative;
}

#header-content h1 {
	font:normal 36px;
	margin:0;
}

#header-content p {
	font:normal 16px 'Century Gothic', Verdana;
	margin:0;
}
#header-desc {
	font:normal 12px Verdana;
	margin:2px 0 0 20px;
}
#search-form {
	background:transparent url(./images/search-text-input-bg.png) no-repeat scroll 50px 0;
	position:absolute;
	top:25px;
	right:5px;
	height:31px;
	width:262px;
	font:normal 11px Arial, Verdana;
}

#search-form fieldset { border:none; padding:0; margin:0 }

#search-form label { position:absolute; top:8px; left:0; }

#s {
	background-color:transparent;
	border: medium none;
	position:absolute;
	right:9px;
	top:8px;
	width:200px;
	font-size:11px;
	color:#686868;
}

#header-menu {
	background:transparent url('./images/top-menu-bg.png') repeat-x;
	margin:0 5px;
	height:66px;
	position:relative;
	font-size:16px;
         font-family:"微软雅黑";
	padding-bottom:10px;
}

#header-menu .corner {
	background-image:url('./images/corner-top-menu-bg.png');
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	height:66px;
	width:8px;
}

#header-menu .left {
	background-position:-8px 0;
	left:0;
	top:0;
}

#header-menu .right {
	right:0;
	top:0;
}

#header-menu ul {
	width:850px;
	margin:0;
	padding:0;
}

#header-menu ul li {
	float:left;
	list-style-type:none;
	margin: 0 10px;
}

#header-menu ul li a {
	line-height:31px;
}

#menu-pages {
	height:30px;
	overflow:hidden;
	text-transform:uppercase;
}

#menu-categories { overflow:hidden; }

#menu-categories a { color:#9E9E9E;  }

#header-menu #rss a {
	background:transparent url('./images/icon-rss.png') no-repeat right top;
	position:absolute;
	top:5px;
	right:10px;
	height:22px;
	padding-right:25px;
	line-height:22px;
}

/* container */
#container {
	width:1006px;
	position:relative;
}

#container .bottom-left, #container #bottom-center {
	background-image:url('./images/contain-corner-bg.png');
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	width:9px;
	height:9px;
}

#container .bottom-left {
	background-position:-9px 0;
	left:6px;
	bottom:0;
}

#container #bottom-center {
	background-position:0 0;
	left:709px;
	bottom:0;
}

#bottom-right-container {
	background-image:url('./images/sidebar-corner-bg.png');
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	width:9px;
	height:9px;
	right:6px;
	bottom:0;
}

/* news slider */
#news-slider {
	background:#2B2B2B url('./images/2B2B2B.gif');
	padding:10px 6px 20px;
}

img.myimg {
	background-color:#252525;
	border:1px solid #252525;
	padding:6px;
}

/* content */
#content {
	float:left;
	width:717px;
}

#content-in {
	margin-left:4px;
	position:relative;
}

#content-in .corner {
	background-image:url('./images/contain-corner-bg.png');
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	height:9px;
	width:9px;
}

#content-in .top-left {
	background-position:-9px -9px;
	top:0;
	left:0;
}
#content-in .top-right {
	background-position:0 -10px;
	top:0;
	right:-1px;
}

#content-in .bottom-left {
	background-position:-9px 0;
	bottom:0;
	left:0;
}
#content-in .bottom-right {
	background-position:0 0;
	bottom:0;
	right:0;
}

/* post */
.post { padding:8px; }

.post-date {
	background: transparent url('./images/bottom-line-date.png') repeat-x left bottom;
	height:27px;
	margin-top:4px;
	width:400px;
}

.post-date span {
	background-position:0 -16px;
	font:normal 12px Verdana;
	padding-left: 20px;
}

.post h2.title {
	font:normal 18px '微软雅黑','Century Gothic';
	margin:0;
}

.entry { line-height:18px; }

.meta {
	background:transparent url('./images/meta-bg.png') repeat-x;
	height:45px;
	position:relative;
	padding:10px;
}

#content-in .post .meta .corner {
	background-image:url('./images/meta-corner-bg.png');
	background-repeat:no-repeat;
	display:block;
	width:10px;
	height:65px;
	position:absolute;
	top:0;
}

h2.pagetitle {
	font:normal 24px '微软雅黑';
	margin:0;
	padding:7px 10px;
}

.meta .left { background-position: -10px 0; left:0; }
.meta .right { right:0; }

.meta p {
	margin:0 0 15px;
}
.meta p span {
	background-image:url('./images/all-icons.png');
	background-repeat:no-repeat;
	padding-left:20px;
	margin-right:10px;
	height:16px;
}
.author { background-position: 0 -32px; }
.commented { background-position: 0 -48px; }
.tagpost { background-position: 0 -64px; }

#comments {
	font:normal 15px 'Century Gothic';
	margin:0;
	padding:10px;
}

.commentlist {
	padding:10px 10px 0 34px;
	margin:0;
}
.commentlist li{
         border-bottom:solid #333333 1px;
}

#respond {
	padding:10px;
}

#respond h3 {
	font:normal 15px 'Century Gothic';
	margin:0;
}

#respond input, #respond textarea, #subscribe {
	background:#212121 url('./images/212121.gif');
	border-color:#1A1A1A #343434 #343434 #1A1A1A;
	border-style:solid;
	border-width:1px;
	color:#686868;
	padding:5px;
}

#respond input#submit {
	background:#2B2B2B url('./images/2B2B2B.gif');
	border-color:#343434 #2C2C2C #2C2C2C #343434;
	border-style:solid;
	border-width:1px;
	color:#686868;
	height:34px;
	padding:0;
	width:72px;
}

.nav-button {
	background:transparent url('./images/nav-button.png') no-repeat;
	width:162px;
	height:24px;
}

.prev-button,.next-button{
	display:block;
	height:24px;
	cursor:pointer;
}

.prev-button{
	float:left;
	width:90px;
}

.next-button{
	float:right;
	width:65px;
}

#featured-nav {
	float:right;
	margin:10px;
}

#post-button {
	float:right;
	padding-bottom:5px;
}

/* recent area */
#recent-area {
	background:#212121 url('./images/212121.gif');
	margin:0 10px;
}
#recent-area-in {
	background:transparent url('./images/recent-header-bg.png') repeat-x left top;
	position:relative;
	padding:8px 10px;
}

#content-in #recent-area-in .corner {
	background-image:url('./images/recent-corner-bg.png');
	background-repeat:no-repeat;
	display:block;
	width:10px;
	position:absolute;
}

#recent-area-in .top-left {
	background-position:-10px -11px;
	height:40px;
	top:0;
	left:0;
}
#recent-area-in .top-right {
	height:40px;
	top:0;
	right:0;
}

#recent-area-in .bottom-left {
	height:11px;
	bottom:0;
	left:0;
}
#recent-area-in .bottom-right {
	background-position:0 0;
	height:11px;
	bottom:0;
	right:0;
}


#recent-area-in h2{
	font:normal 18px 'Century Gothic';
	margin:0 0 15px;
}

#recent-area-in ul{
	padding:0 0 10px;
	margin:0;
}

#recent-area-in ul li{
	background:transparent url('./images/bottom-line.png') repeat-x left bottom;
	list-style-type:none;
	padding:8px 0;
}

#recent-area-in a{ color:#686868; }

#recent-post, #recent-comment{
	width:330px;
}

#recent-post span, #recent-comment span {
	background-image:url(images/all-icons.png);
	background-repeat:no-repeat;
	padding:1px 0 0 20px;
	line-height:16px;
}

#recent-post{
	float:left;
}

#recent-post span{
	background-position:0 -64px;
}

#recent-comment {
	float:right;
}

#recent-comment h2,#recent-post h2{
	font-family:'微软雅黑';
}
#recent-comment span{
	background-position:0 -48px;
}
/* sidebar */
#sidebar {
	width:289px;
	float:right;
}

#sidebar-in {
	margin-right:6px;
	width:283px;
	position:relative;
}

#sidebar-in .top-right {
	background:transparent url('./images/sidebar-corner-bg.png') no-repeat 0 -9px;
	height:9px;
	width:9px;
	position:absolute;
	right:0;
	top:0;
}

#sidebar-in ul li {
	list-style-type: none;
	list-style-image: none;
	}

#sidebar-in ul li h2 {
	background:#252525 url('./images/widget-header-bg.png') no-repeat;
	height:38px;
	font:normal 14px Arial, Verdana;
	line-height:38px;
	margin:0;
	padding:0 10px;
}

#sidebar-in ul p {
	margin:0;
	padding:7px 10px;
}

#sidebar-in ul select {
	margin: 5px 0 8px;
}

#sidebar-in ul, #sidebar-in ul ol {
	margin: 0;
	padding: 0;
}

#sidebar-in ul ul { padding:7px 10px; position:relative; }

#sidebar-in ul ul ul, #sidebar-in ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar-in ul ol li {
	list-style: decimal outside;
}

#sidebar-in ul ul li, #sidebar-in ul ol li {
	background:#212121 url('images/212121.gif');
	margin-top: 1px;
	padding:3px 10px;
	line-height:24px;
	border:1px solid #252525;
}

#sidebar-in ul ul li:hover, #sidebar-in ul ul li.hover {
	border:1px solid #1F1F1F;
}

#sidebar-in li a {
	color:#414141;
}

#wrap-tag-cloud {
	width:260px;
	margin:0 auto;
	padding-bottom:10px;
}

#sidebar-in object {
	margin:7px 10px 0;
	display:block;
}

/* adv-area */
#adv-area{ padding:10px; }

.img-adv { margin:0 9px 10px 0; }
.img-adv.right{ margin-right:0; }
.img-adv.bottom{ margin-bottom:0;  }
.img-adv.last{ margin:0; }

/* Begin Calendar */
#calendar_wrap{ margin-top:10px; }
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 250px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar caption {
	text-align: center;
	font-size:14px;
	}

#wp-calendar td, #wp-calendar th {
	padding: 3px 0;
	text-align: center;
	}

#sidebar #wp-calendar a{
	display: block;
}

#sidebar #wp-calendar a:hover { color:#686868; }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #EEEEEE; }

#wp-calendar #today {
	background:#252525 url('./images/252525.gif');
	border:1px solid #292929;
}
/* End Calendar */

/* footer */
#footer {
	background:#2B2B2B url('./images/2B2B2B.gif');
	padding:10px 6px;
	position:relative;
}

#footer-in {
	background:#212121 url('./images/footer-bg.png') repeat-x;
	height:37px;
	text-align:center;
	line-height:34px;
}

#footer-in .corner {
	background-image:url('./images/footer-corner-bg.png');
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	width:10px;
	height:37px;
}

#footer-in .left {
	background-position:-10px 0;
	left:6px; top:10px;
}

#footer-in .right {
	background-position:0 0;
	right:6px; top:10px;
}

/* icon system */
.icon {
	background-image:url('./images/all-icons.png');
	background-repeat:no-repeat;
	display:block;
	height:16px;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote{
	margin: 0px 0px 0px 5px;
	padding: 8px 25px 5px 40px;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	}

blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center { text-align: center; }

.hidden { display: none; }

hr { display: none; }

a img { border: none; }

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #444444;
	text-align: center;
	background-color: #2b2b2b;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}