/*------------------

cesl stylesheet by goro

## Notes ##

- see base.css in olemiss


-------------------*/

/*--- General ---*/

div#versation {
  background:#FFF;
  width:640px;
  margin:20px auto;
}

div#versation p {
  margin:10px 0;
  padding:0;
  line-height:1.4;
}

div#versation a {
  color:#036;
}

div#versation img {
  border-color:#036;
}

div#versation table {
  padding:0;
}

div#main {
  width:380px;
  padding:10px 20px;
  float:left;
  font-size:12px;
}

div.wide div#main {
  margin:0 auto;
  float:none;
}

div#secondary {
  width:200px;
  margin:10px 10px 10px 0;
  float:left;
  text-align:center;
}

/*--- Main Column General ---*/

div#versation h2 {
  margin:0;
  padding:0;
}

div#versation h2 a {
  font:16px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

div#nav {
  margin:2px 0 25px;
  background:#036;
  padding:5px;
  color:#036;
  font-size:11px;
  text-align:center;
}

div.wide div#nav {
  width:370px;
  margin:2px auto 25px;
}

div.wide div#main div.spotlightDetail {
  text-align:left;
}

div.wide div#main td.profile {
  text-align:center;
}

div#versation div#nav a {
  color:#FFF;
  text-decoration:none;
  margin:0 3px;
}

div#versation div#nav a:hover {
  text-decoration:underline;
}

div.spotlightIndex,
div#versation div.photo,
div#versation div.lesson,
div#versation div.news,
div#versation div.contact {
  margin-bottom:30px;
}

div.title {
  font-size:14px;
  font-weight:bold;
  margin:10px 0;
  color:#036;
  text-transform:uppercase;
}

div.title a {
  text-decoration:none;
}

div.tellFriendFooterComponent,
div.txtNavComponent,
div#prospector_footer {
  width:328px;
  text-align:center;
  font-size:10px;
  margin:20px auto;
}

div.wide div.tellFriendFooterComponent,
div.wide div.txtNavComponent,
div.wide div#prospector_footer {
/*  width:536px;*/
  text-align:center;
  font-size:10px;
  margin:20px 0;
}


/*--- Home Page ---*/

div.launcherComponent table td.launcherIcon,
div.launcherComponent table td.launcherContent {
  vertical-align:top;
  padding-bottom:20px;
}

div.launcherContent {
  margin:0 15px;
}

div.launcherContent ul {
  margin:0 0 0 20px;
  padding:0;
}

div.launcherContent li {
  margin:3px 0;
}

div#versation div.launcherTitle {
  margin:0 15px 5px;
}

div#versation div.launcherTitle a {
  font-weight:bold;
  color:#000;
  text-decoration:none;
}


/*--- Login Page ---*/

div#versation div.message {
  margin:20px 0;
  text-align:center;
}

td.formElement {
  padding:0 0 10px;
}

/*--- Sign Up ---*/

div#versation table.newsletterSignup {
  margin:20px auto;
}

div#versation table.newsletterSignup td {
  padding:5px 0;
}

div#versation table.newsletterSignup td.label {
  padding-right:5px;
}

div.instructions {
  margin:10px 0;
}

/*-- Meet Students Detail --*/

div.spotlightDetail td.profile,
div.spotlightDetail td.qa {
  padding:10px 10px 10px 0;
}

div.spotlightDetail td.profile div.photo,
div.spotlightDetail td.profile div.label,
div.spotlightDetail td.profile div.name {
  margin:5px 0;
}

/*--- Photo Page ---*/

div#versation p.instructions {
  margin:10px 0 20px;
}

div#versation td.instructions {
  padding-top:10px;
}

div#versation td.instructions form {
  margin:10px 0 0;
}

div#versation div.recent table {
  margin:0 auto;
}

div#versation div.recent table td p {
  margin:5px 2px 5px 0;
  text-align:center;
}

div#versation p.results,
div#versation p.new_search {
  font-style:italic;
  font-size:10px;
}

div#versation td.thumb_photo {
  text-align:center;
  vertical-align:top;
}

div#versation td.thumb_photo p {
  padding:10px;
}

div#photo_results table {
  margin:10px 0;
}

div#versation p.photo {
  margin:10px;
} 

/*--- Lessons Page ---*/

div.lesson td {
  padding:10px 10px 10px 0;
}

div#versation div.lesson td p {
  margin:5px 0;
}

div#versation div.lesson p.lesson_day,
div#versation div.lesson p.lesson_category {
  font-size:11px;
}

div#versation div.lesson p.lesson_title {
  font-weight:bold;
}

/*--- News Page ---*/

p.headline {
  font-weight:bold;
}

div#versation p.readMore {
  font-style:italic;
  font-size:10px;
  padding-bottom:20px;
  border-bottom:1px solid #EAEAEA;
  margin-bottom:20px;
}


/*--- Contact ---*/

div.newsletterSignup table.newsletterSignup td.value textarea {
  width:320px;
}

/*--- Secondary Column ---*/

div.sidebarComponent {
  margin-bottom:10px;
  font-size:12px;
}

div.sidebarContent, 
div.photoSidebarContent, 
div.spotlightSidebarContent {
  border:1px solid #00285c;
  padding:10px;
}

div.sidebarTitle {
  background:#036;
  padding:5px;
  color:#2853AA;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  color:#FFF;
}

div#versation div.sidebarTitle a {
  color:#FFF;
  text-decoration:none;
}


/*------------------

clearfix

-------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */