/*
 * Authors: Angela Guzman and Ricardo Fabbri
 *
 * TODO
 * - borders with displacement to mimmick drop shadow
 */

/* CSS Document */

body {
   margin: 0;
   padding: 0;
   background-color:#000000;
   font-family:"Georgia", serif;
   font-style: italic;
   background: url(common-images/bg-diagonal-2_resize4.png);
}

a {
   color:#ff007e;
   text-decoration:none;
}
	
/*
a:hover, a:active, a:focus {
   color:#3399FF;
}
*/

a:visited {
   text-decoration:none;
   color:#eeee00
}
	
.image_link, .image_link:hover, .image_link:active, .image_link:focus {
   background-color: transparent;
   border-style:none;
}

/* Document Layout */

/* Container of core page - project text plus side menu */
#container {
  width: 1200px;
  height: 1300px;
  margin: 80px 0 100px 0;
  padding: 0;
/*  border: solid green;*/
}


.content {
   background-color:white;
   color:#636363;
   width:600px;
   height:1300px;
   margin: -15px 0 0 0; 
   float:left;
   font-size: 80%;
   overflow: auto;
   border: solid cyan 1px;
   border-left: none;
}

.shadowbox {
/*   border: solid 15px #ff007e;*/
/*   border: solid 15px #ffff00;*/
/*   border: solid 10px rgba(249,242,18,.7);*/
   border: solid 10px rgba(255,255,0,.75);
   border-top: none;
   border-left: none;
}

.content-shadowbox {
   border: solid 15px rgba(255,255,0,.75);
   border-top: none;
   border-left: none;
   margin: 0 0 0 0; 
   padding: 0 0 0 0; 
   float:left;
}

#content_title_image{
  margin: 40px 0 0px 105px;
}

#content_text{
   float:right;
   width: 440px;
   margin: 30px 0 0 0;
   padding-right: 50px;
   line-height: 1.5em;
   font-weight: 500;
   max-height: 1220px;
}

#content_text h4 {
  margin-top:0.4em;
  margin-bottom:-0.5em;
}

.content-fig {
  border:0;
  margin:0 0 6px 0;
  padding:0;
  float:left;
}

.content-fig img {
  border:none;
}

.myspc {
  width:6px;
  height:2px;
  float:left;
}

.invisible {
  display:none;
}


.content-fig span {
  color:white;
  background-color:#ff007e;
  padding:0 4px 2px 4px;
  font-size: 80%;
  position:absolute;
}

.content-fig #more {
  margin-left:375px;
  margin-top:-15px;
  padding: 0;
  background-color: white;
  color:#636363;
  border: none;
}

.button-container {
/*   border:solid red;*/
   width:229px;
   margin-bottom:-19px;
   float:left;
/*   border:solid red;*/
}

#secondary-button-container {
/*   border:solid red;*/
/*   margin-top:505px;*/
   margin-left:60px;
   float:left;
}

#projects-bar {
/*   border:solid red;*/
/*   height:300px;*/
  float:left;
  margin-left:60px;
  margin-bottom:500px; /* distance to comments button */
}

#projects-bar img {
  border:none;
  margin-bottom: 7px;
}

.button {
   background-color:white;
   color:#636363;
   width:179px;
   height:35px;
   margin: -15px 0 0 -15px; 
   float:left;
   font-size: 80%;
   border: solid cyan 1px;
}

/* A type of smaller_button */
#about-button {
   margin: 0 0 24px -23px; 
   float:left;
   width:70px;
   height:30px;
   font-size: 80%;
   text-align: center;
}

#about-button  a {
  margin-left: 0;
  margin-right: 0;
}

#comments-button {
   margin: 0 0 24px 5px; 
   float:left;
   width:100px;
   height:30px;
   font-size: 80%;
   text-align: center;
}

#comments-button  a {
  margin-left: 0;
  margin-right: 0;
}

#add-comment-button img {
  border:none;
  margin-bottom:10px;
}

.comment {
  padding-bottom:25px;
}

.bluebar {
  height:1px;
  border-width:0;
  color: cyan;
  background-color: cyan;
  margin-bottom:3px;
}

.comment hr {
  height:1px;
  border-width:0;
  color: cyan;
  background-color: cyan;
  margin-bottom:3px;
}


.comment .name {
  font-weight: bold;
}

.comment span {
  font-size: 90%;
}

.comment_date {
  margin-bottom:-5px;
  color:#bbbbbb;
  font-size: 90%;
}

.comment a {
  color:#636363;
}

.smaller_button {
   background-color:white;
   color:#ff007e;
   border: solid cyan 1px;
}

.smaller_button a {
  display:block;
  margin: 7px 0 0 14px;
}

.smaller_button a:visited {
  color:#ff007e;
}

.smaller_button_on a {
  display:block;
  margin: 7px 0 0 14px;
  color:white;
}

.smaller_button_on a:visited {
  color:white;
}

.smaller_button_on {
  color:white;
  background-color: #ff007e;
  border: solid white 1px;
}

.footnote {
  font-size:85%;
}

.footnote span {
  font-size: 120%;
}

.button:hover {
  background-color: #757575;
}

.button#selected {
  background-color: #ff007e;
  border: solid white 1px;
}

.button img {
  margin: 10px 70px 10px 10px;
}

.button a img {
  border:none;
}

#engspa {
  position:absolute;
  margin: -30px 0 0 503px;
  padding: 0px 6px 0px 6px;
  background-color:white;
  border-top: solid cyan 1px;
  border-left: solid cyan 1px;
  border-right: solid cyan 1px;
  border-bottom:none;
}


.nextback {
   background-color:white;
   color:#ffffff;
   width:150px;
   height:20px;
   margin: 1260px 0 0 450px; 
   border: none;
   position:absolute;
}

.nextback a {
  text-decoration: none;
  color: #636363;
}

.button-shadowbox {
   margin: 0 0 37px 60px; 
   float:right
}


#under_construction {
   font-size: large; 
   font-weight: bold;
}

.foreign {
  font-style: normal;
}


#partbuttons {
  position:absolute;
/*  margin: -15px 0 0 464px;*/
  margin: 162px 0 0 445px;
  padding: 0px 0 0 0;
}

#partbuttons img {
  border:none;
}

#sectionphotos {
  margin-top:20px;
}

#termslist {
  margin:0;
  padding:0;
}

#termslist dt {
  font-weight: bold;
}

#termslist dd {
  margin:0 0 1em 0;
  padding:0;
}

/* -------------- Other stuff -------------- */
#error_message {
   display:none;
   margin: 250px auto 0 auto;
   padding: 0;
   text-align: center;
}