/*  --------------------------------------------------------------



    Theme Name: عالم الترفيه

    Theme URI:  http://www.tt5.com/

    Description:ثيم موقع عالم الترفيه ... تكويد :  <a href="http://www.mo3aser.com/">المُعاصر</a>.

    Version: 1.0

    Author: القافلة العربية

    Author URI: http://www.alqafelh.org/

    -------------------------------------------------------------   */

 

* {

    margin:  0;

    padding: 0;

    border:  0 none;

}



/*	Body

	- - - - - - - - - - */

body {

    direction: rtl;

    font: 9pt Tahoma,Arial,Helvetica,sans-serif;

    text-align: right;

	color:#000;

	background:#1B8990 url(images/bg.png) repeat-x top;

}



 /*	Wrapper

	- - - - - - - - - - */ 

.wrapper {

	background:url(images/new_header.png) no-repeat center top;

	overflow:auto;

	margin:0 auto;

}   



/*	Header

	- - - - - - - - - - */

.header {

	height: 380px;

	overflow:hidden;

	margin: 0 auto;

	color:#FFF;

	width:914px; 

	position:relative;

}

    .logo {

    	background:url(images/remas-logo.png) no-repeat center top;

		display:block;

		height:180px;

		text-indent:-9999px;

		overflow:hidden;

		width:280px;

		float:right;

	}

	.buttons{ 

		text-align:center;

		height:31px;

		margin-top:213px;

	}	

	.buttons ul{list-style:none;}

		.buttons li{

			float:right;

			width:110px;

		}

			.buttons li a{

				height:44px;

				padding-top:5px;

				display:block;

				text-align:center;

				color:#91ebf2;

				font-weight: bold ;

			}

			.buttons li a:hover{

				background:url(images/buttons-hover.png) repeat top;

				color:#AC8000;

			}

	.large-adv{

		position:absolute;

		width:728px;

		height:90px;

		top:264px;

left:98px !important;

	}

	.small-adv{

		width:468px;

		height:60px;

		top:93px;

		background:#FFFFFF;

	}

		.large-adv, .small-adv{

			background:#FFFFFF;

			position:absolute;

			left:0;

			text-align:center;

			color:#ccc;

		}

		.menu {

			width:228px;

			margin:0 auto;

			position:absolute;

			top:177px;

			right:451px;

		}

		.menu ul li a {

			display:block;

			color:#AFAFAF;

			width:228px; 

			height:23px; 

			text-align:center;

			background:url(images/channels.png) no-repeat center top;

			overflow:hidden;

			font-weight:bold;

			padding-top:5px

		}

		.menu ul li a:hover {

			color:#AC8000;

			background-position:center bottom;

		}

		

		.menu ul {list-style: none;}

		.menu ul li {float:right; position:relative; height:25px;}

		.menu ul li ul {display: none;}

		

		.menu ul li:hover ul {display:block; position:absolute; top:28px; right:10px; width:208px; background:white}

		.menu ul li:hover ul li ul {display: none;}

		.menu ul li:hover ul li a {background: #FFF ; display:block; line-height: 26px; color:#381B01; width:197px; text-align:right; margin: 0; padding:0 11px 0 0; font-weight:normal}

		.menu ul li:hover ul li a:hover{background:#FFF5C7;}



.search-box input{

	background:url(images/search.png) no-repeat center top;

	position:absolute;

	top:177px;

	left:0px;

	border:0px solid #BAC1C9 !important;

	color:#666666;

	padding:7px 20px 7px 40px;

	width:168px;

	height:14px;

}

	.search-box input:hover{background-position:center bottom;}



/*	Sidebar

	- - - - - - - - - - */

.sidebar{

	width:245px;

	float:left;

	overflow:hidden;

}

	.box1-head{

		background:url(images/box1-head.png) no-repeat top;

		height:47px;

		width:243px;

		text-align:center;

		color:#FFF;

	}

	.box1-content{

		background:url(images/box1-content.png) repeat-y top;

		width:243px;

		color:#FFF;

	}

		.box1-content li{

			background:url(images/line.png) no-repeat bottom;

			list-style-position:inside;

			list-style-type:square;

			padding:10px 0;

		}

		.taps, .taps_curr{

			float:right;

			width:78px;

			height:38px;

			margin:10px 2px 0 0;

			padding-top:10px;

			font-weight:bold;

			cursor:pointer;

		}

	 .taps_curr{background:url(images/tap.png) no-repeat top;}

	 

	.box1-footer{

		background:url(images/box1-footer.png) no-repeat top;

		width:243px;

		height:14px;

		margin-bottom:10px;

	}	

	.box2-head{

		background:url(images/box2-head.png) no-repeat top;

		height:18px;

		width:223px;

		text-align:right;

		color:#89e3e9;

		font: bold 12pt Arial, Helvetica, sans-serif;

		padding-right:20px

	}

	.box2-content{

		background:url(images/box2-content.png) repeat-y top;

		width:223px;

		color:#FFF;

		padding:15px 10px 0;

	}

	.box2-footer{

		background:url(images/box2-footer.png) no-repeat top;

		width:243px;

		height:20px;

	}

		.sidebar ul{

			list-style-type: none;

			padding: 0 6px;

		}

			.sidebar ul li a {

				padding:10px 0;

				color:#FFF;

			}

			.sidebar ul li a:hover {color:#91EBF2;}

.sidebar .mail-block{
	 background:url(images/mail-bg.png) no-repeat top;
	 width:244px;
	 height:253px;
	 margin:10px 0;
	 position:relative;
}
.sidebar .mail-block form{
	position:absolute;
	bottom:50px;
	right:10px;
}

.sidebar .mail-block strong{
	font-weight:bold;
	font-size:24pt;
	color:#fd9e00;
	position:absolute;
	top:100px;
	right:40px;
	text-shadow: 1px 1px 0px #FFF;
}
/*	Content

	- - - - - - - - - - */

.container{

	margin:0 auto;

	overflow:auto;

	clear:both;

	width:926px; 

}

.widecolumn{

	float:right;

	width:678px;

}

.content{

	background:#ffffff;

	clear:both;

}

.last-posts{

	width:126px;

	float:right;

	overflow:hidden;

	margin:0 0 10px 10px;

	text-align:center;

}

	.last-posts img{border:1px solid #45DBDF;}	

	.last-posts a:link , .last-posts a:active ,.last-posts a:visited {font-weight:bold; color:#FFF;}

	.post-title{

		background:url(images/content-top1.png) no-repeat center top;

		height:73px;

	}

	.first-post-title{background:url(images/content-top.png) no-repeat center top !important;}

	.post-title h2{padding:5px 15px 0 0;}



.post-info {

background:url(http://www.tt5.com/wp-content/themes/tt5/tt5/images/post-info.png);

height:29px;

margin:10px auto;

overflow:hidden;

padding-top:6px;

}



	.post-info span , .post-info a{font-weight:bold;}

	.post-author{

		float:right;

		margin-right:10px;

	}

	.post-author a:link, .post-author a:active, .post-author a:visited{	color:#4BB7BC;}

	.post-viewrs, .post-comments{

		background:url(images/comments-visits.png) no-repeat right top;

		float:left;

		margin-left:10px;

		padding-right:17px;

		height:15px;

	}

	.post-viewrs{background-position:right bottom;}

	.content-bottom{

		background:url(images/content-bottom.png) no-repeat right top;

		height:31px;

	}

	

.post{

	line-height:22px;

	text-align:justify;

	margin-bottom:30px;

}

	.entry{	padding:0 20px;	}

	.more-link{

display:block;

width:133px;

height:26px;

background:url(images/read-more.png);

margin-right:513px;

margin-top:7px;

	}



.post ul, .post ol {

        background: #FFFFE0;

	border: 2px dotted #1B8990;

        padding:0;

        font-size: 1em;

	color: #666;

	margin: 7px 0px 0px 0px;

}

.post li, .post li li {line-height: 1.5em}

.post ol {margin-left: 16px}





.more-link span {

display:none;

}

	.post p{margin-bottom:1.4em;}



.navigation {

	display: block;

	text-align: center;

	clear:both;

}

html>body .entry ul {

	margin-left: 0px;

	padding: 0 30px 0 0;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

}

	html>body .entry li {margin: 7px 0 8px 10px;}

	

.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";}

.entry ol {	padding: 0 0 0 35px;}



/*	CommentList

	- - - - - - - - - - */	

.commentlist li {

	border: 1px solid #FFEBAF;

	margin: 15px 20px 10px;

	padding:  10px;

	list-style: none;

	overflow:auto;

	clear:both;

}

	.commentlist li:hover {border: 1px solid #CFB567;}

	.commentlist li .avatar { 

		float: left;

		border: 1px solid #eee;

		padding: 2px;

		background: #fff;

	}

	.commentlist cite, .commentlist cite a {font: bold 12pt arial;}

	.commentlist p {

		line-height:20px;

		margin: 0px 10px 5px 0;

		text-align: justify;

	}

	.commentlist li ul li {margin-right: 20px;}

	.nocomments {text-align: center;}

	.commentmetadata {

		display: block;

		text-align:right;

		font-size:90%;

		margin-bottom:10px;

	}

	.says{display:none}

	.commentlist li.alt {background-color:#FFFCEF}

	.reply a{

		padding:4px 10px;

		margin-bottom:10px;

		font-weight:bold;

	}

		#respond h3,#comments {

			margin:0 10px;

			border-bottom:1px solid #FFEBAF;

		}



/*	Footer

	- - - - - - - - - - */

.footer{

	background:#14777E url(images/footer.png) no-repeat center top;

	height:225px;

	color:#FFF;

	clear:both;

	margin:10px auto 0;

	width:920px;

	position:relative;

	padding:3px 0 5px 9px;;

	overflow:hidden;

}

	.last-comments{

		width:375px;

		overflow:hidden;

		padding:0 10px;

		height:210px;

	}

		.last-comments li {

			display:block;

			border-top: 1px solid #3BB8BF;

			border-bottom: 1px solid #1F7A7F;

			padding:7px 3px;

			background:#3c969a;

		}

		.last-comments li:hover {background:#45898d;}

		.last-comments a:link , .last-comments li a:active ,.last-comments li a:visited  {color: #F1EFE2;}

		.last-comments  li a:hover {color: #000;}

		

	.tag-cloud{

		width:494px;

		position:absolute;

		left:20px;

		top:3px;

		text-align:justify;

		height:100px;

		overflow:hidden;

	}

		.tag-cloud h3{margin-bottom:10px;}

		.copyright{

			float:left;

			margin-top:-90px;

			width:201px;

		}

		.footer a:link,.footer a:active,.footer a:visited {color: #FFF;}

		.footer a:hover {color: #00edff;}

		.site-info{

			position:absolute;

			left:10px;

			font-size:90%;

		}	

		.online{

			width:90px;

			position:absolute;

			top:130px;

			right:409px;

		}

		.online span{

			margin:27px 10px 0 0;

			display:block;

		}

		.rss{

			width:70px;

			position:absolute;

			top:130px;

			right:546px;

			display:block;

			height:80px

		}



/*	Forms

	- - - - - - - - - - */

input {padding: 3px}

#commentform{margin:25px 8px;}

#commentform input{	width:200px;}	

textarea {

	padding: 5px 6px ;

	width: 97%;

}

textarea ,input{

	background: #FFFCEF;

	border: 1px solid #CC9900;

	color: #000;

	font:12px Tahoma;

	margin-bottom:7px;

}

	input:hover,textarea:hover{	border: 1px solid #846300;}



/*	Align & Links & Text

	- - - - - - - - - - */

img.centered,img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}

img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}

.alignright {float: right;}

.alignleft  {float: left;}

small {

	font: normal 9pt tahoma,Arial, Helvetica, sans-serif;

	line-height: 1.5em;

}

h2, h3 {

	font-family: Tahoma, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;

	font-weight: normal;

}

h2 {font-size: 15pt;	color: #000000;}

	h2.pagetitle {

		font-size: 18pt;

		text-align: center;

		color:#A87A45;

		margin-bottom:10px;		margin-top:10px;

	}

h3 {font-size: 15pt;}

a:link,a:active,a:visited {

	text-decoration: none;

	outline:none;

	color: #000000;

}



h4 {font-size: 14pt;	color: #000;}

	h4.pagetitle {

		font-size: 18pt;

		text-align: center;

		color:#A49917;

		margin-bottom:10px;		margin-top:10px;

	}



a:hover {color: #4BB7BC;}



.postavatar img {

border:1px #33d8e2 solid;

}



.last-avatar-posts {

float:right;

width:126px;

margin-left:9px;

}



.postavatarstop {

width:678px;

float:right;

margin-right:4px;

margin-bottom:7px;

}



.post-tittle a {

color:#ffffff;

font-weight:bold;

}



/* --------------------- */





#s3slider {

   width: 239px; /* important to be same as image width */

   height: 168px; /* important to be same as image height */

   position: relative; /* important */

   overflow: hidden; /* important */

background:#000000;

margin-bottom:9px;

margin-right:3px;

}



#s3sliderContent {

   width: 243px; /* important to be same as image width or wider */

   position: absolute; /* important */

   top: 0; /* important */

   margin-left: 0; /* important */

margin-right: 0; /* important */

padding:0px;

}



.s3sliderImage {

   float: left; /* important */

   position: relative; /* important */

   display: none; /* important */

}



.s3sliderImage span {

   position: absolute; /* important */

   left: 0;

   font: 10px/15px Arial, Helvetica, sans-serif;

   width: 243px;

   background-color: #000;

   filter: alpha(opacity=70); /* here you can set the opacity of box with text */

   -moz-opacity: 0.7; /* here you can set the opacity of box with text */

   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */

   opacity: 0.7; /* here you can set the opacity of box with text */

   color: #fff;

   display: none; /* important */

   bottom: 0;

}



#sildecontent {

background:#fff;

padding:1px;

border:1px #a6a6a6 solid;

}



.s3sliderImage span strong {

font-size:12pt;

}



.s3sliderImage div {

   padding: 10px 13px;

}



/* ----------------------- */