body {
background-color: #002211;
padding: 0;
margin: 0;
overflow: hidden;
height: 100%;
direction: rtl;
}
h3 {
margin: 0;
}
a {
text-decoration: none;
color: #88ff88;
}
a:hover {
color: white;
}
#bg {
background-image: url('http://blog.behrang.net/3.jpg');
width: 100%;
bottom: 0;
position: absolute;
height: 500px;
}
#bg2 {
background-image: url('http://blog.behrang.net/moon3.gif');
background-position: top left;
background-repeat: no-repeat;
width: 100%;
height: 100%;
bottom: 0;
position: absolute;
}
.bbfo {
font: normal 15px/22px tahoma, sans-serif;
}
.bbft {
font: bold 15px/22px 'times new roman', sans-serif;
}
.content {
padding: 2px;
position: absolute;
bottom: 10px;
left: 25%;
width: 45%;
height: 550px;
display: none;
}
.content a {
color: #66ff66;
text-decoration: none;
}
.content a:hover {
color: white;
}
#banner {
bottom: 30px;
right: 45px;
position: absolute;
width: 200px;
height: 70px;
z-index: 4;
}
#side {
position: absolute;
bottom: 45px;
left: 2px;
width: 240px;
color: #99dd99;
direction: ltr;
padding: 2px 7px 2px;
}
.st {
font: bold 17px 'times new roman', sans-serif;
text-align: center;
padding: 2px;
border: 1px solid #99ff99;
background: #002211;
direction: rtl;
z-index: 1;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.sb {
border-bottom: 2px dotted #99dd99;
font: normal 14px/22px tahoma, sans-serif;
text-align: right;
padding: 1px 0 1px;
direction: rtl;
}
#menu {
position: absolute;
top: 15px;
right: 25px;
overflow: hidden;
width: 300px;
height: 90%;
color: #99cc99;
direction: rtl;
z-index: 1;
}
.mb {
font: normal 13px/17px tahoma, sans-serif;
text-align: right;
border-right: 1px dashed #66aa66;
border-left: 1px dashed #66aa66;
display: none;
z-index: 1;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#frs {
font: 13px 'times new roman', sans-serif;
text-align: justify;
border-right: 1px dashed #66aa66;
border-left: 1px dashed #66aa66;
display: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#lks {
font: normal 12px/150% tahoma, sans-serif;
text-align: right;
border: 1px dashed #66aa66;
border-top: 0px solid red;
display: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#lks a {
font: bold 13px 'times new roman', sans-serif;
}
.blog {
width: 99%;
direction: ltr;
height: 454px;
overflow: scroll;
}
.blogbody {
padding: 0 10px 0 0;
float: left;
color: #bbdd99;
direction: rtl;
text-align: justify;
}
.title {
padding: 10px 10px 5px;
color: #8fa077;
height: 50px;
text-align: center;
font: 28px 'times new roman', sans-serif;
}
.date {
padding: 5px 20px 10px 0;
direction: rtl;
font: bold 13px 'times new roman', sans-serif;
color: #8fa077;
text-align: left;
overflow: hidden;
}
.posted {
padding-top: 5px;
padding-bottom: 5px;
font: 14px/150% tahoma, sans-serif;
width: 100%;
color: #88aa99;
text-align: center;
}
hr {
color: #99dd99;
margin: 0 20px;
}
input {
background: transparent;
color: #99dd99;
font-family: tahoma, sans-serif;
}
textarea {
background: transparent;
color: #99dd99;
font-family: tahoma, sans-serif;
}
#music {
position: absolute;
left: 40%;
top: 5px;
width: 88px;
height: 31px;
padding: 0;
overflow: hidden;
}
#lyric {
position: absolute;
left: 40%;
top: 40px;
width: 99px;
padding: 0;
color: #99cc99;
direction: ltr;
text-align: left;
text-indent: 0;
font: 10px/15px sans-serif;
}
.blogrollmain {
font-family: tahoma, sans-serif;
}
td {
background-color: transparent; font: 10px tahoma, sans-serif;
}
ins label, form ins {
text-decoration: none;
}

#np {
text-align: center;
font: 12px tahoma, sans-serif;
text-indent: 0;
position: absolute;
top: 5px;
right: 0;
padding-right: 10px;
text-align: center;
width: 100%;
}
#np a:link, #np a:visited {
color: #FFFF44;
}
#np a:hover, #np a:active {
color: white;
}
.tab {
padding: 0 5px;
float: right;
color:#779966;
height: 22px;
white-space: nowrap;
color: #669988;
background: #336644 url('http://blog.behrang.net/middle.gif') repeat-x center;
}
.tabr {
float:right;
width: 6px;
height: 22px;
background: #336644 url('http://blog.behrang.net/right.gif') no-repeat bottom left;
}
.tabl {
float:right;
width: 6px;
height: 22px;
background: #336644 url('http://blog.behrang.net/left.gif') no-repeat bottom right;
}
.tabc {
padding: 0 5px;
float: right;
color:#779966;
height: 22px;
white-space: nowrap;
color: #669988;
background: url('http://blog.behrang.net/middlec.gif') repeat-x center;
}
.tabcr {
float:right;
width: 6px;
height: 22px;
background: url('http://blog.behrang.net/rightc.gif') no-repeat bottom left;
}
.tabcl {
float:right;
width: 6px;
height: 22px;
background: url('http://blog.behrang.net/leftc.gif') no-repeat bottom right;
}