/*
Theme Name : Webtaak
Theme URL : http://www.farhadeidi.com/
Description : Only for http://fepost.com/persian/
Author : Farhad Eidi
Author URL : http://www.farhadeidi.com
Version : 1
*/

/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
/***************************
Body
***************************/
body {
background: #dae3b9;
margin: 0 auto;
padding: 0;
font: normal 12px/1.5 Tahoma, Geneva, sans-serif;
}
.clear {
clear:both;
}
a {
text-decoration: none;
color: #547c8e;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
.wrapper {
width: 960px;
direction: rtl;
text-align: right;
}
.right {
float: right;
display: inline;
}
.left {
float: left;
display: inline;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
blockquote {
margin: 5px 20px 5px 0;
padding: 0 10px 0 0;
color: #5b5b5b;
font-style: italic;
border-right: 3px solid #dddddd;
}
code {
background: none repeat scroll 0 0 #e6e6e6;
border: 2px solid #CBCBCB;
direction: ltr;
display: block;
margin: 15px 0;
max-height: 200px;
overflow: auto;
padding: 5px;
text-align: left;
white-space: nowrap;
width: 98%;
}
/***************************
Header
***************************/
.header {
background: url(images/template/nav-bg.jpg) repeat-x center top;
height: 60px;
margin: 0 0 0 0;
}
/*Navigation */
.navigation {
float: right;
display: inline;
margin: 5px 0;
width: 600px;
}
.navigation ul {
margin: 8px 0 0 0;
padding: 0;
height: 1%;
}
.navigation ul li {
float: right;
display: inline;
text-align: center;
list-style: none;
}
.navigation ul li a {
background: url(images/template/navigation-r.gif) no-repeat right top;
display: block;
padding: 0 8px 0 0;
margin: 0 2px;
}
.navigation ul li a span {
background: url(images/template/navigation-l.gif) no-repeat left top;
display: block;
padding: 6px 0 9px 8px;
}
.navigation ul li a:hover {
background-position: right -68px;
display: block;
text-decoration: none;
}
.navigation ul li a:hover span {
background-position: left -68px;
display: block;
}
.navigation ul li.current a {
background-position: right -68px;
}
.navigation ul li.current a span {
background-position: left -68px;
}
/* nav-left */
.navigation-left {
float: left;
display: inline;
margin: 11px 0 5px 0;
}
.search {
background: #ededed;
border: 3px solid #b8ca77;
height: 30px;
width: 200px;
}
.search-field {
background: #ededed;
float: right;
display: inline;
border: none;
font: normal 12px Tahoma, Geneva, sans-serif;
padding: 5px 2px;
width: 160px;
margin: 2px 2px 2px 2px;
}
.search-btn {
float: left;
display: inline;
margin: 3px 2px 2px 4px;
}
/***************************
Container
***************************/
.container {
width: 960px;
margin: 10px 0;
padding: 0;
}
.contents {
width: 600px;
float: right;
display: inline;
direction: rtl;
text-align: right;
}
.main-header {
background:#e7edd1;
border: 5px solid #d8dbcf;
width: 100%;
height: 135px;
padding: 0;
margin: 0;
}
.post {
background:#f0f0f0;
border: 5px solid #e3eac9;
width: 100%;
padding: 0;
margin: 10px 0 30px 0;
direction: rtl;
}
.post .wp-caption {
text-align: center;
margin: 0 auto;
}
.post-title {
}
.post h2 {
float: right;
display: inline;
width: 380px;
font: bold 16px Arial, Helvetica, sans-serif;
background: url(images/template/title-li.jpg) no-repeat right 7px;
padding: 5px 22px 5px 5px;
margin: 11px 8px 0 0;
color: #547c8e;
}
.post .date {
float: left;
display: inline;
background: #dae3b9;
border: 3px solid #e6e6e6;
margin: 10px 5px 5px 10px;
padding: 5px;
color: #a0a0a0;
}
.post-body {
padding: 15px 30px;
color: #323232;
line-height: 1.9;
}
.wp-caption {
background-color: #e8e8e8;
border: 3px solid #e5e5e5;
padding: 7px 3px 3px 3px;
text-align: center;
background-position: center;
}
.wp-caption .wp-caption-text {
padding: 2px 0;
text-align: center;
color: #5a5a5a;
}
.post-body .readmore {
background: #dae3b9;
border: 3px solid #e6e6e6;
margin: 10px 0px 5px 10px;
padding: 2px 5px;
color: #a0a0a0;
width: 150px;
}
.post img {
background-color: #e8e8e8;
border: 3px solid #e5e5e5;
padding: 3px;
margin: 5px;
}
.post-meta {
background: #edf1de;
border-top: 5px solid #e3eac9;
padding: 5px 10px;
color: #6e6e6e;
}
.pagination {
background:#f0f0f0;
border: 5px solid #e3eac9;
width: 100%;
padding: 0;
margin: 10px 0 30px 0;
height: 30px;
direction: rtl;
font: bold 16px Arial, Helvetica, sans-serif;
}
.pagination .right, .pagination .left {
padding: 5px;
}
.pagination a {
color: #6e6e6e;
}
/***************************
Sidebar
***************************/
.sidebar {
width: 330px;
float: left;
display: inline;
}
.widget {
background: #e7edd1;
border: 5px solid #d8dbcf;
margin: 0 0 10px 0;
direction: rtl;
text-align: right;
}
.runways {
float: left;
display: inline;
height: 135px;
margin: 0;
padding: 0;
}
.social-icons {
margin: 20px 0 0 0;
direction: ltr;
}
.bookmarks img {
margin: 0 1px;
padding: 0;
border: none;
}
.social-icons div {
margin: 2px 4px;
display: inline;
}
.widget h3 {
float: right;
display: inline;
height: 30px;
padding: 0;
margin: 6px 5px;
}
.links {
}
.links a {
color: #e7edd1;
}
.links ul {
margin: 0;
padding: 0;
}
.links ul li {
font: normal 12px Tahoma, Geneva, sans-serif;
list-style: none;
text-align: justify;
height: 1%;
line-height: 1.7;
}
.links ul li a {
padding: 7px 40px 7px 8px;
border-bottom: 1px solid #dfe6c7;
display: block;
background: url(images/template/links-li.gif) no-repeat 290px 8px;
color: #868686;
}
.links ul li a:hover {
text-decoration: none;
background-color: #dee5c6;
background-position: 290px -68px;
display: block;
}
/***************************
Footer
***************************/
.people {
background: url(images/template/people.gif) repeat-x center bottom;
height: 80px;
}
.footer {
background: #6a6a6a;
padding: 20px 0 20px 0;
margin: 0;
}
.footer h4 {
clear: both;
text-align: right;
}
.footer .last-entries {
width: 380px;
float: right;
display: inline;
}
.footer .last-comments {
width: 380px;
float: right;
display: inline;
}
.footer .friends {
width: 180px;
float: left;
display: inline;
}
.footer-links {
}
.footer-links ul {
margin: 0;
padding: 0;
}
.footer-links ul li {
font: normal 12px Tahoma, Geneva, sans-serif;
list-style: none;
text-align: justify;
height: 1%;
line-height: 1.7;
}
.footer-links ul li a {
padding: 7px 50px 4px 8px;
display: block;
color: #e0e4de;
border: 2px solid #6a6a6a;
}
.footer-links ul li a span {
color: #a6a6a6;
}
.footer-links ul li a:hover {
text-decoration: none;
background-color: #d9ea9b;
display: block;
color: #00516c;
border: 2px solid #97a174;
}
.footer-links ul li a:hover span {
color: #558e2f;
}
.footer .last-entries .footer-links ul li a {
background-image: url(images/template/footer-entries-li.png);
background-repeat: no-repeat;
background-position: right center;
}
.footer .last-comments .footer-links ul li a {
background-image: url(images/template/footer-comments-li.png);
background-repeat: no-repeat;
background-position: right center;
}
.footer .friends .footer-links ul li a {
padding: 2px 25px 2px 8px;
display: block;
color: #e0e4de;
border: 3px solid #6a6a6a;
background-image: url(images/template/footer-friends-li.png);
background-repeat: no-repeat;
background-position: right center;
}
.footer .friends .footer-links ul li a:hover {
background-color: #666666;
}
.footer-2 {
background: #555555;
border-top: 3px solid #999999;
padding: 20px 0;
color: #c2c2c2;
}
.footer-licence {
float: left;
display: inline;
width: 500px;
}
.footer-licence div a {
display: block;
background: #878787;
padding: 3px 7px;
border: 3px solid #4d4d4d;
color: #474747;
float: left;
display: inline;
margin: 0 2px;
}
.footer-licence div a:hover {
text-decoration: none;
color: #fff;
}
/***************************
Comments
***************************/
.comments {
padding-bottom: 20px;
direction: rtl;
text-align: right;
color: #535353;
}
.comments-header {
background:#cdd4b1;
border: 5px solid #e3eac9;
width: 100%;
padding: 0;
margin: 10px 0 30px 0;
color: #535353;
}
.comment, .comment-odd {
background:#dae3b9;
border: 5px solid #e3eac9;
padding: 0;
margin: 10px 0 30px 0;
direction: rtl;
width: 100%;
}
.comment-odd {
background:#d1dbaa;
}
.comment-body {
padding: 10px;
}
.comment-title {
margin: 0 0 5px 0;
float: right;
display: inline;
}
.commenter-avatar {
float: right;
display: inline;
width: 50px;
height: 50px;
background: #e0e5cf;
border: 3px solid #d5d5d5;
padding: 2px;
margin: 3px;
}
.comment-text {
float: left;
display: inline;
padding: 2px 10px;
width: 480px;
}
.comment-reply {
text-align: left;
float: left;
display: inline;
}
.comment-reply a {
display: block;
padding: 3px 5px;
background: #dde5bd;
border: 3px solid #d0df9a;
display: inline;
}
.send-comment {
background:#d1dbaa;
border: 5px solid #e3eac9;
width: 100%;
padding: 0;
margin: 10px 0 30px 0;
color: #535353;
}
.respond {
padding: 10px;
}
.comment-form {
font: normal 11px Tahoma, Geneva, sans-serif;
text-align: right;
margin: 30px 20px 0 0;
}
.comment-form label {
float: right;
display: inline;
width: 120px;
vertical-align: bottom;
}
.comment-fields {
float: right;
display: inline;
font: normal 12px Tahoma, Geneva, sans-serif;
padding: 7px;
background: #e0e0e0;
border: 3px solid #c8d29f;
color: #696969;
}
.comment-form-btn {
font: normal 11px Tahoma, Geneva, sans-serif;
padding: 4px 20px;
background: #e0e0e0;
border: 3px solid #c8d29f;
}
.list {
margin: 10px 5px;
direction: rtl;
text-align: right;
line-height: 1.8;
}
.list ul {
margin: 0 0 20px 0;
}
.list ul li span {
color: #CCC;
font: normal 11px Tahoma, Geneva, sans-serif;
}
.list ul li {
border-bottom: 1px solid #999;
font-weight: bold;
}
.list ul li a {
display: block;
background: url(images/template/footer-entries-li.png) no-repeat right center;
padding: 7px 55px 7px 5px;
}
.list ul li a:hover {
text-decoration: none;
border-left: 2px solid #090;
color: #558fa0;
}
.list ul li a:hover span {
color: #000;
}
.list h6 {
padding:10px;
text-align:center;
color:#4d4d4d;
background: #fcfcfc;
border: 3px solid #ccc;
}