/*

Theme Name: Purple Swirl

Theme URI: http://www.themelab.com/free-wordpress-themes/

Description: Design by <a href="http://www.ceneb.com">Ceneb</a>.  WordPressed by <a href="http://www.themelab.com">Theme Lab</a>

Version: 1.0

Author: Theme Lab

Author URI: http://www.themelab.com/

*/



body {margin:70px 0 0 0;font-family:tahoma;color:#8b8b8b;font-size:12px;background:url(images/bg.jpg) repeat-x #22262f;}

#page-wrap {width:983px;margin:0 auto;}

#header-wrap {border:solid 1px #42495b;width:980px;}


#header {height:50px;width:963px;background:url(images/header.jpg) no-repeat right #1b1c1e;border:solid 1px #000000;padding-right:15px;padding-top:10px;padding-bottom:10px;}

#header h1 {font-size:17px;margin:0; text-align:right;}

#header h1 a {color:#FFF;text-decoration:none;}

#header p {margin:0;color:#999;}

#header p a {color:#999;text-decoration:none;font-weight:bold;}

#header p a:hover {text-decoration:underline;}

#logo {float:right;margin-top:7px;}

#search {float:left;margin-left:10px;margin-top:14px;}

#search .field {background:url(images/search_bg.png) no-repeat; border-style:none; height:26px; width:242px;float:left; padding-top:5px; margin-right:5px; text-indent:5px;color:#f4f4f4; font-family:Tahoma;font-size:12px; text-align:center;}

#search .button {margin-left:7px;height:25px;background:#1b1c1e;border: solid 1px #8594b2;color:#f4f4f4; font-family:Tahoma;font-size:12px; text-align:center; vertical-align:middle;}

#menu {height:29px;width:980px;background:url(images/menubg.png)  repeat-x;border:solid 1px #42495b;border-top:0;list-style:none;margin:0px;padding:0;}

#menu li {float:right;list-style-type:none;}			

#menu li a {float:left;color:#657186;font-weight:normal;padding-left:18px;padding-right:18px;line-height:28px;text-decoration:none;background: transparent url(images/menudivider.png) center right no-repeat;}

#menu li a:hover {text-decoration:none;color:#b0c9f8;}

#content{float:right; direction:rtl;}

.post {width:551px;margin-top:25px;}

.post .title {height:37px;background:url(images/posttitle.png) no-repeat;}

.post .title h3 { font-family:tahoma; font-size:16px;margin:0;color:#5d94fd;text-align:center;line-height:42px;}

.post .title h3 a {color:#5d94fd;text-decoration:none;}

.post .title h3 a:hover {text-decoration:none;}

.post .info {background:#1b1d20;padding:10px 10px 10px 0px;overflow:hidden;color:#4f5869; direction:rtl;}

.post .info .gravatar {float:right;width:50px;height:50px;background:#232730;border:solid 1px #4f5869;}

.post .info .content {float:left;background:#1b1d20;width:472px;margin-right:8px;margin-top:6px;}

.post .info .content p{color:#4f5869;}

.post .info .author {float:right;}

.post .info .date {float:right;margin-top:7px;padding-left:20px;}

.post .info .category {float:left;margin-top:7px;}

.post .info .category a {color:#4f5869;text-decoration:none;font-weight:bold;}

.post .info .category a:hover {text-decoration:none;}

.post .info .comments {float:right;margin-top:7px;padding-left:10px;text-align:right;background:url(images/comment.png) right no-repeat;padding-right:13px;}

.post .info .comments a {color:#4f5869;text-decoration:none;font-weight:bold;}

.post .info .comments a:hover {text-decoration:none;}

.post-wrap {border:solid 1px #1b1c1e;width:547px;background:#1e2024; }

.post .img{direction:rtl;margin-right:1px;width:545px;background:#1e2024;overflow:hidden; text-align:justify;  line-height:18px;}

.post .content {width:545px;overflow:hidden; text-align:justify;  line-height:18px;}

.post .content p {/* float:left; */ margin:0;padding-left:10px;}

.post .content ol li ,.post .content ul li{color:#bbc7df; padding-left:20px;}

.post .content ul{ margin-bottom:50px;}

.post .post-content p {padding:10px; direction:rtl;}

.post .post-content a{color:#90d051;text-decoration:none;}

.post .post-content a:hover{color:#ffffff;text-decoration:none;}

.post h3#comments, .post h3#respond{padding-right:10px;}

.pagination a{color:#4a6bb7;text-decoration:none; }

.pagination a:hover{color:#4f5869;text-decoration:none;}

.pagination{margin-top:10px;}

img.avatar{float:right;padding-left:5px;}

#sidebar{float:left;margin-right:10px;width:420px;}

#sidebar #ads{width:419px;}

#sidebar #ads .title {height:37px;background:url(images/adtitle.png) no-repeat;}

#sidebar #ads .title h3 {font-size:15px;margin:0;color:#7585a1;text-align:center;line-height:42px;font-family:tahoma;}

#sidebar #ads .wrapper {border:solid 1px #1b1c1e;width:418px;}

#sidebar #ads .content {width:418px;background:#1e2024;overflow:hidden;padding-top:10px;padding-bottom:5px;}

#sidebar #ads .content img{border:0;margin-left:7px;margin-bottom:5px;border:solid 1px #000;}

#sidebar #ads .content img:hover {border:solid 1px #FFF;}

#sidebar #left{float:left;width:199px;}

#sidebar #right {float:right;width:199px;}

#sidebar .title {height:37px;background:url(images/sidetitle.png) no-repeat;margin-top:25px;}

#sidebar .title h3 {font-size:15px;margin:0;color:#7585a1;text-align:center;line-height:42px; font-family:tahoma;}

#sidebar .wrapper {border:solid 1px #1b1c1e;width:197px;}

#sidebar .content {width:197px;background:#1e2024;overflow:hidden;padding-top:10px;padding-bottom:5px;}

#sidebar ul{list-style-type:none;margin:0;padding:0 10px 10px 10px; direction:rtl;}

#sidebar li { background: url(images/arrow.png) right top no-repeat;padding-right:13px;padding-bottom:6px;}

#sidebar a{color:#8b8b8b;text-decoration:none;}

#sidebar a:hover{color:#90d051;text-decoration:none;}

#sidebar #calendar_wrap a {text-decoration:underline;}

#footer-wrap {float:left;border:solid 1px #1b1c1e;width:980px;margin-top:25px;margin-bottom:15px;}

#footer {height:38px;background:url(images/footerbg.png) repeat-x #1b1c1e;border:solid 1px #22262f;padding-top:13px;padding-left:13px;}

#footer p{text-align:left;margin:0; font-size:11px; color:#333333;}

#footer a{color:#333333;text-decoration:none;}

#footer a:hover{text-decoration:none;}







/*************** HEADERS *****************/

.post .content h1 , .post .content h2 ,  .post .content h3 ,.post .content h4{
	margin-right:10px;
	margin-left:10px;
	margin-top:20px;
	font-family:tahoma;
	font-weight:bold;
	padding-right:15px;

}

.post .content h1 {
	border-bottom: 10px #2d313a solid;
	font-size:25px;
	color:#ededed;
}

.post .content h2 {
	border-bottom: 5px #2d313a solid;
	font-size:18px;
	color:#8a99b7;
}

.post .content h3 {
	border-bottom: 2px #2d313a dotted;
	font-size:16px;
	color:#bebebe;
	
}


/*************** CODE *****************/

code {
	background: url('images/code.gif');
	border-left: 6px solid #1664D9;
	border: 1px solid #b2b2b2;
	color: #f4f4f4;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
	text-align:left;
	direction:ltr;
}





/*************** COMMENTS *****************/


ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin:0px 30px 14px 30px;

	}
	

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(images/bg_comments2_cite.gif);
	border-top:1px solid #425274;
	border-bottom:1px solid #425274;
	color:#9ea7b8;
	}	
	
	


.commentlist a:link, .commentlist a:visited {
	color:#9ea7b8;
	text-decoration:none;
	}

.commentlist a:hover, .commentlist a:active {
	color:#9ea7b8;
	text-decoration:none;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: bold 16px tahoma;
	text-decoration:none;
	}

.commentlist .time {
	padding:5px;
	text-decoration:none;
	}

.commenttext {
	background: #3f444e url(images/bg_comments2_text.jpg) repeat-x bottom;
	padding: 0 20px 10px 20px;
	color:#f4f4f4;
	}
	
	.inputc{
	background:#1e2024 url(images/bg_comments2_text.jpg) repeat-x top;
	border-style:none;
	min-height:15px;
	padding:5px;
	font-family:Tahoma;
	font-size:12px;
	color:#f4f4f4;
}



	
	
/*************** IMAGES *****************/
p img {
	padding: 2px;
	max-width: 100%;
	border: 0px #4a5467 solid;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	padding: 2px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;


	}

img.alignright {
	padding: 2px;
	margin: 0 0 2px 7px;
	display: inline;
	margin-bottom:20px;


	}

img.alignleft {
	padding: 2px;
	margin: 0 7px 2px 0;
	display: inline;
	margin-bottom:20px;

	}

img.alignright {
	float: right;

	}

img.alignleft {
	float: left;

	}




/*************** PAGE BAR *****************/

.pagebar
{
padding-top: 1px;
padding-bottom: 1px;
font-size:12px;
text-align:center;
direction:rtl;
line-height:27px;
margin-left:0px;
margin-right:0px;
border: 1px solid #4c5363;
background: #222630;
text-decoration: none;
}

.pagebar a, .pageList .this-page
{
   border: 1px solid #1b1d20;
   text-decoration: none;
   padding: 0.2em 0.5em;
   color: #6397c4;
}

.pagebar a:visited
{
   border: 1px solid #1b1d20;
   text-decoration: none;
   padding: 0.2em 0.5em;
   color: #6397c4;
}

.pagebar .break
{
   padding: 2px 6px;
   border: none;
   background: #333333;
   text-decoration: none;
   color: #6397c4;
}

.pagebar .this-page
{
   border: 1px solid #1b1d20;
   padding: 0.2em 0.5em;
   font-weight: bold;
   background: #92a9d0;
   color: #000;
}

.pagebar a:hover
{
   border-color: #1b1d20;
   background: #22262f;
   color: #6397c4;
}



.randome_posts{
	background: url(images/randome_bg.png) no-repeat;
	margin:30px;
	padding-top:50px;
	padding-right:50px;
}

.randome_posts a{
	color:90d051;
}

/*************** NOTE *****************/

.note{
	background-image:url(images/note.gif);
	padding:10px;
	border:1px #b2b2b2 solid;
	color:#f4f4f4;
	margin:10px;
	direction:rtl;
}

.big{
	color:#cbcbcb;
	margin:10px;
	direction:rtl;
	text-align:center;
	font-family:Tahoma;
	font-size:20px;
}

.smiles{
	margin:30px;
	direction:rtl;
}



/*************** CONTACT FORM *****************/


}
div#coldform * {
padding: 0;
margin: 0;
border: 0;
}

div#coldform {
font-family: Tahoma;
font-size: 12px;
margin: 11px 20px;
color: #777;
}


div#coldform fieldset {
border: 0 none;
display: block;

}
div#coldform legend.hide {
display: none;
}

}
.input:focus, textarea:focus { 
border: 1px solid #777; 
color: #aaa;
}



/* الاسم - البريد - الموقع */


div#coldform label.label {
font-size: 1.1em;
display: block;
padding-top: 5px;
width: 300px;
clear: right;
float: right;
font-family: Tahoma;
font-size: 12px;

}




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

}

  
div#coldform input.input {
font-family: Tahoma;
border-style:none;
background:#1e2024 url(images/bg_comments2_text.jpg) repeat-x top;
padding: 3px 3px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
display: block;
width: 200px;
color: #f4f4f4;
clear: right;
float: right;
}



div#coldform textarea#coldform_message
 {
font-family: tahoma;
border-style:none;
background:#1e2024 url(images/bg_comments2_text.jpg) repeat-x top;
padding: 1px 3px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
display: block;
width: 350px;
color: #f4f4f4;
clear: right;
float: right;
line-height:20px;
}


div#coldform input.submit {
font-family: Tahoma;
margin: 7px 10px 10px 0;
border-style:none;
background:#1e2024 url(images/bg_comments2_text.jpg) repeat-x top;
font-size: 12px;
cursor: pointer;
display: block;
padding: 3px;
width: 150px;
color: #f4f4f4;
clear: right;
float: right;
}


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

/* SLIDER */

#slider {
    width: 420px; /* important to be same as image width */
    height: 175px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 420px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px tahoma;
    padding: 10px 13px;
    width: 400px;
	height: 40px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}