/* GLOBAL SETTINGS
----------------------------------------------- */

html { padding: 0; margin: 0; border: 0; }

body {
		background: #000000;
		/*font-family: Arial, Helvetica, Verdana, sans-serif; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		margin: 0;
}

.hide { display: none; }

.clear { clear: both; }

/* PAGE STRUCTURE
----------------------------------------------- */
#container {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #000000;
}


#header  {
	width: 1000px;
	height: 150px;
	margin: 0;
	position: relative;
	display: block;
	background: #000000 url(../images/header.jpg) 0 0 no-repeat;
}
 
/*
#header  {
	width: 1000px;
	height: 150px;
	margin: 0;
	position: relative;
	display: block;
	background: #000000 url(http://piec.es/logo_televises.png) 0 0 no-repeat;
}
*/

#content {
	width: 1000px;
	margin: 0;
}

#footer {
	height: 100px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	background: #000000;
	clear:both;
}

/* NAVIGATION
----------------------------------------------- */

.headerLeft {margin: 0; float: left; width: 330px;}
.logo {margin:0; height:70px;}
.navigation {margin: 0; height: 43px;}

div#navigation{
	height:43px;
	width:330px;
	margin:0;
	padding:0 0 0 20px;
	border:0;
	background:transparent;
	float:left;
}

div#navigation ul#menu{
	height:43px;
	width:330;
	background:transparent url(../img/nav.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
	overflow: hidden;
}

div#navigation ul#menu li{
	margin:0;
	padding:0;
	list-style:none;
	position: absolute;
	text-indent: -9999;
	top:0;
}

ul#menu li,ul#menu a{
	height:43px;
	display:block;
}

div#navigation ul#menu li a{
	text-indent: -9999px;
	text-decoration: none;
}

li#nav_watch {left: 0; width: 110px;}
li#nav_create {left: 110px; width: 110px;}
li#nav_share {left: 220px; width: 110px;}


#nav_watch a:hover,body#nav_watchon #nav_watch{
	background:transparent url(../img/nav.jpg) 0 -43px no-repeat;
}
#nav_create a:hover,body#nav_createon #nav_create{
	background:transparent url(../img/nav.jpg) -110px -43px no-repeat;
}
#nav_share a:hover,body#nav_shareon #nav_share{
	background:transparent url(../img/nav.jpg) -220px -43px no-repeat;
}


/* RIGHT NAVIGATION
----------------------------------------------*/
.headerRight {margin: 0; float: right; text-align: right;}

.navRight {margin: 0; font-size: 11px; }
.navRight ul {padding: 5px 20px 0 0}
.navRight ul li { display: inline; border-right: 1px solid #FFFFFF; margin: 0; padding: 0 5px; list-style: none; }
.navRight ul li.last { border-right: none; }
.navRight ul li.current a{ color: #FFFFFF; }
.navRight a:link { text-decoration: none; }
.navRight a:hover { text-decoration: none; }

.navRightTV {margin: 0; font-size: 11px; }
.navRightTV ul {padding: 5px 20px 0 0}
.navRightTV ul li { display: inline; border-right: 1px solid #E54900; margin: 0; padding: 0 5px; list-style: none; }
.navRightTV ul li.last { border-right: none; }
.navRightTV a:link { text-decoration: none; color:#FFFFFF;}
.navRightTV a:hover { color:#FE781E;}

.alert div { padding: 10px; margin:10px; }
.alert a:link { text-decoration: none; font-weight:bold; color: #FF0000;}
.alert a:active { text-decoration: underline; font-weight:bold; color: #FF0000;}
.alert a:hover { text-decoration: underline; font-weight:bold; color:#FF0000;}
.alert a:visited { text-decoration: none; font-weight:bold; color: #FF0000;}

/* HOME
----------------------------------------------*/

#contentmedia {
	margin: 0;
	padding: 0;
	height: 550px;
	width: 1000px;
    background: #14161A url(../img/contentmedia_bg.jpg) 0 0 no-repeat;
}

#contentmisc {
	margin: 0;
	padding: 0;
}

#contentLeft {
	float:left;
	width: 512px;
	padding: 0px;
	margin: 0 0 0 20px;
}

#contentRight {
	float: right;
	width: 428px;
	padding: 0;
	margin: 0 20px 0 0;
}


#contentSpanAll {float:left; width: 900px; padding: 0; margin: 0 0 0 30px;}

#contentSmCol {float:left; width: 150px; padding: 0; margin: 0 0 0 50px;}

#contentBigCol {float:left; width: 700px; padding: 0; margin: 0 0 0 25px; text-align:left; display:inline-block;}
.inlineImageLeft {float:left; padding: 0; border: 0; margin: 0 10px 0 0;}
.inlineImageRight {float: right; padding: 0; border: 0; margin: 0 20px 0 0;}
.contentBigColSmall2l {display:inline-block; width: 48%; float:left}
.contentBigColSmall2r {display:inline-block; width: 48%; float:right}
.contentBig4ColSmallLeft1 {display:inline-block; width: 10%; float:left}
.contentBig4ColSmallLeft2 {display:inline-block; width: 35%; float:left}
.contentBig4ColSmallRight1 {display:inline-block; width: 35%; float:left}
.contentBig4ColSmallRight2 {display:inline-block; width: 20%; float:right}


body#template #contentLeft {
	float:left;
	width: 420px;
	padding: 0;
	margin: 0 0 0 40px;
}

body#template #contentRight {
	float: right;
	width: 420px;
	padding: 0;
	margin: 0 40px 0 0;
}


.videocomponent {
	width: 512px;
	height: 529px;
	padding: 0px;
	margin: 0px;
}

.videoplayer {
	background:  #000000;
	width: 512px;
	height: 409px;
	padding: 0px;
	margin: 0px;
}

.videowidget {
	width: 512px;
	height: 120px;
	padding: 0px;
	margin: 0px;
}

p.videotext {
	border: 1px solid #121212;
	margin: 0px; 
	padding: 5px;
}

.video_info {
	background-color:#010101;
	border: 1px dotted #555555;
	padding: 10px;
	margin: 0 0 10px 0;
}

.video_comments {
	background-color:#010101;
	border: 1px dotted #555555;
	padding: 10px;
	margin: 0 0 10px 0;
}

.thetab {
	padding: 0;
	margin: 0;
	height: 520px;
	background: #000000;
}

.adspace {
	background-color:#010101;
	border: 1px dotted #555555;
	padding: 10px;
	margin: 0 0 10px 0;
}

.ad_300x250 {
	background: url(http://havoc.troni.ca/img/adLabel.gif) no-repeat top center;
	padding:12px;
	text-align:center;
	background-color:#010101;
	border: 1px solid #121212;
	padding: 10px;
	margin: 0 39px;

}


/* FORMS
----------------------------------------------*/

#footer #inputField {padding: 10px 0 10px 10px; margin: 10px 0 0 0; width: 382px; height: 20px; color: #222222; background:  url(../img/inputbox.gif) no-repeat 0 0; border: none; font-size: 10px;}

fieldset { border: none; margin: 0px; padding: 0 10px; }
.accordion p { margin: 0px; padding: 0px; }
label { display: none; }

/* Form Elements*/
#login { margin: 0px 0; padding: 0; }
#inputField { padding: 10px 10px 0 10px; margin: 10px 0 0 0; width: 382px; height: 30px; color: #222222; background:  url(../img/inputbox.gif) no-repeat 0 0; border: none; font-size: 10px;}
.button { margin: 6px 18px 15px 0; float: left;}


/* PAGES
----------------------------------------------*/
.show {
float:left;
clear:right;
width:545px;
}

.box {
/* background-color:#151515; */
background-color: #1F1F1F;
padding:10px;
margin:10px;
text-align:left;
border: 1px solid #333;
}


.phat{
color:#FFFFFF;
font-weight:bold;
font-size:16px;
padding:3px;
}

.point{
color: #E54900;
font-weight:bold;
font-size:13px;
padding:3px;
}

.main {
margin:0px 10px 10px 10px; 
padding:10px 5px 10px 10px;
}

/* PAGES
----------------------------------------------*/

.scroller {
height:405px; overflow:auto;
}

.scrollersmall {
height:360px; overflow:auto; margin: 10px 0 0 0;
}

.browser {
padding:0;
margin:0;
text-align:left;
}


/* objects
----------------------------------------------*/

a object {
margin: 0px;
padding: 0px;
}

a embed {
margin: 0px;
padding: 0px;
}


#remixer {
margin:0px auto 0px auto; 
padding:0px;
}