/*
       copyright 2009 Shaolin Kung Fu Institute. All Rights Reserved
       Author: Maya Lindenmuth 
       Date: 3/25/2009 
*/


/* Styles specifically for print view */

/****************************** START :: page **********************/
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: 0px; padding: 0px; white-space: normal; border: 0px; outline: 0px; font-weight: normal; font-style: normal; font-size: 1em; vertical-align: baseline; font-family: Arial, Helvetica, sans-serif; }
body { background: #2f000f; line-height: 1.2em; color: #666; font-size: 11px; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0px; }
	caption, th, td { text-align: left; font-weight: normal; }
	
/* form elements */	
input, textarea { margin: 0px; padding: 1px 6px 1px; border: 1px solid #ccc; outline: 0px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #666; }
select { margin: 0px; padding: 0px 0px 0px 3px; border: 1px solid #ccc; outline: 0px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #000; }
	select option { padding-right: 10px; }/*so text isn't hidden by drop down in selects with only 2 characters*/
button { margin: 0px; }


h2 { color: #903; padding: 0px 0px 10px; text-transform: uppercase; font-size: 1.5em;  }
h3 { color: #903; font-size: 1.3em; line-height: 1.3em; margin-bottom: 7px; }
h3.media { background: url(../images/background/media_header.png) left bottom no-repeat; text-align: left; }
p.h4 { color: #000; font-weight: bold; }
p { line-height: 1.7em; letter-spacing: .1em; }
#content ol, #content ul { line-height: 1.7em; letter-spacing: .1em; }

/* default links */
a { cursor: pointer; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
/* remember to define focus styles! */
a:focus { overflow: hidden; }

/*  hides flash outline when clicked */
object { outline:none; }

/* navigation elements should be removed for print */
#branding, #navSupplementary, #skip_points, #navSecondary, .col_additional { display: none; }


.col1 { width: 590px; float: left; }
	.col2 { width: 450px; float: left; }
	.col3 { width: 330px; float: right; }
	.col_ful { width: 788px; float: left; }
		.last { float: right; }
	.col_content { margin-bottom: 13px; clear: both; }
		.col_content .col_content_wrapper { padding: 7px 7px 3px 7px; }
			.col_content .col_content_wrapper img.al { float: left; padding: 0px 12px 7px 0px; }
			
			.col_content .img, .col_content .cont, .col_content .links { margin: 13px 0px 20px; }
			.col_content .img { float: left; padding-left: 10px; }
			.col_content .cont { float: left; width: 180px; padding: 0px 10px 0px 23px; }
					.col_content .long { width: 370px; }
						.col_content .long p { padding-bottom: 17px; }
				.col_content .cont ul, .col_content .types ul, .col_content .gen ul, .col_content .gen p { padding-bottom: 17px; }
				.col_content .cont ul li, .col_content .types ul li, .col_content .gen ul li { padding-left: 12px; }
			.col_content .links { height: 155px; float: left; padding: 18px 0px 0px 28px; }	
			
			.col_content .additional { padding-left: 10px; clear: left; }
			.col_content .spot { float: left; padding: 10px 15px 20px 11px; width: 160px; }
				.col_content .spot img { padding-bottom: 8px; }
				
			.col_content #classesPlaceholder { margin: 12px 0px 10px 9px; }	
				.col_content .types { float: left; }
					.col_content .types .type_class { width: 250px; padding: 0px 16px; float: left; }
			
			.action { display: none; }
			
			
			.directions p { padding: 0px 0px 17px; }
			.directions ul li { display: inline; padding-left: 16px; }
			.directions p.schedule a { display: block; width: 165px; height: 27px; text-decoration: none; }
				.directions p.schedule a span { position: relative; left: -9999px; }
			
			.wrapper, .gen { padding: 17px 0px 17px 9px; }
			.vcard { margin: 17px 0px; }
				.wrapper fieldset { width: 272px; float: left; margin-top: 12px; }
					.wrapper fieldset .field { float: left; margin-bottom: 7px; }
					.wrapper fieldset label { width: 100px; float: left; clear: left; padding-right: 12px; }
					.wrapper fieldset input { width: 144px; }
					.wrapper fieldset select { width: 158px; }
					.wrapper fieldset textarea { width: 144px; margin-left: 112px; height: 117px; }
					.wrapper fieldset .action { clear: left; margin-left: 100px; }
						.wrapper fieldset p.required { margin-left: 112px; }
						
			table { width: 90%; margin-bottom: 17px; }
			table caption { position: absolute; left: -9999px; }
			table th { padding: 6px; }
			table td { padding: 6px 12px; }	
			
					table th { border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; text-align: center; font-weight: bold; }
			table th.first { border-left: 1px solid #c8c8c8; }
		table td { border: 1px solid #c8c8c8; border-left: none; border-top: none; }
			table td.first { border-left: 1px solid #c8c8c8; }		
		
						
						
		.col2 h3 { margin-bottom: 3px; }
		.col2 p { margin-bottom: 17px; }
			.col2 .h4 { margin-bottom: 8px !important; }	
			
			.heirarchy { padding-left: 6px; }
			.lineage { width: 292px; height: 128px; padding: 0px 0px 0px 16px; }
				.lineage img { float: left; }
				.lineage p { float: right; margin-top: 35px; padding-right: 15px; text-align: left;width: 165px; }
					.heirarchy .last { height: 90px; margin-bottom: 35px; }			
/* end :: content */

#content { margin-top: 140px; }

#print { display: block; position: absolute; top: 10px; }	
	#print img { width: 95%; height: 95%; }