body {
  font-size:11px;
  font-family:Georgia, serif;
  line-height:1.5;
  background:#fff;
  color:#000;
}

div#container {
  width:1030px;
  margin:0 auto;
  padding-bottom:50px;
  overflow:hidden;
  padding-left:18px;
}

.content-wrapper {
  overflow:hidden;
}

h2 {
  margin-bottom:17px;
  line-height:1.5;
}

h3 {
  font-size:18px;
  line-height:1.2;
  margin-bottom:12px;
}

.content-block .content h4 {
  font-size:12px;
  font-weight:bold;
  margin-bottom:12px;
}

h3 em, h4 em {
  font-style:italic;
}

.deemphasized {
  font-size:.6em;
}

h5 {
  font-size:12px;
  margin-bottom:1em;
}

p {
  margin-bottom:12px;;
}

a {
  color:#000;
}

a:hover {
  color:#333;
}

.english p {
  font-style:italic;
}

/*---------------------------------------------------*/
/* Navigation                                        */
/*---------------------------------------------------*/

div#navigation {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  background:#fff;
  padding:3px 0 3px 0;
  z-index:2;
}

div#navigation ul {
  width:1030px;
  margin:0 auto;
  padding-left:20px;
}

div#navigation ul li {
  margin-right:10px;
  float:left;
  background:#fff;
  padding-top:8px;
  padding-bottom:3px;
}

div#navigation ul li a {
  display:block;
  height:14px;
  text-indent:-9999px;
  background-position:0 0;
  background-repeat:no-repeat;
}

div#navigation ul li a:hover,
div#navigation ul li a.active {
  background-position:0 -14px;
}

a#nav_news            { width:45px; background-image:url(../images/navigation/white/news.gif); }
a#nav_students        { width:81px; background-image:url(../images/navigation/white/students.gif); }
a#nav_projects        { width:81px; background-image:url(../images/navigation/white/projects.gif); }
a#nav_diplomas        { width:79px; background-image:url(../images/navigation/white/diplomas.gif); }
a#nav_info            { width:34px; background-image:url(../images/navigation/white/info.gif); }
a#nav_guests          { width:60px; background-image:url(../images/navigation/white/guests.gif); }
a#nav_enfontterrible  { width:136px; background-image:url(../images/navigation/white/enfontterrible.gif); }

/*---------------------------------------------------*/
/* Content Blocks                                    */
/*---------------------------------------------------*/

.content-block {
  overflow:hidden;
}

.content-block.right { text-align:left; }
.content-block.right .content { float:left; }
.content-block.right .slideshow { float:right; }
.content-block.right .slideshow { margin-left:16px; }

.content-block.left { text-align:left; }
.content-block.left .content { float:right; }
.content-block.left .slideshow { float:left; }
.content-block.left .slideshow { margin-right:16px; }
.content-block.left .slideshow .canvas { float:right; }

.content-block.left .slideshow-wrapper { float:right; }

.content-block .content {
  width:390px;
  padding:0;
  color:#000;
}

.content-block .content span.date {
  float:left;
}

.content-block .content span.date em {
  color:#000;
}

span.arrow {
  font-size:0.8em;
  font-weight:bold;
  font-family:Georgia;
  padding-right:5px;
  position:relative;
  top:-4px;
}

.content-block .content p {
}

.content-block ul.videos {
  margin-bottom:20px;
}

.content-block ul.videos li {
  margin-bottom:3px;
}

.content-block ul.videos a {
  text-decoration:none;
  border-bottom:1px solid #666;
  color:#333;
}

.content-block ul.videos a:hover {
  color:#333;
}

.content-block ul.videos a.active {
  border-bottom:1px solid #555;
  cursor:default;
  color:#555;
}

.content-block .slideshow .controls {
  width:100%;
  background:url(/images/caption-background.png);
  position:absolute;
  bottom:0;
}

.slideshow .slideshow-wrapper .next,
.slideshow .slideshow-wrapper .previous {
  position:absolute;
  cursor:pointer;
  height:100%;
  width:50%;
  top:0;
}

.content-block .slideshow .controls div.caption {
  padding-top:5px;
  margin:20px 85px 20px 85px;
  min-height:25px;
}

/*---------------------------------------------------*/
/* Layout Adjustments                                */
/*---------------------------------------------------*/

#news { margin-top:75px; }

.content-block { margin-bottom:30px; }

#news     .submenu ul li.first { margin-left:-5px; }
#projects .submenu ul li.first { margin-left:141px; }
#diplomas .submenu ul li.first { margin-left:232px; }
#guests   .submenu ul li.first { margin-left:321px; }

#news, #diplomas, #guests, #projects {
  margin-bottom:90px;
}

#students { margin-bottom:100px; }

/*---------------------------------------------------*/
/* Submenus                                          */
/*---------------------------------------------------*/

div.submenu {
  position:absolute;
  background:#fff;
  overflow:hidden;
  width:100%;
  left:0;
  top:28px;
  z-index:1000;
  height:23px;
}

div.submenu ul {
  height:23px;
  width:1030px;
  margin:0 auto;
  padding-left:20px;
}

div.submenu ul li {
  float:left;
  height:23px;
  line-height:21px;
  padding:0 5px;
  font-family:Georgia, serif;
  font-size:13px;
}

div.submenu ul li a {
  color:#000;
  text-decoration:none;
}

div.submenu ul li a:hover {
  color:#aaa;
}

div.submenu ul li img.loading {
  position:relative;
  margin-right:5px;
  top:3px;
}

/*---------------------------------------------------*/
/* Students                                          */
/*---------------------------------------------------*/

#student_thumbs {
  overflow:hidden;
  height:680px;
}

#student_thumbs ul li {
  float:left;
  width:110px;
  height:110px;
  margin:0 0 2px 2px;
}

#student_thumbs ul li a {
  display:block;
  width:110px;
  height:110px;
  overflow:hidden;
}

#masthead {
  position:absolute;
  width:923px;
  height:662px;
  background:url(/images/masthead.png);
  margin:-10px 0 0 -470px;
  left:50%;
}

h3#skill_scout_actuator {
  margin-bottom:10px;
  cursor:pointer;
  padding-top:0;
}

#skill_scout {
  font-family:Georgia, serif;
  line-height:1.6;
}

#skill_scout p {
  font-size:12px;
  font-style:italic;
  margin-bottom:25px;
}

#skill_filters {
  padding-bottom:10px;
  font-size:14px;
}

#skill_filters a {
  text-decoration:none;
}

#skill_filters a:hover {
  color:#ccc;
}

#skill_filters a.active {
  color:#F5C92E;
}

h2#student_name {
  display:block;
  font-size:36px;
  font-family:Georgia, serif;
  margin-top:45px;
}

#photo_and_links {
}

#photo_and_links img {
  margin-bottom:20px;
}

#photo_and_links a.download {
  margin-bottom:5px;
}

#about {
  font-family:Georgia, serif;
}

.tooltip {
  color:#fff;
  background:#000;
  font-size:30px;
  padding:7px 5px 5px 5px;
  line-height:1;
}

/*---------------------------------------------------*/
/* Info                                              */
/*---------------------------------------------------*/

#faq h3, #teachers h3, #students h3 { margin-top:20px; }

#info h3 em {
  color:#666;
}

#info p em {
  color:#666666;
  font-style:italic;
}

#info #faq h4 {
  color:#000;
  margin-bottom:12px;
  cursor:pointer;
}

#faq h4 em {
  color:#666;
}

#info #faq h4:hover,
#info #faq h4:hover em {
  color:#79AFD7;
}

#faq p {
  display:none;
}

#teachers p, #all_students p {
  font-size:14px;
  margin-bottom:8px;
}

#info #teachers p a, #info #all_students p a {
  color:#666;
  text-decoration:none;
  font-style:italic;
}

#teachers p em, #all_students p em, #info #all_students p em a {
  color:#000;
  font-style:normal;
}

#awards ul li {
  margin-top:10px;
}

#awards ul li strong {
  font-style:italic;
}

/*---------------------------------------------------*/
/* Columns                                           */
/*---------------------------------------------------*/

.thirds {
  overflow:hidden;
  margin-bottom:30px;
}

.third {
  width:330px;
  overflow:hidden;
  margin-right:20px;
  font-size:12px;
  float:left;
}

.third.last {
  margin-right:0;
}

/*---------------------------------------------------*/
/* Gallery                                           */
/*---------------------------------------------------*/

.slideshow {
  width:622px;
  position:relative;
  overflow:hidden;
}

.slideshow .slideshow-wrapper {
  position:relative;
  overflow:hidden;
}

.slideshow .canvas {
  min-height:100px;
}

.slideshow .canvas img { border:1px solid #ddd; }
.slideshow object {
  display:block;
  border:1px solid #ddd; 
}

.slideshow .canvas.loading { 
  background:#eee url(/images/loader.gif) center center no-repeat;
}

.slideshow .previous {
  left:0;
  background-position:left 50%;
  background-repeat:no-repeat;
}
.slideshow .next {
  right:0;
  background-position:right 50%;
  background-repeat:no-repeat;
}

#container .slideshow .previous { background-image:url(/images/arrows/active-prev.png); }
#container .slideshow .next { background-image:url(/images/arrows/active-next.png); }

#news .slideshow .previous:hover { background-image:url(/images/arrows/news-prev.png); }
#news .slideshow .next:hover     { background-image:url(/images/arrows/news-next.png); }

#projects .slideshow .previous:hover { background-image:url(/images/arrows/projects-prev.png); }
#projects .slideshow .next:hover     { background-image:url(/images/arrows/projects-next.png); }

#diplomas .slideshow .previous:hover { background-image:url(/images/arrows/diplomas-prev.png); }
#diplomas .slideshow .next:hover     { background-image:url(/images/arrows/diplomas-next.png); }

#guests .slideshow .previous:hover { background-image:url(/images/arrows/guests-prev.png); }
#guests .slideshow .next:hover     { background-image:url(/images/arrows/guests-next.png); }

/*---------------------------------------------------*/
/* Guests                                            */
/*---------------------------------------------------*/

div#guests_index {
  font-family:Georgia, sans-serif;
  font-size:13px;
  margin-bottom:20px;
  color:#000;
}

div#guests_index a {
  color:#000;
}

div#guests_index a:hover { color:#aaa; }

/*---------------------------------------------------*/
/* Section Colors                                    */
/*---------------------------------------------------*/

#news h3, 
#news a.download, 
#news h4, 
#news span.date, 
#news .submenu ul li a.active, 
#news p a { 
  color:#E00D40; 
}

#students h3, 
#students a.download, 
#students h4, 
#students span.date, 
h2#student_name, 
#students p a,
#students div.page { 
  color:#F5C92E; 
}

#projects h3, 
#projects a.download, 
#projects h4, 
#projects span.date, 
#projects .submenu ul li a.active, 
#project p a 
#projects .content-block .content div.page { 
  color:#E86100;
}

#diplomas h3, 
#diplomas a.download, 
#diplomas h4, 
#diplomas span.date, 
#diplomas .submenu ul li a.active, 
#diplomas p a { 
  color:#80CC40; 
}

#guests h3, 
#guests a.download, 
#guests h4, 
#guests span.date, 
#guests .submenu ul li a.active, 
#guests p a { 
  color:#A85CA8; 
}

#info h3, 
#info a.download, 
#info h4, 
#info span.date { 
  color:#79AFD7; 
}

#info p a { 
  color:#000; 
}

/*---------------------------------------------------*/
/* Blog                                              */
/*---------------------------------------------------*/

#blog {
  margin-top:70px;
  width:600px;
  float:left;
}

#blog h1 {
  color:#666;
  font-weight:bold;
  font-size:48px;
  margin-bottom:50px;
  margin-left:-3px;
}

#archive_sidebar {
  position:fixed;
  left:50%;
  margin-left:230px;
  top:118px;
  background:#ddd;
  padding:0 20px 20px 20px;
}

#archive_sidebar h2 {
  font-size:14px;
  color:#333;
  margin-top:20px;
}

#archive_sidebar a {
  color:#666;
  text-decoration:none;
}

#archive_sidebar ul {
  font-size:13px;
  margin-bottom:0;
}

#archive_sidebar a:hover {
  text-decoration:underline;
}

.blog {
  font-size:14px;
}

.blog .content {
  line-height:1.5;
  color:#333;
  width:620px;
  padding-bottom:30px;
}

.blog .content a,
#blog .more a {
  color:#4fff00;
  text-decoration:none;
}

.blog .content a:hover,
#blog .more a:hover {
  text-decoration:underline;
  color:#0f0;
}

.blog .content h2 {
  font-size:30px;
  line-height:1.3;
}

.blog .content p, ul {
  margin-bottom:1.5em;
}

.blog .content ul {
  list-style-type:disc;
  padding-left:17px;
}

.blog .meta, .blog .meta a {
  margin-top:30px;
  margin-bottom:15px;
  font-size:12px;
}

.blog .meta a {
  text-decoration:none;
}

.blog .meta a:hover {
  text-decoration:underline;
}

.blog .meta em {
  color:#666;
}

.blog .content .english h2 {
  font-size:16px;
  font-style:italic;
}

#blog .more a {
  font-size:18px;
}