/**
 * TubeStudio Site Style Sheet
 *
 * This is the default style sheet to be used with the default TUBE Skin
 *
 * @copyright Too Much Media LLC
 * @authot Daniel Boland <dan.boland@toomuchmedia.com>
 * @version 1.0
 * @package TUBE
 *
*/
/*	$Id: db_struct.php,v 1.72 2010/03/03 19:15:59 tmmdan Exp $ */

/*
*	Overall Settings
*/

/*
* In order to get ie and firefox to view the same page the same way, i added
* select CSS hacks.  they only deal with the widths and heights of classes, so you
* only need to worry about them when changing that.  The hack is in this form:
* .class {
*  	width:100px;
*  }
*  html>body .class {
* 	width:110px;
*  }
*  In the above, the class element would have a width of 100 in ie and width of 110 in firefox
*  Another hack i did is the min-height hack for ie 6, looks somthing like this:
* .class {
*  	min-height:100px;
*	height:auto !important;
*	height:100px;
*  }
* the above is how you set a div to a min height of 100px in all browsers if you where going 
* to make the box small then a normal font, then you might also need something like:
*	overflow:hidden;
*/
	

* {
	text-decoration:none;
	margin:0;
	padding:0;
}

img {
	border:0;
}

body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #000000;
	color: #FFFFFF;
}
img {
  border: none; 
}
.style1 {
	color: #F6F6F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style2 {
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFE000;
	font-size: 10px;
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}


 .style5 {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 10px;
  	color: #ffe000;
  }
.style6 {
	color: #F6F6F6; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
}
.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #CCCCCC;
}
.style10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EDB32A;
	font-weight: bold;
}
.style11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #CCCCCC;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.style12 {
	color: #FFD200
}
.style16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
}
.btnav {
	background-color: #1f1f1f;
}
.style22 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
}



#currentReelHeader {
	background: #1F1F1F url('/site_images/skin_11/my_reels.gif') no-repeat center center; 
}
.addClip {
	background: url('/site_images/skin_11/plus.png') no-repeat;
}
.addClipHover {
	background: url('/site_images/skin_11/plus_mouseover.png') no-repeat;
}
.removeClip {
	background: url('/site_images/skin_11/minus.png') no-repeat;
}
.removeClipHover {
	background: url('/site_images/skin_11/minus_mouseover.png') no-repeat;
}