/* Clear
 * A Reset styles CSS written by Eric Meyer
 */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}/* General
 * Base styles for all page elements, or for base tags.
 * -----------------------------------------------------------
 * Page Segments:
 * wrapper   - all page elements (no styles needed)
 *  header   - logo, search input, and so on
 *   logo    - logo img, and header text
 *   search  - search input
 *  menu     - link items
 *  page     - page content and side panel
 *   content - main page content
 *   panel   - side panel (mostly with ads)
 *  footer   - copyright notice and links
 */

/* Tags
 * Global styles for some base tags
 */
body {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	background: url(../images/bg_header.gif) repeat-x #000 top left;
	color: #CCC;
}

a, a:hover {
	text-decoration: none;
}

input, textarea {
	border: 1px solid;
	background: black;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	font-weight: normal;
	color: #ff94e5; /* zmiana z #a82222 */
}

h1 {
	font-size: 1.8em;
	border-bottom: 1px dotted #333333;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

h2 {
	font-size: 1.2em;
	color: #ff94e5;
}

h3 {
	font-size: 1em;
}

p, ol, ul {
	margin: 0 0 2em 0;
	line-height: 150%;
}

hr {
	padding: 0;
	margin: 5px 0;
	border: none;
	border-bottom: 1px dotted;
	display: block;
	background: none;
}

ul {
	margin-left: 3em;
	list-style: circle;
}

ol {
	margin-left: 3em;
}

li {
	margin-bottom: 1.5em;
}

a {
	color: #ff3333;
}

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

/* Base
 * Some very general styles
 */
#page {
	width: 990px;
	margin: 0 auto;
	padding: 15px 0;
}

/* Flash
 * Short messages for user
 */
#flash, #authflash {
	position: fixed;
	width: 60%;
	top: 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	color: white;
	border-color: #333333;
	background: #000;
	opacity: 0.6;
	text-align: center;
	padding: 5px 20% 5px 20%;
	z-index: 99;
}

#flash p, #authflash p {
	margin: 0;	
}

#flash:hover, #authflash:hover {
	opacity: 1.0;
	cursor: pointer;
}

#flash p, #authflash p {
	margin: 0;
}
/* Header
 * Styles for header elements and texts.
 * -----------------------------------------------------------
 */

#header {
	height: 148px; /*zmiana z 174 */
	width: 990px;
	padding-top: 0; /*zmiana z 16px */
	margin: 0 auto;
	background: url("http://16tube.pl/resources/images/hlogo.png") no-repeat;

}

#logo {
	width: 650px;
/*	display: none;*/
	/*background: url("http://16tube.pl/resources/images/hlogo.png"); */
}
#logo h1, #logo h2 {
	font: bold 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	position: relative;
	top: 30px;
	left: 10px;
	font-size: 2.9em;
	font-weight: bold;
	color: #ebebeb;
	display: none;
	border: none;
}

#logo h2 {
	top: 20px;
	font-weight: normal;
	font-size: 1.8em;
	color: #952525;
}


#search {
	float: right;
	width: 200px;
	height: 31px;
	background: none;
	margin-top: 130px;
	margin-right: 0px;
}

#search #query {
	padding: 6px 5px 5px 35px;
	width: 160px;
	height: 20px;
	border: 1px solid;
	font: bold 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#warningBackground {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	position: fixed;
	z-index: 101;
}

#warningLayout {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 1.0;
	z-index: 102;
}

#warningBox {
	width: 80%;
	text-align: center;
	margin: 50px auto 0;
	padding: 5px;
	background-color: black;
	border: grey 1px dotted;
}


.warningHeader {
	border: none;
}

.warningText {
	text-align: justify;
}

.warningYesNo {

}

.warningYes {

}

.warningNo {

}
/* Header
 * Styles for header elements and texts.
 * -----------------------------------------------------------
 */

#warningBackground {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	position: fixed;
	opacity: 0.7;
	z-index: 101;
}

#warningLayout {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 1.0;
	z-index: 102;
}

#warningBox {
	width: 80%;
	text-align: center;
	margin: 50px auto 0;
	padding: 5px;
	background-color: black;
	border: 1px dotted #270404;
}


.warningHeader {
	border: none;
}

.warningText {
	text-align: justify;
}

.warningYesNo {

}

.warningYes {

}

.warningNo {

}
/* Menu
 * Styles for menu elements and texts.
 * -----------------------------------------------------------
 */

#menu {
	height: 40px;
	margin: 0 auto;
	width: 990px;
	margin-top: 30px;
	background-color: #131313;
      /*padding-top: 20px;*/
}

#menu ul {
	margin: 0;
	list-style: none;
	margin-left: 1em;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	text-transform: lowercase;
	text-decoration: none;
	font: bold 16px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height: 40px;
	color: #ff3333;
	background: url(http://16tube.pl/resources/images/menu-g.gif) no-repeat;
	/*background: gray;*/
}

#menu .first a {
	background: none;
}

#menu a:hover {
	color: #FFF;
}
/* Content
 * Styles for content elements and texts.
 * -----------------------------------------------------------
 */

#content {
	float: left;
	width: 700px;
	margin: 0 3px;
	padding: 5px;
}

/* Forms */
input, select, textarea {
	margin-top: 5px;
	border: #333333 1px solid;
	padding: 3px;
	margin-bottom: 25px;
	background: #110000;
	color: #a00303;
}

fieldset img{
	border: 1px solid #333333;
	margin-left: 5px;
}

fieldset div {
	padding: 5px;
	margin-bottom: 10px;
	background: #140101;
	border-bottom: 1px dotted #270404;
	border-top: 1px dotted #270404;
}

fieldset p {
	
}

fieldset .error {
	background: #270303;
}

fieldset div.error p {
	float: right;
	max-width: 395px;
	color: #FF3D3D;
}

fieldset.search div {
	background: #e7f1ff;
}

/* Others */
.warning {
	padding: 5px;
	background: #110c0c;
	border-bottom: 1px dotted #3d0000;
	border-top: 1px dotted #3d0000;
	text-align: center;
}

img.thumb {
	float: left;
	margin: 8px 20px 0px 0px;
	border: 2px solid;
}

/** Admin **/
div.panel {
	background: #140101;
	padding: 5px;
	margin-bottom: 10px;
	border-top: 1px dotted #270404;
	border-bottom: 1px dotted #270404;
}

div.panel h3 {
	padding-bottom: 5px;
}

div.panel li {
	margin: 0;
}

.mylogo {
  float: left;
  display: block;
  background: transparent url(http://16tube.pl/resources/images/hlogo.png) no-repeat scroll 0 0;
}div.searchPanel {

}

div.searchFormOpen, div.clearSearch {
	text-align: right;
}

div.searchForm {
	display: none;
}

div.searchForm input, div.searchForm select {
	margin: 2px;
}

div.searchForm label {
	width: 100px;
	display: block;
	width: 100px;
	float: left;
	margin-top: 10px;
}

div.searchForm input.submit {
	float: right;
	margin-top: -33px;
}

div.searchMini {
	float: right;
	/*margin-right: 100px; */
	position: relative;
	bottom: 0;
	margin: 14px 130px;
}
/* Content
 * Styles for content elements and texts.
 * -----------------------------------------------------------
 */


div.news {
padding: 5px;
background: #171717;
}


div.even{
background: #1b1a1a;
}


div.news p.date {
text-align: right;
font-style: italic;
}

div.news h3 {
font-weight: bold;
}

div.news p {
margin: 0;
}
/* Content
 * Styles for content elements and texts.
 * -----------------------------------------------------------
 */


div.comment {
padding: 5px;
background: #171717;
}


div.even{
background: #1b1a1a;
}


div.comment p.date {
text-align: right;
font-style: italic;
}

div.comment h3 {
font-weight: bold;
}

div.comment p {
margin: 0;
}
/* Content
 * Styles for content elements and texts.
 * -----------------------------------------------------------
 */

.preview {
	text-align: center;
	border: none;
}

.on {
	color: #ff9999;
	border-bottom: 1px dotted #270404;
}

/** Standard browse page **/
div.categories, div.sort, div.pagination, div.tags, div.toolbar {
	background: #131313;
	padding: 5px;
	margin: 5px;
	border-bottom: 1px dotted #270404;
	border-top: 1px dotted #270404;
}
.searchPanel {
  display: none;
}
div.sort {
	text-align: right;
}

div.pagination, div.toolbar {
	text-align: center;
}

div.pagination a, div.sort a, div.categories a, div.tags a, div.toolbar a {
	padding: 3px;
	color: #fff;
}

div.pagination a:hover, div.sort a:hover, div.categories a:hover, div.tags a:hover, div.toolbar a:hover {
	/*background: #270404;*/
	color: #fff;
}

div.tags {
	line-height: 1.9em;
}

div.toolbar input {
	margin: 0;	
}

br.clear {
	clear: both;
}

/** Browse item **/
div.video {
	/*background: #140101;*/
	background: #090909;
	width: 164px;
	float: left;
	margin: 2px;
	padding: 2px;
	text-align: center;
	font-size: 0.9em;
	border: 1px dotted #270404;
	color: #fff;
}

div.video p {
	padding: 0;
	margin: 0;
}

div.video p.title {
	height: 80px;
}

div.video p.title a {
	color: #fff; /* zmiana z e32d2d */
	height: 60px;
}

div.video a img {
	border: 1px solid #270404;
	color: #fff;
}

div.video a.thumb {
	width: 160px;
	height: 120px;
	display: block;	
	color: #fff;
}

div.video:hover {
	border: 1px solid #270404;
	background: #000;
	color: white;
}

div.video:hover a img {
	border: 1px solid #fff;
}

div.video:hover a, tr:hover td a {
	color: #fbd8d8;
	text-decoration: underline;
}

div.video:hover a:hover, tr:hover td a:hover {
	color: #fff;
}

/** Admin listing **/
p.delete, td.delete, tr.even td.delete {
	background: #570000;	
}

div.video:hover p.delete, tr:hover td.delete {
	background: #fb7171;
}

p.delete input, td.delete input {
	margin: 4px;
}


/** Tables **/
table {
	width: 100%;
	padding: 5px;
}

th {
	background: #140101;
	padding: 5px;
	margin: 5px;
	border-bottom: 1px dotted #270404;
	border-top: 1px dotted #270404;
}

td {
	background: #000;
	padding: 3px;
	border-bottom: 1px dotted #270404;
}

tr.even td {
	background: #140101;
}

tr:hover td {
	background: #270404;
	color: #fff;
}

/** Forms **/
fieldset {
	padding: 5px;
	border: 1px dotted #270404;
}

legend {
	padding: 5px;
	background: #270404;
}

/** Watch **/

h2.title {
	text-align: center;
	padding: 5px;
	font-size: 1.3em;
}

div#video {
	text-align: center;
	background: #140101;
	padding: 5px;
	margin: 5px;
	border-bottom: 1px dotted #270404;
	border-top: 1px dotted #270404;
}


div.actions {
	float: right;
	background: #140101;
	padding: 5px;
	margin: 5px;
	margin-top: 0;
	border-bottom: 1px dotted #270404;
	border-top: 1px dotted #270404;
}

div.actions p, div.info p {
	margin: 0;
}

div.info {
	background: #140101;
	padding: 5px;
	margin: 5px;
	border-bottom: 1px dotted #270404;
	border-top: 1px dotted #270404;
}
/* Panel
 * Styles for panel elements and texts.
 * -----------------------------------------------------------
 */
#panel {
	float: right;
	width: 250px;
	margin: 0 3px;
	padding: 5px;
	min-height: 700px;
	text-align: center;
	border-right: 1px dotted #333333;
	border-left: 1px dotted #333333;
}
/* Footer
 * Styles for footer elements and texts.
 * -----------------------------------------------------------
 */

#footer {
	/*background: url(../images/bg_footer.gif) repeat-x top;*/
	background: #181818;
	clear: both;
	padding: 10px;
	padding-top: 20px;
	color: #FFFFFF;
	width: 990px;
	margin: auto;
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
	font-size: 12px;
}

#footer a {
	text-decoration: underline;
	color: #999999;
}

#footer a:hover {
	text-decoration: none;
	color: #333333;
}