/**** Global ****/
body { font-family:helvetica; font-size:13px; margin:0 auto 0 auto; width:890px; background-color:#ffffff; }
a { color:#C85000; text-decoration:none; }
/*a:visited { color:#EE4422; }*/
a:hover { text-decoration:underline; }
img { border:0px; }
h1 { margin:0px 0px 21px 0px; padding:0px; font-size:34px; color:#333333; float:left; clear:both; width:`00%;; }
h2 { margin:0px 0px 0px 0px; padding:0px; font-size:21px; color:#333333; float:left; width:100%; }
h3 { margin:0px 0px 3px 0px; font-size:21px; font-weight:bold; color:#333; float:left; width:100%; }
h4 { font-size:13px; font-weight:bold; margin:0px 0px 3px 0px; color:#333333; float:left; width:100%; }
p, pre { margin:0px 0px 13px 0px; padding:0px; float:left; }
ul { list-style:none; text-indent:0px; margin-left:0px; padding-left:0px; margin-bottom:21px; }
#header { margin:0 0 0 0; padding-top:55px; padding-bottom:34px; }
#header a:hover, #header h1#logo a:hover { background-image:none; }
#logo { margin:1px 0 0 0px; float:left; }
#logo a { background-image:url('/images/logo_reflection.jpg'); background-position:bottom center; background-repeat:no-repeat; padding-bottom:3px; }
#global_nav { text-align:right; padding-top:17px; white-space:nowrap; }
#global_nav a { padding-right:13px; font-weight:bold; }
#portfolio_link { background-image:url('/images/portfolio_reflection.jpg'); background-position:bottom left; background-repeat:no-repeat; padding-bottom:8px; }
#resume_link { background-image:url('/images/resume_reflection.jpg'); background-position:bottom left; background-repeat:no-repeat; padding-bottom:8px; padding-left:1px; }
#art_link { background-image:url('/images/art_reflection.jpg'); background-position:bottom left; background-repeat:no-repeat; padding-bottom:8px; padding-left:1px; }
#search_container { float:right; }
#terms { width:144px; border:1px solid #DDD; background-image:url('/images/orange_glow.gif'); background-position:bottom center; background-repeat:repeat-x; color:#999; text-indent:2px; font-size:13px; position:relative; top:-3px; margin-left:5px; }
#search_results { width:146px; position:absolute; z-index:3; background-color:#DDDDDD; }
#search_results a.result { text-align:left; width:138px; margin-bottom:1px; background-color:#EEEEEE; padding:4px; display:block; font-weight:normal; }
#search_results a.result:hover { background-color:#DDDDDD; text-decoration:none; }
#mainContent { margin:0px; }

#philosophy, #current_goal, #twitter { width:320px; padding:13px; float:left; clear:none; margin:0px 1px 1px 1px; color:#333333; }
.tweet { margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #dddddd; }
.TweetFooter { color:#777777; text-align:right; }

#philosophy { background-image:url('http://www.onlinelanguagehelp.com/media/images/transparent_gray.png'); }
#philosophy h2, #twitter h2 { padding-bottom:8px; }
#twitter { background-image:url('http://www.onlinelanguagehelp.com/media/images/transparent_orange.png'); }

#portfolios { float:left; clear:none; width:540px; }
.portfolio { float:left; clear:none; margin:0px 21px 1px 0px; height:144px; width:540px; }
.portfolio:hover { text-decoration:none; }
.portfolio h2 { background-image:url('http://www.onlinelanguagehelp.com/media/images/transparent_black.png'); padding:3px 5px; display:inline-block; width:auto; color:#ffffff; float:left; clear:both; }
.portfolio .blurb { background-image:url('http://www.onlinelanguagehelp.com/media/images/transparent_black.png'); font-weight:bold; padding:3px 5px 5px 5px; float:left; clear:both; width:61%; }

.flash { padding:8px 13px; background-image:url('http://www.onlinelanguagehelp.com/media/images/transparent_orange.png'); border:1px solid #C85000; display:inline-block; margin:8px; }

h2.title { margin-bottom:8px; width:284px; float:left; clear;both; padding:0px; }
.thumb { width:148px; white-space:normal; float:left; clear:left; margin:0px 8px 0px 0px; font-weight:bold; }
.blurb a { color:#333333; }
#links, #contributors { float:right; clear:right; width:220px; margin:0 0 21px 0; }
.link, .contributor { float:left; clear:both; margin-bottom:3px; }
.tooltip { background-image:url('/images/transparent_white.png'); padding:5px; color:#777; }
.description { margin:0 0 21px 0; float:left; clear:none; width:540px; }
.job .description { margin:0 0 13px 0; }
.description .blurb { font-weight:bold; color:#333333; }
#photos { margin:0 0 0px 0; }
.photo { margin-bottom:21px; margin-right:21px; text-align:center; float:left; overflow:hidden; }
.photo img { padding:1px; border:1px solid #DDD; margin-left:auto; margin-right:auto; }
.photo img:hover { border:1px solid #C85000; }
#employment, #education, #other_experience { float:left; clear:left; width:370px; margin-bottom:13px; }
.location, .phone_number, .example_links { float:left; margin:0px 8px 13px 0px; }
.example_links a { float:left; clear:both; }
.dates { float:left; clear:left; margin-bottom:8px; }
#skills { float:right; width:226px; padding-top:18px; }
#skills h2 { font-size:13px; margin-bottom:8px; }
#pdf_resume { border:1px solid #999999; padding:8px; display:block; }
#pdf_resume:hover { text-decoration:none; border-color:#C85000; }
#pdf_resume img { vertical-align:bottom; margin-right:5px; }
#footer { margin:21px 0px 0px 0px; padding-bottom:55px; display:table; float:left; clear:both; }
#footer p { font-size:12px; }
#footer p a { margin-left:13px; font-weight:bold; }