body {
	color: #848f8f;               
	background: #272727 url("/graphics/bg.jpg") repeat center top;
	font:100%/1.5em georgia, "times new roman", times, serif; 
}   	

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;                             
}

h1 {
	font-size: 2.25em;     
	line-height: 1.33em;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 24px; 
    color: #d9dcdc;    
}

h3 {
	font-size: 1.125em;
	line-height: 1.33em;   
    color: #d9dcdc;
}

h4 {               
	font-size: 1em;      
}  

p, ul {
	margin-bottom: 24px;
	
}

a, a:visited {     
    color: #d9dcdc;
	text-decoration: none;            
}

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

a:focus::-moz-focus-inner {
   border:none;
}         


/*page structure
------------------------------------------------------------------*/

#wrapper {  
	width: 100%;	     
	height: auto;     
	min-height: 240px;       
	clear: both;         
	position: relative;  
	background: transparent url("/graphics/wrapper_bg.png") repeat-x center -24px;
}            

#header {                
	position: relative;
	width: 912px;
	height: 264px;
	margin: 0px auto;    
}                      

#content_wrapper {
	width: 912px;
	margin: 0px auto;
	height: auto;
	min-height: 360px;
}

#content {
	width: 912px;
	height: auto;
	min-height: 360px;
	float: left;      
	text-shadow: #121212 1px 1px 1px;        
	padding-bottom: 48px;           
	position: relative;
}                
                   

#status-bar {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;                       
	height: 36px;                 
	background-color: #171717;
	z-index: 1;
}                

#logged, #flash {
	font-size: 0.75em;
	line-height: 3em;             
	margin: 0px;
	color: #848f8f;
	padding-left: 12px;
	font-weight: bold;    
	font-family: "lucida grande", "lucida sans", verdana, sans-serif;
}        
                      
#flash {                
	position: absolute;
	top:0px;
	right: 12px;
	color: #d9dcdc;
}                
                   

/* footer
------------------------------------------------------------------*/

#footer {        
	width: 888px;                
	padding: 0px 12px 24px 12px;         
	height: auto;
	min-height: 72px;         
	clear: both;       
	margin: 0px auto;  
	text-shadow: #121212 1px 1px 1px;                               
	font-size: 0.75em;
	line-height: 2em;
	font-family: "lucida grande", "lucida sans", verdana, sans-serif;     
}                        

#footer a:link, #footer a:visited {
	display:block;   
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    float: left;
	width: auto; 
	min-width: 24px;          
	background-color: #151515;
	opacity: 0.85;
	color: #848f8f;
	margin-right: 12px;
	padding: 0px 10px;      
	font-family: "lucida grande", "lucida sans", "verdana", sans-serif;  
	text-shadow: #000000 1px 1px 0px;
}           

#footer a:hover {
	border-bottom: none;       
	background-color: #0f0f0f; 
    color: #fff;       
}


/* logo ir
------------------------------------------------------------------*/

a#logo:link, a#logo:visited {
	width: 684px;
	height: 120px;
	position: absolute;
	top: 48px;
	left: 0px;      
	display:block;          
	text-indent: -19999px;
	background: transparent url("/graphics/logo.png") no-repeat top left;
	opacity: 0.85;                          
	-webkit-transition: opacity 0.3s linear;
}                  

a#logo:hover {
	border-bottom: none;
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
}

/* nav
------------------------------------------------------------------*/

ul#nav {
	width: 912px;       
	height: 36px;
	padding: 6px 0px;
	position: absolute;
	top: 192px;
	left: 0px;
}                     

ul#nav li {                 
	float: left;             
	margin: 0px 12px;
}            

ul#nav li a:link, ul#nav a:visited {   
	display:block;
	height: 36px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
	width: auto;
	min-width: 24px;          
	text-transform: uppercase;
	font-size: 0.75em;       
	background-color: #151515;
	opacity: 0.85;
	color: #848f8f;
	padding: 0px 20px;
	line-height: 3em;
	font-family: "lucida grande", "lucida sans", "verdana", sans-serif;   
	letter-spacing: 0.1em; 
	text-shadow: #000000 1px 1px 0px;   
}             

ul#nav li a:hover {
	border-bottom: none;  
	background-color: #0f0f0f;   
	color: #fff;
}

#about li#aboutnav a, ul#nav li#active a {
    color: #fff;          
}       

/* scaffold imported rules
------------------------------------------------------------------*/


.fieldWithErrors input[type=text], .fieldWithErrors textarea { 
  background-color: #FFCABE;                        
  color: white;      
}                                                 

.fieldWithErrors label   {
  background-color: #FF707F;
  color: #090909;
  padding: 2px;      
  text-shadow: none;
}

#errorExplanation {
  float: left;
  width: 864px;
  padding: 24px 12px 0px 12px;
  margin: 0px 12px 24px 12px;
  background-color: #000; 
  text-shadow: none;  
  font-family: "lucida grande", "lucida sans", verdana, sans-serif;        
  color: #848f8f;

}

#errorExplanation h2 {
  color: #d9dcdc;
}                         

#errorExplanation ul li {
	color: #CF5B67;     
}

img#progress {                
	position:absolute;
	left: 180px;
	top: 10px;
}

/* video
------------------------------------------------------------------*/
         
#video_container {
	position: relative;
	width: 720px;
	background-color: #171717;
	padding: 10px;
	margin: 0px 10px;
	float: left;
	height: auto;
	min-height: 310px; 
	margin-bottom: 24px;       
	line-height: 0;
}          

#video_container a {
	border-bottom: none;   
	background-color: #171717;  
	height: auto;
	min-height: 260px;
	width: 720px;      
	display: block;       
}          

#video_container a img {
	width: 720px;
	height: auto;   
	min-height: 240px;
}             

#video_container object {
	background-color: #171717;
}

#prevnext {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 128px;
	height: 48px;         
	background: transparent url("/graphics/prevnext.gif") no-repeat left top;
}                           

#next, #prev {
	height: 48px;
	width: 52px;
	display: block;
	text-indent: -99999px;
	position: absolute;
	top: 0px; 
	background: transparent url("/graphics/prevnext.gif") no-repeat left top;
}                         

a#next {     
	right: 0px;     
	background-position: -76px -48px;
}                                 

a#prev {
	left: 0px;
	background-position: 0px -48px;
	
}                                 

a#next:hover {
	background-position: -76px -96px;
}

a#prev:hover {
	background-position: 0px -96px;
}

#video_info {
	float: left;
	width: 736px;
	padding: 0px 12px;
	height: auto;
	min-height: 72px;
}       

#click_to_play {
	position: absolute;
	bottom: 10px;
	left: 10px;                
	opacity: 0.85;
	height: 24px;
	padding: 8px 0px 2px 0px;      
	font-size: 0.75em;
	line-height: 2em;
	width: 720px;
	color: #fff;      
	text-transform: uppercase;
	font-family: "lucida grande", "lucida sans", verdana, sans-serif;
	text-align: center;
	text-shadow: none;
	letter-spacing: 0.1em;
	margin-bottom: 0px; 
	z-index: 1;                                          
	background: #171717 url("/graphics/qt.png") no-repeat 10px 5px;
}                     

#video_stats {
	position: absolute;
	right: 10px;
	top: 8px;        
	color: #848f8f;
}  

.video_capsule {
	width: 260px;
	min-height: 240px;
	height: auto;
	padding: 10px;           
	margin: 0px 12px 22px 12px;
	background-color: #171717;
	text-align: center;        
	float: left;           
}             

.video_capsule a img {
	width: 260px;
	height: 146px;        
	margin-bottom: 14px;
}                   

a.video_capsule_link:link, a.video_capsule_link:visited {
	font-style: italic;
	display: block;        
	font-weight: bold;              
	border-bottom: none;   
	height: 244px;
}                     

.video_capsule strong {
	display: block;
	color: #848f8f;    
	font-style: normal;
}         

.video_capsule a span {
	display: block;
}
             

.video_date {
	color: #848f8f;  
	font-style: normal;
	font-weight: normal;
}                           

.action_links {
	height: 1.5em; 
	font-family: "lucida grande", "lucida sans", verdana, sans-serif;
	font-size: 0.75em;
	line-height: 2em;
}       

.action_links a:link, .action_links a:visited {
	display:block;   
    -moz-border-radius: 8px;    
    -webkit-border-radius: 8px;
    float: left;
	width: auto; 
	min-width: 24px;          
	background-color: #151515;
	opacity: 0.85;
	color: #848f8f;
	margin-right: 12px;
	padding: 0px 10px;      
	font-family: "lucida grande", "lucida sans", "verdana", sans-serif;  
	text-shadow: #000000 1px 1px 0px;
}           

.action_links a:hover {
	border-bottom: none;       
	background-color: #0f0f0f;  
	color: #fff;
}   

.action_links a.delete_button {
	float: right;          
	margin-right: 0px;
}
              

/* info
------------------------------------------------------------------*/
                                        

#main {
	width: 508px;
	padding: 0px 12px 24px 12px;
	height: auto;
	min-height: 360px;
	float: left;   
	margin-right: 76px;    
}    

#sidebar {
	width:280px;
	padding: 48px 12px 24px 12px;
	height: auto;                       
	min-height: 240px;         
	float: left;      
}        

#main img {
	width: 184px;
	height: auto;
	padding: 10px;
	background-color: #171717;
	float: right; 
	margin: 0px 0px 24px 24px;
}
            

/* admin
------------------------------------------------------------------*/      

#content form {
	width: 888px;                          
	height: auto;
	min-height: 260px;                 
	float: left;  
	padding: 0px 12px 24px 12px;                                             
	font-family: "lucida grande", "lucida sans", arial, sans-serif; 
}            

h2.form_header {
	margin-left: 12px;
}         

textarea, input[type=text], input[type=password] {
	font-size: 0.875em;
	line-height: 1.714em;    
	background-color: #171717;
	border: 0px;
	padding: 6px;      
	color: #848f8f;
	width: 368px;   
	text-shadow: none;  
	margin: 0px;
}

textarea:focus, input[type=text]:focus, input[type=password]:focus {
	background-color: #0f0f0f;     
	color: #d9dcdc;
}                              

input[type=submit] {   
    height: auto;      
    width: 116px;   
	display: block;   
	background-color: #151515;   
	color: #848f8f;
	text-shadow: #000000 1px 1px 0px;
	font-weight: bold;                     
	font-size: 0.875em;
	line-height: 1.714em;
	padding: 6px 12px;        
	border: none;               
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;    
	opacity: 0.85;        
	border-color: transparent;
}                        
                                            
input[type=submit]:hover {      
	background-color: #0f0f0f;   
	color: #fff;       	
}  

input[type=submit]:focus {      
	background-color: #0f0f0f;  
	color: #fff;
}

label {
	font-weight: bold; 
	font-size: 1em;
	line-height: 3em;
}                       

#controls {
	width: 888px;
	height: 24px;
	float: left;
	padding: 0px 12px 24px 12px;                                     
	text-shadow: #121212 1px 1px 1px;                               
	font-size: 0.75em;
	line-height: 2em;
	font-family: "lucida grande", "lucida sans", verdana, sans-serif;
}                 

#controls a:link, #controls a:visited, span.li_action_links a:link, span.li_action_links a:visited {    
	display:block;   
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    float: left;
	width: auto; 
	min-width: 24px;          
	background-color: #151515;
	opacity: 0.85;
	color: #848f8f;
	margin-right: 12px;
	padding: 0px 10px;      
	font-family: "lucida grande", "lucida sans", "verdana", sans-serif;  
	text-shadow: #000000 1px 1px 0px;
}           

#controls a:hover, span.li_action_links a:hover {
	border-bottom: none;       
	background-color: #0f0f0f;    
	color: #fff;       
}  

#controls a:focus {     
	background-color: #0f0f0f;     
	color: #d9dcdc;
}      

#new_button:before {
	content: "\2B\20 ";
}       

.instructions {
	width: 420px; 
	display: block;
	font-size: 0.75em;
	line-height: 1.5em;
	font-style: italic;    
	margin-bottom: 12px;
}                      

.uploader {  
	min-height: 72px;           
	height: auto;
	position: relative; 
	margin-bottom: 24px;
	background: #171717;
	width: 864px;
	padding: 0px 12px;
	float: left;         
}              

.uploader p {
	float: left;      
	width: 864px;          
}

.uploader a {
	line-height: 3em;  
	height: auto;
	min-height: 3em;
	display: block;   
	float: left;  
	width: 420px;   
	margin-right: 12px;
}                  

.uploader a:link img, .uploader a:visited img {
	float: left;  
	opacity: 0.85;
}                             

.uploader span.input { 
	width: 420px;       
	height: 3em;    
	line-height: 3em;   
	float: left;
	display: block;
}

.uploader input {
	color: #d9dcdc;  
	background-color: #000;
	padding: 0px;
	border-color: transparent;       
}
             
#form_left, #form_right {
	width: 420px;
	height: auto;
	min-height: 48px;
	float: left;
}              

#form_left {
	margin-right: 24px; 
}                

.form_full {
	float: left;
	width: 864px;
	height: auto;
	min-height: 48px;
	clear:both;       
}            

p#submit {
	width: 116px;
	height: auto;
	min-height: 48px;
	float: left;
	clear: both;
	padding-top: 24px;
	position: relative;
}             

img#progress {         
	position: absolute;
	top: 36px;
	right: 0px;
	
}
     
ul#category_list {
	float: left;
	clear: left;
	padding-left: 12px;
	font-family: "lucida grande", ";ucida sans", verdana, sans-serif;     
	width: 508px;
}             

ul#category_list li {   
	padding: 12px 0px; 
	line-height: 1.5em;      
	float: left;
}       

.category_name {
	width: 204px;
	margin-right: 24px; 
	display: block;
	float:left;
}         

.li_action_links {  
	font-size: 0.75em;
	line-height: 2em;
}