/*
Homepage CSS Layout/Formatting by Adam Smith, Jan2007 (v0.1)


Elements based on following Blogger template as modified for colors etc.
-----------------------------------------------
Blogger Template Style
Name:     Minima Stretch
Designer: Douglas Bowman / Darren Delaye
URL:      www.stopdesign.com
Date:     26 Feb 2004
-----------------------------------------------
*/


body {
  background:#222222;
  margin:0;
  color:#999999;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
}

a:link {
  color:#5588aa;
  text-decoration:none;
}
a:visited {
  color:#5588aa;
  text-decoration:none;
}
a:hover {
  color:#a3d4f5;
  text-decoration:underline;
}
a img {
  border-width:0;
}

#full-wrapper {
  /*border: 1px solid red;*/
}

#header-wrapper {
  clear: both;
  margin:10px 2%;
  border:1px solid #cccccc;
}

#header {
  margin: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
  text-align: center;
  color:#75bbea;
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: normal normal 242% Times, serif;
}
#header a {
  color:#75bbea;
  text-decoration:none;
}
#header .description {
  margin:5px 5px;
  padding:0 20px 5px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: normal normal 78% Times, serif;
  color: #a3d4f5;
}

#menu { 
  /*border: 1px solid #cccccc;*/
  text-align: center;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: normal normal 78% Times, serif;
}

#menu a {
/*  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
*/
  border: 1px dotted #cccccc; /*#75bbea;*/
  padding: 0em 0.5em;
  margin: 1em 1em;
}

/* enforces margins on content panels */
#content {  
  margin: 0 2%;
  width: 96%;
  /*border: 1px dotted white;*/
}

/* actual main content (central) panel */
#main {
  /*height: 80%;*/
  padding: 1em;
  /*margin-left: 12em;
  margin-right: 20em;*/
  border: 1px solid #cccccc;
  text-align: left;
  color: #a3d4f5;
  font: normal normal 100% Verdana, sans-serif;
}

#main h1,h2,h3 {
  color: #75bbea;
}

#main .motto {
  text-transform:uppercase;
  letter-spacing:.2em;
/*  line-height: 1.4em;*/
  font: normal normal 78% Times, serif;
  color: #a3d4f5;
}

/* right-side sidebar */
#sidebar {
  width: 10em;
  height: 100%;
  float: left;
  padding: 1em;
  margin-right: 1em;
  /*border: 1px dashed yellow;*/
  border-right: 1px solid #cccccc;
  text-align: left;
  /*background-color: grey;*/
}

/* float "my content" to left */
#my-content-col {
  width: 45%;
  float: left;
  padding: 1em;
  margin-right: 1em;
  /*border: 1px dashed yellow;*/
  /*border-right: 1px solid #cccccc;*/
  text-align: left;
  /*background-color: grey;*/
}

/* float "other people's content" to right */
#others-content-col {
  width: 45%;
  float: right;
  padding: 1em;
  margin-left: 1em;
  /*border: 1px dashed yellow;*/
  /*border-right: 1px solid #cccccc;*/
  text-align: left;
  /*background-color: grey;*/
}

/* float "web content" to left */
#web-content {
  width: 45%;
  float: left;
  padding: 1em;
  margin-right: 1em;
  /*border: 1px dashed yellow;*/
  /*border-right: 1px solid #cccccc;*/
  text-align: left;
  /*background-color: grey;*/
}

/* footer: full width after content */
#footer {
  clear: both;
  text-align: right;
  margin: 10px 2%;
  border: 1px solid #cccccc;
}