/*
  Theme Name: ChilloutV2
  Theme URI: http://lyfon.com/1563
  Description: The ChilloutV2 theme based on 未来往事.
  Version: 1.0
  Date: 2009.7.3
  Author: bossTao(桃大)
  Author URI: http://Lyfon.com
  Tags: ChilloutV2, quiet style, fixed width, single column
*/
html,body,h1,h2,h3,h4,h5,ul,ul li,ol,ol li,div,form,dl,dd,dt,blockquote,p,fieldset,span,legend,label,img,q {margin:0;padding:0;border:0;}
ul,ul li {list-style:none;}
em, small{font-style:normal}
@font-face{font-family:"Segoe Print";src:url("images/segoepr.ttf")}
/*@font-face{font-family:"Chaparral Pro","Lucida Sans Unicode";src:url("images/Lucida Sans Unicode.ttf")}*/
body {margin:0 auto;background:#141414 url(images/bg.gif) repeat-x 0 0;font:12px/180% Tahoma,verdana,Arial,"Microsoft YaHei","微软雅黑","宋体","sans-serif";color:#000;}
a{color:#000;text-decoration:none;outline:none}
a:hover{color:#002d60;text-decoration:underline;}
#wrapper { width:1030px;margin:0 auto;}
.innerWrapper {float:left;width:1030px;background:url("images/head_lightbg.gif") repeat-x 0 0;}
#branding { float:left;width:1030px;padding-bottom:43px;background:url("images/brandingbg.gif") no-repeat 0 bottom;}
	#branding .logo {display:inline;float:left;width:490px;height:83px;margin-left:25px;background:url(images/logo.gif) no-repeat 0 0;}
	#branding .logo a{float:left;width:195px;height:83px;text-indent:-9999px;overflow:hidden}
#nav {position:relative;display:inline;float:left;width:1016px;height:45px;padding-left:14px;background:url("images/navbg.gif") no-repeat 0 0;font-size:16px}
	#nav li{ float:left;height:38px;line-height:34px;margin-right:-2px;padding-right:2px;}
	#nav li a{float:left;width:77px;height:38px;background:url("images/navbg.gif") no-repeat 0 bottom;color:#c0d0df;}
	#nav li span{float:left;width:100%;height:38px;line-height:500px;background:url("images/m7.gif") no-repeat 0 bottom;overflow:hidden;cursor:pointer}
		#nav .i1, #nav .i1 span{width:77px;background-image:url("images/m1.gif")}
		#nav .i2, #nav .i2 span{width:98px;background-image:url("images/m2.gif")}
		#nav .i3, #nav .i3 span{width:101px;background-image:url("images/m3.gif")}
		#nav .i4, #nav .i4 span{width:121px;background-image:url("images/m4.gif")}
		#nav .i5, #nav .i5 span{width:106px;background-image:url("images/m5.gif")}
		#nav .i6, #nav .i6 span{width:102px;background-image:url("images/m6.gif")}
		#nav .i7, #nav .i7 span{width:126px;height:38px;background-image:url("images/m7.gif")}
		#nav a:hover span, #nav a span.active{background-position:0 0}
.intros {position:relative;float:left;width:980px;padding:10px 25px;background:url("images/brandbg.gif") repeat-y 0 0;}
	.intros .savatar{float:left;width:76px;height:76px;margin-left:10px;padding:8px 0 0 8px;background:url(images/avatarbg.gif) no-repeat left top;}
	.intros .savatar span{float:left;width:62px;height:62px;line-height:300px;background:url(http://ouhappy.com/images/huiyi.jpg) no-repeat 0 0;overflow:hidden}
	.intros .intro{float:left;}
	.intros .intro li{float:left;margin:-5px 10px 0 10px;color:#8999a9}
	.intros .melody{position:absolute;left:568px;top:10px;float:left;padding-left:30px;background:url("images/title_melody.gif") no-repeat 0 0;}
	.intros .melody span{float:left;margin-top:-8px;opacity:0.2;}
	.intros .comments{position:absolute;left:788px;top:10px;float:left;width:190px;padding-left:25px;background:url("images/title-comment.gif") no-repeat 0 0;}
		.intros .comments ul{float:left;width:190px;}
		.intros .comments h2{display:none}
		.intros .comments li.rc_item{display:inline;float:left;margin:0 0 7px 12px;}
		.intros .comments li.rc_item a{position:relative;display:block;float:left;width:33px;height:33px}
		.intros .comments li.rc_item a img{position:absolute;z-index:1;left:0;top:0;float:left;width:30px;height:30px;padding:0;border:1px solid #111;border-right-color:#575e6d;border-bottom-color:#575e6d;background:transparent;}
		.intros .comments li.rc_item a span{position:absolute;z-index:100;left:0;top:0;display:inline-block;width:30px;height:30px;background:#fff;cursor:pointer;opacity: 0;filter:alpha(opacity=0);}
		.intros .comments .rc_item .rc_left {display:inline;float:left;padding-right:0 !important;}
		.intros .comments div{display:none;}
		.intros .comments div.rc_avatar{display:inline;}
.cat {float:left;width:980px;height:35px;line-height:35px;padding:0 25px;background:url("images/catebg.gif") repeat-y 0 0;}
	.cat li{ float:left;color:#000;color:#8999a9}
	.cat li a{margin:0 10px;color:#8999a9}
	.cat li a:hover,.cat .current-cat a{color:#8999a9;}
		.cat li.cat-item {position:relative;z-index:100;}
		.cat li.cat-item ul.children{display:none;position:absolute;top:44px;left:0;width:95px;background:#ecebff;border:1px solid #b8b8d3}
		.cat li.cat-item ul.children ul.children{display:none;top:-1px;left:95px;}
		.cat li.cat-item:hover ul.children{display:none;}
		.cat li.cat-item:hover ul.children ul.children{display:none;}
		.cat li.cat-item ul.children:hover ul.children{display:block;}
		.cat li.cat-item ul.children li{height:35px;line-height:35px}
		.cat li.cat-item ul.children li a{width:71px;font-weight:normal;}
		.cat li.cat-item ul.children li a:hover{background:#d3d2e4;color:#fff}
		.cat li.cat-item-670{display:none;}
		.single-cat li a{ font-weight:normal;}
.sch{float:right;width:136px;height:26px;margin-right:30px;margin-top:35px;background:url(images/sbg.gif) no-repeat left top;}
	.sch #s{width:93px;height:14px;margin:5px 0 0 9px;border:0;background:transparent;font-size:12px;font-family:Arial}
	.sch #searchsubmit{display:inline-block;width:18px;height:15px;margin-left:5px;border:0;background:transparent;line-height:50px;opacity:0;overflow:hidden;cursor:pointer}

.bw{float:left;width:892px;margin:6px 0 10px;background:url(images/article_bg_02.gif) repeat-y scroll 0 top;}
	.bw1{float:left;width:100%;background:url(images/article_bg_01.gif) no-repeat scroll 0 top;}
	.bw2{float:left;width:859px;padding:20px 15px 18px 18px;background:url(images/article_bg_03.gif) no-repeat scroll left bottom;}
	#content .post .bw{margin-bottom:0;}
	#content .bw2{padding-top:12px;}
	.post-bw .bw2 {padding:20px 30px 18px 33px;width:829px;}
	.post .bw{margin-bottom:40px;}

#main { float:left;width:1030px;background:url(images/mainbg.gif) repeat-y left top;}
.innerMain { float:left;width:100%;}
#content {display:inline;float:left;width:892px;margin:7px 0 0 70px;overflow:hidden;}
	#content .col{display:inline;float:left;width:47%;margin:26px 0 0 6px;overflow:hidden;}
		#content .col dt{height:20px;margin-top:4px;line-height:200px;background:url(images/ico_drs.gif) no-repeat left top;overflow:hidden;}
		#content .col li{display:inline;float:left;width:97.5%;height:115px;margin:11px 0 0;padding:0 5px 15px;background:transparent url(images/segment.gif) repeat-x scroll left bottom;overflow:hidden;}
		#content .col li .i-a{_float:left;height:7.2em;margin-top:8px;overflow:hidden;color:#000}
		#content .col li .i-a img, #content .col li .i-a object{display:none}
		#content .col-r{float:right;margin-left:0;margin-right:5px;padding-left:20px;border-left:1px dotted #C4CAFF;}
		#content .col-r dt{background-image:url(images/ico_ath.gif)}
		#content .col-one{width:100%;margin-top:25px}
		#content .col-one dt{background-image:url(images/ico_atl.gif)}
		#content .col-one li{position:relative;width:97.5%;margin:0;padding:8px 5px;background:transparent url(images/segment.gif) repeat-x 0 bottom;}
		#content .col-one li .date{position:absolute;right:10px;right:0 !ie;top:75px;line-height:1em;font-size:42px;font-family:Arial,verdana,Tahoma,sans-serif;font-style:italic;color:red;opacity:0.1;filter:alpha(opacity=10)}
		/*/#content .col-one li .date{display:none;}/*/
		#content .archive {margin-top:0;}
		#content .archive dt{height:80px;background:none;font:normal 24px/2.5em "Microsoft YaHei","微软雅黑",Arial,"宋体",Tahoma,"sans-serif";text-align:center;}
	#content .plate {float:left;width:108px;height:108px;margin:4px 10px 0 0;background:url(images/platebg.gif) no-repeat 0 0}
		#content .plate img{width:83px;height:83px;margin:12px 0 0 12px;border:1px solid #fff;}
		#content .post .plate {float:right;margin-left:15px}
	#content h2, #content h2 a{position:relative;z-index:10;margin-bottom:2px;color:#002d60;font-size:12px;font-weight:normal;}
	#content .post-none h2{text-align:left;}
	#content .post h1, #content .post h2{margin:30px 0;_margin-top:60px;font:normal 24px/1.5em "Microsoft YaHei","微软雅黑",Arial,"宋体",Tahoma,"sans-serif";text-align:center;color:#000;text-shadow:0 1px 0 #f5f5f5;}
	#content .post h4{margin:20px 0 10px 0;font:bold 14px/1.5em "Microsoft YaHei","微软雅黑",Arial,"宋体",Tahoma,"sans-serif";color:#000;}
	#content .post cite{display:block;height:20px;margin-bottom:35px;font-size:12px;font-style:normal;text-align:center;}
	#content .theme{margin:26px 0 0 0;}
	.post-bw {margin-top:10px;}
	.post a{display:inline-block;margin:0 3px;/*background:transparent url(images/underline.gif) repeat-x left 95%;*/;color:#A61B14}
	.post p{margin:0 0 1.2em 0;color:#000;font-size:12px;}
	.post p.attachment{margin:4em 0;text-align:center}
	.post img{margin:15px 0}
	.post .myTags p{margin:4px 0 0;padding:0;color:#002d60;}
	.post .myTags a{margin:0;color:#002d60;background:none;}
	.post .tags {margin-bottom:0;background:transparent url(images/segment.gif) repeat-x left bottom;text-align:right;}
	.post .tags a{margin:0;color:#A61B14;background:none;font-weight:bold;}
	.post ol {margin: 15px 10px;padding:10px 20px;border-left: 5px solid #D5D4EE;background:#E8E8FE}
		.post ol li{margin-left:1em;}
		.post ol.relon {margin:0;padding:10px;background:none;border-left:0;}
		#content .post ol.relon h4{margin:5px 0;padding-bottom:1px;background:url("images/segment.gif") repeat-x scroll left bottom;font:normal 12px/1.5em verdana,"Microsoft YaHei","微软雅黑",Arial,"宋体",Tahoma,"sans-serif";color:#000;}
		.post ol.relon li{margin-left:20px;font-size:18px;}
		.post ol.relon li a{margin:0;background:none;font-size:12px;font-style:normal;color:#002D60}
		.post ol.relon li small{display:block;height:3.5em;margin:5px 10px 10px 0;padding-left:0;font-size:11px;color:#444;overflow:hidden;text-indent:2em;}
	small{clear:both;padding-left:2.5em;color:#666}
	.post .alt small{padding:5px;background:#E5EEFD;border:1px solid #B9D1F9;font-size:11px;font-Variant:normal;}
	.post p.alt {margin:20px 2em 20px 0;padding:3px;background:#f8f8f8}
	.post .more-link {display:none;}
	#content small.commentmetadata{display:inline;padding-left:0;color:#666;font-style:italic;}
	#content small.commentmetadata a{color:#666}
	
	.post ul li {list-style-type:square;margin:0 0 5px;}
	.post h3 {margin:25px 0 15px;font-size:130%;}
	.post ul {margin-left:2em;}
	.post pre {margin: 15px 10px;padding:20px;border:1px solid #BACDDB;border-left: 5px solid #BACDDB;background:#E8F3FA;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;overflow:auto;}
	.post code {display:block;margin: 15px 10px;padding:10px;border:1px solid #BACDDB;border-left: 5px solid #BACDDB;background:#E8F3FA;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;overflow:auto;}
	.post hr {display:block;border:0;height:2px;background:transparent url(images/segment.gif) repeat-x scroll left bottom;}


/* Captions */
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #BACDDB;text-align: center;background-color: #f5f5f5;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: 12px;padding: 0 4px 5px;margin: 0;}
/* End captions */

.about-author{margin-top:8px}
#content .about-author .plate {float:left;margin-left:0}
.about-author img{width:80px;height:80px;margin:0}
.tags{clear:left;padding-bottom:5px;margin-bottom:50px;background:transparent url(images/segment2.gif) repeat-x scroll left bottom;}
.tags .author{float:left}
.post em{font-style:italic}
.lang-en{font-style:italic}
.lang-zh{font-style:normal}
.owner .lang-en{font-size:11px;}
.cat-item, .single-cat li a{}
	.cat-item-747, .cat-item-618, .cat-item-614, .cat-item-616{font-style:normal;}
.single-cat li strong a{font-style:normal}
.navigation {display:inline;float:left;width:892px;margin:80px 0;padding-bottom:5px;background:transparent url(images/segment2.gif) repeat-x scroll left bottom;text-align:center;color:#CFDBE6;}
	.navigation img{margin-bottom:15px}
	.navigation a{color:#CFDBE6;}

.archives{float:left;padding:15px 10px 40px}

.page{float:left;width:938px;height:80px;padding:0 46px;background:url("images/mainbbg.gif") no-repeat 0 0;}
	.page .alignleft {float:right;margin:30px 0 0}
	.page .alignleft a{display:block;width:103px;height:30px;line-height:80px;overflow:hidden;background:url(images/ico_next.gif) no-repeat top left;cursor:pointer;}
	.page .more a{background-image:url(images/ico_more_next.gif)}
	.page .alignright {float:left;margin:30px 0 0}
	.page .alignright a{display:block;width:103px;height:30px;line-height:80px;overflow:hidden;background:url(images/ico_pre.gif) no-repeat top left;cursor:pointer;}

.scrolling {float:left;width:980px;height:36px;line-height:300px;overflow:hidden;padding:0 25px;background:url("images/scrolltop.gif") repeat-y 0 0;cursor:pointer}
.links {float:left;width:980px;padding:14px 25px;background:url("images/linkbg.gif") repeat-y 0 0;color:#5a6373}
	.links li.douban,.links li.categories,.links li.widget_links{float:left;width:975px;overflow:hidden;}
	.links h2{margin-top:4px}
	.links a{color:#000}
	.douban h2{float:left;width:90px;background:url(images/sh_douban.gif) no-repeat right 0;text-indent:-9999px}
		.douban div{float:left;width:840px;margin-left:14px;padding:0 15px 10px;border-left:1px solid #21252d;}
		.douban td img{width:60px;height:80px;margin-right:15px}
	.dateAll h2{float:left;width:90px;background:url(images/sh_arcv.gif) no-repeat right 0;text-indent:-9999px}
		.dateAll ul{float:left;width:840px;margin-left:14px;padding:0 15px 10px;border-left:1px solid #21252d;}
		.dateAll ul li{float:left;width:100px;}
	.categories h2{float:left;width:90px;background:url(images/sh_cate.gif) no-repeat right 0;text-indent:-9999px;}
		.categories ul{float:left;width:840px;margin-left:14px;padding:0 15px 10px;border-left:1px solid #21252d;}
		.categories ul li{float:left;}
		.categories ul li a{float:left;width:100px;}
		.categories ul li ul{float:left;width:auto;margin:0;padding:0;border-left:0;}
	.widget_links h2{float:left;width:90px;background:url(images/sh_friend.gif) no-repeat right 0;text-indent:-9999px}
		.widget_links .blogroll{margin-left:14px;}
		.widget_links p{float:left;width:830px;margin-left:14px;padding:0 15px 0;border-left:1px solid #21252d;}
		.widget_links p a{display:inline-block;width:100px;}
		.widget_links p br{float:left;display:none}
#copyright { float:left;width:970px;padding:14px 30px 0;height:123px;background:url("images/copyrightbg.gif") no-repeat top left;font-family:Arial,Tahoma,"宋体"}
	#copyright .l{float:left;font-size:9px;color:#a3a3a3;text-transform:uppercase;}
	#copyright .l a{color:#f6f6f6}
	#copyright .r{ float:right;color:#494949;}
	#copyright .r a{color:#494949}

.blogprofile {float:left;width:100%;margin-bottom:20px}
	.blogprofile p{margin:0.6em 0;}
	.blogprofile .profileintro{padding-bottom:14px;margin:0;}
	.profileimg {background: url("http://lyfon.com/my/pic/me.gif") no-repeat;margin-top:8px;width:25%; height:240px;padding-top:200px;float:left;}
	.bio {float:left;width:74%;}

/*category*/
#content .theme li{float:left;width:100%;height:auto;padding:0;background:none;}
	#content .theme li .bw2{padding:20px 25px 40px 28px}
	#content .theme li h2{margin-top:45px;margin-bottom:25px;font-size:24px;line-height:1.5em;font-weight:bold;text-align:center;}
	#content .theme li .plate{display:inline;width:214px;height:auto;margin:20px 15px 40px 50px;background:url("images/platebg1.gif") no-repeat center 0;text-align:center;}
	#content .theme li img{width:150px;height:150px;margin:12px 0 0 0;}
	#content .theme li p{margin:15px 0 0;text-align:center;}
	#content .theme li p a{color:#002d60;}



/*plugin*/
#content #myGallery {float:left;margin:10px 0 30px}
#content #myGallery, #content #myGallerySet, #content #flickrGallery {border:0;height:285px;width:755px;z-index:5;overflow:hidden;}
#content .jdGallery .slideInfoZone h2 {color:#fff;font-size:14px;font-weight:bold;margin:8px 14px 3px;text-shadow:0 0 0 #F5F5F5}
#content .jdGallery .slideInfoZone h2 a {color:#fff;font-size:14px;text-shadow:0 0 0 #F5F5F5}
#content .jdGallery .slideInfoZone p{height:1.5em;padding:0 10px;overflow:hidden;;font-size:12px}
#content  a.carouselBtn{display:none;}
#commentform textarea#comment,#commentform input#author,#commentform input#email,#commentform input#url{padding:4px;background:#fff;border:2px solid #2B333E;font-size:14px;font-family:Arial;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:auto}
#commentform p input{width:25%;padding:4px 2px;font-size:14px;font-weight:bold}
#commentform p label small{display:inline;position:relative !ie;top:-5px !ie;padding-left:8px;font-size:14px;font-family:Arial,"宋体",Tahoma,"sans-serif";color:#CFDBE6;}

#wrapper .visible, #wrapper .ontop{display:none;}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 10px;padding:10px 20px;border:1px solid #BACDDB;border-left: 5px solid #BACDDB;background:#D4E1EC;-moz-border-radius:10px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-radius:10px;-webkit-border-radius-bottomleft:0;-webkit-border-radius-topleft:0;border-radius:10px;}
.post blockquote p{margin:10px 0;}
blockquote cite {margin: 0;display: block;}
.center {text-align: center;}
hr {display: none;}
a img {border: none;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}

/* Begin Form Elements */
.commentlist {float:left;width:800px;margin-bottom:50px;padding: 0;text-align: justify;}
.commentlist li .bw2 {position:relative}
.commentlist li .avatar, .commentlist li .photo {float: left;width:83px;height:83px;margin:10px 5px 0 0;padding:13px;background:url(images/platebg.gif) no-repeat 0 0}
.commentlist li .avatarr {display:inline;float: left;margin:10px 0 0 10px;width:730px;}
.commentlist cite, .commentlist cite a {color:#002d60;font-weight: normal;font-style: normal;font-size: 1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
.commentlist .commentcount {position:absolute;right:20px;right:10px !ie;top:15px;line-height:1em;font-size:42px;font-family:Arial,verdana,Tahoma,sans-serif;font-style:italic;color:#d4c6cf;}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px;padding: 2px;}
#commentform textarea {width: 90%;line-height:1.5em;padding: 2px;}
#commentform #submit {margin: 0;}
/* End Form Elements */

/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist .comment-childs  {margin:0;padding:10px;border:1px dotted #DDDDDD;background:#cfdbe6;}
.commentlist p {margin: 10px 1em 10px 0;}
.commentlist .comment-childs p {margin:0 5px 8px;}
.commentlist .comment-childs p a{color:#002d60;}
.commentlist .comment-childs p em{font-size:10px;font-style:italic;}
#commentform p {margin: 15px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;font-style:italic;}
#main .commentmetadata {margin: 0;}	
#main .chalt{background:#d4e1ec;border:0 solid #eee}
#main .comment-childs{margin:15px 5px 10px 0;padding:10px 0.5em 10px;border:1px solid #c2ced8;-moz-border-radius:5px;-webkit-border-radius:5px;}
#main .comment-childs img{float:left;width:30px;height:30px;margin-top:5px;margin-left:5px;margin-right:12px;padding:7px;background-image:url("images/platebg2.gif")}
#main .comment-childs p img{float:none;width:auto;height:auto;margin:0;padding:0;background-image:none}
#main .comment-childs .comment-childs{margin:15px 10px 7px 50px;}
/* End Comments */
h3#comments, h3#respond{float:left;width:95%;line-height:1.8em;margin:0 5px;font:normal 24px/1.5em "Microsoft YaHei","微软雅黑",Arial,"宋体",Tahoma,"sans-serif";color:#CFDBE6;}
p.tips{display:inline;float:left;width:100%;margin:10px 5px 80px;color:#CFDBE6;}
p.tips a{color:#CFDBE6;font-weight:bold;text-decoration:underline;}
#commentform{display:inline;float:left;width:80%;margin:0 10px 0;padding-bottom:50px;color:#CFDBE6;}
#commentform a{color:#CFDBE6;}