/*

Theme Name: liwenbing.cn

Theme URI: http://liwenbing.cn/

Description: The WordPress theme based on the http://david.sutoyo.com/.Any IP issue ,please contact me via email.

Version: 1.0

Author: Li Wen Bing

Author URI: http://liwenbing.cn/

Tags: white,simple, custom header, fixed width, two columns, widgets





*/





/*----------------------------------------------------------------------

	screen.css

	

	Screen styles go here.



----------------------------------------------------------------------*/



/* reset css */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}





/* end of reset */









/* Begin Typography & Colors */







body {

	font-size: 87.5%;

	line-height: 1.5em;

	color: #333; 

	font-family: arial,helvetica,sans-serif;

}



/* =HEADINGS

========================================*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: arial,helvetica,sans-serif; }



h1 { font-size: 1.2858em; }

h2 { 
font-size: 30px;
line-height:35px;
margin:5px 0;
}

h3 { 
font-size: 24px; 
font-weight:bold;
margin:10px 5px;
}

h4 { font-size: 0.71428em; margin-bottom: 1.55em; 

	 text-transform: uppercase; letter-spacing: 0.05em; color: #666; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-size: 1em; font-weight: bold; }



/* =TEXT ELEMENTS

========================================*/

p			{ margin: 0 0 1.5em 0;font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif}



ul, ol		{ list-style-position: outside; }

ul		    { margin: 0; }

ol 			{ margin: 0 0 1.5em 0;}

ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }

dl          { margin: 0; }

dl dt       { font-weight: normal; }

dd          { margin: 0;}



abbr, acronym { border-bottom: 1px dotted #000; }

address { margin-top: 1.5em; font-style: italic; }

del { color: #000; }



blockquote { margin: 1.5em; }

strong { font-weight: bold; }

em, dfn { font-style: italic; }

dfn { font-weight: bold; }

tt { font: 1em "Andale Mono", "Lucida Console", monospace; line-height: 1.5; } 

tt { display: block; margin: 1.5em 0; line-height: 1.5; }



/* =TABLES

========================================*/



table { margin-bottom: 1.4em; }

th { border-bottom: 2px solid #ddd; font-weight: bold; }

td { border-bottom: 1px solid #ddd; }

th,td { padding: 4px 10px 4px 0; }

tfoot { font-style: italic; }

caption { background: #ffc; }



/* end of Typography */







/*

light blue: 5095be

dark blue: 2d5b77

orange: ffc431

*/





/* =GENERAL

========================================*/

body {

	color: #333333;

	background: url(images/pegasus.png) left top no-repeat;

	text-align: left;

}



#wrapper {

	margin: 0;

	padding: 0;

	border: 1px solid #fff;

	background: url(images/back-wrapper.gif) left 61px repeat-x;

}



.section-heading {

	clear: both;

	margin: 0px 20px;

}



#home .section-heading {

	margin: 0 20px;

}







.section-heading {

padding: 0;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

font-weight: bold;

font-size: 0.71428em;

text-transform: uppercase;

text-align: center;

letter-spacing: 0.05em;

color: #666;

background: url(images/back-section-heading.gif) center center repeat-x;

}

.section-heading span {

 padding: 0 1em;

 background: #fff;

 border-left: 1px solid #ddd;

 border-right: 1px solid #ddd;

}







/* =LAYOUT

========================================*/

#container {

	position: relative;

	left: 75px;

	margin: 0;

	padding: 0;

	width: 900px;

}



#content {

	margin: 0;

	padding: 0;

	clear: both;

}



#content-main {

	margin: 0 0 1.75em 0;

	padding: 0;

	width: 600px;

	float: left;

}



#content-secondary {

	margin: 0 0 1.75em 0;

	padding: 4.5em 0 0 0;

	width: 300px;

	float: left;

}



#archive #content-secondary {

	padding-top: 0;

}



#content-tertiary {

	margin: 0;

	padding: 0;

	width: 900px;

	clear: both;

}



#site-info {

	margin: 1em 0;

	clear: both;

}



/* =header

========================================*/

#header { 

	position: relative;

	margin: 63px 0;

	padding: 0 20px;

	height: 56px;

}



#header h1{

	display: block;

	float: left;

	margin: 10px 0;

	background: url(images/logo.png) left center no-repeat;

}



#header h1 a{

	display: block;

	width: 80px;

	height: 36px;

	padding-left:42px;

	letter-spacing:0.1em;	

	color:#2D5B77;

	font-weight:bold;

	margin-top:8px;

}



#header h1 a:hover{

	text-decoration:  none;

}



#header h1 a:visited{

	color:#2D5B77;

}



.subtitle {

	display: block;

	float: left;

	margin: 15px 0px 10px 0px;

	width:190px;

	text-align:center;

	font-family: Georgia, "Lucida Bright", "Times New Roman", serif;	



}



.subtitle span {

	text-align: center;

	letter-spacing:0.05em;

	font-size:1.1em;

	color:#7F7F7F;

}



#homepageword{

	margin:0px 10px;

	font-style:italic;

}



#homepageword a:hover{

	text-decoration:  none;

	color:#7F7F7F;

}



#homepageword a:visited{

	color:#7F7F7F;

}



#tibetispartofchina{

	position:absolute;

	left:200px;

	top:70px;

	color:red;

	font-weight:bold;

}



/* =NAVIGATION

========================================*/

.nav {

	display: block;

	float: left;

	margin: 10px 10px;

	width: 520px;

	height: 36px;

	font-family: Georgia, "Lucida Bright", "Times New Roman", serif;	

	text-align: center;

	letter-spacing:0.05em;

	font-size:1.1em;

}



.nav .now {

	font-size: 0.8571em;

	text-transform: uppercase;

	font-style: normal;

	letter-spacing: 0.05em;

}



.nav li {

	float: left;

	list-style-type: none;

	background: url(images/nav_split.png) right center no-repeat;	

	margin-top: 7px;

}



.nav li a {

	display: block;

	padding-right:19px;

	padding-left:10px;

	overflow: hidden;

	color:#414141;

}



.nav li a:hover{

	color:#5095BE;

	text-decoration:  none;

}



#navContact{

	background: transparent;	

}



/* =CONTENT

========================================*/

#content{

	float: left;

	padding: 0 0 20px 45px;

	margin: 0px 0 0;

	width: 600px;	

}



#content h2 a{

	color:#5095BE;

}



#content small{

	color:#999999;

	font-style:italic;

	font-size:0.8571em;

	

}







.entry {

	margin: 0;

	padding: 5px 5px;

	clear: both;

	letter-spacing: 0.05em;

}



.entry img {

	margin-bottom: 0.5em;

}



.entry  ol, ul{

	list-style-position: inside;

	margin-left:15px;

}



.metalinks {

	list-style-type: none;

	color:#999999;

	font-style:italic;

	clear: both;

	font-size:0.8571em;

	float:left;

}



.metalinks li,

.metalinks dt,

.metalinks dd {

	display: inline;

}



.metalinks li.comment-count {

	margin-left: 0.7em;

	padding-left: 1em;

	border-left: 1px solid #ddd;

}



.jumptocomments{

	font-style:none;

	float:right;

	margin-right:20px;

	font-size:0.8571em;

}







/* sidebar */

#sidebar{

	margin-left:30px;

	float:left;

	width:200px;

}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



#sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

	

#sidebar a {

	font-size:0.8571em;

	}

	

#sidebar h2{

	font-size:0.8571em;

	font-weight:bold;

}	

/* End Entry Lists */





/* footer */

#footer {

	padding: 0;

	margin: 0 auto;

	width: 900px;

	clear: both;

	}



.footerlist{

	border-top:1px solid #C9C9C9;

	margin:5px 20px;

	text-align:center;

	padding:1em 0pt;

}



.footerlist li{

	display: inline;

	list-style-type: none;

	padding-right:1em;

}





/* =Comments --------------------------- */

#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}

	

#commentform small{

	font-style:normal;

	color:#666666;

}

/* End Form Elements */





/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding-left: 20px;

	text-align: justify;

	line-height: 130%;

}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}



.commentlist cite{

	font-weight: bold;

	font-style: normal;

	font-size: 1em;

	color: #2D5B77;

}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */

.alt {

	background-color: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}



.postmetadata{

	color:#777777;

	text-align:center;

}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}





.recent-comments .metalinks,

.headline .metalinks {

	border-bottom: 1px solid #ededed;

}





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



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

	}

/* End Images */







/* =CONTENT-TERTIARY

========================================*/

#content-tertiary .widget,

#content-main .widget {

	margin: 0;

	padding: 1.75em 0;

	width: 300px;

	float: left;

}



#content-main .widget .content,

#content-tertiary .widget .content {

	margin: 0;

	padding: 0 20px;

	clear: both;

	border: none;

}



#content-tertiary .widget .flickr {

	padding-top: 0.5em;

	padding-bottom: 0.5em;

}



#seen-heard {

	margin: 0 0 1.75em 0;

}



.widget img {

	padding-bottom: 0.2857em;

}



/* =ARCHIVE

========================================*/

.archives {

	margin: 0;

	padding: 0;

}





/* =LINKS

========================================*/

a:link {

	color: #5095BE;

	text-decoration: none;

}



a:visited {

	color: #5095BE;

	text-decoration: none;

}



a:hover {

	color: #5095BE;

	text-decoration: underline;

}



a:active {

	color: #5095BE;

	text-decoration: underline;

}



/* =UTILITY CLASSES

========================================*/

.warning {

	color: #c00;

}



.last {

	border: none;

}



#header:after,

#content:after,

#seen-heard:after,

#elsewhere:after,

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



* html #header,

* html #content, * html #seen-heard,

* html #elsewhere, * html .clearfix { height: 1%; }

#header, #content, #seen-heard, #elsewhere, .clearfix { display: block; }