/**********************************************************************************************

	Title: Kiwi TV
	Date: June 2009
	Author: http://wojtekzajac.com

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Structural elements
			1.3 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
 	li {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	address {
		font-style: normal;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	header, footer, nav, article {
		display: block;
	}
	

/* 1.2	Structural elements
-----------------------------------------------------------------------------------------------*/	

	#skiplinks,
	#main-nav h2,
	.carousel h2,
	.hide {
		position: absolute;
		left: -1000em;
		text-align: left;
	}
	
	#main-nav form legend {
		display: none;
	}


/* 1.3	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #000 url(../images/bg_body.jpg) 50% 0 no-repeat;
		font: 62.5%/1.3 Tahoma, Arial, Helvetica, sans-serif;
		padding: 0;
		text-align: center;
		color: #b6b6b6;
		}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
	
	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
		color: #b6b6b6;
		text-decoration: none;
	}
	
	a:hover, 
	a:active {
		color: #fff;
		text-decoration: underline;
	}
	
	#player-container,
	#player-container a,
	#player-container object {
		outline: 0;
	}
	
	/* cleafix */
	.bar-wrapper:after,
	.container:after,
	#modal header:after,
	#modal .channels:after,
	#main-nav:after,
	.tab-panel .blog li:after,
	.tab-content:after,
	.carousel-tabs:after,
	.carousel:after, 
	.tab-content li:after,
	footer.container .channels:after,
	footer.container .channels ul:after {
		content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.container {
		width: 944px;
		margin: 0 auto;
		text-align: left;
		position: relative;
		font-size: 1.2em;
	}
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
	
	.bar {
		background: #202020;
		color: #fff;
		margin: 0 0 1.5em;
		position: relative;
		z-index: 1050;
	}
		.bar-wrapper {
			width: 944px;
			margin: 0 auto;
			padding: .7em 0 .6em;
			font-size: 1.1em;
			position: relative;
		}
			.bar .back {
				float: left;
				display: inline;
				margin: 0 0 0 140px;
				color: #c6c6c6;
				padding: 0 0 0 12px;
				background: url(../images/ico_bar_back.png) no-repeat 0 4px;
			}
				.bar .back strong {
					color: #fff;
				}
					.bar .back strong span {
						color: #a6d91a;
					}
			.bar .usermenu {
				float: right;
			}
				.bar .username {
					float: left;
				}
					.bar .username strong {
						color: #a6d91a;
					}
				.bar .usermenu ul {
					float: left;
				}
					.bar .usermenu li {
						float: left;
						display: inline;
						padding: 0 0 0 7px;
						margin: 0 0 0 6px;
						background: url(../images/bg_footer_separator.png) no-repeat 0 2px;
					}
						.bar .usermenu a {
							color: #c6c6c6;
						}
					.bar .usermenu .first {
						background: none;
					}


		#wybierz-kanal {
			position: absolute;
			left: 0;
			top: 0;
			width: 126px;
			height: 33px;
			overflow: hidden;
			outline: 0;
			background: url(../images/btn_wybierz-kanal.png) no-repeat 0 0;
			text-indent: -9999px;
		}

/* 2.2	Modal window
-----------------------------------------------------------------------------------------------*/

	#overlay {
		background: #303030;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 1000;
		opacity: 0;
	}

	#modal {
		position: fixed;
		left: 0;
		top: 60px;
		width: 100%;
		z-index: 1001;
		zoom: 1;
	}
		#modal .inner {
			width: 940px;
			margin: 0 auto;
			display: none;
			text-align: left;
			color: #404040;
			cursor: default;
			position: relative;
			overflow: visible;
			font-size: 1.2em;
		}

			#modal h2 {
				font-size: 3em;
				font-weight: normal;
				color: #a6d70c;
				float: left;
			}
			#modal .close {
				float: right;
				font-size: 3em;
				color: #a6d70c;
				font-weight: bold;
				outline: 0;
				padding: 0;
			}
			#modal .close:hover {
				text-decoration: none;
			}
			#modal header {
				border-bottom: 1px solid #595959;
				padding: 0 0 20px;
				margin: 0 0 20px;
			}
			

			#modal .channels {
				margin-right: -12px;
				clear: both;
			}
				#modal .channels li {
					float: left;
				}
					#modal .channels li a {
						float: left;
						display: inline;
						margin: 0 10px 0 0;
						padding: 0 0 20px;
						width: 307px;
						background: #202020 url(../images/modal_ico_go.png) no-repeat 275px 95%;
						color: #a6a6a6;
						height: auto !important;
						min-height: 220px;
						height: 220px;
					}
				
						#modal .channels h3 {
							width: 200px;
							height: 50px;
							margin: 20px 20px 14px;
							background: url(../images/branding/modal.png) no-repeat 0 -56px;
							text-indent: -9999px;
						}
							#modal .channels .lounge h3 {
								background-position: 0 0;
								margin: 18px 20px 10px;
								height: 56px;
							}
							#modal .channels .megafon h3 {
								background-position: 0 -106px;
								margin: 18px 20px 10px;
								height: 57px;
							}
							#modal .channels .juwenalia h3 {
								background-position: 0 -163px;
								margin: 18px 20px 10px;
								height: 57px;
							}
						#modal .channels p {
							padding: 15px 0 15px;
							margin: 0 20px;
							border-top: 1px solid #303030;
						}
				
				#modal .channels li a:hover {
					text-decoration: none;
					background-color: #000;
				}



			#modal .steps {
				float: left;
				font-size: 1.5em;
				display: inline;
				margin: 18px 0 0 15px;
			}
				#modal .steps a {
					color: #595959;
					text-decoration: none;
				}
				#modal .steps strong {
					color: #fff;
					font-weight: normal;
				}
				
			#modal form {
				color: #fff;
			}
				#modal form .note {
					float: right;
					width: 440px;
					background: #000;
					padding: 20px;
				}
				
				#modal form .input {
					margin-bottom: 4px;
				}
					#modal form .input label {
						float: left;
						width: 6em;
						text-align: right;
						padding: 2px 6px 0 0;
					}
				
				#modal .progress {
					clear: both;
					margin-top: 50px;
					border-top: 1px solid #595959;
				}



		.share-buttons {
			position: absolute;
			bottom: 4px;
			right: 14px;
			margin: 0 0 10px 10px;
			padding: 0 12px;
			border: 1px solid #808179;
		}
			.share-buttons li {
				border-top: 1px solid #808179;
				font-size: .85em;
				padding: 2px 0;
			}
				#content .share-buttons a {
					color: #fff;
					display: block;
					width: 80px;
					padding: 4px 0 4px 25px;
					background: url(../images/sprite.png) no-repeat 0 2px;
					text-transform: uppercase;
				}
				#content .share-buttons .like {
					border: 0;
				}
				#content .share-buttons .send a {
					background-position: 0 -45px;
				}
				#content .share-buttons .facebook a {
					background-position: 0 -95px;
				}
				#content .share-buttons .twitter a {
					background-position: 0 -145px;
				}
				#content .share-buttons .wykop a {
					background-position: 0 -195px;
				}
				#content .share-buttons .blip a {
					background-position: 0 -245px;
				}
		.share-buttons.horizontal {
			float: left;
			margin: 1.5em 0;
			padding: 0;
		}
			.share-buttons.horizontal li {
				float: left;
				padding: 2px 10px;
				border: 0;
				background: url(../images/news/sprite.png) no-repeat 0 -244px;
			}
				#content .share-buttons.horizontal li a {
					float: left;
					width: auto;
					padding: 4px 0 4px 25px;
				}
			.share-buttons.horizontal .like {
				background: none;
			}

	

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	


	footer.container {
		background: #101010;
		padding: 20px 0 100px;
		text-align: center;
		font-size: 1.1em;
		width: auto;
	}
	
		footer.container .channels {
			width: 940px;
			margin: 0 auto 35px;
			padding: 15px 0 35px;
			border-bottom: 1px solid #242424;
		}
		footer.container .channels li {
			float: left;
		}
		footer.container .channels li a {
			float: left;
			display: inline;
			margin: 0 25px 0 0;
			width: 175px;
			height: 46px;
			background: url(../images/branding/footer-channels.png) no-repeat 0 0;
			text-indent: -9999px;
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			opacity: 0.3;
		}
			footer.container .channels li a:hover {
				-moz-opacity:1;
				-khtml-opacity: 1;
				opacity: 1;
			}
		footer.container .channels li.lounge a {
			background-position: -175px 0;
		}
		footer.container .channels li.megafon a {
			width: 175px;
			height: 70px;
			background-position: -350px 0;
		}
		footer.container .channels li.juwenalia a {
			width: 200px;
			height: 70px;
			background-position: -525px 0;
		}
		
		footer.container .aux-menu {
			text-align: center;
			overflow: hidden;
		}
			.aux-menu li {
				display: inline;
				padding: 0 6px 0 2px;
				background: url(../images/bg_footer_separator.png) no-repeat 100% 2px;
			}
				.aux-menu li a {
					color: #c6c6c6;
				}
			.aux-menu li.last {
				background: none;
			}
		
		footer.container p {
			clear: both;
			padding: 1em 0 0;
		}
			footer.container p a {
				font-weight: bold;
				color: #fff;
			}
				footer.container p a span {
					color: #a6d91a;
				}



/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/rating_delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/rating_star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

section dl.meta dd {width:180px;}