/* 
Document   : layout.css
Created on : Jan 23, 2009
Author     : Erick Schmitt
Description:
Basic layout stucture
*/
html, body {height:100%;}

#header a {
      border:none;
      outline-style: none;
}

.center {
      display:block;
      width:100%;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
}

#container {
      width: 950px;
      margin:auto;
      padding: 10px;
      height: 105%;
}

#header {
      height: 95px;
      text-indent:30px;
}

#header .sidebar {
      float: right;
      width: 200px;
      height: 50px;
      margin-top: 10px;
      border-left: double 3px #fff;
      padding: 5px;
      padding-left: 15px;
      text-indent: 0px;
      font-weight:bold;
}

#subHeader {
      margin-top:15px;
      margin-bottom:10px;
      padding: 5px;
      padding-bottom: 0px;
      height: 60px;
      /* make this section overlap the content area */
      position: relative;
      z-index:1;
}

#subHeader a , #subHeader a:link, #subHeader a:visited{

      float:left;
      text-decoration:none;
      color: #555;
      display:block;
      height:60px;
      border: 0px solid;
      width: 210px;
      cursor:pointer;
}

.navBox {
      position:relative;
      float: left;
      margin-left: 10px;
      background-color:inherit;
      width:210px;
      height: 65px;
      border: solid 0px;
      padding: 5px;
      text-align:left;
      vertical-align:middle;
      z-index:-100;
}

.navBox img {
      float:left;
      position: absolute;
      padding: 8px;
      padding-top:15px;
      z-index:-10;
}

#content {
      min-height:500px;
      height:auto !important; /*hack for the next line and ie6*/
      height:500px;
      padding:10px;
      border: solid 1px;

}

#content #mainContent {
      width:690px;
      display:block;
}

#content img{
      margin:2px;
      margin-left:5px;
      margin-right:5px;
}

#header img {
      margin-top: -8px;
}


#footer {margin-top:10px; height:75px;}

#sidebar {
      position:relative;
      float: right;
      width: 200px;
      /*
      min-height:475px;
      height: 95%;
      */
      margin: 0px;
      margin-left:0px;
      border: 0px;
      padding: 5px;
      padding-left: 10px;

}

#mainContent p{
      margin-top:10px;
      margin-bottom:10px;
      padding-left:8px;
      padding-right:8px;
}


.portfolio {
      border:double 3px silver;
      border-color:silver;
      border-right: 0px;
      border-left:0px;
      border-bottom:0px;
      border-top:0px;
      padding:15px;

}

#tos{
      margin:0px;
      margin-top:20px;
      float:left;
      width:875px;
      background:white;
      border: dotted 1px black;
      padding:20px;
      padding-left:40px;
}

#content .comment {
      border:1px solid silver;
      margin-left:30px;
      margin-right:30px;
      margin-bottom:30px;
      padding:5px;
      padding-bottom:10px;
}