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

    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/headerx.jpg) 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;}

/*	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;
}

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