/*



Theme Name: Cliptik Mavi Video Theme R10.net Edition

Theme URI: http://www.cliptik.de

Description: Wordpress Video Theme 

Version: 2.0

Author: Hako

Author URI: http://www.cliptik.de/

Tags: Video,Magazin,News



*/


img { border: none; }

.clear-fix { clear:both;}

body { 
background-color: #2E5283;  
font-family:Arial,Verdana,Sans-serif;   
font-size: 11px;
background-repeat: repeat-x; 
background-position: top; 
visited:0042D4; 
background-image:url(images/arka90.gif)}



#mainContent{
width: 920px;
	text-align: left;
margin: 5px auto 0px auto;
	
}

#mainContent1{
background: #FFFFFF;
padding:10px;
z-index:0}

#mainSolPanel{

height: auto;
top: 0px;
margin: 2px auto 0px auto;
width: 940px;
text-align: center;
}

.topstory-img{ text-align:center; z-index:0; height:135px; overflow:hidden}
.topstory-img img{width:301px; height:135px; border:0px}
.back{background:#E6E6E6;}

#titlePanel, .titlePanel{
background:#FFFFFF;
margin-bottom:10px;
padding:5px;}


#contentPanel{
width: 920px;
background:#FFFFFF;
padding:0px;
padding-right:3px;
margin-bottom:5px;}

#contentPanel1{
padding:0px;
padding-right:0px;
margin-bottom:0px;}


.news-img{width:141px; height:88px; overflow:hidden;}
.news-img img{width:141px; height:auto; border:0px}
.news-img1{width:121px; height:88px; overflow:hidden;}
.news-img1 img{width:121px; height:auto; border:0px}

#footer {
  color: #BDBDBD;
  width: 940px;
  margin: 0px auto 0px auto;
  text-align: center;
  background: transparent url(images/footer-arka.jpg) repeat-y;
}


/* Sidebar */

#sidebar {

	float: right;

	width: 310px;

	padding: 0 0 0 0px;

	}



#sidebar form {

	margin: 0;

	}

#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	background: #D8D8D8;

	border: 1px solid #CCCCCC;

	margin: 0 0 20px 0;

	padding: 3px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



#sidebar ol li, #sidebar ul ol li, ol li {

	list-style-type: none;

	}



#sidebar ul li ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	border: 1px solid #2E5283;

	border-top: none;

}



#sidebar ul ul li, #sidebar ul ol li {

	padding: 0;

	margin: 0;

	border: none;

	background: #D8D8D8;

	border-top: 1px solid #2E5283;	

	}

	

#sidebar ul ul li a, #sidebar ul ol li a { 

	text-decoration: none;

	padding: 4px 0 4px 20px;

	font-size: 12px;

	height: 15px;

	line-height:24px;

	

}



#sidebar ul li.categories ul li a {

	

} 

	

#sidebar ul ul li a:hover, #sidebar ul ol li a:hover {

	color: #000000;

	

	}



#sidebar {

	font: 1em Tahoma, Verdana, serif;

	}



#sidebar ul ul li { 

	color: #FFFFFF;
background: url(images/next2.gif) center left no-repeat;
	}

#sidebar h2 {

	font-family: Tahoma, Verdana, serif;

	font-size: 16px;

	padding: 4px 0 4px 8px;

	color: #F2F2F2;

	font-weight: bold;

	text-align: left;

	background: url(images/arka1.png) top left repeat-x;

	line-height: 22px;

	}

/** TEXT */

.text150{
font-family: Tahoma, Verdana, serif;
color: #000000;
font-size: 12px;
}

.text151{
font-family: Tahoma, Verdana, serif;
color: #585858;
font-size: 11px;
}

.text46{
font-family:tahoma, arial,sans-serif;
color:#6E6E6E;
font-size: 11px;
font-style: ;
}

.text47{
font-family:tahoma, arial,sans-serif;
color:#585858;
font-size: 14px;
font-style: ;
}

.text50{
font-family:tahoma, arial,sans-serif;
color:#000000;
font-size: 11px;
font-style: ;
}

.text72{
font-family:tahoma, arial,sans-serif;
color:#FFFFFF;
font-size: 11px;
font-style: ;
}
a{ text-decoration:none;
color: #000000;}
a:hover{color:#000000;}

.text5, .text5 a{ color: #000000; font-size:10px; text-transform:uppercase; font-family:tahoma, Arial, Helvetica, sans-serif; text-decoration:none}
.text5 a:hover{ color: #000000}
.text45 a:hover{ color: #2E2EFE}
.icerik {font-size:13px; word-spacing:3px; line-height:13px; font-family:tahoma, Arial, Helvetica, sans-serif; color:#000000;}
.icerik a{ text-decoration:overline; color:#000000; font-weight:bold}

.result .title {
}                                  

.combobox_comment{
border:2px solid #c1c1c1;
background:#D8D8D8;
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
height:17px;
padding-top:3px;
padding-left:5px;
}


#top {
 width: 940px;
 height: 25px;
 margin: 2px auto 0px auto;
 padding: 1px 0px 0px 25px;
}

#navigation {
 width: 940px;
 margin: 0 auto;
 padding: 0px;
 background: transparent url(images/yuka1.png) repeat-y;
}

#nav-bar {
  width: 940px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  background: transparent url(images/yuka.png) repeat-x;
}

.button a { background-image: url(images/buttonoben.gif); background-repeat: no-repeat; height: 14px; width: 100px; float: left;  padding: 7px 0px;}
.button a:hover { background-position: 0 -29px;}

a.nav:link {color:#F2F2F2; font-family:arial; font-weight: bold; font-size:14px; }
a.nav:visited {color:#F2F2F2; font-family:arial; font-weight: bold; font-size:14px; }
a.nav2:link {color:#8aacce; font-family:arial; font-weight: normal; font-size:9px; }
a.nav2:visited {color:#8aacce; font-family:arial; font-weight: normal; font-size:9px; }
a.nav2:hover {color:#abc4dc; font-family:arial; font-weight: normal; font-size:9px; }


#search {
 float: right;
 margin: 0px 0px 0px 0px;
}

#logo {
  float: left;
  padding: 24px 3px 0px 15px;
}

#header {
  width: 940px;
  height: 108px;
  margin: -7px auto 0px auto;

  
  background: url(images/ustheader1.png) no-repeat;
}

#top-reklam {
  width: 490px;
  height: 70px;
  float: right;
  padding: 18px 0px 0px 25px;
}

#top-advert1 {
  width: 230px;
  height: 12px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  float: right;
  padding: 2px 0px 0px 25px;
}

#top-filter {
  width: 125px;
  height: 90px;
  float: right;
  padding: 8px 0px 0px 25px;
}

#sub-nav {
 width: 940px;
 height: 30px;
 margin: 0 auto 0px 0px;
 padding: 1px 0px;
 background: transparent url(images/main_top_bg1.gif) no-repeat;
}

a:link, a:visited {
  color: #585858;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #00274E;
}


h4 a:link {
  color: #D8D8D8;
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

h4 a:visited {
  color: #D8D8D8;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

h4 a:hover {
  color: #D8D8D8;
}

.font4_12 {
 color: #585858;
 font-weight: bold;
}

.font5_16 {
 color: #002a51;
 font-weight: bold;
 font-size: 14px;
}

h1 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 3px 5px;
  margin: 2px 0px 0px 14px;
  width: 96%;
  background: #002a52;
  border-bottom: 2px solid #abc4dc;
  text-align: left;
}

h2 {
  color: #002a51;
  font-size: 16px;
  font-weight: bold;
}

h4 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.bosluk{font-size:1px; display:block; height:4px;}
.box1{background:#F2F2F2 no-repeat right top; border:1px solid #BDBDBD; padding:5px; width:290px; margin:5px; margin-right:10px; float:left; height:79px; }

.box1 .box1img{height:75px; overflow:hidden; border:3px #2E5283 solid; float:left; margin:0 10px 5px 0 }
.box1 .box1img img{width:100px; height:auto;} 
.box1 .text100 a{font-family:tahoma, Arial, Helvetica, sans-serif; font-size:8px; color:#999999; text-decoration:none; font-weight:normal}
.box1 .text1 a:hover{color:#000; font-weight:normal}

.box13{background:#F2F2F2 no-repeat right top; border:1px solid #BDBDBD; padding:5px; width:270px; margin:5px; margin-right:10px; float:left; height:79px; }
.box13 .box13img{height:75px; overflow:hidden; border:3px #2E5283 solid; float:left; margin:0 10px 5px 0 }
.box13 .box13img img{width:100px; height:auto;} 
.box13 .text100 a{font-family:tahoma, Arial, Helvetica, sans-serif; font-size:8px; color:#999999; text-decoration:none; font-weight:normal}
.box13 .text1 a:hover{color:#000; font-weight:normal}

.transparentt{}
.transparentt:hover{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}

.bosluk2{font-size:1px; display:block; height:4px;}
.box12{background:url(images/cld1.jpg) no-repeat right top; border:1px solid #BDBDBD; padding:5px; width:280px; margin:3px; margin-right:3px; float:left; height:79px; }

.box12 .box12img{height:75px; overflow:hidden; border:3px #FFFFFF solid; float:left; margin:0 10px 5px 0 }
.box12 .box12img img{width:100px; height:auto;} 

.box12 .text100 a{font-family:tahoma, Arial, Helvetica, sans-serif; font-size:8px; color:#999999; text-decoration:none; font-weight:normal}
.box12 .text1 a:hover{color:#000; font-weight:normal}
.box99{background:#2E5283 no-repeat right top; border:1px solid #BDBDBD; padding:5px; width:123px; margin:5px; margin-right:10px; float:left; height:81px; }
.box99 .box99img{height:75px; overflow:hidden; border:3px #FFFFFF solid; float:left; margin:0 10px 5px 0 }
.box99 .box99img img{width:118px; height:auto;} 


#sag-bol-2 {
  width: 350px;
  float: right;
  margin: 2px 12px 0px 13px;
}

#sol-bol-2 {
  width: 530px;
  float: left;
  margin: 2px 0px 0px 13px;
}

#player {
 color: #002a51;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
 padding: 7px 7px 0px 0px;
 width: 530px;
 height: 21px;
 margin: 5px 3px 0px 0px;
 background: transparent url(images/oynat.png) no-repeat;
}

#playerx {
  width: 530px;
  background: #e7e7e7;
  border: 1px solid #ccc;
  border-top: 2px solid #ccc;
  margin: -2px 0 0 0;
} 

#video-info {
  width: 530px;
  background: #ddd;
  border: 1px solid #ccc;
  margin: 2px 0px;
  padding: 2px 0 0 0;
}



#det {
 width: 526px;
  background: transparent url(images/arka9.jpg) no-repeat;
 padding: 1px;
 float: left;
 margin-top: -17px;
 text-align: left;
 border: 1px solid #ccc;
}

.videolar2 {
 float:right;
 width: 340px;
 padding-bottom: 3px;
 margin-bottom: 5px;
 text-align: left;
 background: #D8D8D8;
 background: transparent url(images/112233.jpg) no-repeat;
border-bottom: 2px dotted #848484;
}

.videoresim {
 width: 125px;
 height: 69px;
 margin: 2px 5px -2px 2px;
 border: 2px solid #6E6E6E;
 background: #A9A9F5;
}

.videolar3 {
 float:right;
 width: 170px;
 text-align: left;
 margin-top: -68px;
 background: transparent;
}

#videoan {
 margin: 0px 5px;
 
}

#tags {
 margin: 5px 5px;
 border-bottom: 1px dotted #ccc; 
}

.EmbeddedBox{
	display:block;
	margin: 1px 2px;
	padding-left: 0px;
}

.EmbeddedBox li{
	list-style-type:none;
}

#bookmarklar {
 width: 340px;
 padding:  4px 0px 0px 4px;
 margin: 8px 0px;
 border-top: 1px dotted #666666;
}

#Videotanitim {
 position: inherit;
 width: 340px;
 padding: 3px;
 float: right;
 margin: 0px 13px 0px 0px;
 text-align: left;
 background: #e7e7e7;
 border: 1px solid #ccc;
 clear: right;
}

#uyevideo {
 width: 340px;
 padding: 3px;
 float: right;
 margin: 0px 13px 0px 0px;
 text-align: left;
 background: #FFFFFF;
 border: 1px solid #ccc;
 clear: right;
}

#Videosbaslik {
    width: 348px;
	height: 23px;
	float: right;
	margin: 7px 13px 0px 0px;
	background: transparent url(images/topvideo.png) no-repeat;
	clear: right;
}

#uyebaslik{
    width: 348px;
	height: 23px;
	float: right;
	margin: 7px 13px 0px 0px;
	background: transparent url(images/neuv.png) no-repeat;
	clear: right;
}

.clearfix2 {
    clear: both; 
}

.RelatedVideosSpacer{
height:10px;

}

#related-videos {
 position: inherit;
 width: 340px;
 padding: 3px;
 float: right;
 margin: 0px 13px 0px 0px;
 text-align: left;
 background: #FFFFFF;
 border: 1px solid #ccc;
 clear: right;
}

#featured-videos {
 width: 600px;
 height: 265px;
margin: 0px 0px 0px 1px;
 border: 1px solid #ccc;
 background: transparent url(images/arka5.jpg) no-repeat;
}

#featured-videos2 {
 width: 600px;
 height: 1400px;
margin: 0px 0px 0px 1px;
 border: 2px solid #ccc;
 
}

#featured-videos3 {
 width: 302px;
 height: 228px;
margin: 0px 0px 0px 1px;
 border: 1px solid #ccc;
 background-color: #424242;
}

#featured-videos4 {
 width: 600px;
 height: 240px;
margin: 0px 0px 0px 1px;
 border: 1px solid #ccc;
 background-color: #FFFFFF;
}

#featured-videos5 {
 width: 600px;
 height: 388px;
margin: 0px 0px 0px 1px;
 border: 1px solid #ccc;
 background-color: #FFFFFF;
}
#featured-videos6 {
 width: 914px;
 height: 230px;
margin: 0px 3px 0px 1px;
 border: 2px solid #ccc;
 
}
#top-advert3 {
  width: 920px;
  height: 50px;
float: right;
  padding: 2px 0px 0px 95px;
}

#lightsoff-background
{
	position: absolute;
	margin:0;
	padding: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}  

