/*

Theme name: UltraLight
Description: A WordPress theme by Fredrik S?rlie
Version: 1.2
Author: Fredrik S?rlie
Author URI: http://fredriksoerlie.com
Tags: white, fixed-width, two-columns

The UltraLight theme is a simple theme for WordPress, stripped of all unessecery code and graphics.

*/

/* -------------------------------- Global styles -------------------------------- */

* {
	margin: 0; padding: 0;
}

html, body {
	width: 100%; height: 100%;
}

body, table, tr, td, th, input, textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444;
	line-height: 2;
}

hr {
	height: 0; line-height: 0; font-size: 0;
	border-top: 1px solid #CCC;
	display: block; clear: both;
	padding: 0; margin: 10px 0;
}

img { 
	vertical-align: bottom; border:0;
}

p { 
	display: block; clear: both;
	margin-bottom: 20px;
}

.left,
.alignleft {
	float: left;
}

.right,
.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

.center {
	text-align: center; 
}

blockquote {
	/*font-size: 12px; color: #666;
	border-left: 1px solid #CCC;
	padding-left: 20px;
*/

background:#ffffff none repeat scroll 0 0;
border:1px dashed #F26522;
font-size:12px;
padding:10px;
line-height:20px;
}

/* -------------------------------- Main layout styles -------------------------------- */

body {
	text-align: center; 
	background: #FFF url("images/bg-main.jpg") no-repeat center top;
}

div#page {
	width: 900px; height: 100%;
	margin: 0 auto;
        _width: 900px; height: 100%;
}

div#header {
	width: 900px;
	display: table; clear: both;
	padding: 20px 0;
        _width: 900px;
}

ul#menu {
	width: 900px;
        _width: 900px;
	text-transform: uppercase;
	/*border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;*/
	display: table; clear: both;
	padding: 5px 0;
	list-style: none;
}

div#content {
	width: 950px;
        _width: 950px;
	text-align: left;
	clear: both;
	padding: 40px 0; margin: 0 auto;
}

div#maincontent {
	width: 710px;
        _width: 710px;
	float: left;
}

div#sidebar {
	width: 200px;
	float: right;
}

div#footer {
	width: 950px;
        _width: 950px;
	border-top: 1px solid #CCC;
	display: block; clear: both;
	padding: 40px 0; margin: 40px auto;
}

/* -------------------------------- Additional layout styles -------------------------------- */

.size-medium, .size-thumbnail {
	display: block; float: left;
	margin: 0 20px 20px 0;
}

.size-large, .size-full {
	display: block; clear: both;
	margin-bottom: -10px;
}

.date {
	font-size: 12px; font-weight: normal; color: #999;
	display: block; clear: both;
	margin-bottom: 10px;
}

.post,
.comment {
	width: 600px;
        _width: 600px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	display: table; clear: both;
	margin-bottom: 50px;
}

.singlepost {
	width: 600px;
	overflow: hidden;
	display: table; clear: both;
}

.postmeta,
.commentmeta {
	display: block; clear: both;
	margin-bottom: 20px;	
}

#pagination,
#navigation {
	display: block; clear: both;
}

#pagination {
	width: 700px;
	overflow: hidden;
	border-top: 1px solid #CCC;
	display: table; clear: both;
	padding: 20px 0;
}

.commentavatar {
	float: left; margin-right: 5px;
}

.commenttext {
	float: left;
}

.alt {
	/*background: #EFEFEF;*/
}

.widget {
	display: block; clear: both;
	margin-bottom: 20px;	
}

/* -------------------------------- Heading styles -------------------------------- */

h1 {
	display: block; float: left;margin-top:10px;
}

h2 {
	font-size: 14px; font-weight: normal; color: #999; line-height: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	display: block; clear: both;
	margin-bottom: 20px;
}

h3 {
	font-size: 14px; font-weight: normal; color: #999;
}

#maincontent h3 {
	font-size: 16px; font-weight: normal; color: #999;
}

h4 {	
	font-size: 14px; font-weight: normal; color: #999;
}

/* -------------------------------- Link styles -------------------------------- */

a,
a:focus, 
a:link, 
a:active { 
	outline: none; 
}

a {
	color: #F26522; text-decoration: none;
}

a:visited {
	color: #F26522; text-decoration: none;
}

a:hover {
	color: #6EC2BF;
}

ul#menu li a {
	color: #999;
	text-decoration: none;
}

ul#menu li.current_page_item a
 {
	color: #BBBBBB;
	text-decoration: none;
}

ul#menu li a:hover{
color: #000;
	text-decoration: none;
}

.rss {
	background: url(http://www.douban.com/pics/feed1.png) left 50% no-repeat;
	padding-left: 26px;
}

#sidebar a {
color:#BBBBBB;
}

#sidebar a:hover {
	color:          #000;
}

#maincontent h3 a {
color:#505050
font-size:14pt;
}
/* -------------------------------- List styles -------------------------------- */

ul,
ol,
li {
}

ul#menu li {
	display: block; float: left;
	margin-right: 30px;
}

ul#menu li.right {
	float: right;
	margin: 0;
}

#maincontent ul {
	list-style: disc inside;
	display: block; clear: both;
	margin-bottom: 20px;
}

#sidebar ul {
	list-style: none;
	display: block; clear: both;
	margin-bottom: 20px;
}

/* -------------------------------- Form styles -------------------------------- */

input {
	width: 50%;
	color: #999;
	background: #FFF;
	border: 1px solid #CCC;
}

#sidebar input {
	width: 100%;
	margin-bottom: 20px;
}

textarea {
	width: 98%;
	color: #999;
	background: #FFF;
	border: 1px solid #CCC;
	overflow: auto;
}

/* -------------------------------- add -------------------------------- */
.llink p{
margin-bottom:5px;
}

#blogdescription{
float:right;
margin-top:20px;
}

.car-list {
line-height:6px;
}

avatar avatar-32 photo{
float:left;}

.nav{
margin-bottom:40px;
margin-top:-40px;}

#commentwrap p {
margin-bottom:12px;
margin-top:5px;
}

.friends ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:600;}

.friends ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
}

.f0{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/kevin.jpg);
width: 100px;
height: 100px;
display:block;}

a.f0:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/kevin.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f1{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/ZXM.jpg);
width: 100px;
height: 100px;
display:block;}

a.f1:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/ZXM.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f2{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/ray.jpg);
width: 100px;
height: 100px;
display:block;}

a.f2:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/ray.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f3{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/nemo.jpg);
width: 100px;
height: 100px;
display:block;}

a.f3:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/nemo.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f4{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/fly.jpg);
width: 100px;
height: 100px;
display:block;}

a.f4:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/fly.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f5{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/zj.jpg);
width: 100px;
height: 100px;
display:block;}

a.f5:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/zj.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f6{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/ZQ.jpg);
width: 100px;
height: 100px;
display:block;}

a.f6:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/ZQ.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f7{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/nicle.jpg);
width: 100px;
height: 100px;
display:block;}

a.f7:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/nicle.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f8{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/sally.jpg);
width: 100px;
height: 100px;
display:block;}

a.f8:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/sally.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f9{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/yuki.jpg);
width: 100px;
height: 100px;
display:block;}

a.f9:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/yuki.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f10{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/xiaodi.jpg);
width: 100px;
height: 100px;
display:block;}

a.f10:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/xiaodi.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f11{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/milo.jpg);
width: 100px;
height: 100px;
display:block;}

a.f11:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/milo.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

.f12{
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/callme.jpg);
width: 100px;
height: 100px;
display:block;}

a.f12:hover  {
background:url(http://www.wjunjun.com/wp-content/uploads/2010/01/callme.jpg) right bottom;
width: 100px;
height: 100px;
display:block;}

/* comments */


#commentwrap ol li {
    margin:     3em 0;
}
#commentwrap input, #commentwrap textarea {
    border:     1px solid #999;
    padding:    0.2em 0.4em;
}
#commentwrap .url {
    font-weight:    normal;
}
#commentwrap {
padding:0 0 -500px 0;
width:700px;
_padding:40px 0 -500px 0
}

#respond {padding-top: 1em;}
.comment-meta {font-size: 8pt; margin: 0;}
#commentwrap ol {
    margin: 0; padding: 0;
}
#commentwrap input#submit {
    color:      #505050;
    border:     1px solid #999;
    background: #fff;
}
.searchresults ul, .categories ul, .archives ul, .linkspage ul, .archives ul {
	list-style: none;
    margin: 0;
    padding: 0;
}