/* CSS Document */
body,h1,h2,h3,h4,h5,ul,li,hr {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif}
body {background:url(../skin2/skin2_headbg.jpg) repeat-x 0 0 #000000}
#s2wrapper {width:1000px; margin:auto}

/* ### Header #### */
#s2header {position:relative; height:135px; width:1000px;}
#s2header .s2toptxt {position:absolute; top:0; left:4px; z-index:99}
#s2header .s2toptxt h1 {color:#FFFFFF; font-size:12px; font-weight:normal; display:block;}

img.s2_logo {position:absolute; top:15px; z-index:98}
.s2_topbutton {position:absolute; top:0;right:0}
.s2_bookmark, .s2_register, .s2_login {float:left; background:url(../skin2/skin2_topbutton.jpg) no-repeat 0 0;}

.s2_bookmark {width:143px; height:50px;}
.s2_register{width:133px; height:50px; background-position:-143px 0;}
.s2_login {width:116px; height:50px;background-position:-276px 0;}

.s2_favorites, .s2_edit, .s2_logout {float:left; background:url(../skin2/skin2_topbutton_login.jpg) no-repeat 0 0;}

.s2_favorites {width:143px; height:50px;}
.s2_edit{width:133px; height:50px; background-position:-143px 0;}
.s2_logout {width:116px; height:50px;background-position:-276px 0;}



.s2_searchbox {position:absolute; right:22px; top:60px}
.s2_searchbox h3 {font:23px normal Arial, Helvetica, sans-serif; color:#FFFFFF; padding-bottom:5px}
.s2_searchbox h3 span {color:#FBA900}
.s2_search {float:left; height:19px; width:250px; border:1px solid #919191; font-size:16px; padding:5px; color:#3D3B3B}
.s2_searchbtn {float:left; background:url(../skin2/skin2_gobutton.jpg) no-repeat 0 0; width:68px; height:31px}
.s2_searchbtn:hover {cursor:pointer; background-position:0 -31px}

.s2_select {float:left; height:30px; width:auto; border:1px solid #919191; font-size:16px; padding:5px; color:#3D3B3B; margin:0 2px 0 2px; *margin:0 1px 0 1px}

.s2menu {width:993px; height:58px;background:url(../skin2/skin2_menubg.jpg) no-repeat 0 0;}
.s2menu li {list-style:none; display:inline; font:bold 14px Arial, Helvetica, sans-serif; color:#000000; text-align:center; line-height:58px;}
.s2menu li a {color:#000000; text-decoration:none}


.s2home:hover, .s2cat:hover,.s2mostviewed:hover,.s2highrated:hover,.s2community:hover, .s2dating:hover,.s2webcam:hover, .s2mobile:hover, .s2signup:hover, .s2upload:hover {color:#FFFFFF}

.s2home:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat 0 -57px;}
.s2cat:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -88px -57px;}
.s2mostviewed:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -190px -57px;}
.s2highrated:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -303px -57px;}
.s2community:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -427px -57px;}
.s2dating:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -533px -57px;}
.s2webcam:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -615px -57px;}
.s2mobile:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -716px -57px;}
.s2signup:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -805px -57px;}
.s2upload:hover {background:url(../skin2/skin2_menubg.jpg) no-repeat -889px -57px;}

.s2home {width:88px; height:58px; float:left; text-align:center}
.s2cat {width:102px; height:58px; float:left; text-align:center}
.s2mostviewed {width:112px; height:58px;float:left; text-align:center}
.s2highrated {width:124px; height:58px;float:left; text-align:center}
.s2community {width:106px; height:58px;float:left; text-align:center}
.s2dating {width:81px; height:58px;float:left; text-align:center}
.s2webcam {width:101px; height:58px;float:left; text-align:center}
.s2mobile {width:89px; height:58px;float:left; text-align:center}
.s2signup{width:86px; height:58px;float:left; text-align:center}
.s2upload {width:101px; height:58px;float:left; text-align:center}

/* ### CONTENTS ## */
.s2contents {background-image:url(../skin2/skin2_contentsbg.jpg); overflow:hidden; height:100%; width:1000px; position:relative}
.contentstop {vertical-align:top; display:block}
.contentsbot {vertical-align:baseline; *display:block}
.s2container {width:98%; margin:auto}

.s2container p {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-left:20px}
.s2container p a, .s2container p a:visited {color:#FFC200; text-decoration:underline;}
.s2container p a:hover {text-decoration:none}

.s2left-videos {float:left;width:590px; }
.s2right-ads {float:right;width:390px;}


.s2videobox {width:180px; min-height:210px; margin:10px 5px 6px 3px; *margin:10px 5px 6px 2px; float:left; border:1px solid #000; background-color:#222; padding:5px 0 0}
.s2videobox:hover {background-color:#181818; cursor:pointer}
.s2videobox img {border:0}
.s2videobox h3 {font-size:13px; margin:4px 5px 2px 5px;*margin:2px 2px 2px 2px; color:#FFC200; text-align:left; display:block; clear:right}
.s2videobox h3 a {color:#FFC200; text-decoration:none}
.s2videobox h4,.s2videobox h5 {font-size:11px; color:#FFFFFF; font-weight:normal; vertical-align:baseline; display:inline; float:left }
.s2videobox h4 {float:left}
.s2videobox h5.s2hour {margin:8px 5px 0 5px;*margin:8px 5px 0 2px; clear:left;}
.s2videobox h5.s2views {margin:2px 5px 0 5px;*margin:2px 5px 0 2px; clear:left; }
.star1,.star2,.star3,.star4,.star5 {background:url(../skin2/rating_star.png) no-repeat; margin:10px 5px 0 0;*margin:5px 5px 0 0; width:60px; height:13px; float:right; clear:right}
.star5 {background-position:0 0}
.star4 {background-position:12px 0}
.star3 {background-position:24px 0}
.star2 {background-position:36px 0}
.star1 {background-position:48px 0}
.clearfix {clear:both}

.img_mostrecent {position:absolute; top:7px; left:18px;width:260px; height:40px; background-image:url(../skin2/most_recent.jpg)}
.img_mostrecent span {margin-left:36px; font-size:12px;line-height:32px; font-weight:bold; color:#000}
.txt_most {position:absolute; top:15px; right:18px; color:#FFF; font-size:12px; font-weight:bold}
.txt_most span {color:#FF0000; font-size:14px; padding:0 5px 0 5px;}
.txt_most a {color:#FFFFFF}
.txt_most a:hover {color:#FFC200}

.contents_banner {width:370px; height:450px overflow:hidden; margin:10px 10px 0 0; *margin:10px 5px 0 0; color:#FFFFFF; font-size:12px;border:1px solid #000; background-color:#272727; padding:4px;overflow:hidden}



/*
Pagination
*/
div.pagination {
	position: relative;
	/*width: 1000px;*/
	width:100%;
	text-align: center;
	list-style-type: none;
	clear:both;
	margin:10px 0 10px 0;
	overflow: hidden;
}


ul.pagination {
	list-style-type: none;
	position: relative;
	margin: auto;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	display: -moz-inline-block;
	display: inline-block;
	padding: 5px;

	zoom:1;
	*display:inline;
	}
* html ul.pagination { margin: 0 auto; width: 340px; } /* IE fix */

ul.pagination li {
	white-space: nowrap;
	float: left;
	line-height: 24px;
	font-weight: bold;
}
ul.pagination li a {
	display: block;
	float: left;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
ul.pagination li a:hover { color:#FFF}

ul.pagination li.active a, ul.pagination li a:hover {

}
ul.pagination li span {
	background: transparent url(../skin2/nav_bg.jpg) no-repeat -25px 0;
	font-size:12px;
	display: block;
	margin:0 1px;
	height: 24px;
	width:24px;
	line-height: 24px;
	color:#663300;
	cursor: pointer;
	font-weight: bold;
	float: left;	
}
ul.pagination li.active span, ul.pagination li a:hover span {
	background: transparent url(../skin2/nav_bg.jpg) no-repeat 0 0;
	color:#000
}



/* ### BOTTOM ADS ### */
.s2bottom_ads {background-image:url(../skin2/skin2_contentsbg.jpg); overflow:hidden; height:100%; width:1000px; position:relative; }

#footer {
font-size:12px;
color: #666666;
width:800px;
text-align: center;
margin:15px auto;
}

#footer a {color:#FFC200; text-decoration:underline;}
#footer a:hover {color:#FFF; text-decoration:none;}




/* ### WATCHPAGE ### */

.video-section {width:655px; float:left}
.video-section h2 {color:#FFFFFF; padding-bottom:5px; font-size:16px;}

.video-side-ads {width:320px; margin-top:25px; float:right}

.video-section span.watch{width:240px;text-align:left;font-weight:bold; font-size:12px;color:#FFF}
.video-section span.watch a{margin:0 0 0 5px; color:#FFC700}
.video-section span.current{float:none;margin:0 0 0 10px;color:#B4B4B4;text-decoration:none;}
.video-section span.download{text-align:right;font-weight:bold; font-size:12px;color:#FFF}
.video-section a{color:#FFC700;font-weight:bold; font-size:12px;}
.video-section ul{list-style:none;float:right;margin:0;padding:0;}
.video-section li{float:left;margin:0 4px;}

/* ### WATCH PAGE ### */
.video-star1,.video-star2,.video-star3,.video-star4,.video-star5 {background:url(../images/video-rating.png) no-repeat; width:85px; height:16px; float:left; clear:right}
.video-star5 {background-position:0 0}
.video-star4 {background-position:12px 0}
.video-star3 {background-position:24px 0}
.video-star2 {background-position:36px 0}
.video-star1 {background-position:48px 0}

.video-rating, .video-link,.video-tags, .video-fav,.video-share,.video-embed,.video-flag,.video-signup { height:28px; line-height:28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#f9f9f9; text-align:left; border:1px dotted #000; margin:0; background-color:#2D2C2C}

.video-overlay {position:absolute; width:500px;padding:10px; height:auto; overflow:hidden; left:70px; top:90px;*top:-75px;*left:10px; background-color:#000; opacity:0.9;filter:alpha(opacity=90);font-size:16px; color:#FFF}
.video-overlay-box {width:170px; overflow:hidden; float:left; margin:20px 10px 20px 40px ;*margin:20px 15px 20px 30px ; position:relative;}
.video-overlay-box span {text-align:center; font-size:14px; padding:3px 0 3px 0; color:#f9f9f9}

.overlay {
            background: url(../skin2/overlay.png) no-repeat 0 0;
            cursor: pointer;
            display: none;
			width: 170px;
            height: 175px;
            left: 0;
            position: absolute;
            text-indent: -9999px;
            top: 0;            
        }
		
.video-overlay-box a {font-weight:normal; color:#f9f9f9}

.video-hor-banner {margin:10px 0 10px 0}

.video-info-box {width:632px; margin:10px auto; clear:both; padding:5px; overflow:hidden}
.video-share {float:left; width:200px; border-bottom:0; border-right:0;}
.video-share span {float:left; padding:0 0 0 10px}
.video-fav { float:left; width:100px; border-bottom:0; border-right:0;}
.video-embed { float:left; width:85px; border-bottom:0; border-right:0;}
.video-flag { float:left; width:70px; border-bottom:0; border-right:0;}
.video-signup { float:left; width:172px; border-bottom:0; }
.video-fav a,.video-embed a,.video-flag a,.video-signup a,.video-link a{font-weight:normal; color:#FFF}
.video-fav span,.video-embed span,.video-flag span,.video-signup span {float:left; padding:0 5px 0 10px}
.video-link img.fav,.video-embed img.fav2,.video-flag img.fav3,.video-signup img.fav4 {margin:7px 0 0 0; float:left;}

.video-link {float:left; width:170px; margin:0; border-bottom:0; border-right:0 }
.video-link span {float:left; padding:0 5px 0 8px}
.video-link-input {width:195px; height:15px; background-image:url(../skin2/video-embedbg.jpg); border:0; margin:4px 0 0 0;padding:2px;}


.video-by{display:block; width:630px;  overflow:hidden; border:1px dotted #000; font-size:12px; color:#FFF;background-color:#2D2C2C}
.video-by span {display:block; text-align:left;padding:5px 5px 5px 10px}
font.tags {font-weight:bold;color:#FFC200;} font.tags2 {font-weight:bold;color:#FFF;}
.video-by a, .video-by a:visited {color:#FFC200; text-decoration:underline;}
.video-by a:hover {text-decoration:none}

.video-views {display:block; width:630px;  overflow:hidden; border:1px dotted #000; border-top:0; font-size:12px; color:#707070;background-color:#2D2C2C}
.video-views span.views {float:left;  padding:5px 0 5px 10px;}
.video-views span.added {float:right;  padding:5px 10px 5px 0;}

.video-embed-box {display:block; width:630px;  overflow:hidden; border:1px dotted #000; border-top:0; border-bottom:0; font-size:12px; color:#707070;background-color:#2D2C2C}



.video-comments {width:625px; margin:10px auto; clear:both; padding:5px; background-color:#000000; overflow:hidden}
.ctitle {font:bold 14px Verdana, Arial, Helvetica, sans-serif; display:block; text-align:left; padding:0 0 2px 0; padding-left:10px;color:#FFFFFF}
.ctitle span {color:#FFC200;}
.ctitle span a {color:#FFC200; text-decoration:none}

.comment-area {width:98%; background-color:#1B1B1B;display:block; margin-bottom:4px; padding:5px; color:#CCC}
span.comment-num {font-size:12px; font-weight:bold; float:left; padding-left:10px;color:#FFC200;}
span.comment-by {font-size:11px; float:right; clear:right; padding-right:10px} 

.comment-area p {font-size:11px; text-align:left; color:#CCC; padding:10px 0 0 10px;}
.comment-area p a {text-decoration:underline;color:#FFC200;}
.comment-are h4 {font-size:14px; text-align:left; color:#FFFFFF; padding:10px 0 10px 10px;}




/* ## Side Banners ## */
.video-side-ads {width:325px; float:right}



/* Stale CSS dla profili i wiadomosci */
#view_box{
	font-size: 11px;
	color: #333333;
	width:100%;
	float:left;
	margin-top:10px;
	color:#FFF;
}
#view_box a{
color:#FFC200;
padding-left:2px;}

#view_box a:hover{
text-decoration:underline;}

h3{
color: #FFF;
padding-left:10px;
width:95%;
}

#message_foldery{
	width:10%;
	padding-left:15px;
	padding-bottom:20px;
	float:left;
	}

#message_foldery a{
text-decoration:none;
font-size:12px;}

#message_wiadomosci{
width:80%;
margin-right:15px;
padding-left:15px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #666666;
float:right;}

#message_naglowek{
	width:100%;
	float:left;
	padding-top:5px;
	height:22px;
	font-size: 11px;
	color: #bebebe;
}



#message_komorka a{
text-decoration:none;
}

#message_komorka1{
width:13%;
margin-right:5px;
margin-left:5px;
float:left;}

#message_komorka2{
width:53%;
margin-right:5px;
margin-left:5px;
float:left;}

#message_komorka3{
width:3%;
margin-right:5px;
margin-left:5px;
float:left;}

#message_komorka4{
width:23%;
margin-right:5px;
margin-left:5px;
text-align:right;
float:right;}

#message_wiersz1{
float:left;
background-color:#404040;
width:100%;
font-size: 10px;
height:17px;
padding-top:3px;
color: #bebebe;
}
#message_wiersz2{
float:left;
background-color:#575757;
width:100%;
height:17px;
padding-top:3px;
font-size: 10px;
color: #bebebe;}

a.message_reply{
	width:15px;
	height:14px;
	padding-left:10px;
	float:right;
	display:block;
	margin-right:3px;
	background-image: url(../images/reply.png);
	background-repeat: no-repeat;
}

a.message_read{
	width:22px;
	height:14px;
	float:right;
	margin-right:3px;
	display:block;
	background-image: url(../images/read.png);
	background-repeat: no-repeat;
}

a.message_unread{
	width:22px;
	height:14px;
	float:right;
	margin-right:3px;
	display:block;
	background-image: url(../images/unread.png);
	background-repeat: no-repeat;
}


a.message_del{
	width:15px;
	height:14px;
	float:right;
	display:block;
	background-image: url(../images/del.png);
	background-repeat: no-repeat;
}

#message_pagination{
	float:left;
	text-align:center;
	margin-top:10px;
	font-size: 14px;
	width:100%;
	}

#message_pagination a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5a5a59;
	margin-left:2px;
	margin-right:2px;
	margin-top:10px;
	display:inline;
	text-decoration: none;
}
#message_pagination a:hover{
	color: #d7e7f4;

}

#message_prev{
	width:100%;
	margin-top:10px;
	line-height:18px;
	float:left;
	font-size: 11px;
	color: #FFFFFF;
}
#trash a{
	font-size:10px;
	color: #999999;
}





/* ### koniec ### */
#miniatura {width:180px; min-height:160px; margin:10px 11px 6px 3px;*margin:10px 5px 6px 1px; float:left; border:1px solid #000; background-color:#222; padding:5px 0 0}
#miniatura:hover {background-color:#181818; cursor:pointer}

#miniatura a, #miniatura a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFC200; text-decoration:underline;}
#miniatura a:hover {color:#FFC200; text-decoration:none;}

#miniatura img { width:170px; height:130px; margin-left:4px;*margin-left:2px}
#miniatura #tekst {padding:0 5px 5px;}


#login_option{
	width:100%;
	height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#login_option a{
	color: #FFFFFF;
	text-decoration: none;
}


p {
text-align:left;
}
.main {
width: 968px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom:3px solid #CCCCCC;
background-color: #FFFFFF;
}

img {
border: 0;
}

.style4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: Bold;
}

#weg {
background:#FCF;
border:1px solid #AB36AB;
margin-left:30px;
margin-bottom:10px;
padding:1px;
float:left;
clear:left;
}

.wegsponsor {
width:400px;
height:100px;
float:right;
clear:right;
margin-right:30px;
margin-bottom:10px;
padding:1px;
}

.style7 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: Bold;
}
#toplinks {
font-size:15px;
font-weight: Bold;
padding-top:15px;
color: #FFF;
text-transform: uppercase;
}
#toplinks a:link {
color: #FFF;
text-decoration: none;
}
#toplinks a:visited {
color: #333333;
text-decoration: none;
}
#toplinks a:hover {
color: #ff3578;
text-decoration: underline;
}





#video-links {
font-size:16px;
padding: 10px;
text-transform: uppercase;
font-weight: bold;
text-align:left;
color:#FFF;
margin-left:19px;
}
#video-links a{ color:#FFF;font-size:16px;}

#description {
padding: 10px;
border:1px solid #DDDDDD;
background-color: #FFF;
width:80%;
float:left;
text-align:left;
}


#userinfo { border:1px solid #000000; background-color:#515151; clear:both;}
#userinfo p {color:#FFF}
#userinfo p span.style2 {color:#FFF}
#userinfo p span.style1 {color:#FFF}
#userinfo p a {color:#FFC800; text-decoration:none}
#userinfo p a:hover { text-decoration:underline}
#userinfo p span.style1 a{color:#FFC800}
#userinfo p span.style2 a{color:#FFC800}

.video-player {
float:left;
padding:10px;
}
#download-bar{clear:both;width:575px;margin:2px auto ;}
#download-bar span{float:left;float:left;}



.clear {clear:both;}








/* ### Login Style ### */
.loginpage_container {width:504px; height:242px; margin:auto;}
.loginpage_bottom {background-image:url(http://tubeko.com/images/skin1/login_dropshadow.jpg); width:504px; height:20px; margin:auto;}
.loginpage_top {height:70px; width:100%; background-image:url(http://tubeko.com/images/skin1/login_topbg.jpg); position:relative}
.loginpage_toptxt { position:absolute; top:20px; left:75px; width:400px; color:#FFFFFF; text-align:center; font-size:14px}
.loginpage_toptxt span {color:#FE3677; font-size:12px}
.loginpage_toptxt span a{color:#FE3677}
.loginpage_toptxt span a:hover{color:#FFF}
img.login_icon {position:absolute; width:54px; height:56px; top:10px; left:24px}
.login_form {width:346px; height:129px; margin:auto; margin-top:30px; color:#FFFFFF;}
.login_field {height:24px; width:250px}
.login_button {background-image:url(http://tubeko.com/images/skin1/login_button.jpg); width:129px; height:31px; border:0; cursor:pointer; margin-left:50px; _margin-left:25px}