/******************************************************************************
*
* LESLIER STYLESHEET
*
******************************************************************************/

/******************************************************************************
* Styling individual elements.
******************************************************************************/

img { 
  margin 0 auto; 
  border-style: double; 
  border-color: white; 
  padding: 3px; 
  display: inline; 
}


/******************************************************************************
* Designing the complete layout.
******************************************************************************/

body { 
  text-align: center; 
  background-color: #101020; 
  font: sans-serif;
}

div#wrapper {
  margin-left: 1em;
}

div#top {
  padding: 0;
  text-color: white;
  width: 100%;
}

div#top ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 0;
}

div#top li {
  float:left;
  padding: 10px;
  display: inline;
  font: 32pt; // sans-serif;
  background: url(images/top_divider.jpg) no-repeat left ;
  color: #3C72B0;
}

div#top li a {
  color: white;
  font-size: larger;
}

div .top-clearer {
  clear: both;
  margin-bottom: 20px;
}


/******************************************************************************
* Images.
******************************************************************************/

div#profile {
  margin-right: 1em;
  float: left;
}

div#profile img {
}

img.left {
  float: left;
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}

img.left#top {
  margin-top: 0;
}

img.right {
  float: right;
  margin-top: 1em;
  margin-left: 1em;
  margin-bottom: 1em;
}

img.right#top {
  margin-top: 0;
}

/******************************************************************************
* Content
******************************************************************************/

div#main {
  width: 30%;
  margin: 0;
  padding-top: 0;
  text-align: left;
  color: white;
  float: left;
}

div#main a {
  color: #Fcfc66;
}

div#main ul {
  margin: 0;
  padding-left: 30px;
  padding-top: 0;
  list-style: square;
}

div#main h2.top {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 15px;
}

div#main ul a {
  color: white;
  font-style: italic;
}

div#main img {
  float: right;
}

div#wide_main {
  width: 70%;
  margin: 0;
  padding-top: 0;
  text-align: left;
  color: white;
  float: left;
}

div#wide_main a {
  color: #Fcfc66;
}

div#wide_main ul {
  margin: 0;
  padding-left: 30px;
  padding-top: 0;
  list-style: square;
}

div#wide_main h2.top {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 15px;
}

div#wide_main ul a {
  color: white;
  font-style: italic;
}

/******************************************************************************
* Twitter.
******************************************************************************/

div#twitter {
  float: left;
  width: 220px;
  color: white;
  text-align: left;
  padding: .5em;
  margin-top: 1em;
  border-style: double;
}

div#twitter p {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: bold;
}

div#twitter p a {
  text-decoration: none;
  color: white;
}

div#twitter ul {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1em;
  padding-right: 0;
  font-size: smaller;
}

div#twitter ul a {
  text-decoration: none;
  color: white;
  font-style: italic;
}

.twtr-hd, 
.twtr-ft 
{ 
display: none; 
}