/*  

Theme Name: Writer
Description: This theme is based on the theme Nightly Nature by Duality
Author: Abdul Rahman
Author URI: http://yunir.net/

*/



body {
margin:0 auto 0 auto;
background-image:url(pic/bodybg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:15px;
}

a:link, a:visited {
color: #000000;
}



a:hover {
text-decoration:none;
}



#bigwrapper {
position:absolute;
width:920px;
left:50%;
margin-left:-460px;
padding:0px 0 0px 0;

}



#header {
background-color:#ffffff;
background-image:url(pic/header.jpg);
font-family:century gothic, arial, sans-serif;
position:relative;
width:900px;
height:150px;
border:10px solid #ffffff;
}

#header h1 {
margin:0;
top:55px;
text-align:right;
display:block;
color:#FFF;
position:relative;
font-size:36px;
line-height:150px;
}



#header h1 a:link, #header h1 a:visited {
color:#ffffff;
text-decoration:none;
}



#header h1 a:hover {
color:#ffcc00;
}


#pages {
z-index:2;
position:absolute;
height:20px;
top:130px;
left:40px;
}



#pages ul {
list-style:none;
margin:0;
padding:0;
}



#pages ul li a:link, #pages ul li a:visited {
display:block;
float:left;
height:20px;
padding:0 10px 0 10px;
text-decoration:none;
}



#pages ul li a:hover {
background-color:#ffcc00;
}



#pages ul li {
display:block;
position:relative;
float:left;
}



#pages .current_page_item a:link, #pages .current_page_item a:visited {
background-color:#FFF;
color:#ffffff;
}



#wrapper {
width:900px;
position:relative;
float:left;
background-color: #ffffff;
border-right:10px solid #ffffff;
border-left:10px solid #ffffff;
}

#maincontent {
color:#000000;
width:640px;
min-height:270px;
float:left;
background-color:#ffffff;
position:relative;
border-left:10px solid #ffffff;
}

.post {
border-bottom:2px solid #333333;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
}

.post .postinfo {
position:relative;
font-style:italic;
font-size:10px;
color:#666;
}


.post h2 {
line-height:16px;
font-size:10px;
color:#222;
margin:0;
}

.post h3 {
line-height:25px;
font-size:18px;
color: #333333;
margin:0px 0 0px 0;
padding-bottom:10px;
}

.post h3 a:link, .post h3 a:visited {
text-decoration:none;
color: #333333;
}

.post h3 a:hover {
color:#ffcc00;
}

.postinfo a:link, a:visited {
color: #000000;
}

.thecontent h1 {
line-height:20px;
font-size:20px;
color:#274F79;
margin:20px 0 -10px 0;
}

.thecontent h2 {
line-height:18px;
font-size:18px;
color:#274F79;
margin:20px 0 -10px 0;
}

.thecontent h3 {
line-height:16px;
font-size:16px;
color:#274F79;
margin:20px 0 -10px 0;
text-transform:none;
}

.thecontent h4 {
line-height:14px;
font-size:14px;
color:#274F79;
margin:20px 0 -10px 0;
text-transform:none;
}

.thecontent h5 {
line-height:12px;
font-size:12px;
color:#274F79;
margin:20px 0 -10px 0;
text-transform:none;
}

.thecontent blockquote {
font-style:italic;
margin:0 0 0 25px;
padding-left:7px;
border-left:10px solid #465B1E;
}


#sidebar {
position:relative;
float:right;
width:240px;
}

.block {
line-height:12px;
font-size:10px;
color: #ffffff;
width:240px;
position:relative;
background-color:#333333;
margin-bottom:5px;
padding:20px 0 20px 0px;
border-right:0px solid #333333;
}


.block div {
margin:0;
padding:0;
}

.block h2 {
line-height:16px;
font-size:14px;
margin:20px 20px 10px 10px;
}

.block h3 {
line-height:16px;
font-size:14px;
margin:0 20px 5px 10px;
}

.block h4 {
line-height:12px;
font-size:10px;
margin:0 20px 5px 10px;
}

.block ul {
line-height:12px;
font-size:12px;
list-style:none;
margin:0 20px 0 0px;
padding:0;
}



.block ul li a:link, .block ul li a:visited {
text-decoration:none;
border-bottom:1px dotted #cccccc;
display:block;
position:relative;
line-height:16px;
color:#ffffff;
margin-left:10px;
padding:5px 0 5px 0;
}



.block ul li a:hover {
color:#ffcc00;
}



#s {
width:120px;
margin-left:10px;
}



.block .button {
width:50px;
margin-left:20px;
}



.block .dropdown {
width:230px;
margin-left:20px;
}



#bottombar {
width:900px;
position:relative;
float:left;
border-bottom:10px solid #FFF;
background-image:url(pic/bottombarbg.gif);
border-right:10px solid #FFF;
border-left:10px solid #FFF;
}



#bottomright {
width: 240px;
position:relative;
float:right;
}



#bottomright p {
margin:0 20px 20px 20px;
}



#bottomright h3, #bottomleft h3 {
margin:20px 20px 5px 20px;
}



#bottomleft {
width: 650px;
position:relative;
float:left;
}



#bottomleft ul {
list-style:none;
margin:0 20px 20px 20px;
padding:0;
}



#bottomleft ul li a:link, #bottomleft ul li a:visited {
text-decoration:none;
border-bottom:3px solid #FFF;
text-indent:5px;
display:block;
position:relative;
height:20px;
}



#bottomleft ul li a:hover {
border-bottom:3px solid #85B100;
}



#footer {
color:#000000;
width:900px;
height:40px;
position:relative;
float:left;
border-left:10px solid #ffffff;
border-right:10px solid #ffffff;
border-bottom:0px solid #ffffff;
background-color:#ffffff;
margin-left:-10px;
}



#footer p {
text-align:center;
margin:0;
padding-top:15px;
font-size:10px;
line-height:10px;
}



.commenteven {
position:relative;
background-color:#eeeeee;
border-top:2px solid #333333;
margin:0;
}



.commentodd {
position:relative;
margin:0;
border-top:2px solid #333333;
}



.commentcontent {
padding:10px 20px 10px 40px;
}



.commentcontent p {
margin:0 0 0 5px 0;
}



.commentcontent blockquote {
font-style:italic;
margin:0 0 0 25px;
padding-left:7px;
border-left:10px solid #ffcc00;
}



.commentinfo {
font-size:10px;
color:#666;
}



#comment {
width:470px;
}