/*
Theme Name:   Doris
Theme URI:    http://every.pixeltells.com/wordpress-doris-theme-release/
Description:  A fixed background image theme for WordPress designed by <a href="http://every.pixeltells.com"> Every Pixel Tells Studio</a>
Tags:   white,black,fixed-width,one-column,photoblogging
Version:      1.1.3
Author:       TuringOU
Author URI:   http://turingou.com
*/

/* Copyright info.*/

/* style via http://ringvemedia.com/ GOTOCHINA */
/* Copyright (c) 2009, GOTOCHINA */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* CSS redesigned for chinese by TuringOU @ 2009-08-21 updated @ 2010-01-30 */
/* Copyright (c) 2010, PIXELTELLS.com */

@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,bold);
@import url(http://fonts.googleapis.com/css?family=Lobster);

*,body{
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	}
	
html,body,#bg,#bg table,#bg td,#main-body{
	width:100%;
	height:100%;
	overflow:hidden;
	}
	
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:default;
	background:url('img/loading.gif');
	color:#000;
	}
	
a{
	text-decoration:none;
	color:#000;
	}
	
blockquote { 
	 font-size:14px;
	 padding:10px;
	 margin:10px 0;
	 display:block;
	 border-top:1px solid #999;
	 border-bottom:1px solid #999;
	 background:#ddd url("img/quota.gif") no-repeat 410px 10px;	
}

.clearfix{
	zoom:1;
	}
.clearfix:after{
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.clear{
	clear:both;
	}
	
/* H1 H2 H3 */

ul {
	 list-style-type: none;
}

ol {
	 margin-left: 2em;
}

h1{
	font-family: Verdana,Arial,sans-serif;
	font-size:40px;
	margin-bottom:10px;
	}
h2{
	font-family:'Lobster','Microsoft Yahei',Verdana,Arial,sans-serif;
	font-size:40px;
	margin-bottom:10px;
	text-shadow: 2px 2px 1px #000;
	}
	
h1 a,h2 a{
	color:#fff;
}

h3 { 
	 font-size: 18px; 
	 line-height: 25px;
	 margin-bottom: 20px;
}

/* MENU */


#menu{
	position:absolute;
	bottom:10%;
	left:141px;
	z-index:80;
	width:100%;
	line-height:12px;
	}
	
#menu .nav{
	height:68px;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding:7px 0 0 7px;
	}
	
#menu .nav ul{
	float:left;
	width:120px;
	}
#menu .nav ul li a {
	height:16px;
	padding:0 5px;
	font-weight:normal;
	color:#999;
	display:block;
	}
#menu .nav ul li a:hover,#menu .nav ul li.cur a{
	color:#fff;
	}
	
#menu h1{
	position:absolute;
	left:-141px;
	margin-bottom:-63px;
	width:140px;
	opacity:0.99;
	font-weight:bold;
	}
#menu h1 a {
	padding:53px 10px 10px 0;
	color:#fff;
	background:#000;
	font-size:11px;
	text-align:right;
	display:block;
	}
#menu h1 a:hover{
	background:#000 url('img/changeimg.jpg');
	}

/* CONTENT */

#main-body{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	overflow:auto;
	}
#main-body .content{
	position:absolute;
	top:10%;
	right:200px;
	width:500px;
	padding-bottom:150px;
	z-index:10;
	}
.post{
	background:#fff;
	padding:10px 20px;
	margin-bottom:10px;
	line-height:20px;
	}
.entry p{
	text-indent:2em;
	margin:5px 0;
	}
.post a{
	text-decoration:none;
	font-weight:bold;
	}
.post a:hover{
	color:#999;
	}
.post h3{
	position:relative;
	border-bottom:1px dashed #ddd;
	padding:10px 0;
	margin:0 0 10px 0;
	text-transform:uppercase;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	clear:both;
	}
.post h3 span{
	position:absolute;
	right:500px;
	top:10px;
	background:#000;
	text-align:center;
	padding:0 5px;
	white-space:nowrap;
	display:block;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	}
.post h3 a {
	text-decoration:none;
	border:0;
	}
.post h3 a:hover{
	color:#999;
	border:0;
	}
.post h4 {
	background-color:#CCFF99;
	color:#000;
	border-left:5px solid #009933;
	padding:10px 10px 10px 15px;
	font-size:16px;
	margin:10px 0;
	}

.postnoline{
	text-align:left;
	width:500px;
	background-color:#fff;
}

.inner-postnoline{
	width:460px;
	margin-top:10px;
	text-align:left;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
	padding:10px 0;
	clear:both;
}

.inner-postnoline a,.inner-postnoline a:hover{
	border:0;
	}

/* COMMENTS*/
.comments{
	width:100%;
	margin:10px 0;
}

.inner-comments {
	width:390px;
	padding:10px 60px 10px 10px;
	margin:10px 0;
	background:#ddd url("img/quota.gif") no-repeat 410px 10px;	
	border-left:5px solid #999;
	clear:both;
	}

.avatar{
	float:left;
	margin-right:10px;
	}

/* DL DT DD */

dl{
	margin:10px 0;
	}
dt,dd p{
	padding:10px 0 10px 0;
	display:block;
	border-top-width:1px;
	width:440px;
	line-height:20px;
	}
dt{
	text-transform:uppercase;
	padding:0 5px;
	cursor:pointer;
	line-height:20px;
	height:20px;
	font-weight:bold;
	width:430px;
	}
dd{
	height:0px;
	overflow:hidden;
	width:440px;
	}
	
/* SPANS */

.float-right{
	float:right;
	}
p.byline{
	padding-bottom:10px;
	text-indent:0;
	}
p.byline span{
	margin-right:10px;
	}
	
p.byline a{
	border:0;
	}
p.byline a:hover{
	border:0;
	color:#999;
	}
p.tag {
	margin-top:10px;
	}
span.readmore{
	float:right;
	margin-bottom:5px;
	}

span.previous {
	float:left;
	}
    
span.next {
	float:right;
	}
.white{
	color:#fff;
	}

.text_area {
	width: 450px !important;
	font-size:12px;
	border:1px solid #ddd;
	margin:10px 0;
	padding:5px;
	}

.text_input{
	border-bottom:1px solid #ddd;
	padding:0 5px;
	}

.form_submit{
	padding:5px;
	background-color:#ddd;
	border:1px solid #999;
	text-shadow:Silver;
	}
	
/* BACKGROUND IMAGE*/

#bg{
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	z-index:1;
	}
	
#bg td{
	vertical-align:middle;
	text-align:center;
	}
#bg img{
	min-height:50%;
	min-width:50%;
	margin:0 auto;
	}

/* FOOTER */

#footer{
   position:absolute;
	bottom:5%;
	left:141px;
   z-index:4;
	font-size:13px;
	text-align:left;
	}
#footer a:hover{
	background-color: #000;
	color: #fff;
	}
	
/* wordpress images classes */

img.alignleft{
float:left;
margin:10px 10px 10px 0;
}

img.alignright{
float:right;
margin:10px 0 10px 10px;
}

img.alignnone{
float:none;
margin-left:0;
}

img.aligncenter{
float:none;
margin:10px auto;
display:block;
}