/*  
Theme Name: Tutorial
Theme URI: http://www.oiv.net.ru/
Description: This is my theme for a tutorial.
Version: 1.0
Author: lixin
Author URI: http://www.oiv.net.ru/
*/

*{
margin: 0;
padding: 0;
font-family: 'Lucida Grande',Arial, Helvetica, Georgia, Sans-serif;
}

img{
border:0;
}

a,a:visited,a:hover{
text-decoration:none;
}

a,a:visited{
color: #3399FF;
}

a:hover{
color:#FF0000;
}

body{
text-align: center;
background-color: #FF9933;
font-size:12px;
}

#wrapper{
margin:10px auto 0 auto;
width: 960px;
text-align:left;
background:#FFFFFF url(images/top.gif) top no-repeat;
}

#home{
width:960px;
}

#home ul{
margin:0;
padding-left:10px;
list-style:none;
}

#home ul li{
float:left;
padding-top:4px;
vertical-align:middle;
height:20px;
width:80px;
text-align:center;
border-right:#339933 dashed 1px;
}

#searchsubmit{
background: url(images/seabut.gif) center no-repeat;
border:0;
width:24px;
}

#header{
clear:both;
background:url(images/header.jpg) bottom right no-repeat;
width: 960px;
height:120px;
}

h1{
font-size:50px;
padding:10px 10px 10px 30px;
}

h1 a,h1 a:visited{
color:#FFFFFF;
}

.description{
padding-left:150px;
font-size:15px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
}

#container{
float:left;
width:700px;
padding:0 10px 0 10px;
}

h2 a,h2 a:visited{
color:#FF9933;
}

.post{
padding: 10px 0 0 0;
}

.post h2{
font-size: 30px;
}

.post h2 span{
background:url(images/comment_icon.gif) left no-repeat;
font-size:14px;
margin-left:83px;
padding-left:17px;
}

.postmetadata{
padding:0 0 8px 30px;
height:14px;
border-top:solid 1px #33CC66;
border-bottom:solid 1px #33CC66;
}

.postmetadata ul{
list-style:none;
}

.postmetadata ul li{
float:left;
width:100px;
padding-top:4px;
text-align:center;
}

.entry{
margin-top:5px;
font-size:14px;
line-height:18px;
}

.tag{
margin:3px 0 0 20px;
padding-left:20px;
font-size:14px;
}

.tag ul{
list-style:none;
height:20px;
}

.tag ul li{
float:left;
width:250px;
text-align:left;
}

.navigation{
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.sidebar{
float:left;
padding:10px 10px 0 10px;
}

#remen ul,#fenlei ul{
width:220px;
list-style-type:none;
}

#remen ul li h2,#fenlei ul li h2{
clear:both;
width:200px;
height:26px;
color:#66CC33;
text-align:center;
background:url(images/lan.gif) top center no-repeat;
font-size: 14px;
padding-top:7px;
}

#remen ul ul li{
line-height:18px;
}

#fenlei{
padding-top:4px;
}

#fenlei ul ul{
width:220px;
}

#fenlei ul ul li{
float:left;
width:110px;
height:18px;
}

#footer{
clear:both;
width: 960px;
height:20px;
background:url(images/bottom.gif) bottom no-repeat;
}

#idc{
padding:4px 10px 4px 10px;
background-color:#FF9933;
text-align:center;
}

h1 a:hover,h2 a:hover,{
color:#FF0000;
}

.center{
text-align:center;
}

#submit{
margin:4px auto 10px auto;
line-height:18px;
width:60px;
height:24px;
width:150px;
color:#3399FF;
border:1px solid #FF9900;
background-color:#FFFFFF;
}

.liuyan{
margin-top:4px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{	
	font-size: 12px;
}

.commentmetadata {
    font-size:12px;
	color:#636363;
}

.commentlist {
	text-align: justify;
	}

.commentlist .comment {
	padding: 10px;
	list-style: none;
	background:#faf9f2;
	border:1px solid #c9c6b5;
	}

.commentlist .alt {
	background:#f2eede;
	}

.commentlist p {
	line-height:18px;
	}

.avatar{
float:left;
}