/*بسم الله الرحمن الرحيم*/

/*

Theme Name: rekaaz

Theme URI: http://wpaon.com/

Description: arabic WordPress theme from <a href="http://wpaon.com/">wpaon</a>.

Version: 1.1

Author: emran omari

Author URI: http://a9laam.com/

Tags: blue,  header, fixed width, three columns, widgets



	rekaaz v1.1

	 http://wpaon.com/rekaaz/



	This theme was designed and built by emran omari,

	whose blog is http://a9laam.com/

*/



/* default elements */

* {margin: 0; padding: 0;}



/*common tags*/

#content ul, #content ol {

margin-right: 30px;

margin-bottom: 10px;

}

#content ul li, #content ol  li{

margin-bottom: 5px;

}

#content p{

margin: 0 10px 20px 10px;

}

blockquote{

background: #F4F4F4 url(images/quote.gif) no-repeat top left;

border: 1px dotted #CCC;

padding: 20px 10px 10px 5px;

}

/* End Vcommon tags*/



/*Typography */

body {

font-size: 62.5%; /* Resets 1em to 10px */

font-family: Tahoma, Verdana, Arial, Sans-Serif;

text-align: center;

}

#container{

font-size: 13px;

text-align: right;

}

.searchfrm #s,.searchfrm #searchsubmit{

font-family: Tahoma, Verdana, Arial, Sans-Serif;

}

.topnavpages li a{

font-size: 12px;

}

.insidel{

text-align: center;

}

.sideblock{

text-align: right;

}

.sideblock ul li a, p.cat, .date{

line-height: 20px;

}

.sidetitle{

line-height: 30px;

font-size: 18px;

}

#content p{

font:12pt Arabic Transparent;

font-weight:bold;

line-height: 22px;

text-align: justify;

}

.lastpostnav ul li{

line-height: 35px;

list-style-type: none;

}

.midelnavpages li a{

line-height: 25px;

font-size: 12px;

}

.posttitle{

line-height: 25px;

}

#content a.more-link, #content p.postcom a{

line-height: 20px;

text-indent: 25px;

font-family: Arial, Sans-Serif;

font-size: 15px;

font-weight: bold;

}

#content .related  h3 {

font-size: 20px;

}

/*//rfooter//*/

.rfooter{

text-align: center;

}

.articls{

text-align: right;

}

.spcat{

text-align: right;

}

#content .inspcat p{

font-size: 12px;

line-height: 18px;

}

.inspcat h3{

font-family: Tahoma, Arial, Sans-Serif;

font-size: 13px;

font-weight: normal;

}

/*// end rfooter//*/

.footer {

text-align: center;

}

/*/////////////////////////////////////////////////////////////////////////// End Typography*/



/*//////////////////////////////////////////////////////////////////////////Colors & caption */

body {

background: #F4F4F4 url(images/bodybg.gif) repeat-x top;

color: #555;

}

.blue{

color: #3CDDF3;

}

.searchfrm #s{

background: #BAC0C1;

border: none;

color: #FFF;

}

.searchfrm #searchsubmit{

background: #BAC0C1;

border: none;

color: #FFF;

}

.topnavpages li{

border-top: 3px solid #BAC0C1;

}

.topnavpages li:hover{

border-top: 5px solid #BAC0C1;

}

.topnavpages li a{

border-top: 1px solid #BAC0C1;

color: #FFF;

}

.head{

background: url(images/headbg.png) right top;

}

.headerimg{

/*background: url(images/headerimg.gif);*/

}

.adds{

/*background: url(images/addsbot.gif) no-repeat bottom;*/

}

.sideblock{

background: url(images/sidebottom.gif) no-repeat bottom;

}

.sideblock ul{

background: #FFF;

}

.sideblock ul li a{

background: url(images/cat.png) no-repeat right 4px;

color: #0066CC;

}

.sideblock ul.writers li a{

background: url(images/wrt_ex.png) no-repeat right 4px;

}

.sideblock ul.writers li.wrt_add a{

background: url(images/wrt_add.png) no-repeat right 4px;

color: #555;

}

.sideblock ul.toppost li a{

background: url(images/star.png) no-repeat right 4px;

}

.sideblock ul.media li.medialink a{

background: url(images/medialink.png) no-repeat right 4px;

color: #555;

}

.sideblock ul.media li a{

background: url(images/media.png) no-repeat right 4px;

}

.sideblock ul.hamlat li a{

background: url(images/hamlat.png) no-repeat right 4px;

}

.sideblock ul.forum li a{

background: url(images/forum.png) no-repeat right 4px;

}

.sideblock ul.world li.sa a{

background: url(images/sa.png) no-repeat right 4px;

}

.sideblock ul.world li.qa a{

background: url(images/qa.png) no-repeat right 4px;

}

.sideblock ul.world li.kw a{

background: url(images/kw.png) no-repeat right 4px;

}

.sideblock ul.world li.bh a{

background: url(images/bh.png) no-repeat right 4px;

}

.sideblock ul.world li.ae a{

background: url(images/ae.png) no-repeat right 4px;

}

.sideblock ul.world li.jo a{

background: url(images/jo.png) no-repeat right 4px;

}

.sideblock ul.world li.eg a{

background: url(images/eg.png) no-repeat right 4px;

}
.sideblock ul.world li.om a{

background: url(images/om.png) no-repeat right 4px;

}
.sideblock ul li a:hover{

color: #003366;

}

.textwidget {

background: #FFF;

}

.sidetitle{

background: #336699 url(images/sidetitle.gif);

color: #FFF;

}

.sidetitle a{

color: #FFF;

}

.midelnavpages li{

background: #EEE url(images/navleft.gif) no-repeat left;

}

.midelnavpages li:hover{

background: #EEE url(images/navleft1.gif) no-repeat left;

}

.midelnavpages li a{

color: #999;

background: url(images/navright.gif) no-repeat right;

}

.midelnavpages li a:hover{

background: url(images/navright1.gif) no-repeat right;

color: #666;

}

.lastpostnav{

background: url(images/lastp.gif) no-repeat right;

}

.lastpostnav ul li a{

color: #336699;

}

.lastpostnav ul li a:hover{

color: #0066CC;

}

#content{

background: #FFF;

}

.homepage #content{

background: #FFF url(images/contenttop.gif) no-repeat top;

}

.post{

background: url(images/postbottom.gif) no-repeat bottom center;

}

.tpost{



}



.posttitle{

padding-top: 5px;

color: #336699;

}

p.cat{

border-top: 1px solid #eee;

background: url(images/cat.png) no-repeat right 3px;

}

#content a.more-link{

background: url(images/more.gif) no-repeat right;

}

#content p.postcom a{

background: url(images/comm.gif) no-repeat right;

}

#content .related  h3 {

background: url(images/related.png) no-repeat right;

color: #336699;

}

/*//rfooter//*/

.articls{

background: url(images/rfooterbar.gif) no-repeat top right;

}

.articls ul.articl1 li{

background: url(images/mag.png) no-repeat right 3px;

}

.articls ul.articl2 li{

background: url(images/page_.png) no-repeat right 3px;

}

.articls ul.articl3 li{

background: url(images/news.png) no-repeat right 3px;

}

.inspcat{

background: url(images/spcat_bg.gif);

}

.spcatbot{

background: url(images/spcat_bottom.gif) no-repeat bottom;

}

.inspcat h3{

color: #006666;

}

.awadi{

background: url(images/awadi_top.gif) no-repeat top;

}

.hiwar{

background: url(images/hiwar_top.gif) no-repeat top;

}

/*// end rfooter//*/

.footer {

background: url(images/footer.gif) no-repeat bottom;

}

/*//end content//*/

.icomm{

background: #F4F4F4 url(images/quote.gif) no-repeat top left;

border: 1px dotted #CCC;

}

/*//////////////////////////////////////////////// End Colors & caption */



/*/////////////////////////////////////////////////////////Structure */

.cleardiv{

clear: both;

}

#container{

width: 980px;

margin: 0 auto;

padding-bottom: 30px;

}

/*//header//*/

.topnav{

clear: both;

height: 40px;

}

.searchfrm{

float: right;

width: 200px;

margin: 5px 20px 0 0;

}

.searchfrm #s{

padding: 2px;

}

.searchfrm #searchsubmit{

margin-top: 3px;

padding: 0 5px;

}

.topnavpages{

float: left;

}

.topnavpages li{

float: left;

padding: 0 1px;

margin-left: 10px;

}

.topnavpages li a{

display: block;

padding: 2px 10px;

}

.head{

clear: both;

}

.headerimg{

float: right;

height: 135px;

width: 350px;

}

.homeurl{

display: block;

height: 80px;

margin: 25px 25px 30px 40px;

}

.none{

display: none;

}

.adds{

float: right;

height: 135px;

margin-right: 150px;

}

.adds img{

/*غيرها إذا غيرت حجم الإعلان*/

margin-top: 30px;

}

/*//end header//*/



/*//sidebar//*/

#sidebar1{

float: right;

width: 215px;

margin-left: 5px;

}

#sidebar2{

float: right;

width: 215px;

margin-right: 5px;

}

.sideblock{

width: 205px;

margin-right: 5px;

margin-bottom: 10px;

padding-bottom: 10px;

}

.sideblock ul{

margin: 3px 3px 5px 10px;

}

.sideblock ul li{

padding-right: 10px;

}

.sideblock ul li a{

display: block;

padding-right: 20px;

}

.textwidget {

margin: 3px 3px 5px 10px;

}

.textwidget p{

padding: 10px;

}

img.adds2{

padding: 5px;

}

object.adds2{

padding: 5px;

}

.sidetitle{

padding-top: 20px;

padding-right: 50px;

}

/*//sidebar//*/



/*//content//*/

#containerB{

clear: both;


}

.midelnav{

clear: both;

height: 25px;

padding-right: 50px;

}

.midelnavpages li{

float: right;

margin-right: 5px;

}

.midelnavpages li a{

display: block;

padding: 0 10px;

}

.lastpostnav{

clear: both;

height: 35px;

padding-right: 130px;

}

.lastpostnav ul li{

display: inline;

padding-right: 20px;

}

.lastpostnav ul img{

vertical-align: middle;

padding-left: 20px;

}

.maincontainer{

float: right;

width: 760px;

}

#content{

float: right;

margin-top: 12px;

}

.homepage #content{

width: 540px;

}

.post{

margin: 20px;

padding-bottom:5px;

}

.tpost{

padding-right: 20px;

margin-bottom: 10px;

}

.posttitle{

padding-top: 5px;

}

.entry{

margin: 5px 0 50px 0;

}

.entry  h1, .entry  h2, .entry  h3, .entry  h4{

padding: 10px;

}

p.cat{

padding-right: 20px;

}

#content p.date, #content p.cat, #content p.tag, #content p.postcom {

margin: 0;

}

#content a.more-link, #content p.postcom a{

display: block;

float: left;

width: 110px;

margin-left: 10px;

}

#content a.more-link{

margin-top: 20px;

}

.wpage{

margin: 20px 20px 40px 20px;

}

#content .related  h3 {

padding: 15px 40px;

}

/*//rfooter//*/

.rfooter{

margin-top: 20px;

}

.articls{

margin-top: 20px;

margin-right: 10px;

padding-right: 10px;

padding-top: 30px;

}

#content .articls ul.articl{

padding: 0;

margin: 0;

float: right;

width: 170px;

}

.articls ul.articl li{

list-style-type: none;

margin-right: 5px;

padding: 2px 20px 2px 3px;

}

.spcat{

margin-top: 20px;

margin-right: 20px;

}

.inspcat{

width: 230px;

float: right;

margin-right: 10px;

}

.spcatbot{

display: block;

height: 10px;

}

.inspcat div{

padding: 60px 20px 10px 20px;

}

/*// end rfooter//*/

.footer {

clear: both;

height: 115px;

}

.footer ul.navfooter{

margin: 0;

padding: 10px;

padding-top: 70px;

}

.footer ul.navfooter li{

display: inline;

}

/*//end content//*/

.comtem{

margin: 20px 20px 20px 40px;;

}

.icomm{

padding: 20px 10px 10px 5px;

}

/* End Structure */



/*Headers */

h1, h2, h3 {

font-family: Arial, Sans-Serif;

font-weight: bold;

}

h1 {

font-size: 35px;

}

h2 {

font-size: 20px;

}

h3 {

font-size: 18px;

}

h4 {

font-size: 16px;

font-weight: normal;

font-family: Tahoma, Arial, Sans-Serif;

}

/* End Headers */



/* Begin Images */

p img {

padding: 0;

max-width: 460px;

}

a img{

border: 0px;

}

/*

استعمل كلاسات 

.alignright  .alignleft  .centered

فهي تكون أكثر مرونة من استعمال المحاداة 

 */

img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignright {

padding: 4px;

margin: 0 0 2px 8px;

display: inline;

}

.entry img {

padding: 4px;

margin: 0 0 2px 8px;

display: inline;

}

img.alignleft {

padding: 4px;

margin: 0 8px 2px 0;

display: inline;

}

/* End Images */



/*float*/

.alignright {

float: right;

}

.alignleft {

float: left

}

.center{

text-align: center;

}

/*end float*/



/* Begin Lists*/

.topnavpages li, .midelnavpages li , .sideblock li, .articls ul.articl li, .footer ul.navfooter li{

list-style-type: none;

}

/* End Entry Lists */



/*links*/

a {

text-decoration: none;

}

.posttitle a, #content a{

color: #336699;

}

.posttitle a:hover, #content a:hover{

color: #0066CC;

}

/*end links*/