/*-----------------------------------------------------------

# WordPress Arabic YouTube Theme v1.0 - April 2009

# ------------------------------------------------------------------------

# Copyright (C) 2009 VillaARTS. All Rights Reserved.

# @license - WordPress Arabic YouTube Theme is available under the terms of our license.

# Author: VillaARTS Inc

# Websites:  http://www.villaarts.com

-----------------------------------------------------------*/



/* CSS Reset

-----------------------------------------------------------*/



body{font-family:"Tahoma", Geneva, sans-serif; color:#000; font-size:11px; width:100%; background:url(imgs/body.gif) repeat-x #50b1f6;}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, p, h5, h6, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{

	margin:0; padding:0; border:0; outline:0; list-style:none; list-style-type:none; text-decoration:none;

	}



p{direction:rtl;}



*{margin:0px; padding:0px;}



a {color:#000;}



	fieldset, input, textarea , label{ border:0;margin:0;padding:0; font-family:'Tahoma', Helvetica, sans-serif;}



/* float-clearing rules */



.separator { clear:both; }



/* Header Start

-----------------------------------------------------------*/



#headerout {width:100%; height:441px; background:url(imgs/header_ground.jpg) top center no-repeat; margin:0 auto}

#headerout2 {width:100%; height:441px; background:url(imgs/header_singlepage.jpg) top center no-repeat; margin:0 auto}

#headerin{width:1000px; height:441px; margin:0 auto;}



.header-ads{width:468px; height:60px; float:right; margin:35px 20px 0 0; background-color:#666;}

.tophead{width:1000px; height:102px;}

.logo{width:213px; height:76px; background:url(imgs/logo.jpg) no-repeat; margin:11px 15px 0 0; display:inline; float:right;}



ul#outernav{width:1000px; height:54px; margin-top:44px; float:right; margin-right:1px; }

ul#outernav li{float:right;} ul#outernav li a{display:block;}

ul#outernav li.home a{width:121px; height:54px; background:url(imgs/home.gif) no-repeat;}

ul#outernav li.about a{width:121px; height:54px; background:url(imgs/aboutus.gif) no-repeat;}

ul#outernav li.contacts a{width:121px; height:54px; background:url(imgs/contactus.gif) no-repeat;}



.headline-title{background:url(imgs/headline_title.gif) no-repeat; width:130px; height:26px; float:right; margin:95px 258px 0 0; display:inline;}

.aboutme{float:right; display:inline; margin:10px 270px 0 0; width:670px; color:#2778a5; clear:both;}

.readmore{width:67px; height:20px; float:right; clear:both; background:url(imgs/readmore.gif) no-repeat; display:inline; margin:20px 850px 0 0;}



/*------------- Search Box ---*/

form#searchform{height:34px; position:relative; top:64px; right:5px;}

.searchinput{background:url(imgs/searchbox.png) no-repeat; width:209px; height:24px; border:0px; color:#8ca31d; font-size:10px; float:right; padding:10px 38px 0 0; color:#469bcd;} .searchinput:hover{ color:#1c6e9f;}

#searchsubmit{float:right; width:33px; height:34px; background:url(imgs/gosearch.png) no-repeat; border:0px; cursor:pointer;}





/* Pages content Start

-----------------------------------------------------------*/

#pagecontent-out{width:100%; background:url(imgs/outercontent_bg.gif) repeat-x #50b1f6;  float:right;}

#pagecontentin-middle{width:1000px; margin:0 auto; }

#pagecontent-in{width:1000px; float:right; background:url(imgs/pagecontent_bg.gif) repeat-x #50b1f6;}



/* --- ADS Space ---------*/

.ads-banner{width:728px; height:90px; float:right; margin:25px 0 0 0; border:0px solid #1C7ABD;}



.page-headline{background:url(imgs/page_headline.jpg); width:687px; height:28px; float:right; margin:14px 20px 0 0; display:inline;}

.page-headline2{background:url(imgs/page_headline2.jpg); width:687px; height:28px; float:right; margin:14px 2px 0 0; display:inline;}

.page-headline p, .page-headline2 p{background:url(imgs/bluearrow.gif) no-repeat right; height:22px; color:#055b8b; line-height:22px; padding-right:22px; margin-right:5px;}





/* --- Set Posts ---------*/

div#container_division {width: 690px; float:right; margin:20px 15px 50px 0;}

div.post-block { float: right; clear: none; width:140px; height:172px;  background-color:#7cc7f9; margin:10px 7px 20px 0px; padding:10px 0 0 0; border:1px solid #54afe8;display:inline;}

.comments-count {background:url(imgs/comments_count.gif) no-repeat; width:47px; height:30px; float:right; position:relative; top:-3px; left:-34px; line-height:18px; text-align:center; margin:0 -25px 0 0; }

.comments-count a{color:#2778a5;}

.thumb{width:120px; height:90px; float:right; border:1px solid #33709c; padding:1px; background-color:#FFF; margin-right:8px; display:inline;}

.no-thumb{width:120px; height:90px; border:1px solid #33709c; background:url(imgs/nothumb.gif) no-repeat;  float:right; margin-right:8px; display:inline;}

.post-title{font-size:12px; width:124px; height:42px; font-weight:bold; float:right; color:#10608a; padding:3px 8px 4px 8px; display:inline;}

.views{background:url(imgs/views-bg.gif) no-repeat; width:100px; height:19px; float:right; margin-right:8px; color:#074067; line-height:22px; padding-right:23px; display:inline;}



/* --- Change Pages ---------*/

.navigation{float:right; width:160px; margin:20px 20px 0 0; 	clear:both;}

.nextpage{background:url(imgs/nextpgae.gif); width:67px; height:23px; float:right;}

.prevpage{background:url(imgs/prevpage.gif); width:67px; height:23px; float:left;}





/* single Start

-----------------------------------------------------------*/



/* --- ADS Space ---------*/

.single-ads-banner{width:728px; height:90px; margin:0 auto; position:relative; top:110px; border:0px solid #1C7ABD;}

.square-ads{width:300px; height:250px; margin:0 53px 0 0; float:right; display:inline;}

.links-unit-ads{width:468px; height:15px; float:left; margin-left:50px; display:inline;}





.fullpostshow{width:947px; height:460px; margin:30px 26.5px 0 0; float:right;}



.post-headline{background:url(imgs/post_headline.jpg); width:947px; height:28px; float:right; margin:0px 0 0 0; display:inline;}

.post-headline p{background:url(imgs/bluearrow.gif) no-repeat right; height:22px; color:#055b8b; line-height:22px; padding-right:22px; margin-right:5px;}

.the-title{width:850px; color:#10608a; font-size:18px; margin:10px 15px 0 0; display:inline; float:right;}

.des1{font-size:11px; color:#000; float:right; width:388px; height:70px; margin:15px 27px 0 0; display:inline;}

.tags {float:right; margin:15px 15px 5px 15px; clear:right; display:inline; width:388px; height:20px; color:#184766;} .tags a {color:#184766;}

.postcontent{width:500px; height:400px; float:left; margin:15px 20px 0 0; display:inline;}



form#urlForm{ width:535px; float:right; text-align:left; direction:ltr; font-family:"Verdana", Geneva, sans-serif; color:#10608a;}

form#urlForm textarea{margin:0px; padding:0px;  padding:3px; line-height:18px; }

form#urlForm label{float:right; width:70px; color:#fff; text-align:left; padding-right:0px; color:#10608a; padding-top:3px;}

form#urlForm .email-video-url {float:right; height:35px; width:320px; padding:3px; line-height:18px; font-size:10px; margin:0 5px 0 5px;}


p.relatedtitle { font-weight:bold; color:#04405f;}

/* Sidebar Start

-----------------------------------------------------------*/



#sidebar{ width:258px; float:right; padding:20px 6px 20px 0; display:inline;}






/* --- Categories List ---------*/

ul.categories-list{width:252px; background:url(imgs/categories-title.gif) no-repeat top; padding:34px 0 0 0; float:right;}



ul.categories-list li a, ul.friendly-list li a, ul.pages-list li a {width:232px; height:26px; background:url(imgs/categories-list.gif) no-repeat top; display:block; color:#3263ba; line-height:23px; padding-right:20px;} 

ul.categories-list li a:hover, ul.friendly-list li a:hover, ul.pages-list li a:hover {background:url(imgs/categories-list.gif) no-repeat bottom;}



/* --- Friendly List ---------*/

ul.friendly-list{width:252px; background:url(imgs/friendly.gif) no-repeat top; padding:34px 0 0 0; float:right; margin:20px 0 0 0;}

ul.alltags {margin-top:40px; padding-top:55px; float:right; text-align:center; width:259px; background:url(imgs/tags.gif) no-repeat top; }

ul.alltags a{padding:5px; text-align:center; color:#10608a;}


/* --- Pages List ---------*/

ul.pages-list{width:252px; background:url(imgs/pages_title.gif) no-repeat top; padding:34px 0 0 0; float:right; margin:20px 0 0 0;}

/* Comments Start

-----------------------------------------------------------*/



.comments-side{float:right; width:600px;}



.add-border{width:576px; background:#6bbbf4; border:1px solid #44a0e1; clear:both; float:right; margin:20px 16.5px 0 0; display:inline;}



p#comments{color:#10608a; margin:20px 20px 5px 0; display:inline; font-size:12px; float:right; clear:both; width:576px;}



.comment-headstyle{background:#66c6f8; border:1px solid #9bcef3; margin:5px 10px 10px 10px; float:right; width:544px; padding:5px; display:inline;}



p.comment-author-link{background:url(imgs/user.gif) no-repeat right; color:#10608a; font-weight:bold; padding:0 18px 0 0; clear:left; float:right; height:14px; line-height:14px;}

small.commentmetadata{float:left; clear:left; background:url(imgs/time.gif) right no-repeat; padding-right:18px; height:16px; line-height:16px; color:#10608a;}



.avatar{border:3px solid #9bcef3; margin:0 10px 10px 0; float:right; display:inline;} .avatar:hover{border:3px solid #aadafc;}

.comment-text{float:right; margin:0 5px 10px 0; color:#184766;  width:470px; }

.comment-text p{line-height: 1.5em; margin-bottom: 1em;}

em.waitingto{font-size:10px; color:#991600; margin:5px 0 5px 15px; display:inline; float:left;}



p.comment-form-title{float:right;}



#comment{float:right;}



/*------------- Admin Comments ---*/



.authcomment .comment-headstyle{background:#4db1e6;}





/*------------- Comments responding ---*/



.commentsnavigation{width:500px; height:20px; margin:0 auto; float:right; background-color:#0C0;}

.commentsnavigation .alignleft{float:left;}

.commentsnavigation .alignright{float:right;}



/*------------- Comments responding ---*/



#commentform{float:right; margin:0 16.5px 30px 0; display:inline; font-size:11px;  font-family:'Tahoma', Geneva, sans-serif;}



#respond{float:right;}

p.comment-form-title{color:#10608a; margin:20px 16.5px 15px 0; display:inline; font-size:14px; width:576px; clear:both;}

p.logmeout{float:right; margin:0 12px 10px 0; color:#10608a;} p.logmeout a{color:#10608a;} p.logmeout a:hover{ color:#084b6f;}



.input-break label{width:100px; float:right; color:#10608a; line-height:25px; cursor:pointer;}

.input-break small{color:#10608a; margin:10px 5px 0 0; float:right;}

.input-break{width:580px; height:30px; float:right; margin:0 0 3px 10px;}

#author, #email{ background-color:#6bbbf4; width:200px; height:15px; border:1px solid #44a0e1; margin-bottom:5px; float:right;  padding:5px;  color:#184766; font-size:11px;}

#email{font-family:'Verdana', Geneva, sans-serif; text-align:left; direction:ltr;}

#comment{width:500px; background-color:#6bbbf4; border:1px solid #44a0e1; padding:5px; float:right; font-size:11px;  font-family:'Tahoma', Geneva, sans-serif; color:#184766; }

#author:hover, #email:hover, #comment:hover{background-color:#68b8f0; border:1px solid #429ddd;}



#commentform .sendmycomment{width:82px; height:23px; background:#aad8f9; border:1px solid #44a0e1; color:#184766; float:right; margin:5px 0 0 0; clear:both; cursor:pointer; font-size:11px;}

#commentform .sendmycomment:hover{ background-color:#90c6ec; border:1px solid #44a0e1;}





/* Footer Start

-----------------------------------------------------------*/

#footer-out{width:100%; float:right; background:url(imgs/footerground.gif) repeat-x; height:184px;}



.footer{width:1000px; height:32px; margin:0 auto; margin-top:145px; background:#80d5fb; border:1px solid #65c5f8;}

p.copyrights{text-align:left;  color:#2754a4; font-family:"Tahoma", Geneva, sans-serif; font-size:11px; padding:0 10px 0 0; line-height:32px; clear:right; float:right; }

p.wp{ text-align:left; direction:ltr; font-family:"Verdana", Geneva, sans-serif; font-size:10px; color:#2754a4; padding:0 0 0 10px; line-height:32px;  float:left;}



p.copyrights a, p.wp a{color:#2754a4;}

