﻿/* 
Theme Name: Mobde3 Style
Theme URI: http://www.mubde3.net/blog/
Description: Mobde3 Style is template for my blog designed by <a href="http://www.mubde3.net/blog/">Ahmed Alkatheeri</a>.
Version: 1.0
Author: Ahmed Alkatheeri
Author URI: http://www.mubde3.net/blog/
*/
/* Main Style */
body { background: #fff url(images/background.png) top repeat-x; border-top: 5px solid #595959; direction: rtl; margin: auto; padding: 7px 0 0 0; text-align: center; }
#content p, #content ul li, #content ol li, #sidebar ul li, #sidebar p, #commentlist li p, #commentlist li cite, #sidebar ul li, div .note p, #respond input[type=submit] { color: #4a4a4a; font: 13px/26px tahoma,arial,helvetica,sans-serif; line-height: 26px; text-shadow: 1px 1px 1px #e3e3e3; }
#content blockquote p { color: #9A9A9A; font: 15px tahoma; }
.syntaxhighlighter { direction: ltr; }
#wrapper, #search form, small.tagline, .footer-box .footer-links, #footer-conclusion .c-rss, #footer-conclusion .c-mobde3net, #footer-conclusion .c-wordpress, .footer-box .footer-another-links { overflow: hidden; }
#content h2 { min-height: 35px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: url("images/head-light.png") repeat-x 0 1px #F3EFDB; border-radius: 7px; color: #d6163a; font-size: 24px; margin: 20px 0 0 0; padding: 2px 10px 0; text-shadow: -1px 1px 2px #C6C6C6; }
	#content h2 a { color: #d6163a; }
	#content h2.h2-archive { background: none; border-bottom: 1px dashed #7F797C; color: #544D50; font-size: 25px; padding: 0 0 3px; }
h3 { color: #dc0364; font-size: 22px; margin: 20px 0 0; padding: 0 0 2px 0; text-shadow: -1px 1px 2px #C6C6C6; }
h1 { margin: 0; padding: 5px 0; }
	h1 ,h2 ,h3 ,h4 { font-family: Arial; }
blockquote { border-right: 4px solid #DADADA; margin: 10px auto; padding: 0 20px 0; width: 490px; }
pre { direction: ltr; text-align: left; }
code { font-size:1.0em;color: #000 }
img { border: 0; padding: 1px; }
form , input { margin: 0; padding: 0; }
span.sidebar-categories { background: url(images/a.png) -14px -23px no-repeat; display: block; height: 23px; width: 240px; }
span.sidebar-tags { background: url(images/a.png) -14px -92px no-repeat; display: block; height: 23px; width: 240px; }
span.sidebar-links { background: url(images/a.png) -14px -46px no-repeat; display: block; height: 23px; width: 240px; }
span.sidebar-toposts { background: url(images/a.png) -14px -115px no-repeat; display: block; height: 23px; width: 240px; }
span.sidebar-pages { background: url(images/a.png) -14px 0px no-repeat; display: block; height: 23px; width: 240px; }
span.sidebar-ads { background: url(images/a.png) -14px -724px no-repeat; display: block; height: 23px; width: 240px; }
span.sidebar-archive { background: url(images/a.png) -14px -69px no-repeat; display: block; height: 23px; width: 240px; }
span.logo { background: url(images/a.png) -64px -138px no-repeat; display: block; height: 105px; width: 132px; }
span[class^=logo] { background: url(images/a.png) -64px -138px no-repeat; }
small.tagline { background: url(images/a.png) -108px -710px no-repeat; display: block; height: 15px; text-indent: -9999px; width: 146px; }
span span { display: none; margin: 0 auto; }
div .note { background-color: #fff4e5; border: 1px solid #958268; height: 100%; margin: 3px auto 0; padding: 2px; text-align: center; width: 95%; }
	div .note p { line-height: 21px; margin: 0 0 10px; padding: 1px; }
		div .note p a { border-bottom: 1px dashed #38322a; color: #38322a; padding: 0 0 5px; text-decoration: none; }
#center { margin: 0 auto; padding: 0; }
#middle { margin: 0 auto 10px; padding: 0; text-align: right; width: 850px; }
/* Header Style */
#header { height: 130px; margin: 0 auto; padding: 0; position: relative; width: 100%; }
	#header h1 { margin: 0 7px 0 0; width: 132px; }
#short-description { background: url(images/short-des.png) no-repeat; height: 54px; position: absolute; right: 250px; top: 37px; width: 434px; }
	#short-description span { color: #3F3F3C; display: block; font: bold 14px/24px Simplified Arabic,arial,helvetica,sans-serif; margin: -1px 0 0; padding: 0 18px; }
		#short-description span a { border-bottom: 1px solid #9B0028; color: #9b0028; text-decoration: none; }
#otherPlace { left: -10px; position: absolute; top: 10px; width: 90px; }
	#otherPlace li { display: inline; float: right; list-style: none; padding: 3px 3px 3px 0; }
		#otherPlace li a[class^=rss] { background: url(images/a.png) -60px -241px no-repeat; display: block; height: 73px; width: 87px; }
			#otherPlace li a[class^=rss]:hover span { background: url(images/a.png) -150px -242px no-repeat; display: block; height: 109px; left: -100px; position: absolute; top: 30px; width: 102px; }
				#otherPlace li a[class^=rss]:hover span span { display: none; }
/* Content Style */
#content { float: right; margin: 0 auto; overflow: hidden; padding: 5px; width: 590px; }
	#content p { margin: 15px 0 0 0; text-align: justify; }
	#content a { color: #CD0065; text-decoration: none; }
	#content p a, #content ul li a { border-bottom: 1px dashed #CD0065; padding: 2px; }
	#content p a:hover , #content li a:hover { background-color: #91066F; color: #FFFFFF; text-decoration: none; text-shadow: 0 0 0 #fff; }
	#content p a.img-link { border-bottom: none; padding: 0; }
	#content.interest { background: #FFFCE8; }
	#content ul { margin: 5px 20px 0 0; padding: 0; }
		#content ul li { background: url(images/arrow.gif) right 12px no-repeat; list-style: none; padding: 0 15px; text-align: right; margin-bottom: 1px; }
	#content ol li { margin: 0; padding: 0 10px 0; }
	#content div img { border: 1px solid #545454; margin: 0; padding: 0; }
	#content div.next a , #content div.prev a { background-color: #F8F8F8; color: #CC6600; font: bold 15px Simplified Arabic, Arial; margin: 1px; padding: 4px; text-align: center; width: 135px; }
	#content div.pagebar { clear: left; margin: 10px auto; text-align: center; }
		#content div.pagebar a, #content .pagebar .break { background-color: #c3d0d8; color: #4a5459; }
	#content  div.pagebar span.this-page { background-color: #dfeaf0; color: #4a5459; }
	#content div.pagebar a, #content  div.pagebar span.this-page, #content .pagebar .break { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; font: bold 14px tahoma, "simplified Arabic", arial; margin: 0 1px; padding: 2px 5px; }
	#content ul.post-information { list-style: none; margin: 10px auto; padding: 2px; text-align: center; }
		#content ul.post-information li { background: 0; display: inline; margin: 4px; padding: 0 5px; }
			#content ul.post-information li.download-files a { background: url(images/a.png) 0 -472px no-repeat; border: 0; padding: 0; }
			#content ul.post-information li.demo-tut a { background: url(images/a.png) 0 -432px no-repeat; border: 0; padding: 0; }
			#content ul.post-information li.download a { background: url(images/a.png) 0 -352px no-repeat; border: 0; padding: 0; }
			#content ul.post-information li.demo a { background: url(images/a.png) 0 -392px no-repeat; border: 0; padding: 0; }
ul.post-information li.download-files a, ul.post-information li.demo-tut a, ul.post-information li.download a, ul.post-information li.demo a { display: inline-block; height: 38px; margin: 5px 0; text-indent: -9999px; width: 254px; }
ul.post-information li.download-files a:hover, ul.post-information li.demo-tut a:hover, ul.post-information li.download a:hover, ul.post-information li.demo a:hover { background: 0; opacity: 0.85; }
#related { background-color: #F4F8FA; border: 1px solid #cbd1d6; margin: 10px auto; padding: 5px; width: 95%; }
	#related h2 { -moz-border-radius: 0; -webkit-border-radius: 0; background: 0; border-bottom: 2px solid #536277; border-radius: 0; color: #536277; margin: 0; padding: 0 0 4px; }
	#related ul { margin: 5px 10px; }
		#related ul li a { border-bottom: 1px dashed #616975; color: #727c8a; padding: 1px 0 4px; text-decoration: none; text-shadow: 0 0 0; }
			#related ul li a:hover { background: none; border-bottom: 1px dashed #524e46; color: #524e46; }
#share-it { background-color: #FAFCFF; border: 1px solid #E4EAF2; margin: 25px auto 10px; padding: 5px; width: 95%; }
	#share-it ul { margin: 0 auto; padding: 0 3px 0 0; text-align: center; }
		#share-it ul li { background: none; display: inline-block; margin: 4px 4px 2px; padding: 0; }
			#share-it ul li a { background: none; border-bottom: none; opacity: 0.5; padding: 0; }
				#share-it ul li a:hover { opacity: 0.9 }
				#share-it ul li a.delisious, #share-it ul li a.google, #share-it ul li a.digg, #share-it ul li a.technorati, #share-it ul li a.linkedin, #share-it ul li a.twitter, #share-it ul li a.facebook { background: url(images/a.png) no-repeat; display: block; height: 64px; padding: 1px; text-indent: -9999px; width: 64px; }
				#share-it ul li a.delisious { background-position: -187px -511px; }
				#share-it ul li a.google { background-position: -187px -643px; }
				#share-it ul li a.digg { background-position: -116px -511px; }
				#share-it ul li a.technorati { background-position: -187px -576px; }
				#share-it ul li a.linkedin { background-position: -116px -576px; }
				#share-it ul li a.twitter { background-position: -45px -511px; }
				#share-it ul li a.facebook { background-position: -45px -576px; }
.last-post { background-color: #F5F5F5; margin: 5px auto; padding: 5px; text-align: justify; width: 90%; }
	.last-post small { color: #666666; font-weight: bold; line-height: 19px; margin: 0; }

.adv { text-align: center; }
 
	#content .adv img { margin: 0 5px; }
    #content .adv.sponsor { border: 1px solid #E4EAF2; margin: 10px auto; padding: 0 0 20px; width: 95%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
    #content .adv.sponsor h2 { background: url("images/head-light.png") repeat-x scroll 0 1px #E7E7E7; color: #454545; font: bold 15px Simplified Arial,sans-serif; height: 20px; margin: 1px 1px 20px; min-height: 0; padding: 5px 0 6px; width: auto; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
 
#sidebar .adv {
	border: 1px dashed #bcbcbc;
	margin: 20px auto 0;
	padding: 15px 0; }
 

/* Sidebar Style */
#sidebar { float: left; margin: 7px 0 0 0; padding: 0; }
	#sidebar #bottomside { color: #757575; line-height: 23px; margin: 1px 2px 1px 2px; padding: 1px; text-align: justify; }
	#sidebar div.firstside { height: 23px; margin: 0; padding: 0; }
	#sidebar div.sidebar { background: url(images/sidebar-background.png) bottom repeat-x; border-bottom: 1px solid #CCCCCC; margin: 0 auto 10px 0; padding: 1px 0 2px 0; }
	#sidebar div.sidebar[title~=الأوسمة] { font: bold 13px/26px tahoma,arial,helvetica,sans-serif; text-align: center; }
	#sidebar , #sidebar div.firstbar , #sidebar div.sidebar { width: 240px; }
	#sidebar div.sidebar p { margin: 0 2px 2px 0; padding: 0; }
	#sidebar ul { list-style: none; margin: 0; padding: 1px; }
		#sidebar ul li { background: url(images/arrow.gif) right 11px no-repeat; line-height: 17px; margin: 0 5px; padding: 4px 10px 7px 3px; }
	#sidebar p { margin: 0; padding: 0; }
	#sidebar a { color: #4a4a4a; margin: 0; text-decoration: none; }
/* Comments Style: In the begining */
.nocomments { margin: 0; padding: 0; text-align: center; }
h3.h3comment { color: #999999; font-size: 140%; margin: 10px auto; padding: 2px; text-align: center; }
#commentlist { margin: 0 auto; padding: 0; width: 95%; }
#content #commentlist li { -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #FFF url(images/comment.png) repeat-x top; border-radius: 6px; border: 1px solid #CCCCCC; color: #A89377; list-style: none; margin: 10px 0; padding: 5px 10px; }
#commentlist li ul.children { background-image: none; clear: both; list-style: none; margin: 10px 0 0 0; padding: 0; }
#commentlist li div.vcard img.avatar { float: right; margin: 0 0 0 6px; }
#commentlist li div.vcard { margin: 5px 0 5px; overflow: hidden; }
#commentlist li div.reply { text-align: left }
#commentlist li ul li, #commentlist li ul li ul li { -moz-border-radius: 6px; -webkit-border-radius: 6px; background-image: none; border-radius: 6px; border: 1px solid #CCCCCC; list-style: none; }
#commentlist li ul.children li.depth-2 { margin: 0 10px 10px 0; }
#commentlist li ul.children li.depth-3 { margin: 0 10px 10px 0; }
#commentlist li ul.children li.depth-4 { margin: 0 10px 10px 0; }
#commentlist li ul.children li.depth-5 { margin: 0 10px 10px 0; }
#commentlist li p { line-height: 24px; margin: 0; padding: 5px 0 13px 0; text-align: justify; }
#commentlist li cite { padding-top: 3px; color: #B15B05; font: bold 17px arial,helvetica,sans-serif;}
	#commentlist li cite a { color: #B15B05; }
		#commentlist li cite a:hover { text-decoration: none; }
#commentlist li small a { color: #000000; margin: 0; text-decoration: none; }
#commentlist li.comment-author-ahmed { position: relative; }
#commentlist li span.author { display: none; }
.comment-subject { color: #363636; font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 20px 0; }
/* Comments Style: Showing */
#respond { -moz-border-radius: 10px; -moz-box-shadow: 0 0 10px #CCCCCC; -webkit-border-radius: 10px; -webkit-box-shadow: 0 0 10px #CCCCCC; border-radius: 10px; border: 1px solid #aaaaaa; box-shadow: 0 0 10px #CCCCCC; margin: 25px auto; padding: 1px 30px 15px; width: 500px; }
	#respond .text { background-color: #FFFFFF; border: 1px solid #999999; color: #000; font: normal 13px tahoma; margin: 3px 0; padding: 3px 2px; width: 210px; }
	#respond label { clear: both; display: block; float: right; margin: 0; padding: 0; text-align: right; width: 280px; }
		#respond label small { color: #68131d; float: left; margin: 1px 5px; padding: 0; }
	#respond textarea { background-color: #fff; border: 1px solid #999999; font: normal 12px tahoma; margin: 0; padding: 2px; width: 490px; }
	#respond input[type=submit] { padding: 1px 2px; }
	#respond form p#submit { padding: 0 0 0 3px; text-align: left; }
/* Search Style */
#searchsubmit { background: transparent url(images/a.png) no-repeat scroll -117px -661px; border: 0; float: left; height: 30px; margin: 0 0 0 2px; padding: 0; text-indent: -9999px; width: 72px; }
.search { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #999999; float: right; height: 16px; margin: 3px 4px 0 0; padding: 2px; width: 153px; }
/* Footer Style */
#footer { background: #2f2f2f url(images/footer-background.png) top repeat-x; clear: both; height: 250px; text-align: right; width: 100%; }
	#footer div.c { margin: 0 auto; width: 1024px; }
#twitter { background: url(images/f.png) 0 0 no-repeat; float: right; height: 160px; margin: 35px 1% 0 15px; width: 301px; }
	#twitter a { color: #990000; text-decoration: none; }
	#twitter div { font: 13px tahoma; height: 90px; margin: 58px auto 0; width: 284px; }
		#twitter div p { line-height: 18px; margin: 1px; }
		#twitter div small { color: #FFFFFF; }
.footer-box { background: url(images/f.png) 0 -204px no-repeat; float: right; height: 136px; margin: 75px 12px 0; padding: 3px 0 0; position: relative; width: 206px; }
	.footer-box h2 { margin: 0; padding: 0; }
	.footer-box .footer-links { background: url(images/f.png) -188px -162px no-repeat; height: 25px; position: absolute; right: -3px; text-indent: -9999px; top: -37px; width: 111px; }
	.footer-box .footer-another-links { background: url(images/f.png) 1px -162px no-repeat; height: 25px; position: absolute; right: -3px; text-indent: -9999px; top: -37px; width: 111px; }
	.footer-box ul { list-style: none; margin: 0; padding: 3px 0 0; }
		.footer-box ul li { background: url(images/f-arrow.png) 188px 11px no-repeat; padding: 1px 22px; }
			.footer-box ul li a { border-bottom: 1px dashed #000000; color: #000000; font: 12px tahoma; line-height: 20px; padding: 0 0 3px; text-decoration: none; }
				.footer-box ul li a:hover { border-bottom: 1px dashed #ffffff; color: #ffffff; }
#footer-conclusion { background: url(images/f.png) -102px -342px no-repeat; float: right; height: 172px; margin: 45px 10px 0 0; position: relative; width: 198px; }
	#footer-conclusion .c-rss { display: block; height: 31px; left: 44px; position: absolute; text-decoration: none; text-indent: -9999px; top: 15px; width: 134px; }
	#footer-conclusion .c-mobde3net { display: block; height: 35px; left: 37px; position: absolute; text-decoration: none; text-indent: -9999px; top: 47px; width: 140px; }
	#footer-conclusion .c-wordpress { display: block; height: 63px; left: -1px; position: absolute; text-decoration: none; text-indent: -9999px; top: 109px; width: 201px; }
.syntaxhighlighter { font-size: 12px !important; }
.wp-smiley { border: none; margin: 0; padding: 0; }
#content p a img { margin: 0 -2px -6px }
#content .post { padding: 20px 0 15px; }
#content .post-wd { float: right; margin-left: 14px; width: 288px; }
	#content .post-wd h2 { background-color: #E2E2E0; font-size: 18px; height: 34px; padding: 0; }
		#content .post-wd h2 a { color: #717981; display: block; padding: 4px 10px 0; }
	#content .post-wd.alt {  margin-left: 0; }
	#content .post-wd  ul { -moz-border-radius: 7px; -webkit-border-radius: 7px; background: url("images/box-shadow.png") repeat-x 0 1px; border-radius: 7px; border: 1px solid #DEDEDE; margin: 7px 0; min-height: 190px; padding: 5px 0 10px; }
		#content .post-wd  ul li { background: url("images/arrow2.png") no-repeat right 9px; margin: 0 10px; padding: 0 15px; }
			#content .post-wd  ul li a { border: 0; color: #353536; }
				#content .post-wd  ul li a:hover { background: 0; color: #5c5c5c; }
#content h2.without-style { background: 0; padding: 0; }
#content .date { -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #FCFBF6; border-radius: 7px; color: #726E70; float: left; font: 12px tahoma; margin: 2px 0 0; padding: 6px 6px 0; width: 100px; }
#content .post-title { position: relative; }
#content h4 { font-size: 17px; }
#content .wp-smiley { border: 0 none;}
/* #content .twitter-button, #content .ajb-button { float: left; }
#content .ajb-button{ bottom: 8px; margin-left: 10px; position: relative; } */
.wp-table-reloaded { font: 13px/26px tahoma,arial,helvetica,sans-serif !important; }

#share-on-social-networks {
	float: right;
	width: 90px;
	position: fixed;
	right: 13px;
	top: 167px;
	border-radius: 7px;
	background-color: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 1px 2px #717171;
	-moz-box-shadow: 0 1px 2px #717171;
	-webkit-box-shadow: 0 1px 2px #717171;
}

#share-on-social-networks h2 {
	background: url("images/share-post-heading-background.jpg") repeat-x scroll 0 0 #EDEDED;
	font: 14px arial, sans-serif;
	height: 28px;
	margin: 5px 0;
	padding: 0;
	overflow: hidden;
}

#share-on-social-networks h2 span.share-post {
	background: url("images/a.png") no-repeat scroll -178px -747px transparent;
	display: block;
	height: 17px;
	margin: 4px auto;
	text-indent: -9999px;
	width: 76px;
}

#share-on-social-networks .share-content {
	padding: 10px 0;
	text-align: center;
}

