/* css Silent Land  */
/* All associated graphics copyright 2008, Silence */
/* Added: February 18th, 2008 */
/* http://silentland.net */

/* IMPORTANT */
/* This design is a personal Design.You may not use this css and graphic design in elsewhere */


/* basic elements */
body {
background-image: url('images/bg.jpg');
background-color: #254969;
padding: 0;
margin: 0;
text-align: center;
font-family: Tahoma;
}
a {
color: #556577;
text-decoration: none;
}
a:hover {
color: #717e8c;
text-decoration: none;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 10pt;
font-weight: bold;
padding: 5px;
margin: 5px 15px 20px 15px;
display: block;
text-align: center;
color: #9DA7B0;
}

/* Main */
#content {
background-color: #dcddde;
background-image: url('images/bg-content-02.gif');
background-repeat: repeat-y;
width: 553px;
margin-left:auto;
margin-right:auto;
text-align: right;
}
#header {
background-image: url('images/r-header.jpg');
background-repeat: no-repeat;
height: 240px;
}


/* Right */
#right {
float: right;
width: 369px;
margin-bottom: 20px;
}
#page-title {
}
.archive-title {
}
* html .post {
margin-left: 10px;
}
.post{
text-align: justify;
line-height: 14px;
width: 340px;
margin: 5px 5px 2px 15px;
padding: 3px 5px 10px 4px;
font-size: 11px;
direction: rtl;
color: #3f3f3f;
}
.post img {
max-width: 320px;
border: 1px #D2D3D7 solid;
padding: 2px;
margin: 5px 10px;;
text-align: center;
background-color: #dcddde;
}
.title {
text-align: right;
background-image: url('images/titile.jpg');
background-position: right top;
background-repeat: no-repeat;
height: 25px;
padding: 4px 35px 2px 0;
font-weight: bold;
color: #717e8c;
}
.title a {
font-weight: bold;
color: #717e8c;
text-decoration: none;
}
.title a:hover {
color: #556577;
text-decoration: none;
}
.date {
text-align: left;
float: left;
direction: ltr;
background-image: url('images/date.gif');
background-position: left top;
background-repeat: no-repeat;
height: 25px;
width: 70px;
padding: 5px 0 0 6px;
color: #717e8c;
font-size: 10px;
margin-left: 5px;
}
.p-body {
padding: 5px 10px 10px 5px;
color: #3f3f3f;
}
.p-info {
margin: 5px 5px;
padding: 3px 10px 2px 10px;
color: #9DA7B0;
direction: rtl;
font-size: 10px;
}
.eng {
text-align: left;
direction: ltr;
padding-left: 5px;
padding-right: 5px;
}
.post blockquote {
width: 300px;
line-height: 15px;
text-align:justify;
margin: 2px 5px;
padding: 0 10px;
color: #899097;
background-image:url('images/c-t.gif');
background-position: right 1px;
background-repeat: no-repeat;
}
.post blockquote p {
background-image:url('images/c-b.gif');
background-position: left bottom;
background-repeat: no-repeat;
text-indent: 15px;
padding-left: 10px;
}
blockquote p.eng {
background-image:url('images/c-b.gif');
background-position: left bottom;
background-repeat: no-repeat;
text-indent: 0px;
padding-left: 20px;
}
/* Left */
#left {
float: left;
width: 184px;
margin-bottom: 10px;
color: #3f3f3f;
}
#left a {
color: #556577;
text-decoration: none;
}
#left a:hover {
color: #36414B;
text-decoration: none;
}

#left-header {
background-image: url('images/l-header.gif');
background-repeat: no-repeat;
background-position: right;
height: 131px;
}
* html #left ul.m-link {
text-align: left;
margin: 2px -10px 5px 9px;
padding: 0;
list-style: none;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
#left ul.m-link {
text-align: left;
margin: 2px 0px 5px 9px;
padding: 0;
list-style: none;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
#left li.m-link {
background-image: url('images/m-link.gif');
background-repeat: no-repeat;
height: 32px;
width: 170px;
padding: 5px 0 0 15px;
font-size: 14px;
}
#left li.m-link a {
display: block;
width:150px;
height: 30px;
}
#left ul.cat {
text-align: right;
direction: rtl;
font-size: 11px;
list-style: none;
margin: 2px 5px 10px 5px;
padding: 0;
line-height: 1.1em;
}
#left li.cat {
margin-right: 0px;
background-image: url('images/cat.gif');
background-repeat: no-repeat;
background-position: 160px 3px;
padding-right: 15px;
}

#left ul.link {
text-align: right;
direction: rtl;
font-size: 11px;
list-style: none;
margin: 2px 5px 10px 5px;
padding: 0;
line-height: 1.2em;
}

#left .link li {
margin-right: 0px;
background-image: url('images/link-1.gif');
background-repeat: no-repeat;
background-position: 160px 2px;
padding-right: 15px;
}

#left ul.arc {
text-align: left;
direction: ltr;
font-size: 11px;
list-style: none;
margin: 2px 5px 10px 10px;
padding: 0;
line-height: 1.3em;
}
* html #left .arc li {
margin-right: 0px;background-image: url('images/arc.gif');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 15px;
}
#left .arc li {
margin-right: 0px;background-image: url('images/arc.gif');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 15px;
}
#left #text {
font-family: Tahoma;
font-size: 11px;
text-align: left;
margin-left: 10px;
padding: 2px 7px 2px 5px;
}


/*Comments */
.comments {
margin-right: 5px;
margin-left: 5px;
padding: 2px 5px 5px 5px;
color: #3f3f3f;
}
.comments-content {
}
.comments h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
direction: rtl;
}
.comment-header {
text-align: left;
font-family: Tahoma;
font-size: 11px;
color: #899097;
background-image: url('images/comments.gif');
background-position: left;
background-repeat: no-repeat;
margin: 5px 5px 9px 2px;
padding: 2px 5px 2px 75px;
}
.commenter {
background-color: #dcddde;
margin: 5px 2px -30px 2px;
padding: 5px 5px 10px 5px;
color: #3f3f3f;
}
.commenter a{
color: #899097;
}
.commenter a:hover {
color: #646A71;
}
.comment-title {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color: #899097;
margin-top: 0;
padding: 0 15px 0 15px;
direction: rtl;
}
.comment-date {
text-align: left;
float: left;
font-family: Tahoma;
font-size: 10px;
color: #899097;
margin-bottom: 10px;
margin-top: 0;
padding: 0 15px 0 15px;
}
.comment-body {
font-family: Tahoma;
font-size: 11px;
color: #646A71;
padding: 0 15px 0 15px;
}
.mid {
background-image: url('images/co-mid.gif');
background-position: center;
background-repeat: repeat-y;
margin: 0;
padding: 0 0 10px 0;
}
.up {
background-image: url('images/co-top.gif');
background-position: center;
background-repeat: no-repeat;
height: 15px;
margin: 0;
padding: 0;
background-position: center bottom;
}
.down {
background-image: url('images/co-down.gif');
background-position: center;
background-repeat: no-repeat;
height: 30px;
margin: 0;
padding: 0;
background-position: center top;
}
/* Comment Form */
.form {
width:90%;
background-color:#5F5F5F;
padding: 2px 5px 2px 2px;
}
.comments-open {
margin-bottom: .75em;
margin-top: 40px;
}
.comments-open-header {
margin-bottom: .75em;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
text-align: right;
direction: rtl;
}
.comments-open-content {
margin-bottom: .75em;
}
#comment-form-external-auth {
margin-bottom: .75em;
}
#comments-form {
margin-bottom: .75em;
margin-left: 25px;
}
#comments-open-data {
margin-bottom: .75em;
text-align: right;
direction: rtl;
font-family: Tahoma;
font-size: 11px;
}
#comment-form-name {
margin-bottom: .75em;
line-height: 1.4em;
text-align: left;
direction: ltr;
}
#comment-author {
width: 200px;
border: 1px #9B9DA4 solid;
background-color: #E4E6E7;
font-family: Tahoma;
}
#comment-form-email {
margin-bottom: .75em;
line-height: 1.4em;
text-align: left;
direction: ltr;
}
#comment-email {
width: 200px;
border: 1px #9B9DA4 solid;
background-color: #E4E6E7;
font-family: Tahoma;
text-align: left;
direction:ltr;
}

#comment-form-url {
margin-bottom: .75em;
line-height: 1.4em;
text-align: left;
direction: ltr;
}
#comment-url {
width: 200px;
border: 1px #9B9DA4 solid;
background-color: #D6D7D9;
font-family: Tahoma;
text-align: left;
direction:ltr;
}
#comment-form-remember-me {
margin-bottom: .75em;
}
#comment-bake-cookie {
margin-left: 0;
vertical-align: middle;
}
#comments-open-text {
margin-bottom: .75em;
direction: rtl;
font-family: Tahoma;
font-size: 11px;
text-align: left;
}
#comment-text {
width: 300px;
border: 1px #9B9DA4 solid;
font-family: Tahoma;
font-size: 11px;
}

#comments-open-footer {
margin-bottom: .75em;
text-align: left;
}
#comment-preview {
margin-bottom: .75em;
}
#comment-submit {
font-weight: normal;
font-family: Tahoma;
font-size: 10px;
border: 1px #9B9DA4 solid;
background-color: #DADADA;
color: #899097;
}
#comment-cancel {
margin-bottom: .75em;
}
.comments-open label {
display: block;
padding-bottom: 2px;
}




/* Footer */
#footer {
clear: both;
padding: 0px 30px 15px 30px;
text-align: center;
font-size: 11px;
color: #AEB4BB;
margin: 10px 0 0 0;
}
.hr {
border-top: 1px #AEB4BB dotted;
width: 82%;
text-align: center;
margin: 0 5px 5px 45px;
}
* html .hr {
border-top: 1px #AEB4BB dotted;
width: 82%;
text-align: center;
margin: 0 5px -8px 25px;
}

#footer a {
color: #556577;
text-decoration: none;
font-weight: bold;
}
#footer a:hover {
color: #36414B;
text-decoration: none;
}
.hide {
display: none;
}