/*
            Theme name: zo0on-white
            Theme URI: http://www.zo0on.com.com
            Description: zo0on-white Theme Designed and Coding by yousef Al-Otaibi.
            Tags: zo0on-white, style,
            Author: yousef Al-Otaibi
            Author URI: http://www.zo0on.com
            Version: 1.0
*/

/*Css Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, #dropdown {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6, p, blockquote, input, li, ul, ol {
direction:rtl
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/*Style Start*/

.clear { clear:both; }

a {
	color:#000099;
	text-decoration:none;
}
a:hover {
	color:#0000FF;
	text-decoration:none;
}
body{ 
	font-family:tahoma;
	font-size:14px;
	background:#F4F4F4;
}
#wrap{
	width:1003px;
	margin:auto;
	border-right:2px solid #000;
	border-left:2px solid #000;
	position:relative;
}
#header { 
	background:url(images/header-img.jpg) no-repeat;
	height:179px;
	padding:0px;
	margin:0px;
}
#log {
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	direction:rtl;
	padding-right:3px;
	line-height:17px;
	height:20px;
}
#log small {
	float:left;
	color:#000099;
	margin-left:5px;
}
#log a img {
	padding-top:1px;
}
#logo{
	position:absolute;
	right:15px;
	top:30px;
}
#rss-heder {
	position:absolute;
	right:365px;
	top:80px;
}
.navbar {
	margin-top:130px;
	padding:2px 5px;
}
.navbar ul {
	padding:opx;
	margin:0px;
}
.navbar li {
	display:inline;
	border-left:1px solid #000;
	padding:0px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
.navbar li a {
	color:#3D3D3D;
	text-decoration:none;
}
.navbar li a:hover {
	color:#000;
	text-decoration:none;
}
#map {
	background:#ebebeb url(images/map.png) no-repeat 100% 50%;
	padding:7px 19px 7px 0px;
	margin-right:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #aeaeae;
	width:710px;
	margin-bottom:3px;
}
#map p {
	font-family:tahoma;
	font-size:12px;
}
#map:hover {
	text-shadow : #313131  0px 0px 0.1em;

}
#map strong {
	color:#006600;
}


/*Advertisement */
#Advertisement {
}
#ads-top {
	background:url(images/ads-top.png) no-repeat;
	width:988px;
	height:32px;
	margin:auto;
	margin-top:7px;
}
#ads-bg {
	background:url(images/ads-bg.png) repeat-y;
	width:988px;
	margin:auto;
	text-align:center;
	padding-top:3px;
}
#ads-bottom {
	background:url(images/ads-bottom.png) no-repeat;
	width:988px;
	height:14px;
	margin:auto;
}

/*Content*/
blockquote {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#000;
	width:650px;
	padding:7px;
	border-right:4px solid #000;
	border-top:1px dashed #AEAEAE;
	border-left:1px dashed #AEAEAE;
	border-bottom:1px dashed #AEAEAE;
	background:#CDCDCD;
}
address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#000066;
	border-bottom:3px solid #003300;
	padding-top:10px;
	padding-bottom:4px;
}
.entry ul {
	padding:4px;
}
.entry ul li {
	color:#FF0000;
	list-style-type:disc;
}
#content {
	direction:rtl;
	padding:3px;
	overflow:hidden;
	margin-bottom:20px;
}
#posts{
	padding-top:10px;
	float:right;
	width:748px;
}
.post{
	width:734px;
	padding-bottom:10px
}
.post h1{
	background:url(images/post-h2-bg.gif) no-repeat;
	height:47px;
	padding-right:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:47px;
	font-weight:bold;
	text-shadow: 0px 0px 1px #555555;
	filter: dropshadow(color=#555555,offX=5,offY=5);
        filter: glow(color=#555555,strength=2);
}
.post h1 a{
	text-decoration:none;
	color:#3D3D3D;
}
.post h1 a:hover {
	text-decoration:none;
	color:#000;
}
#posts #post-error-h2 {
	background:url(images/post-h2-bg.gif) no-repeat;
	width:734px;
	height:47px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:47px;
	font-weight:bold;
}
#posts #post-error-h2 h2 {
	padding-right:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:47px;
	font-weight:bold;
	color:#000;
}
#posts #post-error-p {
	background:url(images/post-entry-bg1.gif) repeat-y;
	width:734px;
}
#posts #post-error-p p {
	padding:7px;
	font-family:tahoma;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	color:#000;
}
#posts #post-error-p p small {
	color:#FF0000;
}
#posts #post-error-p  li {
	background:url(images/rer.gif) repeat-y 98%;
	padding:5px 35px 4px 7px;
	font-family:tahoma;
	font-size:13px;
	list-style:none;
}
#post-error-bg {
	background:url(images/post-small-bg.gif) no-repeat;
	height:23px;
	width:734px;
}
#searchbox-error {
	padding:10px 18px 19px 0px;
	width:234px;
	margin:auto;
}
#searchbox-error #s{
	background:url(images/searchbg.gif) no-repeat;
	width:173px;
	height:21px;
	line-height:20px;
	font-family:tahoma;
	font-size:13px;
}
#searchbox-error #button {
	background:url(images/search-botton.gif) no-repeat 100%;
	height:21px;
	width:44px;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	position:relative;
	top:3px;
	margin-bottom:3px;
}
.postcontent{
	background:url(images/post-entry-bg1.gif) repeat-y ;
	padding:7px;
/*	width:715px;
	border-right:1px solid #CCCCCC;
	border-left:1.50px solid #CCCCCC;
	margin-right:1.90px;
*/
}
.postcontent p  {
	font-family:tahoma;
	font-size:13px;
	line-height:1.5;
	text-align:justify;
	padding-bottom:20px;
}
.postcontent h3 {
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	text-align:right;
margin:5px 0px;
}
.postcontent h3 b {
	color:#CC0000;
}
.postcontent em {
	color:#FF0000;
}
.postcontent ol {
	list-style:decimal;
	font-family:tahoma;
	font-size:12px;
	padding:7px 5px;
	margin-right:25px;
	line-height:1.3;
	color:#006600;
}
.postcontent ul {
	list-style:square;
	font-family:tahoma;
	font-size:12px;
	padding:7px 5px;
	margin-right:25px;
	line-height:1.3;
	color:#0033CC;
}
.postcontent h3 .search-a {
	color:#006600;
}
.postmeta {
	background:url(images/post-small-bg.gif) no-repeat;
	height:23px;
	width:734px;
	line-height:23px;
	
}
.postcontent .tags{
	border-top:2px solid #000;
	background:#EDEDED;
	border-right:1px dashed #CDCDCD;
	border-left:1px dashed #CDCDCD;
	border-bottom:1px dashed #CDCDCD;
	width:500px;
	margin:auto;
	margin-top:7px;
	padding:4px;
	font-family:tahoma;
	font-size:12px;
	text-align:center;
}
.postcontent .tags a{
	color: black;
}
.postmeta .more {
	font-family:tahoma;
	font-size:12px;
	width:111px;
	position:absolute;
	right:10px;
}
.postmeta .postsmall {
	font-family:tahoma;
	font-size:12px;
	position:absolute;
	width::490px;
	right:250px;
}
.postmeta .postcomments {
	font-family:tahoma;
	font-size:12px;
	position:absolute;
	width:100px;
	right:640px;
}
/*post video*/
.post-vid {
	width:370px;
	float:right;
}
.post-vid h4 {
	background:url(images/post-video-h1.gif) no-repeat;
	height:37px;
	font-family:tahoma;
	font-size:14px;
	color:#000066;
	line-height:37px;
	text-align:center;
}
.post-vid h4:hover {
	font-weight:bold;
}
.postcontent-vid {
	background:url(images/post-video-bg.gif) repeat-y;
	text-align:center;
	padding:5px 0px;
}
.postcontent h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:right;
	font-weight:bold;
	color:#003366;
	padding:5px 7px;
	margin:5px 0px;
	border-bottom:3px solid #003366;
}
.postmeta-vid {
	background:url(images/post-small-video-bg.gif) no-repeat;
	height:23px;
	margin-bottom:5px;
	font-family:tahoma;
	font-size:13px;
	color:#000033;
	line-height:23px;
	text-align:center;
}
/* Comments Templates */
#post_meta {
	background:#cdcdcd;
	border-top:1px #939393 dashed;
	border-left:1px #939393 dashed;
	border-bottom:1px #939393 dashed;
	border-right:3px #939393 solid;
	width:70%;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	line-height:1.20;
	padding:7px;
	margin-top:10px;
}
#post_meta h5 {
	text-align:center;
	padding-bottom:3px;
	border-bottom:2px dashed #000;
}
#post_meta p {
	padding-top:5px;
}
#post-rss {
	background:#FFCC66 url(images/post-rss.png) no-repeat 98% 50%;
	border-right:3px solid #ff6600;
	border-left:1px dashed #FF6600;
	border-top:1px dashed #FF6600;
	border-bottom:1px dashed #FF6600;
	width:70%;
	height:35px;
	line-height:2.5;
	padding:7px;
	text-align:center;
	margin:auto;
	margin-top:10px;
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	color:#000;
}
#comments_h3  {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	font-size:19px;
	font-weight:bold;
}
.comments li {
	clear:both;
	padding:5px 0px;

}
.comment_author {
	background:url(images/comments-up.gif) no-repeat;
	width:736px;
	height:36px;
}
.comments p a{
	text-decoration:none;
}
.comment_author p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	display:inline;
	line-height:36px;
	padding-right:20px;
	margin-left:20px;
}
.comment_author p b {
	font-family:tahoma;
	font-size:12px;
	color:#CC0000;
	display:inline;
	line-height:36px;
}

.main_comment {
	background:url(images/comments-bg11.gif) repeat-y;
	width:736px;
	
}
.main_comment p {
	font-family:tahoma;
	font-size:13px;
	color#000;
	padding:3px 7px;
	line-height:1.5;
}
.main_comment p a:hover {
	text-decoration:underline;
}
.main_commentimg {
	background:url(images/comments-bottom.gif) no-repeat;
	height:21px;
}
/* Respond */
#respond { clear:both;}
#respond-h3 {
	background:url(images/comments-up.gif) no-repeat;
	width:736px;
	height:36px;
}
#respond h3 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	padding:10px;
	font-size:19px;
	font-weight:bold;
}
#commentform{
	background:url(images/comments-bg11.gif) repeat-y;
	width:736px;
}
#commentform p{
	padding:7px;
}
#commentformimg {
	background:url(images/comments-bottom.gif) no-repeat;
	height:21px;
}
#respond input {
	font-family:tahoma;
	font-size:14px;
	background:#fff;
	margin:5px 0;
	padding:10px;
	margin-left:10px;
	margin-right:11px;
	width:220px;
	color:#000;
	border:1px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#respond input:hover {
	border:1px solid #000;
	color:#000;
}
#respond small {
	font-size:11px;
	font-weight:bold;
	color:#333;
}
#respond textarea {
	font-family:tahoma;
	font-size:14px;
	width:550px;
	border:1px solid #999;
	padding:10px;
	margin-right:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#000;
}
#respond #submit {
	width:100px;
	color:#000;
}
/*sidebar*/
#sidebar{
	float:left;
	width:249px;
}
#sidebar-post {
	float:left;
	width:249px;
}
#searchbox {
	background:url(images/side-bg.gif) repeat-y;
	padding:5px 18px 5px 0px;
}
#searchbox #s{
	background:url(images/searchbg.gif) no-repeat;
	width:173px;
	height:21px;
	line-height:20px;
	font-family:tahoma;
	font-size:13px;
}
#searchbox #button {
	background:url(images/search-botton.gif) no-repeat 100%;
	height:21px;
	width:44px;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	position:relative;
	top:3px;
	margin-bottom:3px;
}
.widget {
	background:url(images/side-bottom-bg.gif) no-repeat 100% 100%;
	margin:9px 0px;
	padding-bottom:11px;
}
.widget h2 {
	background:url(images/side-up-bg.gif) no-repeat;
	height:38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#000;
	text-align:center;
	line-height:35px;
}
.widget ul {
	background:url(images/side-bg.gif) repeat-y;
	padding:5px 6px;
}
.widget ul p {
	padding:1px 3px;
	line-height:1.2;
}
.widget ul span img {
	padding:2px 3px;
	margin:0px;
}
.widget ul ul ul{/*7777777777*/
	background:url(images/side-bg.gif) repeat-y;
	padding:5px 6px;
}
.widget ul #dropdown {
	font-family:tahoma;
	font-size:11px;
	width:150px;
	border:1px solid #dedede;
	padding:3px 3px;
	margin-right:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.widget li {
	wiadth:233px;
	background:url(images/rer.gif) repeat-y 100%;
	font-family:tahoma;
	font-size:13px;
	padding:1px 15px 5px 0px;
	border-bottom:1px dotted #dedede;
}
.widget li a {
	text-decoration:none;
	color:#555;
}
.widget li a:hover {
	color:#000;
}
.widgetimg {
	background:url(images/side-bottom-bg.gif) no-repeat;
}

/*other*/
#other {
	baackground:#EDEDED;
	width:980px;
	height:250px;
	border-top:1px solid #000;
	border-right:1px dashed #888888;
	border-left:1px dashed #888888;
	border-bottom:1px dashed #888888;
	margin:auto;
}
#other h4 {
	background:url(images/other-pg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#000;
	font-weight:bold;
	padding:5px 3px;
	border-bottom:1px dashed #888888;text-align:center;
}
.widget_footer {
	width:237px;
	float:right;
	margin:2px 4px;
	padding:5px 0px;
	height:215px;
	
}
.widget_footer h2 {
	background:url(images/other-pg.gif);
	border:1px dashed #000;
	margin-bottom:2px;
	padding:5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
}
.widget_footer h2 b {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#000066;
	text-align:center;
}
.widget_footer div {
	background:#EDEDED;
	padding:5px 3px;
	border:1px dashed #888888;
	height:160px;
}
.widget_footer div ul {}
.widget_footer div ul p {
	font-family:tahoma;
	font-size:13px;
	line-height:1.8;
}

/*footer*/
#footer {
	clear:both;
	background:url(images/footer-bg.gif) repeat-x;
	height:51px;
	position:relative;
}
#footer  #copyright span {
	font-family:tahoma;
	font-size:11px;
	line-height:16px;
	margin-left:330px;
}
#footer #copyright {
	background:url(images/coperight.gif) no-repeat 50%;
	height:31px;
	padding-top:9px;
	position:relative;
}
#footer #iconup {
	width:33px;
	height:31px;
	position:absolute;
	top:10px;
	left:10px;
}
.list-post {
	list-style-image:url(images/doc_page_previous.png);
	list-style-position:inside;
	padding:5px;
}
/*-----------------------------------------------------------------------------------------*/
/* 
Coldskin #2 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/08/contact-coldskins/ 
*/

div#coldform * {
    padding: 0;
    margin: 0;
    border: 0;
}
div#coldform {
    font-family: Tahoma;
    background-color: #3A3A3A;
    border: 2px solid #000000;
    font-size: 10px;
    margin: 11px 0;
    width: 500px;
    color: #FFF;
}
div#coldform fieldset {
    border: 0 none;
    display: block;
    clear: both;
}
div#coldform legend.hide {
    display: none;
}

.input:focus, textarea:focus { 
    border: 1px solid #000; 
    color: #fff;
}


div#coldform label.label {
    font-size: 1.1em;
    display: block;
    margin: 5px 0;
    padding-top: 5px;
    width: 177px;
    clear: left;
    float: left;
}

div#coldform label.label2 {
color:#fff;
display:block;
font-family:Tahoma;
font-size:12px;
padding-bottom:10px;
width:463px;
float:left;
clear:left;

}

  
div#coldform input.input {
    font-family: Tahoma;
    border: 1px solid #000;
    background: #212121;
    padding: 3px 3px;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 300px;
    color: #fff;
    clear: right;
    float: right;
}

div#coldform textarea#coldform_message
 {
    font-family: tahoma;
    border: 1px solid #000;
    background: #222;
    padding: 1px 3px;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 470px;
    color: #fff;
    clear: right;
    float: right;
}


div#coldform input.submit {
   font-family: Tahoma;
    border: 1px solid #000;
    margin: 7px 10px 10px 0;
    background: #222;
    font-size: 12px;
    cursor: pointer;
    display: block;
    padding: 3px;
    width: 308px;
    color: #FFF29E;
    clear: right;
    float: right;
}


div#coldform input.check {
display:block;
margin: 0;
padding-bottom: 5px;
width:37px;
float:right;
clear:right;
}

#wp_related_posts {
	border:1px dashed #939393;
	width:69%;
	background:#EDEDED;
	padding:5px;
	margin-bottom:10px;
	margin-right:102px;
	border-right:3px solid #939393;
}
#wp_related_posts h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:center;
	border-bottom:2px dashed #000;
	padding-bottom:5px;
}
#wp_related_posts ul {
	padding:5px 0px;
}
#wp_related_posts li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
}
#wp_related_posts li a {
	color:#000099;
	text-decoration:none;
}
#wp_related_posts li a:hover{
	color:#0000FF;
	text-decoration:underline;
}
.syntaxhighlighter code {
display:inline !important;
}
#clock {
	float:left;
	margin-left:5px;
	color:#000099;
}
.download {
	width:428px;
	margin:0px;
	padding:4px;
	margin:auto;
}
.download-h2  {
	background:url(images/box-load.png) no-repeat;
	width:428px;
	height:37px;
}
.download-a {
	background:url(images/box-bg.png) repeat-y ;
	padding:0px 7px;
	font-family:tahoma;
	font-size:13px;
	line-height:1.3;
	color:000099;
	text-decoration:none;
	text-align:center;
}
.download-a a {
	color:#1C9400;
}
.box-foter {
	background:url(images/box-bottom.png) no-repeat;
	width:428px;
	height:16px;
}
.link {
	width:428px;
	margin:0px;
	padding:4px;
	margin:auto;
}
.link-h2 {
	background:url(images/box-link.png) no-repeat;
	width:428px;
	height:37px;
}
.link-a {
	background:url(images/box-bg.png) repeat-y ;
	padding:0px 7px;
	font-family:tahoma;
	font-size:13px;
	line-height:1.3;
	color:000099;
	text-decoration:none;
	text-align:center;
}
.note {
	width:428px;
	margin:0px;
	padding:4px;
	margin:auto;
}
.note-h2 {
	background:url(images/box-note.png) no-repeat;
	width:428px;
	height:37px;
}
.note-p {
	background:url(images/box-bg.png) repeat-y ;
	padding:0px 7px;
	font-family:tahoma;
	font-size:13px;
	line-height:1.3;
	color:#006A71;
	text-align:center;
}
.tanbih {
	width:428px;
	margin:0px;
	padding:4px;
	margin:auto;
}
.tanbih-h2 {
	background:url(images/box-Caution.png) no-repeat;
	width:428px;
	height:37px;
}
.tanbih-p {
	background:url(images/box-bg.png) repeat-y ;
	padding:0px 7px;
	font-family:tahoma;
	font-size:13px;
	line-height:1.3;
	color:#FF0000;
	text-align:center;
}
.example {
	width:428px;
	margin:0px;
	padding:4px;
	margin:auto;
}
.example-h2 {
	background:url(images/box-examble.png) no-repeat;
	width:428px;
	height:37px;
}
.example-p {
	background:url(images/box-bg.png) repeat-y ;
	padding:0px 7px;
	font-family:tahoma;
	font-size:13px;
	line-height:1.3;
	color:#000099;
	text-align:center;
}
/*box download - demo*/
.download-img, .demo-img {
	display:inline-block;
}
.download-img a {
	width:181px;
	height:46px;
	background:url(images/downlaod-demo.png) no-repeat right top;
	display:block;
	margin:7px;
}
.download-img a:hover {
	background:url(images/downlaod-demo.png) no-repeat left top;
}
.demo-img a{
	width:181px;
	height:46px;
	background:url(images/downlaod-demo.png) no-repeat right bottom;
	margin:7px;
	display:block;
}
.demo-img a:hover {
	background:url(images/downlaod-demo.png) no-repeat left bottom;
}