* {	margin: 0; padding: 0; border: 0; outline: none }

html, body { height: 100% }
body { font: 11px/16px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif !important; background-color: #20445E; background-image: url(bg.png); background-repeat: repeat-y; background-position: center; color: #434343 }
p, ul { margin-bottom: 1em; letter-spacing: 0.03em }
a:link, a:visited { text-decoration: none; color: #434343 }
a:hover, a:active {  }
h1 { color: #434343; font: 13px/13px Georgia, serif; text-transform: uppercase; font-weight: bold }
h2, h3, li.section-title { color: #069; font: 11px/11px Georgia, serif; text-transform: uppercase; font-weight: bold }
h2, h1.space { margin-bottom: 11px }
table { border-collapse: collapse }
strong { font: 11px Georgia, serif; text-transform: uppercase; font-weight: bold }
input, textarea { margin-top: 3px; border: 1px solid #ccc; border-bottom: 2px solid #434343; padding: 2px 5px; width: 338px }
p + p iframe { margin-top: 30px }

#center { width: 745px; margin: 0 auto; position: relative; min-height: 99% }
* html #center { height: 100% }
#wrapper { padding-bottom: 43px }

#menu { position: relative; display: block; width: 725px; height: 78px; padding: 20px 10px 27px; margin-bottom: 20px; background: url(separator.png) repeat-x bottom }
#menu h1 { display: none }
#menu h2, #logo, #tendegrees { position: absolute }
#logo:hover h2, #tendegrees:hover h2 { color: #a30 }

#logo { display: block; width: 350px; height: 78px; background: url(lingo.png) no-repeat 20px center }
#logo h2 { left: 269px; top: 60px }

#tendegrees { right: 0; display: block; width: 165px; height: 78px; background: url(10degLogo.png) no-repeat }
#tendegrees h2 { right: 20px; top: 32px; text-align: right; line-height: 14px }

#nav { position: absolute; left: 275px; top: 20px; width: 350px; line-height: 11px !important; color: #ccc; text-transform: uppercase }
#nav ul { list-style: none }
#nav li { display: block; margin-bottom: 4px }
li#performance { padding-left: 7em }
li#workshops { padding-left: 9em }
li#history { padding-left: 11em }
li#journal { padding-left: 13em }
li#contact { padding-left: 15em }
#nav a { color: #069; font: 11px/11px Georgia, serif; text-transform: uppercase; font-weight: bold }
#nav a:hover { color: #a30 }



#content { position: relative }
#content .container { padding: 10px 10px 30px }
#content a { color: #a30; border-bottom: 1px dotted #a30 }
#content a:hover { border-style: solid }
#content h2 a, #content h3 a { color: #069; border-bottom: 0 }
#content h2 a:hover, #content h3 a:hover { color: #a30 }
#content ul { list-style: square }
#content ul li { margin-left: 3em }
#content ul li.section-title { list-style: none; margin-left: 1.5em }
#content p + h1, #content p + h2, #content p + h3 { margin-top: 1.5em }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}

#page { display: none }
body.section5 #page { display: block; margin-bottom: 1em }

#lefthalf { display: block; width: 350px; float: left; margin-right: 25px }
#lefthalf .homeheader { margin-bottom: 16px }
#lefthalf p { margin-bottom: 20px }
#righthalf { display: block; width: 350px; float: left }
#lefthalf img, #righthalf img { max-width: 340px }

#footer { clear: both; position: relative; display: block; width: 745px; height: 20px; padding-top: 23px; margin: -42px auto 0; text-align: center; 
			background: url(separator.png) repeat-x 0 10px; font-size: 9px }
#footer a { color: #666 }
#footer a:hover { color: #a30 }
#footer img { height: 8px }

.obsession { display: block; margin: 15px 0; padding: 2px 5px; background: #dedede; text-align: right }
.homeheader, .single { display: block; width: 340px; border: 5px solid #595959 }
.hidden { display: none }
.indent { margin-left: 15px }
.copy { font: 9px/10px sans-serif; color: #666; margin-top: 30px }
.jump:before { content: '\00BB' ' ' }
.back:before { content: '\00AB' ' ' }
.video:before { content: '\25B8' ' ' }
.left { float: left; clear: left }
.right { float: right; clear: right }

#once { clear: left }

#videoplayer { position: fixed; top: 50%; left: 50%; z-index: 1000; width: 725px; height: 450px; margin: -225px 0 0 -367px; background: #fff; border: 5px solid #595959 }
#videoplayer a { display: inline-block; float: right; margin: -2px 25px 0 0; background: #595959; color: #fff; padding: 2px 3px; border-bottom: 1px solid #ccc; font-size: 16px;
			-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
#videoplayer a:hover { color: #a30 }

#backtab { position: absolute; top: -13px; left: -5px }
#backtab a { display: inline-block; background: #595959; color: #fff; padding: 0 5px 2px; border-top: 2px solid #434343; border-bottom: 0; 
			-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
#backtab a:hover { background: #069 } 


/*static imgs */
#single img { width: 340px; margin-bottom: 1em }
#single.left { margin: 0 25px 25px 0 }
#single.right { margin: 0 0 25px 25px }


/* slideshow */
#slideshowbox { position: relative;  display: block; width: 350px; padding: 0 25px 25px 0; float: left }
#slideshowbox #img-container { position: absolute; display: block; border-bottom: 2px solid #434343; border-top: 2px solid #434343;
								margin-bottom: 5px; overflow: hidden }
#slideshowbox #img-container .pics { display: table-cell; width: 350px; height: 410px }
#slideshowbox #img-container .pics img { max-width: 340px; max-height: 400px; border: 5px solid #595959 }
#slideshowbox #img-container span { position: absolute; bottom: 5px; left: 5px; margin-right: 4px; display: block; font: 8px/9px Arial; color: #fff; text-shadow: 0 0 3px #000; font-weight: bold; padding: 3px 5px 2px }
#slideshowbox #img-container .autopics { display: table-cell; width: 350px; height: 410px }
#slideshowbox #img-container .autopics img { display: block; max-width: 340px; height: 400px; border: 5px solid #595959 }
#slideshowbox #img-container .autopics .nav { text-align: left; margin-top: 7px }
#slideshowbox .nav { margin-left: 7px; font-size: 10px; line-height: 10px }
#slideshowbox a { border: 0 !important }
#num { margin-left: 10px }


/* thickbox slide launch */
#launchslide { width: 350px; display: block; border-bottom: 2px solid #434343; border-top: 2px solid #434343 }
#launchslide.left { margin: 0 25px 25px 0 }
#launchslide.right { margin: 0 0 25px 25px }
#launchslide img { width: 340px; border: 5px solid #595959 }
#launchslide a { position: relative; border: 0 !important }
#launchslide a span { position: absolute; bottom: 5px; display: block; text-align: center; color: #fff; text-shadow: 0 0 3px #000; 
						font-weight: bold; background: #595959; padding: 3px 10px 0;
						-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
#launchslide.left a span { left: 0 }
#launchslide.right a span { right: 0 }
#launchslide a span:before { content: '\25B8' ' ' }
#launchslide a:hover span:before { color: #f00 }


/* Thickbox viewer */
#TB_overlay { position: absolute; z-index: 100; top: 0px; left: 0px; min-height: 100%; height: auto; _height: 333%; 
/*				background-color: #595959; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5 */ }
#TB_window { position: absolute; z-index: 102; background: #fff; display: none; border: 5px solid #595959; margin-left: -12px }
#TB_window a { color: #a30; border-bottom: 1px dotted #a30 }
#TB_window a:hover { border-style: solid }
#TB_closeWindowButton { float: right; margin-right: 10px }
#TB_window img { display: block; margin: 15px 0 10px 15px }
#TB_caption { text-align: center; padding: 0 15px }
.TB_space { display: inline-block; width: 25px; text-align: center }
#TB_secondLine { text-align: center; padding: 5px 15px 15px }
#TB_closeWindow { display: none }
#TB_load { position: absolute; display: none; height: 96px; width: 12px; z-index: 101 }
#TB_HideSelect { z-index:99; position: absolute; background: transparent !important }
#TB_iframeContent { clear: both; margin-bottom:-1px; margin-top:1px; _margin-bottom: 1px }


/* journal */
.bloglink { color: #069 !important; font: 11px Georgia, serif; text-transform: uppercase; font-weight: bold; border-bottom: 0 !important }
.bloglink:hover { color: #a30 !important }
.date { color: #aaa }
.date a { color: #aaa !important; border-bottom: 0 !important }
.date a:before { content: " \25B8  " }
.blogfoot { margin-bottom: 2em }


/* php form */
body#phpform, .form_field, .form_required, .form_description, .form_button { }
body#phpform { background-color: transparent }
.form_field, .form_required, .form_description, .form_button { font-weight: bold }
.form_required { color: red }
.field_block{ padding-bottom: 5px }
.form_submit_bloc k{ padding-top: 10px }
.text_box, .text_area, .text_select { width:300px }
.text_area { height: 80px }
.form_error_title { font-weight: bold; color: red }
.form_error { background: #fff; border: 1px dashed #ff0000; padding: 10px }
.form_error_highlight { color: #f00 }
div.instruction_error { color: red; font-weight: bold }
.form_button { width: 80px; height: 28px }
.form_choice_over { background-color: #dedede; cursor: pointer }