/*
------------------------------------------------------------------------------------------------
Theme Name: Statement
Theme URI: http://www.blogohblog.com
Description: The "Statement" WordPress theme has been built by Blog Oh! Blog and comes under a Creative Commons License... Translated into Arabic & developed by Ed3s.com.
Version: 1.0
Author: Jai Nischal Verma | مُطوّر لشبكة إدعس
------------------------------------------------------------------------------------------------
*/
@import url('bb.css');
/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font-family: tahoma, Arial; font-size: 12px; color: #4d4b4c; background: #fff url(images/bkg.gif) repeat-x; direction:rtl;}
/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h1 {margin : 5px 0 ; font : bold 20px arial ;color : #f00; border-bottom : 1px dotted #ccc ; }
h3 { padding:10px 0px ; font : bold 16px arial ;}
a:link , a:visited { text-decoration: none; color: #07e; border: 0px;}
a:active {color : #006666; border: 0px;}
a:hover { color:#333; border: 0px;}
a:focus { outline: none;}
.clear { clear: both; }
/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px; margin:auto; }
#frame,#content { width: 975px; margin:auto; }
/*+++++++ TOP +++++++*/
#header { height: 106px; width: 1000px; }
#logo { float: right; width: 210px; padding-top:30px; padding-right:10px; }
#logo h1{text-indent:-10000px; border: none;}
#logo h1 a{display:block; background: url(images/logo.gif) no-repeat; height:63px; outline:none; margin : 0 ; }
#topleft { float: left; height: 106px; width: 630px; }
#searchbox { float:left; width: 233px; height: 36px; background: url(images/s.gif) no-repeat ; margin:25px 0px 0 5px; }
#searchbox #s { float: right; margin: 4px 0 0 6px; border: 0; width: 190px; background: none; color:#fff; padding:0 3px ;}
#searchbox #go { float: left; margin: 1px 0 0 2px; }
/*+++++++ NAVIGATION +++++++*/
#nav { float:left ; padding-left:5px; margin-top: 7px ; font-size:11px;}
#nav ul {}
#nav ul li { display:inline; height:35px; line-height:35px; }
#nav ul li a {background:#3B3B3B; color:#fff; text-transform:uppercase; padding:7px 15px; border-bottom:2px solid #555;}
#nav ul li a:hover{background:#3b3b3b;color:#909090; border-bottom:2px solid #eee;}
/*+++++++ INFOBAR +++++++*/
#infobar { height: 30px; width: 975px; line-height:30px; font-size:11px; margin-bottom:15px; }
#browse { float: right; width: 570px; background:url(images/folder.gif) no-repeat right; padding-right:22px; }
#rss { float: left; height: 30px; width: 382px; background:url(images/feed.gif) no-repeat left; }
#rss p { padding-left:19px ; text-align:left;}
ul#web2{margin:0; padding:0px 0 0 5px; list-style:none;}
ul#web2 li{float: left; padding-right : 5px ;}
#web2 a img {opacity:0.4; /* for IE */ filter:alpha(opacity=40)}
#web2 a:hover img {opacity:1; /* for IE */filter:alpha(opacity=100)}
#lastposts {margin:0 0 10px 0;text-align:right;background:#FFFFE0;border:1px solid #E6DB55;color:#ff0000;-moz-border-radius:9px;-webkit-border-radius: 9px;border-radius:9px;padding:10px 10px 10px 0px;-moz-box-shadow: 0px 2px 5px #ccc;-webkit-box-shadow: 0px 2px 5px #ccc;box-shadow: 0px 02px 5px #ccc;}
/*+++++++ ENTRY +++++++*/
#left { float: right; width: 570px; }
.entry { font-size : 12px;color:#000; width: 540px; padding:10px; background:#fff; border:1px solid #dadada; margin-bottom:10px; line-height:1.5em; padding:10px; text-align : justify ;}
.entry h4 , .entry h4 a { font: bold 22px/28px arial;letter-spacing: 0px; margin-bottom:10px; text-transform: uppercase; color:#222222; text-shadow : #777 0px 1px 1px ;}
.entry h4 a:hover {color:#999999;text-shadow : #000 0px 1px 1px; text-decoration:none;}
.entry p { padding:0px 5px 10px 5px;}
.entry a:hover {text-decoration:underline;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li {list-style:inside disc;}
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.entry img {margin:0 ;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; padding-right:5px;}
.alignleft { float: left ; padding-left:5px;}
.allinfos { font-size:11px; background:#eee; border: 1px dotted #ccc ; height:19px; overflow:hidden; padding:5px; margin-bottom:15px;}
span.date {background:transparent url(images/date.gif) no-repeat right; padding-right:20px;}
span.comments { background:transparent url(images/comment.gif) no-repeat right ; padding-right:20px; }
span.category { background:url(images/posted.gif) no-repeat right; padding-right:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }
/*--------------------------------
INFORMATION POST
File : single.php
by www.ed3s.com
--------------------------------*/
.info {line-height: 70%;}
.info h1 { margin:0px; font-family : verdana ; font-size: 16px ; color : #b80000 ; font-weight: bold; padding-bottom : 15px ; text-decoration : underline ; border: none; }
p.date { :float:right ;background:url(images/date.gif) no-repeat right top; padding-right:20px; font-size : 12px ;}
p.comments { background:url(images/comment.gif) no-repeat right top; padding-right:20px; font-size : 12px ; }
p.category { background:url(images/posted.gif) no-repeat right top; padding-right:20px; font-size : 12px ;}
p.tag { padding-right:15px ; background: url(images/tag.gif) no-repeat right 3px; font-size : 12px ; }
/*--------------------------------
RANDOM POSTS
File : single.php
by www.ed3s.com
--------------------------------*/
#random { background:#E3F4F9; border:1px solid #BAE2F0; width : 560px ; line-height : 17px ; }
#random h2 {font:bold 20px arial; color:#000; background:#D1E7EE; text-align:center; padding:5px 0 10px 0; text-shadow:#FFF7D6 0px 1px 1px;}
#random ul{ margin:10px auto 20px;}
#random ul li{}
#random ul li ul{}
#random ul li ul li{display:block; background:url(images/bullet11.gif) no-repeat right;margin:0px 5px; padding-right:20px; padding-bottom:3px; padding-top:3px; border-bottom:1px dotted #dadada;}
#random a:link { color : #000 ;}
#random a:visited { color : #000 ; }
#random a:hover { font-weight: bold;}
.post-img {
float:left ;
margin-left:5px ;}
/*--------------------------------
Comments RSS Feed
File : single.php
by www.ed3s.com
--------------------------------*/
.comment-rss {
background:#edfcd5;
border:1px solid #d4ebaf;
font:bold 16px arial;
width: 540px;
padding:10px;
margin : 10px 0 5px 0 ;
text-align : center ;}
.comment-rss a:link {text-decoration:underline ;}
/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:left; width: 400px; }
#right { float:right; width: 400px; }
#topsidebar {width: 375px; padding:10px; border:1px solid #dadada; background:#fff; margin-bottom:5px; margin-right : 7.7px ; }
#lsidebar h2 , #rsidebar h2 {font-family:Arial; text-align:center; background:#222; padding:5px 0px; font-size:15px; margin:0 0 0px 0; color : #fff;}
#lsidebar { float:left; width:212px; background:#fff; margin-bottom:10px; }
#rsidebar { float:right; width:180px; background:#fff; margin-right:1px; }
#lsidebar a , #rsidebar a {display:inline; }
#lsidebar a:hover , #rsidebar a:hover , #tags a:hover {color:#b80000;}
#sidebarbottom ul{ margin:0px auto 5px;}
#sidebarbottom ul li{padding-bottom : 3px ;}
#sidebarbottom ul li ul{padding : 0px 10px; border:1px solid #dadada;}
#sidebarbottom ul li ul p{padding : 0px 10px;}
#sidebarbottom ul li ul li{display:block; background:url(images/bullet.gif) no-repeat right 3px; padding: 3px 20px 3px 0; border-bottom:1px dotted #dadada;}
#sidebarbottom ul li ul li:hover{background:#eee url(images/bullet.gif) no-repeat right 3px;}
#sidebarbottom p{padding:0 5px;}
#tags { padding:0; border:1px solid #dadada; background:#fff; margin-bottom:10px; margin-right : 1px;}
#tags h2{background:#222 ; text-align:center ; margin:0 0 5px 0 ; padding : 5px ; font:bold 15px arial ; color:#fff ;}
#tags ul{ margin:0px auto 20px;}
#tags ul li{padding-bottom : 3px ;}
#tags ul li ul{padding : 0px 10px;}
#tags ul li ul li{display:block; background:url(images/bullet.gif) no-repeat right; padding: 3px 20px 3px 0; border-bottom:1px dotted #dadada;}
#tags p{padding:0 5px;}
/*+++++++ COMMENTS +++++++*/
.postmetadata { padding:0px; background:#feffe5; }
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}
.commentlist cite { padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(...images/doth.gif) repeat-x bottom; font-size:11px;}
h2#respond {font:bold 22px arial;background:#CADCE1;border:1px dotted #78B7CA;padding:5px;text-align:center;margin:20px 0px;}
.commentlist { font-size : 12px ; }
ol.commentlist .author { font-size : 13px ; font-weight: bold ; color : #000 ; background : #EEEEEE}
ol.commentlist .author a { font-size : 13px ; font-weight: bold ; color : #000 ; }
ol.commentlist li { background: #fff; border: 1px solid #E7E7E7; margin-top: 5px;
-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; }
ol.commentlist li.alt { background: #FFFAF2; border: 1px solid #E7E7E7; margin-top: 5px; }
ol.commentlist p { padding : 0px 10px 10px 10px ; }
.commentmetadata{background-color:#eee;color:#333;font-size:13px;padding:3px 10px 3px 10px; border-bottom : 1px solid #ddd ;
-moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;border-radius:7px 7px 0px 0px;}
.gravs {margin-top:20px;}
.avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #ccc;}
/*+++++++ FOOTER +++++++*/
#footer { background: #222222 url(images/footer.gif) repeat-x; height:auto; font-size:11px; line-height: 15px;}
#foo .right{float:right; width: 940px; margin:10px 5px 0px 0px ; padding:5px;text-align:center;border-top:1px solid #666;color:#ccc;}
#foo .left{float : left ; width: 550px; margin:0 0 0 20px ; padding:10px; height:80px; color:#fff; }
#foo a { color : #ccc;border-bottom:1px dotted;}
#foo a:hover {color: #FFFFFF; border: 0px; text-decoration:underline ;}
#foo ul {float : right ; margin-top:0px; margin-bottom : 10px ; }
#foo ul li {display:inline; height:35px; line-height:15px; font-weight:400;}
#foo ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#foo ul li.current_page_item a:hover{background:transparent;color:#fff;}
#foo ul li a { color:#fff; float:left; padding:0 10px 0 0; }
#foo ul li a:hover{background:none;color:#dadada; text-decoration:underline;}
#ed3sfoot{float : left ; padding:5px 0px }
#ed3sfoo2 {float:left; width:212px; padding: 0px 10px 0 10px; height:200px ; font-size:12px; color: #fff; border-right:1px solid #000; margin-top:5px;}
#ed3sfoo2 h2 {font:bold 16px arial; color:#fff; border-bottom:2px solid #fff; }
#ed3sfoo2 li {border-bottom : 1px dotted #555 ;border-bottom : 1px dotted #555 ; }
#ed3sfoo2 li a {display:block ; padding:3px;}
#ed3sfoo2 li a:link {color : #F6BF01 ; }
#ed3sfoo2 li a:visited{color : #F6BF01 ; }
#ed3sfoo2 li a:hover {background : #000 ;text-decoration:none; color:#ff0000; }
#footer4 , .about { float: left; width:315px; margin: 2px 3px; color: #888;}
#footer4 h2 , .about h2 {background: #3b3b3b; font:bold 16px arial; color: #fff; padding:3px 10px; border-bottom:1px solid #000; border-left:1px solid #555; border-top:1px solid #555; border-right:1px solid #444; text-shadow: 0px 2px 2px #000;text-align:center;}
#footer4 ul {margin-bottom:0px;}
#footer4 ul li {background: #2e2e2e;margin-top:1px; border-bottom:1px solid #444;padding:3px 5px;}
#footer4 ul li:hover {background: #444;}
#footer4 a {display: block;color: #fc0;font-size:11px;}
#footer4 a:hover, .about a:hover {color: #f00;}
.about a {color:#fc0;}
.about dd {padding:5px;background:#2e2e2e;color:#84FF00;height:150px;text-shadow:#000 0px 1px 0px;border-bottom:1px solid #444;}
#copyright { background-color:#3F3F3F;border-top:1px solid #111; padding:5px 5px 10px 5px; text-align:center; color:#ccc; font-size:11px;}
#copyright a { border-bottom: 1px dotted; color:#ccc;padding-bottom:1px;}
#copyright a:hover {color:#f00;}
/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 10px; padding: 0 5px 0 32px; background: #FAFAFA url('images/quote.gif') no-repeat 2px 2px !important;
border: 1px solid #eee; border-right: 2px solid #FFD200; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
h2.center {text-align:center; font:bold 18px arial;}
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding-bottom:20px;}
.alignleft{float:left; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {float : left ; border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code { direction:ltr; display : block ; margin : 10px ; font-size:1.0em ; color: #000 ; border : 1px solid #eee ; border-left : 2px solid #AB1D1D ; text-align : left ; padding : 0 37px 10px 5px ; background : #FAFAFA url('...images/code.gif') no-repeat top right; }
/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}
#cats{background:#FFFFE0; border:1px solid #E6DB55; padding:5px; font-family:Tahoma; font-size:13px ; height : 120px ; }
.right{float:left; width:180px; margin-right:10px ; }
.left{float:right; width:180px; margin-right:20px ; }
select {width : 100% }
#mostcommented {
width:276px;
float:left;
border-right:1px solid gray;
padding:0 20px 0 0;
}
/*-------------------------------- ReadMore ,,,,,, by www.ed3s.com --------------------------------*/
.readmore a { display: block; float: left; padding: 6px 10px; margin: 6px 0 10px 0; background: #888; color: #f8f8f8; font: 11px tahoma; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-shadow : #000 0px 1px 0px ;}
.readmore a:hover { text-decoration: none; background: #ccc; }
/*++++++++++ PAGE-NAVI ++++++++++*/
.wp-pagenavi {padding-bottom:15px;}
.wp-pagenavi a, .wp-pagenavi a:link ,.wp-pagenavi a:visited {
padding: 2px 6px 2px 6px;
margin: 2px;
text-decoration: none;
color: #333;
float:right;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius:3px;
}
.wp-pagenavi a:hover {
color: #fff;
border: 1px solid #00558F;
background: #0282DD;
}
.wp-pagenavi a:active {
padding: 2px 6px 2px 6px;
margin: 2px;
text-decoration: none;
border: 1px solid #0069AF;
color: #333;
background-color: #0282DD;
}
/*** Page % of % ***/
.wp-pagenavi span.pages {
padding: 2px 6px 2px 6px;
margin: 2px 2px 2px 2px;
color: #000;
float:right;
font:bold 13px arial;
}
.wp-pagenavi .current {
padding: 2px 6px 2px 6px;
margin: 2px;
font-weight:normal;
border: 1px solid #00558F;
color: #fff;
background-color: #0282DD;
float:right;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius:3px;
}
/*** [ ... ] ***/
.wp-pagenavi span.extend {
padding: 2px 6px 2px 6px;
margin: 2px;
color: #333;
float:right;
}
.semoo
{ background: none repeat scroll 0 0 #F9FBFC;
border: 1px solid #D7DEE3;
border-radius: 8px 8px 8px 8px;
color: #7F663A;
font-size: 11px;
line-height: 20px;
padding: 5px 14px;
text-align: right; }