/*
Theme Name: Arabic Blog
Theme URI: http://www.SUBSWISS.com
Description: A Premium Wordpress Theme For Arabic Blog Or Magazine
Author: Raheem Karar
Author http://www.SUBSWISS.com
version: 1.0
Tags: two-column, widget-ready, Jquery-ready , fixed-width, blog,magazine
*/
/*-------------------------------------------------------------------------------------------*/
/*  GENERAL */
/*-------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html{overflow-x:hidden;}
body { background:#e1d9bf url(images/bg.png) top repeat-x;margin: 0; padding: 0; color: #333; font-size: 12px; font-family: Tahoma,Helvetica,Arial, Verdana,sans-serif; line-height: 22px; }
body ::selection {background: #000;color: #fff; }
body ::-moz-selection {background: #000;color: #fff; }
.clearfix { clear: both; }
img { border: none; padding: 0; }
img a { border: none; }
blockquote {padding:5px;font:400 18px Arial, Helvetica, sans-serif;font-style : italic;border-right:#0099ff solid 4px;}
blockquote p:before {content: '"';}
blockquote p:after {content: '"';}
pre {font-size: 1.0em;line-height: 1.4em;white-space: pre-wrap;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word; }
del { text-decoration: line-through; }
em {font-size: 10px;font-style: normal;padding: 5px;line-height: 1.75em;margin: 5px; }
.entry code {direction:ltr;font-family: "Consolas","Courier New",Courier,mono;font-size: 12px;background: url(images/code.png) repeat;display: block;color: #333;padding: 18px 10px;line-height: 18px;}
hr {color: #000;border: 0;background-color: #000; }
ul.breadcrumbs{color:#ccc;font-size:12px;list-style:none;clear:both;}
ul.breadcrumbs li{float:right;list-style:none;display:inline;margin:10px 0;padding:0 5px 0 25px;background:url(images/crumbs.png) left 5px no-repeat;}
ul.breadcrumbs li a.breadhome{display:block;padding-right:20px;background:url(images/home.png) right no-repeat;}
.headtitle{padding-right:170px;margin:30px ; color:#333;}
.tipsy{padding:5px; font-size:15px; line-height:18px; background:url(images/tipsy.gif) no-repeat}
.tipsy-inner{padding:5px 10px; width:auto; text-align:center}
.tipsy-inner{-moz-border-radius:5px; -webkit-border-radius:5px; background-color:#000; color:white; text-shadow:#000 0px 1px 1px}
.tipsy-north{background-position:top center}
.tipsy-south{background-position:bottom center}
.tipsy-east{background-position:right center}
.tipsy-west{background-position:left center}
/*-------------------------------------------------------------------------------------------*/
/*  LINKS */
/*-------------------------------------------------------------------------------------------*/
a {color: #0099ff;text-decoration: none;outline: none; }
a:hover {text-decoration: none;color: #ccc; }
/*-------------------------------------------------------------------------------------------*/
/*  TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------*/
h1 { font-size:28px; margin: 16px 0px; } 
h2 { font-size:26px; margin: 14px 0px; }
h3 { font-size:24px; margin: 12px 0px; padding-bottom:10px; } 
h4 { font-size:22px; margin: 8px 0px; padding-bottom:10px;} 
h5 { font-size:20px; margin: 6px 0px; padding-bottom:10px;} 
h6 { font-size:18px; margin: 4px 0px; padding-bottom:10px;}
h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; }
/*-------------------------------------------------------------------------------------------*/
/*  PAGE TOP HEAD  */
/*-------------------------------------------------------------------------------------------*/
#tophead{height:50px; width:1000px;}
#socialnt{float:left;height:40px;width:300px;}
#socialnt ul{margin:0px;padding:0px;list-style:none;}
#socialnt ul li{float:left;display:block;list-style: none;margin: 0;padding: 0;}
#socialnt ul li a{padding:10px 25px 10px 10px;margin-left:5px;display:block;text-indent:-9999px;margin-top:10px;width:0px;}
#socialnt ul li a.rss{background:url(images/rss.png) no-repeat;}
#socialnt ul li a.twitter{background:url(images/twitter.png) no-repeat;}
#socialnt ul li a.facebook{background:url(images/facebook.png) no-repeat;}
#socialnt ul li a.flickr{background:url(images/flickr.png) no-repeat;}
/*-------------------------------------------------------------------------------------------*/
/*  CONTAINER & BODY TEMPLATE */
/*-------------------------------------------------------------------------------------------*/
.wrap{width:1000px; margin:0px auto}
#container{width:1000px; margin:0 auto; overflow:hidden;background:url(images/content.png) repeat-y;position:relative;}
#homebody{overflow:hidden;margin:0px;}
#content{width:690px; margin:0px;color:#000; overflow:hidden; padding:0px;float:left;}
#right-col{float:right;width:680px;padding:10px 0;}
#left-col{float:left; width:302px; overflow:hidden;padding:10px 0;}
/*-------------------------------------------------------------------------------------------*/
/*  HEADER & LOGO*/
/*-------------------------------------------------------------------------------------------*/
#header{height:200px;padding-top:15px;overflow:hidden;}
#header .logo{margin-top:20px;float:right;width:400px;}
#header h1{width:375px;font-size:50px;float:right;display:block;}
#header h1 a {color:#c7b299;margin:15px 0;float:right;}
#header h1 a img{margin:-15px 0;}
#header h2 {display:inline;float:right;padding:5px 15px;width:340px;font-size:18px;text-shadow:#000 0px 2px 1px;color:#fff}
#header p.welcome{float:left;width:500px;padding:30px 20px;color:#fff;}
/*-------------------------------------------------------------------------------------------*/
/*  NAVOGATION MENUS */
/*-------------------------------------------------------------------------------------------*/
#menu {display: block;margin: 0;padding: 0;position: relative;z-index:10000;}
#menu li {display: block;list-style: none;margin: 0;padding: 0;float: right;position: relative;}
#menu a { display: block;}
#menu ul {display: none;position: absolute;right: 0px;margin: 0;padding: 0;direction:ltr;}
* html #menu ul { line-height: 0;}
#menu ul a { zoom: 1; }/* IE6/7 fix */
#menu ul li { float: none; } 
#menu ul ul { top: 0; } 
#menu ul { width: 170px; } 	
#menu ul ul { right: 170px; } 
#menu {height: 40px;padding:5px 0px;float:right;width:690px;}
#menu a {display:inline;background:url(images/menu-a.png) -200px 100% no-repeat;color:#fff;text-shadow:#000 0px 2px 1px;font-size: 14px;padding:5px 10px;line-height: 40px; direction:rtl;font-size: 16px;font-family: Arial,Century gothic, Verdana, Tahoma, sans-serif;font-weight:bold;}
#menu a:hover {color: #ccc;text-decoration: none; }
#menu ul { top: 50px;background:#333}
#menu ul li a {display:block; line-height:25px;border-bottom:#666666 solid 1px;}
#menu ul a.hover {display:block; }
/*-------------------------------------------------------------------------------------------*/
#catmenu {display: block;margin: 0 auto;padding: 0;position: relative;z-index:10000;}
#catmenu li {display: block;list-style: none;margin: 0;padding: 0;float: right;position: relative;}
#catmenu a { display: block;}
#catmenu ul {display: none;position: absolute;right: 0px;margin: 0;padding: 0;direction:ltr;}
* html #catmenu ul { line-height: 0;}
#catmenu ul a { zoom: 1; }/* IE6/7 fix */
#catmenu ul li { float: none; } 
#catmenu ul ul { top: 0; } 
#catmenu ul { width: 170px; } 	
#catmenu ul ul { right: 170px; } 
#catmenu {min-height:40px;width:1000px;background:#0099cc url(images/catmenu.png) no-repeat;}
#catmenu a {display:inline;color:#fff;text-shadow:#000 0px 2px 0px;font-size: 14px;padding:5px 15px;line-height: 40px; direction:rtl;font-size: 16px;font-family: Arial,Century gothic, Verdana, Tahoma, sans-serif;font-weight:bold;}
#catmenu a:hover {color: #333;text-decoration: none; text-shadow:#fff 0px 1px 1px;}
#catmenu ul { top: 40px;}
#catmenu ul li a {display:block; line-height:25px;border-bottom:#666666 solid 1px;}
#catmenu ul a.hover {display:block;text-shadow:none;color:#ccc !important;}
#catmenu ul li a.odd{background:#333;}
#catmenu ul li a.even{background:#222;}
/*-------------------------------------------------------------------------------------------*/
/*  FEATURED SLIDER STYLE */
/*-------------------------------------------------------------------------------------------*/
.featured{background:#f5f5f5;width:500px;float:left;margin:10px 10px 10px;}
#slider{width:500px;height:300px;overflow:hidden;margin:0px;}
/*-------------------------------------------------------------------------------------------*/
/*  INDEX | SINGLE | PAGE | POSTS |  STYLE  */
/*-------------------------------------------------------------------------------------------*/
.singlemeta,.post,#comment{width:695px;padding: 0px 0 30px 0;background:url(images/post.png) bottom no-repeat;margin-bottom:10px;overflow:hidden;}
.postmeta,.singlemeta h3,#respond h3,h3.comtitle,h3.slidetitle{float:right;width:110px;padding:10px 20px;font-family:Arial;font-weight:bold;color:#666;text-shadow:#fff 0px 2px 0px;text-align:center;}
.postmeta img.thumbnail{padding:10px;background:#fff;border:#ccc solid 1px;text-align:center;width:80px;}
.postmeta span.commentnum {font-size:16px;background:url(images/comments.png) right no-repeat;padding-right:20px;} 
.time{display:block;font-size:14px;}
.postblock{float:right;width:500px;padding:10px 20px;overflow:hidden;}
.postblock h2{padding:5px 0;}
.postblock h2 a{color:#666;}
.postblock h2 a:hover{color:#999;}
.postblock p{padding:15px 0;}
.postblock span{font-size:10px;}
.postblock span.metainfo{font-size:10px;}
.postblock span.tags{background:url(images/tags.png) right no-repeat;padding-right:20px;float:right;}
.postblock span.more{background:url(images/more.png) right no-repeat;padding-right:20px;float:left;}
.entry, .entry div {margin: 20px 0;width:500px;overflow:hidden;}
.entry p {padding-bottom:20px;}
.entry ol,.entry ul ,.entry li {margin-top: 0.4em;margin-right: 10pt;margin-bottom: 1em;margin-left: 10pt;line-height: 150%;color: #333; }

/*-------------------------------------------------------------------------------------------*/
/*  WORDPRESS CSS */
/*-------------------------------------------------------------------------------------------*/
.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto}
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{padding:0 4px; margin:0 7px 2px 0; display:inline}
img.alignleft{padding:4px; margin:0 0 2px 7px; display:inline} 
.wp-caption{border:1px solid #ccc; text-align:center; background-color:#f5f5f5; padding-top:5px; margin:10px} 
.wp-caption img, .wp-caption a img{margin:0 5px; padding:0; border:0 none; text-align:center; display:inline} 
.wp-caption p.wp-caption-text{margin:0px; padding:5px 5px; font-size:1.2em; line-height:1.4em; color:#333} 
.navigation{margin:0px; padding:0px; overflow:hidden;float:left;width:500px;font:18px bold Arial;} 
.alignleft{float:left; overflow:hidden} 
.alignleft a{float:left; margin:0px;} 
.alignright{float:right; overflow:hidden}
.alignright a{float:right; margin:0px;}
/* Page Navigation */
.wp-pagenavi {text-align:left;padding: 15px;}
.wp-pagenavi span.pages{float:right; }
.wp-pagenavi a{text-decoration:none; padding:4px 11px; margin-right:10px; color:#222; }
.wp-pagenavi a:hover{color:red; background: url(images/number.png) no-repeat;}
.wp-pagenavi .current{font-weight:bold; padding:4px 11px; margin-right:10px; color:#f1f1f1; background: url(images/number.png) no-repeat; }
/*-------------------------------------------------------------------------------------------*/
/*  Twitter CSS */
/*-------------------------------------------------------------------------------------------*/
.twitted {height:110px;border-top: 1px solid #ccc;}
.twitted h2 {margin: 0;padding: 0.3em 0.8em;font-size: 1em;color: #fff;background-color: #ccc;}
.twitted p.preLoader {margin: 0;padding: 1em 1em 1em 3em;background: transparent url(images/loader.gif) 1em center no-repeat;}
.twitted ul#twitter_update_list {margin: 0;padding: 0 0.8em;list-style-type: none;}
.twitted ul#twitter_update_list li {margin: 0;float:right;width:230px;min-height:50px;margin:20px 10px;padding:0 10px;color:#663333;border-left: 1px dotted #999;}
.twitted ul#twitter_update_list li span {/* tweet content */display: block;}
.twitted ul#twitter_update_list li span a {/* links in tweet content */color: #cc3333;}
.twitted ul#twitter_update_list li a {/* timestamp link */color: #cc9966;}
.twitted ul#twitter_update_list li.lastTweet {border-left: none;}
.twitted p.profileLink  a{display: block;text-indent:-9999px;float:right;width:100px;height:100px;background:url(images/follow.png) no-repeat;margin: 10px;color: #fff;}
/*-------------------------------------------------------------------------------------------*/
/* FOOTER CSS */
/*-------------------------------------------------------------------------------------------*/
#footer{background:#333 url(images/footer.png) top repeat-x;position:relative;padding:50px 0 10px 0;color:#fff;overflow:hidden;margin-top:20px;}
#footer a#top{background:url(images/top.png) no-repeat center center;display:block;text-indent:-9999px; padding:10px 20px; position:absolute; top:0px;left:10%;}
.footer {padding-bottom:15px;border-bottom:#000 solid 1px;overflow:hidden;}
.footer .block{float: right;width: 225px;padding: 5px;margin: 5px 10px;text-shadow:#000 0px 2px 1px;}
.footer .block h3{color:#ccc;margin-bottom:15px;}
.footer .block ul  { clear:both; }
.footer .block ul li  { background: url(images/bullet.png) no-repeat right center; padding:0 15px 0 0; }
.footer .block ul li a  { display: block; padding: 0px; text-decoration: none; color:#fff; }
.footer .block ul li a.url{color:#0099ff;}
.footer .block ul li a:hover  { color: #06a0f0; }
.footer .block ul ul  { padding: 0 0 0 15px; border-top: none; }
.footer .block p{line-height:18px;padding-top:0px ;color:#fff;}
.footer .lastblock{margin:0px 0px 0px 0px !important;}
#footer .copyright{padding:10px 0;border-top:#666 solid 1px; color:#ccc;}
#footer .copyright p{padding-top:0px}
#footer .copyright p.fr{float:right;}
#footer .copyright p.fl{float:left;}
/*-------------------------------------------------------------------------------------------*/
/* WP-CALENDAR CSS */
/*-------------------------------------------------------------------------------------------*/
#wp-calendar {empty-cells: show;font-size: 14px;margin: 0;width: 90%;}
#wp-calendar #next a {padding-left: 10px;text-align: left;}
#wp-calendar #prev a {padding-right: 10px;text-align: right;}
#wp-calendar a {display: block;text-decoration: none;}
#wp-calendar caption {color: #999;font-size: 16px;text-align: right;}
#sidebar #wp-calendar caption{color:#666 !important;}
#sidebar #wp-calendar td{color:#333 !important;}
#wp-calendar td {color: #ccc;letter-spacing: normal;padding: 2px 0;text-align: center;}
#wp-calendar #today{color:red;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
/*-------------------------------------------------------------------------------------------*/
/* SIDEBAR CSS */
/*-------------------------------------------------------------------------------------------*/
#sidebar{width:300px; border-bottom:0;color:#333;text-shadow:#fff 0px 1px 0px;}
.widget{margin:0 0 11px 0; padding:0 10px 10px 10px; background:url(images/sidebar.png) repeat-x bottom;}
#sidebar .widget ul{margin:0px 5px; padding:5px 10px 10px 15px}
#sidebar .widget ul ul{margin:0; border:0; padding:0}
#sidebar .widget ul li{padding:5px 20px 5px 0; margin-left:0px;background:url(images/star.png) right no-repeat;}
.widget ul li{margin-left:0px}
#sidebar h3{margin:0;text-shadow:#fff 0px 2px 0px;}
#sidebar h3.widget{padding:15px}
.widget h3{padding:10px 5px;}
#sidebar .widget ul li a{text-decoration:none}
#sidebar .widget ul li a:hover{color:#000;}
#sidebar ul{list-style:none}
#sidebar ul li{padding:7px 0 0; font-size:11px}
#sidebar ul li a{font-size:12px}
.widget div{padding:5px 10px}
#subswiss-about a.aboutmore{padding:5px 30px 5px 5px;background:url(images/about.png) right no-repeat;}
img.about-img{padding:5px;background:#fff;float:right;margin-left:10px;}
/*-------------------------------------------------------------------------------------------*/
/* SIDEBAR CSS */
/*-------------------------------------------------------------------------------------------*/
.searchform{padding:5px 10px; border:none; margin:0px; overflow:hidden}
form.searchform{overflow:hidden; margin:0px auto}
form.searchform input.s{background:#fff; border:#ccc solid 1px; width:170px; padding:8px 10px; color:#000; float:right;}
form.searchform input.searchsubmit{color:#fff;border:none; background:url(images/submit.png); color:#c03; float:right; width:60px; margin-right:5px; height:34px; cursor:pointer}
/*-------------------------------------------------------------------------------------------*/
/* BANNERS CSS */
/*-------------------------------------------------------------------------------------------*/
ul.banners {margin:0px !important;list-style:none;padding-bottom:10px;overflow:hidden;}
ul.banners li{margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;background:none !important;}
ul.banners li.banleft {float:left;margin:0 8px 8px 0;}
ul.banners  li.banright {float:right;margin:0 0 8px 8px;}
/*-------------------------------------------------------------------------------------------*/
/* RELATED POSTS & SOCIAL CSS */
/*-------------------------------------------------------------------------------------------*/
ul.related_post,.networks{float:right;margin-right:10px;width:500px;}
ul.related_post li{padding-right:25px;background:url(images/related.png) right no-repeat;}
.singlemeta h3{text-align:normal !important;}
.networks{margin-top:20px;float:right;margin-right:10px;width:400px;}
.retweet{float:right;width:70px;margin:15px 10px 0 0;}
.retweet a.count{display:block;background:url(images/retweet.gif) no-repeat top;text-align: center;font-size: 17px;color: #444444;padding:10px 22px 12px 22px;}
.retweet a.button{color:#000;margin-top:10px;background:url(images/retweet.gif) no-repeat 10px -45px ;padding:5px 15px;font-size:11px;}
/*-------------------------------------------------------------------------------------------*/
/*  COMMENTS TEMPLATE */
/*-------------------------------------------------------------------------------------------*/
#comment{height:100%;background:none !important;}
.gravatar{padding:5px 5px; margin:10px 0px; font-size:18px; color:#000; font-weight:bold}
#respond{height:100%; padding:0px; margin-top:10px; width:690px;color:#666;position:relative;}
#respond form{padding-top:30px;}
#commentform{padding:0px 0px 10px 0px; margin:0px; color:#000; font-family:Arial,Helvetica,sans-serif;font-weight:bold;}
#respond  p.labels{float:right;width:120px;padding-left:40px;padding-right:20px; }
#commentform p label{color:#000; display:block;margin-bottom:20px;padding:5px 20px 5px 0;}
#commentform p span{color:#c03}
#commentform input,#commentform textarea{background:#f5f5f5;color:#000; border:#ccc solid 1px; padding:10px; margin:5px 10px 5px 0px }
#author, #email, #url, #submit{font-family: arial,verdana,times; margin:10px 0; border:none;width:300px;float:right;}
#commentform p label.author{background:url(images/about.png) right no-repeat;}
#commentform p label.email{background:url(images/email.png) right no-repeat;}
#commentform p label.url{background:url(images/url.png) right no-repeat;}
#commentform p label.add{background:url(images/add.png) right no-repeat;}
#commentform textarea{ width:60%; padding:5px 5px; }
p.adminin,.adminlogin{padding-right:170px;}
#submitcom{cursor:pointer;margin-left:10px !important;}
ol.commentlist{list-style:none; margin:0; padding:0; text-indent:0}
ol.commentlist li{padding:15px 0; position:relative;background:url(images/post.png) bottom no-repeat;overflow:hidden;}
ol.commentlist li .combody{margin:10px 0;}
ol.commentlist li .avatarinfo{float:right;width:110px;text-align:center;padding:10px 20px;}
ol.commentlist li .avatarinfo .avatarbg{padding:10px;width:80px;height:80px;background:#fff;border:#999 solid 1px;}
ol.commentlist li .avatarinfo p {padding:0px;display:block;width:100px;}
ol.commentlist li .avatarinfo p.fn{font-size:14px;display:block;font-weight:bold;}
ol.commentlist li .avatarinfo p.comtime{font-size:11px;color:#666;}
ol.commentlist li .commenttext{float:left; width:500px;padding:10px;overflow:hidden;}
ol.commentlist li  .reply{margin-right:15px;width:30px;padding:0px 15px 5px 15px;display:block;background:url(images/reply.png) no-repeat ;}
ol.commentlist li  .reply a{color:#333}
ol.commentlist li  .comedit{margin-left:10px;float:left;}
ol.commentlist li ul.children{list-style:none; margin:1em 0 0; }
ol.commentlist li ul.children li{padding-right:160px;background:url(images/top.png) 90% top no-repeat;padding-top:5px !important;}
ol.commentlist li ul.children li .avatarinfo{padding:10px !important;}
ol.commentlist li ul.children li .commenttext{width:60% !important;}
.trackback{padding:5px 10px;float:left;width:500px;}
.cancel-comment-reply{padding-right:15px;}
.gravatar{padding:0px 10px; font-size:15px; float:left}
#wdpajax-info{width:500px;float:left;}
.wdpajax-error,.wdpajax-success {padding:5px 40px 5px 10px !important;background:url(images/error.gif) right no-repeat;}
.wdpajax-success{background:url(images/success.gif) right no-repeat;}
.wdpajax-loading{background:url(images/ajax.gif) no-repeat;position:absolute;display:block;width:100px;height:100px;top:20%;left:5%;}