/* Common
----------------------------------------------- */

body { padding: 25px; background-color: #fff; text-align: center; font: 90% "Lucida Grande", "Lucida Sans Unicode", "Lucida", verdana, sans-serif; color: #333; }
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1em 0; }
ol, ul, dl { line-height: 1.5em; margin: 0 0 1em 0; }
ul { list-style: square; }
h1 { font-size: 1.1em; margin: auto 0 .25em 0; }
h2 { font-size: 1.1em; margin: 2em 0 .25em 0; }
h3 { font-size: 1.1em; margin: 1em 0 .25em 0; color: #666; }
h4 { font-size: 1em; margin: 1em 0 .25em 0; color: #666; }
blockquote { color: #333; border-left: 1px solid #ddd; padding-left: 1em; margin: 0 0 1em 1.7em; }
label { display: block; cursor: pointer; }
cite { font-style: normal; }
abbr { border-bottom: 1px dotted black; cursor: help; font-style: normal; }
ins { text-decoration: none; font-style: italic; }
hr { height: 0px; max-height: 0px; display: block; position: relative; padding: 0; margin: 8px auto; width: 100%; clear: both; border: none; border-top: 1px solid #ddd; font-size: 1px; line-height: 0; overflow: visible; }
form { margin: 1em 0 1em 0; padding: 0; }
a { border-bottom: 1px solid #ccc; }
a:link { text-decoration: none; color: #036; }
a:active { text-decoration: none; color: #039; }
a:visited { text-decoration: none; color: #003; }
a:hover { text-decoration: none; color: #039; }

/* Main Layout
----------------------------------------------- */

div#main { text-align: left; margin: 0 auto; }
section#content { text-align: left; float: left; width: 540px; padding-bottom: 25px; }
footer#menu { text-align: left; margin: 0 0 0 540px; padding: 0 0 0 60px; height: 1%; }

/* unraveled Header
----------------------------------------------- */

h1#tk-fp-dancer-pro, div#tk-fp-dancer-pro a {display: block; margin: 0 0 .5em 0; font-size: 3em; font-family: "fp-dancer-pro",sans-serif; font-style: normal; font-weight: 700; border-bottom: none; }
h1#tk-fp-dancer-pro, div#tk-fp-dancer-pro a:visited { color: #036; }
div#tk-fp-dancer-pro a:hover { color: #039; }

/* Masthead
----------------------------------------------- */

div#masthead { margin: 25px 0 30px 0; }
div#mastheadImage { position: relative; }
a#mastheadLink { display: block; }
a#mastheadCopyright { position: absolute; display: block; bottom: 5px; right: 5px; color: #000; opacity: 0.5; border: 0; padding: 0 5px 5px 0; }
p#mastheadInfo { position: relative; top: -25px; background-color: #eee; background-image: url(/images/carrot.gif); background-repeat: no-repeat; padding-top: 35px; }

/* Menu
----------------------------------------------- */

ul#navigation { margin: 0 0 1em 0; padding: 0; list-style-type: none; font-size: .9em; font-weight: bold; }
ul#navigation li { line-height: 1.6em; }
ul#navigation a { text-decoration: none; border-bottom: 0; }
body.home a#nav-home, body.work #nav-work, body.publications a#nav-publications, body.contact a#nav-contact { border-bottom: 1px solid #999; }
div#sidebar p { font-size: .8em; line-height: 1.4em; margin: 0 0 1em 0; }
div#sidebar h5 { font-size: .8em; font-weight: bold; margin: 1em 0 0 0; }
div#sidebar label { font-size: .8em; font-weight: bold; }
div#sidebar ul { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
div#sidebar li { font-size: .8em; }
div#sidebar i { font-size: .8em; color: #999; }

/* Global Content Fomatting
----------------------------------------------- */

div#content > h2:first-child { margin-top: auto; }
h1 + h2, h1 + p, h1 + ul, h1 + ul.paragraphList, h1 + ul.noBullets, h1 + div, h2 + ol.comments, h2.smallTopMargin { margin-top: 1em; }
p.actionLink { text-align: right; }
ul.paragraphList { list-style: none; margin: 0 0 1em 0; padding-left: 0; }
ul.paragraphList li { margin-bottom: 1em; }
ul.noBullets { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
.hidden { position: absolute; left: -999px; width: 990px; }
.alert { color: #f00; }
.light { color: #999; }
.infoBox { padding: 10px; margin: 1em 0 1em 0; background-color: #eee; }
.noBorder { border: 0 !important; }
.noMargin { margin: 0 !important; }
div#xmlEmail, div#xmlEmailXML { display: none; }

/* Weblog Content Formatting
----------------------------------------------- */

body.publications section#content img  { max-width: 100%; }
div#homeEntries { margin-top: -27px; }
div#errorMessage, .importantMessage { border: 1px solid #f00; margin-top: 1em; padding: 1em; }
div.entryLinks, p.entryLinks, p.commentLinks { font-size: .8em; text-align: right; margin: 0 0 2em 0; clear: both; }
div.entryLinks ul { margin: 0; list-style-type: none; }
ol.comments { list-style: none; margin: 0 0 ; padding: 0; }
li.joshua { color: #666; }
del.flame a { text-decoration: line-through; border: 0; cursor: help; }
.small { font-size: .8em; }
.smallPrint { clear: both; font-size: .8em; }
.smallPrint a { color: #036; }
p.smallPrint code, div.smallPrint p code { font-size: 1.2em; }
a.cursor { cursor: pointer; }
img.flickr { margin: 0; }
iframe.twitter-share-button { margin-bottom: -3px; }

/* Weblog Links
----------------------------------------------- */

h1 a.headingLink, h2 a.headingLink { color: #036; text-decoration: none; }
h1 a.headingLink:link, h2 a.headingLink:link { color: #036; border-bottom: 1px solid #999; }
h1 a.headingLink:active, h2 a.headingLink:active { color: #039; border-bottom: 1px solid #999; }
h1 a.headingLink:visited, h2 a.headingLink:visited { color: #003; border-bottom: 1px solid #999; }
h1 a.headingLink:hover, h2 a.headingLink:hover { color: #039; border-bottom: 1px solid #999; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { text-decoration: none; border: none; }

/* Weblog Forms
----------------------------------------------- */

label#searchLabel { font-weight: bold; font-size: .8em; }
input.textInput { border: 1px solid #333; }
input#searchWeblog, input#searchWeblog2 { padding: 0; margin: 0; }
div#addAComment label { margin: 1em 0 0 0; }
div#addAComment input, div#addAComment textarea { display: block; font: .9em "lucida grande", verdana, helvetica, arial, sans-serif; }
div#addAComment textarea { width: 535px; }
div#html { display: none; }
input#url { margin: 0 0 1em 0; }
input#post { margin: 1em 0 3em 0; font-weight: bold; font-size: .8em; float: left; }
img#indicator { margin: 1em 0 0 1em !important; display: none; border: 0 !important; }

/* Portfolio
----------------------------------------------- */

div#resumeHeader { float: left;  }
div#resumeHeader h2 { margin-top: 0; }
div.entryWrapperTop { float: left; width: 260px; height: 90px; margin: 0 5px 0 0; }
div.entryWrapper { float: left; width: 260px; height: 90px; margin: 1em 5px 0 0; }
div.imgWrapper { float: left; width: 75px; margin-right: 10px; }
div.entryWrapper h2, div.entryWrapperTop h2 { font-size: .95em; margin: 0 0 .25em 0; }
div.entryWrapper p, div.entryWrapperTop p { font-size: .9em; margin: 0 0 .8em 0;  }
a.imgLink, a.imgPreview { border: 0; }
div.entryWrapperTop img, div.entryWrapper img { border: 0; }
/* h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { color: #333; text-decoration: none; border: none; } */
a.imgPreview:link img, a.imgPreview:visited img { border: 1px solid #ddd; }
a.imgPreview:hover img, a.imgPreview:active img { border: 1px solid #039; }

/* Lightbox
----------------------------------------------- */

#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#lightbox a { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url( /images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* Responsiveness
----------------------------------------------- */

@media screen {
	body { padding: 30px 20px 0 20px; font-size: 100%; }
	h1#tk-fp-dancer-pro, div#tk-fp-dancer-pro { margin: 20px auto 35px auto; text-align: center; }
	div.tweet { display: none; }
	div#masthead img { width: 100%; }
	div#main { max-width: 700px; }
	section#content { float: none; width: 100%; }
	footer#menu { clear: both; text-align: left; margin: 0; padding: 25px 0 0 0; width: 100%; border-top: 1px solid #ccc; }
	div.entryWrapperTop, div.entryWrapper { width: 49%; }
	nav { position: fixed; top: 0px; left: 0px; height: 40px; width: 100%; background-color: #fff; opacity: 0.95; }
	ul#navigation { font-size: 1.1em; text-align: center; margin-top: 7px; }
	ul#navigation li { display: inline; width: auto; margin: 0 24px; }
	ul#navigation li a { display: inline; width: auto; opacity: 1.0; }
	body.home a#nav-home, body.work #nav-work, body.publications a#nav-publications, body.contact a#nav-contact { border-bottom: none; color: #039; }
	div#sidebar p, div#sidebar h5, div#sidebar label, div#sidebar ul, div#sidebar li { font-size: 1em; line-height: 1.5em; }
	p.actionLink { text-align: left; clear: both; }
}

@media screen and (max-width: 630px) {
	body { padding: 30px 10px 0 10px; font-size: 90%; }
	h1#tk-fp-dancer-pro, div#tk-fp-dancer-pro { margin: 0 auto 20px auto; }
	div#main { margin: 0 auto; }
	nav { height: 30px; }
	ul#navigation { font-size: .9em; margin-top: 5px; }
	ul#navigation li { margin: 0 7px; }
	div#addAComment textarea { width: 100%; }
	div.entryWrapperTop, div.entryWrapper { width: 100%; }
}


/* Print
----------------------------------------------- */

@media print {
 	body { font-size: 10pt; color: #000 !important; background-color: #fff; }
	a:link, a:visited { text-decoration: underline; color: #00c; font-weight: bold; background-color: #fff; }
	div#main { float: none !important; width: auto; margin: auto; border: 0; }
	div#content img { margin: 0 0 1em 0; }
	div#addAComment, .hidden, footer#menu { display: none; }
}