/*

Name: missunderstood template

Author: will rossiter 

Modified: TeeDa (Dave Teeder)

--
*/


/* colour codes descruptions used in this sheet - Please describe colour sets here and global replace - add extra descs */



/*

 *	plain white text: 		#ffffff 	- main body text... verbacive text blocks - dynamically entered in admin

 *										- also navbar hover

 *	red headings: 			#ff6633		- main colour heading for verbacive text blocks

 *	orange nav outlines:	#ff9900		- orange indicators for navbars

 * 										- footer

 *										- standard orange text colour

 *										- most horiz bars

 *							#f27E00

 *

 *	footer:					#aaaaaa		- vertical bar of coolness. aka. pipe

 *  video player 			#999999		- video player info colour

 *  video_player b  		#ffffff		- video player instruction colour

 */



/* headings - orange

 * body text - white / grey for highlights

 * links - reddish orange - white rollover

 * buttons - yellow text - orange outline

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

 



/* Misc catch_all uncaughts for tags with no elements */

{

 margin:0px;

 padding:0px;

}

* {

 margin:0px;

 padding:0px;

}


/* main defaults catch all end */



/* RoyGBiv */

/* defaults for text and scroll-bars */

body {

 /* font style definition start */

 font-family: 					Verdana, Arial, sans-serif;

 font-size: 					36px;    	/* 16px */

 color: 						#00ff00;    /* affects text color and else ? - check .css reference manual */

 /* font style definition end */

 /* scrollbar colour definition start */

 scrollbar-face-color:			#ff9900;

 scrollbar-shadow-color: 		#fe81ff;

 scrollbar-highlight-color: 	#fe81ff;

 scrollbar-3dlight-color:		#ce0075;

 scrollbar-darkshadow-color: 	#ce0075;

 scrollbar-track-color: 		#ffC0C0;

 scrollbar-arrow-color: 		#ce0075; 

 /* scrollbar colour definitions end */

 /* margin and padding affected by uncaught body elements */

 margin:						0px;

 padding:					    0px;

 /* end margin + padding page body control */

}



/* default linkage styles */

a img{ border: 					0px; }

a { 

 color:							#ff9900;

 text-decoration:				none;}

a:hover { 

 color: 						#ffffff;

 text-decoration: 				none;}



/*** La style de la tag classifiqué - 'footer' ***/

#footer {

 text-align: 					center;

 color: 						#ff9900;

 font-size: 					0.7em;

 vertical-align:				middle;

}

#footer p 				{ color: #ff9900;}

#footer a 				{ color: #ff9900;}

#footer a:hover 		{ color: #ffffff;}

#footer i {

 text-align:					center;

 color:							#aaaaaa;

 font-size:						1.0em;

 vertical-align:				middle;

}

#footer b {

 text-align:					center;

 color:							#ff9900;

 font-size:						1.0em;

 vertical-align:				middle;

}

#footer b:hover {

 text-align:					center;

 color:							#ffffff;

 font-size:						1.0em;

 vertical-align:				middle;

} 



#footer a 				{ color: #ff9900;}

#footer a:hover 		{ color: #ffffff;}

#footer i {

 text-align:					center;

 color:							#aaaaaa;

 font-size:						1.0em;

 vertical-align:				middle;

}

#footer b {

 text-align:					center;

 color:							#ff9900;

 font-size:						1.0em;

 vertical-align:				middle;

}

#footer b {

 text-align:					center;

 color:							#ff9900;

 font-size:						1.3em;

 vertical-align:				middle;

}

#footer b:hover {

 text-align:					center;

 color:							#ffffff;

 font-size:						1.3em;

 vertical-align:				middle;

} 





#guestbook a 				{ color: #ff9900;}

#guestbook a:hover 		{ color: #ffffff;}

#guestbook i {

 text-align:					center;

 color:							#aaaaaa;

 font-size:						1.3em;

 vertical-align:				middle;

}

#guestbook b {

 text-align:					center;

 color:							#ff9900;

 font-size:						1.3em;

 vertical-align:				middle;

}

#guestbook b {

 text-align:					center;

 color:							#ff9900;

 font-size:						1.6em;

 vertical-align:				middle;

}

#guestbook b:hover {

 text-align:					center;

 color:							#ffffff;

 font-size:						1.6em;

 vertical-align:				middle;

} 


/* viewer links code */
.viewer a	{
	color:						#000000;
	
	font:						Arial, Helvetica, sans-serif;
	
	font-size:					12px;
}

.viewer a:hover	{
	color:						#303030;
	
	font:						Arial, Helvetica, sans-serif;
	
	font-size:					12px;
}



/* la fin de classifiqué */



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

 * NAVIGATION BAR CODE 

 * the navigation buttons to the left of the screen

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

/**/    #navlist {margin:0px;} /* orig */

/*    #navlist {margin-top: 15px; margin-left: 0px; border-right: 2px;} /* changed spacing */

#navlist ul {

 margin:0px;


}



#navlist li{

float:left;

list-style:			none;

/* display as block colour outline - top, left - 2px between buttons, gap to right */


height: 			40px;

width: 				120px;

background: 		inherit;

color: 				#fe8512;         	/* colour of */

/* padding + spacing */

padding: 			0px;

spacing: 			0px;

/* margin */

margin-top: 		0px;

margin-bottom: 		5px;

margin-left: 		0px;

margin-right: 		5px;

/* border */

border:				2px;



border-top-style: 	solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: 	solid;


border-collapse: 	collapse;

}

#navlist li:hover {   /* channge outline colour with hover */

 color: 			#f4f4f4;

 background: 		#cc3300;

}

#navlist li .active {   /* active item hover colour: PLEASE INDICATE WHICH USED IF css CHANGED */

/**/ color: 		#fe8512;  		/* as unactivated */ 			/***** IN USE NOW *****/

/*   color: 		#FFCC33;		/* highlighted for active */	/***** NOT USED   *****/

 background: 		#cc3300;

}

/* dynamic element colour sets */

/*** Content ***/

.table_title {

 color:#FFFF00;				#Fc8300;

 font-weight: 		600;

 font-size: 		24px;

 text-decoration: 	none;

 text-align: 		center;

}

.table_title b{

 color:#FFFF99;				#fF7F00;

 font-weight: 		900;

 font-size: 		30px;

 text-decoration: 	none;

 text-align: 		center;

}



/* hip hop summer school small text dark grey */



.video_player   { 	/*this one to describe useraction hint*/

 color: 			#999999;

 font-size: 		12px;

}

.video_player b { 	/*this one for video info*/

 color: 			#ffffff;

 font-size: 		12px;

}



/* about, gallery, most pages */



.about {

 color: 			#ffffff;

 font-size: 		12px;

}

.about p {

 color: 			#efefef;

 font-size: 		14px;

 font-weight:		850;

}

.about strong {

 color:				#FF9933;

 font-size: 		14px;

 text-decoration:	none;

 font-weight:		700;

}



.about a {

 color:				#cc6600;

 font-size: 		12px;

 text-decoration: 	none;

 vertical-align:	middle;

}

.about a:visited {

 color: 			#cc6600;

 font-size: 		12px;

 vertical-align:	middle;

}

.about a:hover {

 color:				#ff9900;

 font-size: 		12px;

 text-decoration: 	none;

 vertical-align:	middle;

}

.about a:visited:hover {

 color: 			#ff9900;

 font-size: 		12px;

 vertical-align:	middle;

}

/* larger bold and bold a - 14px */

.about b {

 color: 			#dddddd;

 font-size: 		14px;

 font-weight:		700;

 vertical-align:	middle;

}

.about b:a {

 color: 			#cc6600;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.about b:a:visited {

 color: 			#cc6600;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.about b:a:hover {

 color:				#ff9900;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.about b:a:visited:hover {

 color: 			#ff9900;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.about .title {

 color: 			#ff9900;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.about .price{

 color: 			#ff9900;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.about:about{

 color: 			#ff9900;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.about_watch {

 color: 			#ffdd00;

 font-size:			16px;

 vertical-align:	middle;

}

.about_watch a {

 color:				#ffdd00;

 font-size:			16px;

 vertical-align:	middle;

}

.about_watch a:hover {

 color:				#ffdd00;

 font-size:			16px;

 vertical-align:	middle;

}

.about_watch a:visited {

 color:				#ffdd00;

 font-size:			16px;

 vertical-align:	middle;

}

.about_watch a:visited:hover {

 color:				#ffdd00;

 font-size:			16px;

 vertical-align:	middle;

}

.grey_bar {

 color:				#aaaaaa;

 font-size:			18px;

 valign:			center;

 vertical-align:	middle;

}

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

/***     				video						 ***/

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

.video {

 color: 			#ffffff;

 font-size: 		12px;

 text-decoration: 	none;

 vertical-align:	middle;

}

/* unknown */

.video p {

 color: 			#ffffff;

 font-size: 		16px;

 text-decoration: 	none;

 vertical-align:	middle;

}

/* for headings */

.video strong {

 color: 			#ff9900;

 font-size: 		18px;

 text-decoration: 	none;

 font-weight:		900;

 vertical-align:	middle;

}

/* for file info */

.video i {

 color:				#cccccc;

 font-size: 		12px;

 text-decoration: 	none;

 vertical-align:	middle;

}

/* file info outher */

.video u {

 color: 			#eeeeee;

 font-size: 		12px;

 text-decoration: 	none;

 vertical-align:	middle;

}

/* file info headings */

.video b {

 color:				#FFCC00; 

 font-size: 		12px;

 text-decoration: 	none;

 font-weight:		800;

 vertical-align:	middle;

}

/* files a links*/

.video a {

 color: 			#cc6600;

 font-size: 		12px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.video a:visited {

 color: 			#cc6600;

 font-size: 		12px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.video a:visited:hover {

 color: 			#ff9900;

 font-size: 		12px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

.video a:hover {

 color: 			#ff9900;

 font-size: 		12px;

 text-decoration: 	none;

 font-weight:		700;

 vertical-align:	middle;

}

 

/*

 * gallery

 */

.gallery {

 color: 			#FFFFFF;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		900;

 line-height: 		20px;

 }



 .gallery a {

 color: 			#cc6600;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 line-height:		inherit;

}

.gallery a:visited {

 color: 			#cc6600;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 line-height:		inherit;

}

.gallery a:hover {

 color:				#ff9900;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 line-height:		inherit;

}

.gallery a:visited:hover {

 color: 			#ff9900;

 font-size: 		14px;

 text-decoration: 	none;

 font-weight:		700;

 line-height:		inherit;

}



/* dancer_viewer */



.dancer_viewer  {
	
	font-family:Arial, Helvetica, sans-serif;

	color: 				#ffffff;

	font-size: 			12px;

	text-decoration: 	none;

}



.dancer_viewer b {
	
	font-family:Arial, Helvetica, sans-serif;

	color: 				#ff9900;

	font-size: 			14px;

	text-decoration: 	none;

	font-weight:		bold;

}

/*

.dancer_name {

	color: 				#ff9900;

	font-size: 			9px;

	text-decoration: 	none;

	font-weight:		700;

	line-height:		inberit;

}

*/

/* funky_text for talents */

/* TeeDa */



#funky_text  {

	color: 				#ff9900;

	font-size: 			12px;

	text-decoration: 	none;

	font-weight:		500;

	line-height:		17px;

	text-align:			center;

	vertical-align:		middle;

}

#funky_text b {

	color: 				#ff9900;

	font-size: 			16px;

	text-decoration: 	none;

	font-weight:		900;

	line-height:		17px;

	text-align:			center;

	vertical-align:		middle;

}

#funky_text a 				{ color: #ff9900;}

#funky_text a:hover 		{ color: #ffffff;}

#funky_text b:hover 		{ color: #ffffff;}







/* dancer name for talents */

/* TeeDa */



#dancer_name  {

	color: 				#ff9900;

	font-size: 			9px;

	text-decoration: 	none;

	font-weight:		500;

	line-height:		13px;

	text-align:			center;

	vertical-align:		middle;

}

#dancer_name b {

	color: 				#ff9900;

	font-size: 			13px;

	text-decoration: 	none;

	font-weight:		900;

	line-height:		13px;

	text-align:			center;

	vertical-align:		middle;

}

#dancer_name a 				{ color: #ff9900;}

#dancer_name a:hover 		{ color: #ffffff;}

#dancer_name b:hover 		{ color: #ffffff;}



/* section name */

#section_name  {

	color: 				#ff9900;

	font-size: 			14px;

	text-decoration: 	none;

	font-weight:		300;

	line-height:		17px;

	text-align:			center;

	vertical-align:		middle;

}

#section_name b {

	color: 				#ff9900;

	font-size: 			22px;

	text-decoration: 	none;

	font-weight:		900;

	line-height:		17px;

	text-align:			center;

	vertical-align:		middle;

}



.text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:justify;
}

.text b 
{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#FF9933;
}

.text strong
{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#FF9933;
}