/*
~~~~~~~~~~~~~~~~~~~~~
You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Tiglath.ir  and may not be reproduced.
~~~~~~~~~~~~~~~~~~~~~
*Opening day: 25/09/2006 (3/07/1385 in persain calendar)

--------------------------------
XHTML & CSS by: Alireza Mosaffa 
--------------------------------

~~~~~~~~~~~~~~~~~~~~~


Body & Wrapper
~~~~~~~~~~~~~~~~~~~~~*/
body {
 margin:0;
 padding:0;
 text-align:center;
 font-family:Arial,Tahoma,'Times New Roman','Trebuchet MS';
 background:white;
 }
.latin {
 direction:ltr;
 }
img {
 border:0;
 }
#wrapper {
 margin:10px auto;
 padding:0;
 width:800px;
 text-align:center;
 display:block;
 }


/* 
Header
~~~~~~~~~~~~~~~~~~~~~*/
#header {
 float:left;
 margin:0;
 padding:0;
 width:800px;
 height:10px;
 background:white;
 display:block;
 }
#header h1 {
 display:none
 }

/* 
Navigation
~~~~~~~~~~~~~~~~~~~~~*/
#nav {
 float:right;
 margin:0;
 padding:0;
 width:100%;
 height:0px;
 text-align:center;
 background:white;
 display:block;
 }
#nav ul {
 float:right;
 margin:0;
 padding:0;
 height:40px;
 list-style:none;
 background:white; 
 display:block;
 }
#nav ul li {
 float:left;	
 margin:0;
 padding:0;
 }
#nav ul li a {
 margin:0;
 padding:0;
 width:70px;
 height:40px;
 text-decoration:none;
 text-align:right;
 direction:rtl;
 color:black;
 background:white;
 display:block;
 font-family:'Times new Roman';
 font-size:22px;
 font-weight:bold;
/* border-bottom:2px #9B8D60 solid; */
 }
li#home a:link, li#home a:visited {
 background-position:-300px 0px;
 }
#home a:hover {
 background:white;
 background-position:-300px 0px;
 }
li#archive a:link, li#archive a:visited {
 background-position:-200px 0px;
 }
#archive a:hover {
 background:white;
 background-position:-200px 0px;
 }
li#about a:link, li#about a:visited {
 background-position:-100px 0px;
 }
#about a:hover {
 background:white;
 background-position:-100px 0px;
 }
li#contact a:link, li#contact a:visited {
 background-position:0px 0px;
 }
#contact a:hover {
 background:white;
 background-position:0px 0px;
 }


/* 
Main navigation "active tabs"
~~~~~~~~~~~~~~~~~~~~~*/
body#home-page #nav #home a {
 background:white;
 background-position:-300px 0px;
 }
body#archive-page #nav #archive a {
 background:white;
 background-position:-200px 0px;
 }
body#about-page ul#nav li#about a {
 }
body#contact-page ul#nav li#contact a {
 }

/* 
Content & Main 
~~~~~~~~~~~~~~~~~~~~~*/
#content {
 float:left;
 margin:10px 0px 0 0;
 padding:0;
 width:100%;
 background:white;
 }
#main {
 float:left;
 margin:0;
 padding:10px 10px 10px 0;
 width:552px;
 background:white;
 }


/* 
Posts
~~~~~~~~~~~~~~~~~~~~~*/
.post-body {
 float:right;
 margin:30px 30px 0 4px;
 padding:0;
 width:97%;
 text-align:center;
 direction:rtl;
 }
.post-date {
 float:left;
 width:32px;
 height:42px;
 margin:10px 0 -5px 5px;
 padding:12px 5px 0px 3px;
 direction:ltr;
 }
.post-date h2 {
 margin:0 6px 0 -2px;
 padding:0;
 text-align:center;
 line-height:110%;
 font-size:13px;
 font-family:'Trebuchet MS',Arial;
 color:#9b9b8e;
 }
.post-title h2 {
 margin:0 0 7px 0;
 padding:0 20px 0 0;
 text-align:right;
 font-size:15px;
 font-family:Arial;
 font-weight:bold;
 color:#9B8D60;
 }
.post-content p, .comments-body{
 margin:0;
 padding:0 7px 0 0;
 text-align:right;
 font-size:13px;
 font-family:tahoma;
 color:#4F504B;
 }
.post-content p a, .comments-footer a{
 color:#9B8D60;
 text-decoration:none;
 }
.post-content p a:hover, .comments-footer a:hover{
 color:#C4B279;
 }
.post-footer {
 margin:15px 0 0 0;
 padding:0 7px 0 0;
 float:right;
 direction:ltr;
 text-align:right;
 font-size:11px;
 font-family:Times New Roman;
 }
.post-footer a {
 text-decoration:none;
 color:#9b9b8e;/*#787A71*/
 }
.post-footer a:hover {
 color:#6E6E66;
 }

/* 
Sidebar
~~~~~~~~~~~~~~~~~~~~~*/
#sidebar {
 float:right;
 margin:0;
 padding:5px;
 width:226px;
 display:block;
 background:white;
 }
#sidebar a {
 text-decoration:none;
 direction:rtl;
 font-family:tahoma;
 color:#9B8D60;
 }
#sidebar h2 {
 margin:0 0px 5px 0;
 padding:5px 0 0 0;
 width:95%;
 height:20px;
 text-align:right;
 direction:rtl;
 font-family:'Times new Roman';
 font-size:17px;
 font-weight:bold;
 color:black;
 border-bottom:2px #9B8D60 solid;
 }
.brd {
 float:right;
 margin:0;
 padding:10px 0 20px 0;
 width:100%;
 display:block;
 }
#daily {
 padding:70px 0 0 0;
}
#daily p {
 padding:0 7px 0 0;
 text-align:right;
 direction:rtl;
}
#daily a {
 text-align:right;
 font-size:11px;
}
#music p {
 padding:0 7px 0 0;
 text-align:right;
 direction:rtl;
 font-family:tahoma;
 font-size:11px;
 }
#old p {
 padding:0 7px 0 0;
 text-align:right;
 }
#old a {
 text-align:right;
 font-size:13px;
 }
#blogroll {
 float:right;
 margin:0 0 5px 0;
 padding:0;
 width:100%;
 display:block;
 }
#blogroll a {
 font-size:10.5px;
 line-height:15px;
 padding:0;
 text-align:right;
 direction:rtl;
 }
#blogroll a:hover, #old a:hover, #daily a:hover  {
 color:#C4B279;
 }
#friends {
 text-align:right;
 }
#friends span {
 margin:0;
 padding:0;
 display:block;
 }
.blogrollmain {
 display:inline;
 padding:0;
 }
.blogrollmain br {
 display:none;
}
#bohtan {
 margin-bottom:10px;
 text-align:center;
 }
#counter span {
 float:right;
 margin:0;
 padding:10px;
 width:90%;
 text-align:center;
 }

/* 
Footer
~~~~~~~~~~~~~~~~~~~~~*/
#footer {
 float:left;
 margin:0;
 padding:0;
 width:100%;
 height:70px;
 direction:ltr;
 text-align:left;
 font-family:'Times New Roman';
 font-size:small;
 line-height:20px;
 color:#4F504B;
/* background:#C4B279; */
 border-top:1px #D6EB9D dashed;
 border-bottom:0;
 } 
#footer a {
 color:#6E6E66;
 text-decoration:none;
 }
#footer a:hover {
 color:#F0E4AF;
 }
#footer-right {
 float:right;
 padding:10px 20px 10px 0;
 margin:0;
 }
#footer-center {
 float:right;
 padding:10px 150px 10px 0;
 margin:0;
 }
#footer-left {
 float:left;
 margin:0;
 padding:10px 0 10px 20px;
 }


/* 
Main Archive page
~~~~~~~~~~~~~~~~~~~~~*/
#individual {
 float:right;
 width:185px;
 margin:30px 15px 30px 0;
 padding:10px;
 direction:rtl;
 text-align:right;
 background:white;
 border:1px dashed rgb(34, 45, 45);
 }
#individual h2, #monthly h2 {
 padding:5px 3px 0px 3px;
 width:100%;
 height:25px;
 direction:rtl;
 text-align:right;
 font-family:'Times New Roman';
 font-size:18px;
 font-weight:bold;
 color:#9B8D60;
 border-bottom:2px #9B8D60 solid;
 }
#individual a {
 text-decoration:none;
 color:white;
 font-family:tahoma;
 font-size:14px;
 line-height:18px;
 color:#4F504B;
 }
#individual a:hover {
 color:#C4B279;
 }
#monthly {
 float:right;
 width:170px;
 margin:30px 10px 30px 30px;
 padding:10px;
 direction:rtl;
 text-align:right;
 background:white;
 border:1px dashed rgb(34, 45, 45);
 }
#monthly a {
 direction:rtl;
 text-decoration:none;
 font-family:'Times New Roman';
 font-size:15px;
 line-height:18px;
 color:#4F504B;
 }
#monthly a:hover {
 color:#C4B279;
 }

/* 
Individual Archive page
~~~~~~~~~~~~~~~~~~~~~*/
#menu {
 float:right;
 margin:10px 13px 0 0;
 padding:10px;
 direction:rtl;
 width:90%;
 text-align:center;
 font-family:Tahoma;
 color:#4F504B;
 background:white;
 }
#menu a {
 text-decoration:none;
 font-family:Tahoma;
 font-size:14px;
 color:#4F504B;
 }
#menu a:hover {
 color:#C4B279;
 }


/* 
Commnets Template
~~~~~~~~~~~~~~~~~~~~~*/
body#comment-page {
 background:white;
 }
#wrapper-comment {
 direction:rtl;
 width:440px;
 display:block;
 }
#commnet-header {
 float:right;
 margin:0;
 padding:0;
 display:block;
 }
#commnet-hrd {
 float:right;
 margin:0;
 padding:0 20px 0 0;
 width:95%;
 text-align:center;
 }
#comment-title {
 float:right;
 margin:20px 10px 10px 0;
 padding:0 5px 0 0;
 width:85%;
 font-family:'Times New Roman'; 
 font-size:25px;
 font-weight:bold;
 text-align:right;
 color:#9b8d60;
 border-bottom:1px solid #9B8D60 ;
 }
#comment-head {
 float:right;
 margin:0 0 10px 0;
 padding:20px 0 0 0;
 width:80%;
 border-bottom:1px #9B8D60 solid;
 }
#comment-head p {
 margin:0;
 padding:0;
 direction:rtl;
 text-align:right;
 font-weight:bold;
 font-size:16px;
 font-family:'Arial';
 }
#comments {
 float:right;
 margin:0 0 0 10px;
 padding:0;
 width:97%;
 direction:rtl;
 text-align:right; 
 font-family:tahoma;
 font-size:12px;
 color:#4F504B;
 }
#comments a, .comment-footer a {
 text-decoration:none;
 color:#9B8D60;
 }
#comments a:hover, .comment-footer a:hover {
 color:#C4B279;
 }
.comment-body, #comment-preview {
 float:right;
 width:95%;
 margin:0 0 15px 0;
 padding:0;
 }
.comment-footer {
 margin:0;
 padding:0;
 color:#9b9b8e;
 }
#post-a-comment {
 float:right;
 margin-top:30px;
 padding:0;
 width:80%;
 direction:rtl;
 text-align:right;
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
 color:black;
 border-top:1px #9B8D60 solid;
 }
#post-a-comment p {
 font-family:Arial;
 font-size:15px;
 color:black;
 }
body#comment-page #comments {
 float:right;
 margin:0 20px 0 10px;
 }
body#comment-page #post-a-comment {
 margin:0 20px 0 20px;
 padding:0;
 }
#comment-preview {
 margin:10px;
 width:80%;
 text-align:right;
 font-family:tahoma;
 font-size:12px;
 }
#error-body {
 float:right;
 width:80%;
 margin:10px;
 padding:0;
 text-align:right;
 font-family:tahoma;
 font-size:14px;
 }