body
{
  background-color: rgb(87,87,87);
  background-image: url('../images/msuback.jpg');
  background-position: top right;
  background-repeat: repeat-y;
  background-attachment: fixed;
  background-repeat: no-repeat;
  
  color: white;

  font-family: "Lucida Sans Unicode";
  font-size: 79%;

  margin: 0;
}
/************************************************

                   GENERAL

************************************************/
p
{
  line-height: 1.6em;
  text-align: justify;
}
td, td p
{
  text-align: left;
}
h1
{
  xwidth: 100%;
}
img
{
  border: 0px;
}
a:link, a:visited, a:active, a:hover
{
  text-decoration: none;
  color: rgb(187,118,34);
}
a:hover
{
  text-decoration: underline;
}
bloc.pullquote
{
  float: right;
  width: 150px;
  margin: 10px 0 10px 15px;
  padding: 0;
  font: 20px/24px georgia, palatino, serif;
  color: #333;
  text-align: center;
}
bloc.pullquote p
{
  text-align: center;
}
cite
{
  font-style: normal;
}
/************************************************

                FRONT LEFT MAIN

************************************************/
div#maincontents
{
  float: none;
  clear: both;
  margin-top: 1em;
  margin-right: 2em;
}

/************************************************

              LOGO (NORMAL LARGE)

************************************************/
div#logo
{
  background-color: rgb(187,118,34); /*darkorange; */
  background-image: url('../images/msubacktop.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1em;
}
div#logo br
{
  display: none;
}
div#logo div#bottomleft
{
  padding-top: 0px;
  background-color: rgb(187,118,34);
  border: 0px;

  margin-left: 0.2em;
  font-family: "Arial Black";
  font-size: 170%;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
}
div#logo div#bottomright
{
  color: rgb(86,86,86);

  padding-top: 0px;
  font-family: "Arial Black";
  font-size: 170%;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
}
div#logo #logoimg
{
  display: none;
}
div#logo p
{
  display: block;
  clear: both;
  font-family: "Century Gothic","Bradley Hand ITC","Verdana";
  margin-top: 0;
  margin-left: 1em; 
  padding-bottom: 0.6em;    
}

/************************************************

               STYLE UI SECTION

************************************************/
ul.styleui
{
  clear: left;
  margin: 0;
  margin-top: 1em;
  padding: 0;
  xborder: 1px solid darkgray;
  border-left: 1px solid darkgray;
  list-style: none;
}
ul.styleui li
{
  display: inline;
  list-style-type: none;

  margin: 0;
  padding: 0;
  padding-left: 4px;

  font-family: "Eras Medium ITC","Century Gothic", Verdana, "Century Gothic";
  border: 0px;
  border-right: 1px solid darkgray;
  border-top: 1px solid darkgray;
  border-bottom: 1px solid darkgray;
}
ul.styleui a:link, ul.styleui a:visited, ul.styleui a:active, ul.styleui a:hover
{
  text-decoration: none;
  color: white;
}
ul.styleui a:hover
{
  text-decoration: none;
  color: white;
  background-color: rgb(187,118,34);
  border-bottom: 1px solid rgb(187,118,34);
}
/************************************************

               CONTENTS SECTION

************************************************/
div#maincontents
{
  float: left;
  clear: none;
  margin-left: 0.5em;
}
ul#contents, ul#contents ul
{
  clear: left;

  margin-left: 0em;
  padding-left: 0em;
}
ul#contents li
{
  margin-top: 1em;
  font-family: "Century Gothic";
  font-size: 150%;
  text-transform: uppercase;
  list-style-type: none;
}
ul#contents li li
{
  margin-top: 0em;
  margin-left: 1em;
  list-style-type: square;
  list-style-type: none;
  font-family: "Eras Medium ITC","Century Gothic","Trebuchet MS","Lucida Sans Unicode";
  font-size: 85%;
  font-size: 75%;
  font-size: 70%;
  text-transform: none;
  xfont-variant: small-caps;
}
ul#contents a:link, ul#contents a:visited, ul#contents a:active, ul#contents a:hover
{
  text-decoration: none;
  color: white;
}
ul#contents a:hover
{
  text-decoration: none;
  color: white;
  background-color: rgb(187,118,34);
  list-style-type: disc;
}
/************************************************

                 BLOG SECTION

************************************************/
#blogsection
{
  float: left; 
  margin-left: 1em; 
  width: 520px;
}
#blogsection h1
{
  xfont-family: Arial,Helvetica,Georgia;
  xfont-size: 300%;
}
#blogsection p
{
  color: white;
}
/************************************************

                   PHOTOS

   -- .imgblock ------------------------------
   | - .photo ------------------------------ |
   | |                                     | |
   | |                                     | |
   | |                                     | |
   | |                                     | |
   | |                                     | |
   | |                                     | |
   | --------------------------------------- |
   | - .caption ---------------------------- |
   | | - 1 ---- - 2------------ - 3------- | | 
   | | |      | |             | |        | | |
   | | -------- --------------- ---------- | |
   | --------------------------------------- |
   -------------------------------------------
   
   Where:
   
   1) .caption-marker
   2) .caption-text
   3) .copyright
   
************************************************/
div.imgblock
{
  margin-right: 1em;
  xborder: 1px solid red;
}
.photoshadow
{
  background: url(../images/photoshadow_css4.png) no-repeat bottom right;
}
.photo
{
  padding: 10px; 
  
  background-color: white;
  border: 1px rgb(204,204,204) solid;
}
.caption
{
  color: darkgray;
  font-size: 95%;
  line-height: normal;
}
div.caption-marker
{
  float: left;    
  margin-right: 0.2em;
  text-align: left;
}
div.caption-text
{
  float: left;
  clear: right;
  text-align: left;
}
div.copyright
{
  text-align: right;
  float: right;
  color: darkgray;
  font-family: "Franklin Gothic Book";
}
/* Additional copyright class used in older images, photos, articles etc. */
.copyright
{
  white-space: nowrap;
  color: darkgray;
  text-align: right;
}
img.darkborder
{
  background-color: rgb(48,48,48);
}
/************************************************

            COMMENT (POST) PARAGRAPH

************************************************/
h2.postinfo
{
  font-size: 100%;
  font-family: "Lucida Sans Unicode";
  font-weight: normal;

  margin-top: -1.4em;
  color: darkgray;
}
span.comments
{
  cursor: pointer;
}
div.comments
{
  border: 1px dotted rgb(102,102,102);
  border: 1px dotted rgb(51,102,51);
  border: 1px dotted gray;
  padding: 0.5em;
  xbackground-color: rgb(255,247,246);
  xbackground-color: rgb(247,249,246);
  xcolor: rgb(102,102,102);
  display: none;
}
.comments h3
{
  margin-top: 0em;
}
.comments p
{
  margin-top: -1.4em;
}
a.comments:link, a.comments:visited, a.comments:active, a.comments:hover
{
  color: darkgray;
}
/************************************************

                 LINKS SECTION

************************************************/
ul.links li li a:link, ul.links li li  a:visited, ul.links li li  a:active, ul.links li li a:hover
{
  text-decoration: none;
  color: white;
}
ul.links li li a:hover
{
  text-decoration: none;
  color: white;
  background-color: rgb(187,118,34);
}

/************************************************

                  INFO BAR

************************************************/
div#infobar
{
  position: absolute; 
  top: 2.2em; right: 0;
  float: none;
}
#infobar_top a:link, #infobar_top a:visited, #infobar_top a:active, #infobar_top a:hover
{
  color: white;
}