@charset "utf-8";
/* CSS Document */
body {
margin:0;
font: 12px "Trebuchet MS", Verdana, Tahoma, Arial;
color: #333333;
background-color:#EDEDED;
background-image:url(http://forum.ciwciw.com/forum_images/bgr/hearts.gif);
}

a {
text-decoration:none;
}

hr {
border: none 0;
border-top: 1px dashed #CCC;
width: 100%;
height: 1px;*
margin-top:-7px;
}

.mainsite {
margin:auto;
}

.dyu {
text-align:center; margin:20px 60px 10px 60px; color:#FFFFFF; width:250px; background-color:#bfbf88;
}

.dyu:hover {
background-color:#FFF;
}

.dyu a{
padding:3px;
color:#FFF;
}

.dyu a:hover{
padding:3px;
color:#bfbf88
}

.trailers_title {
margin:10px 0 0 0;
width:760px;
background:url(../images/fragman_title0.gif) no-repeat;
height:40px;
text-align:right;
background-color:#E7F2D7;
}

.trailers_title:hover {
background:url(../images/fragman_title1.gif) no-repeat;
background-color:#E7F2D7;
}

.somemovies {
width:760px;
margin: 20px 0;
padding:0 10px 0 0;
text-align:justify;
overflow:hidden;

}

.somemovies a{
font: 10px "Trebuchet MS", Verdana, Tahoma, Arial;
}

.somemovies ul {
}

.somemovies li {
display: inline;
list-style-type: none;
}

.channelsfixed {
background:url(../images/bg_dashed.gif) repeat-x;
height:1px; *
margin-top:-3px;
}

.channels {
background:url(../images/bg_dashed.gif) repeat-x;
height:1px;
}

/********************** NEWS BEGIN **********************/

#pscroller{
width: 738px;
float:left;
border:#929492 1px solid;
font:11px bold "Trebuchet MS", Tahoma, Verdana, Arial;
margin: 10px 0;
padding:5px 10px 2px 10px; *
padding:6px 10px 1px 10px;

}

#pscroller1{
float:left;
font-weight: bold;
padding-right: 10px;
color:#666;
}

#pscroller2{
height: 20px;
width:500px;
float:left;
}

#pscroller2 a{
text-decoration: none;
}

#pscroller3{
float:right;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/********************** NEWS END **********************/


/********************** DROPMENUS BEGIN **********************/

.halfmoon{
margin-bottom: 1em;
width:760px;
clear:both;
z-index:500001;
}

.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: normal 12px "Trebuchet MS", Verdana, Tahoma, Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid gray;
color: black;
font-size: 12px;
background: #e5febc url(../images/halfmoontab.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover, .halfmoon li.selected a{
background-color: #c8e181;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: 0;
border: 1px solid #657f27; /*THEME CHANGE HERE*/
border-width: 0 1px;
font: normal 11px "Trebuchet MS", Verdana, Tahoma, Arial;
line-height:18px;
z-index: 500001;
background-color: #eff8d2;
width: 200px;
visibility: hidden;
}


.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #657f27; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
background-color: #c8e181;
}

/********************** DROPMENUS END **********************/





/********************** HOMEPAGE POPULAR MOVIES BEGIN **********************/

.popular {
margin:0;
padding:0;
font: 11px "Trebuchet MS", Tahoma, Verdana, Arial;
}

.popular_movie{
float:left;
}

.popular_movie a{
text-decoration:none;
}

.popular_genre{
text-align:right;
color:#666666;
}

.popular ul {
width:380px;
list-style:none;
margin:0;
padding:0;
}

.popular li{
margin:0;
padding: 0 10px 0 20px;
line-height:20px;
overflow:hidden;
background:url(../images/arrow_pink.gif) no-repeat left center;

}

.popular li:hover{
background-color:#FFE6FF;
}

.forumbetw{
width:760px;
padding-bottom:10px; *
margin-bottom:-25px; 
/*
margin-top:-10px; *
margin-top:-25px;
*/
}

/********************** HOMEPAGE POPULAR MOVIES END **********************/

/********************** CONTENT SLIDER  BEGIN **********************/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border:0;
border-bottom-width:0;
width: 580px; /*width of featured content slider*/
height: 175px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
background: white;
width: 580px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 570px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 5px;
margin-top:-30px;
position:absolute;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/********************** CONTENT SLIDER  END **********************/

/********************** STEP CAROUSEL BEGIN **********************/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #53682b;
overflow: scroll; /*leave this value alone*/
width: 758px;
height: 118px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 9px; /*margin around each panel*/
width: 66px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
width: 750px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}

/********************** STEP CAROUSEL END **********************/

/********************** ADVANCED GALLERY BEGIN **********************/

.gallerycontroller{
width: 158px;
font: 11px "Trebuchet MS", Tahoma, Verdana, Arial;
}

.gallerycontent{
width: 158px;
/* height: 212px; */
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 10px;
display: block;
}

.gallerycontenttext {
padding:5px 0 0 0;
font: 10px "Trebuchet MS", Tahoma, Verdana, Arial;

}

.gallerycontenttext a{
font: 10px "Trebuchet MS", Tahoma, Verdana, Arial;
}

/********************** ADVANCED GALLERY END **********************/

/********************** ACCORDION MENU BEGIN **********************/

.forum_stats_header { /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 0px solid gray;
background: #dbeeff;
font: 11px "Trebuchet MS", Tahoma, Verdana, Arial;
margin:2px;
}

.forum_stats {
margin:2px;
padding: 0;
font: 10px "Trebuchet MS", Tahoma, Verdana, Arial;
background-color:#f5f9ff;
}

.forum_stats li{
margin:0;
padding: 0;
line-height:20px;
list-style-type:decimal;
}
.open_forum_stats{ /*class added to contents of 1st demo when they are open*/
background: #6791c3;
color:#FFFFFF;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: 11px "Trebuchet MS", Tahoma, Verdana, Arial;
margin: 5px 0 10px 0;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #578b17;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #990000;
}

.thelanguage{
padding:0 0 0 13px;
}

.technology2{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: 11px "Trebuchet MS", Tahoma, Verdana, Arial;
width:761px;
margin-top:-10px;
/* margin:10px 0 0 0; */
/* not: margin top'lari vermemin nedeni, populer filmler bolumu ile arasinde cok bosluk kalmasi. oldu mu unutma watcher! kendi kendime konusuyorum iste :) */
}

.openlanguage2{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage2{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

.thelanguage2 {
width:738px;
margin-top:-5px;
padding:10px;
text-align:justify;
overflow:hidden;
border-left: #707070 solid 1px;
border-right: #707070 solid 1px;
border-bottom: #707070 solid 1px; *
margin-bottom: 7px;
}

.thelanguage2 a{
font: 10px "Trebuchet MS", Verdana, Tahoma, Arial;
}


/********************** ACCORDION MENU END **********************/

/********************** THICKBOX MENU BEGIN **********************/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px "Trebuchet MS", Verdana, Tahoma, Arial;
	color: #333333;
}

#TB_secondLine {
	font: 10px "Trebuchet MS", Verdana, Tahoma, Arial;
	color:#666666;
}

#TB_window a:link {text-decoration:none; color: #666666;}
#TB_window a:visited {text-decoration:none; color: #666666;}
#TB_window a:hover {text-decoration:none; color: #000;}
#TB_window a:active {text-decoration:none; color: #666666;}
#TB_window a:focus{text-decoration:none; color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 999999;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:11px 15px 0 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/********************** THICKBOX MENU END **********************/


/*** SOCIAL NETWORKS ***/

.socialnetworks {
text-align:center;
}

.socialnetworks a{ 
color: #333333;
}

.socialnetworks a:hover{ 
text-decoration:underline;
}

.socialnetworks img {
vertical-align:bottom;
border:0;
}

.socialnetworks span {
padding:0 23px;
}

/*** SOCIAL NETWORKS ***/

/*** CULTURE ***/
.culture {
margin:-20px 0 0 678px;
}

.culture .cultext {
margin:0;
padding:1px 4px 0 0;
font-size:10px;
color:#990000;
float:left;
}

.culture a{
margin:0;
padding:0 4px;
border:solid 1px #990000;
background:#990000;
color:#FFFFFF;
font-size:10px;
float:left;
}

.culture a:hover{
background:#AA0000;
}


/*** CULTURE ***/


/*** BLOG ***/


#blog{ 
width: 760px;
height: 110px;
background:url(../images/gf_0.gif) no-repeat 425px center #f1edf1;
margin:0 0 15px 0;
padding:0 0 5px 0;
}

#blog:hover{
width: 760px;
height: 110px;
background:url(../images/gf_1.gif) no-repeat 425px center #f1edf1;
margin:0 0 15px 0;
padding:0 0 5px 0;
}

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example2{ /*Demo 2 main container*/
width: 752px;
height: 110px;
padding: 0;
}

#example2 div ul{ /*Demo 2 UL container*/
margin: 0;
}

#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin: 0 0 4px 0;
background: url(../images/arrow_purple.gif) no-repeat left center;
text-indent:20px;
list-style:none;
}

code{ /*CSS for insructions*/
color: red;
}

/*** BLOG ***/


.blog_title {
margin:0;
width:760px;
background:url(../images/blog_title0.gif) no-repeat;
height:40px;
text-align:right;
background-color:#f1edf1;
}

/*
.blog_title:hover {
background:url(../images/blog_title1.gif) no-repeat;
background-color:#f1edf1;
}

*/