/* STRUCTURE

__________________________________________________________________________*/



html {

  background: #C9CADA url("../images/bkgdrepeat3-innerglow.jpg");

}



body {

  margin: 15px 0 15px;

  background: transparent;

  font: 75%/1.3 Verdana,sans-serif;

}



/* drop shadow background */

#canvas-header {

  width: 1014px;

  height: 12px;

  margin: 0 auto;

  background: url("../images/canvas-shadow-top.png") top no-repeat;

}



#canvas-body {

  width: 980px;

  margin: 0 auto;

  padding: 10px 17px;

  background: url("../images/canvas-shadow-side.png") repeat-y;

}



#canvas-footer {

  width: 1014px;

  height: 13px;

  margin: 0 auto;

  background: url("../images/canvas-shadow-bottom.png") bottom no-repeat;

}



/* title bar, nav, title */



#title-bar {

  margin-bottom: 1em;

  border-bottom: 3px solid #103570;

}



#nav {

  float: right;

  margin: .75em 0 0;

  list-style: none;

}



#nav li {

  float: left;

  margin: 0 0 0 .8em;

  padding: 0;

}



#nav li {

  float: left;

  margin: 0 0 0 .8em;

  padding: 0;

}



#nav li a {

  font: bold 1.1em Georgia,serif;

}



h1 {

  font: 2em Georgia,serif;

}





/* HOME

__________________________________________________________________________*/



/* columns */

#home-wrapper {

  

}



/* column 1,2 */



#home-col1,

#home-col2 {

  float: left;

  width: 490px;

  text-align: center;

}



  #home-login {

    margin: 2em 0 0 0;

  }

  

    #home-login-form {

      margin: 0 auto;

    }



  #home-account {

    margin: 2em 0 0 0;

  }

  

  #home-tagline {

    margin: 6em 0 2em;

  }



  #home-passage {

    margin: 2em 0 0 0;

  }

  

  #home-logo {

    margin: 6em 0 2em;

  }







/* ACCOUNT

__________________________________________________________________________*/



/* columns */

#account-wrapper {

  

}



/* column 1,2 */



#account-col1,

#account-col2 {

  float: left;

  width: 490px;

  text-align: center;

}



  #account-create {

    margin: 2em 0;

  }

  

    #account-create-form {

      margin: 0 auto;

    }



 

  



/* TOPICS

__________________________________________________________________________*/



/* columns */

#topic-wrapper {

  

}



/* column 1,2,3 */



#topic-col1,

#topic-col2,

#topic-col3 {

  float: left;

  width: 246px;

  padding: 0 10px 0 5px;

}

  

  ul.page-list {

    margin: .4em 0 0 1.5em;

    list-style: square outside;

  }

    

    ul.page-list li {

      margin: 0 0 .4em;

    }



/* column 4 */



#topic-col4 {

  position: relative;

  float: left;

  width: 164px;

  height: 543px;

  margin: 0 0 0 10px;

  border: 1px solid #103570;

  padding: 5px 10px 10px;

  background: #C3D3F4 url('../images/sidebar-bg.png');

  text-align: left;

}

  

  #logo {

    position: absolute;

    bottom: 10px;

    left: 30px;

    margin: 0 auto;

  }







/* PAGE

__________________________________________________________________________*/



/* columns */

#page-wrapper {

  text-align: justify;

}



/* column 1 */



#page-col1 {

  float: left;

  width: 216px;

  padding: 5px 0 0 5px;

}



  .commentary {

    

  }



/* column 2 */



#page-col2 {

  float: left;

  width: 313px;

  padding: 0px 15px 10px;

}



  #content {

    margin: 0 0 1em;

    border: 1px solid #103570;

    padding: 5px 10px 0;

    background: #C3D3F4;

    font: 1.2em georgia,serif;

  }

  

    .commentary {

      

    }

  

  #discussion {

    padding: 0 10px;

  }

  

    #comments {

      margin: 0 0 2em;

    }

  

      .comment {

        

      }

  

      .comment-timestamp {

        font-size: .9em;

        font-weight: normal;

      }

  

    #comment-form {

  

    }

  

      #comment_input {

       width: 100%;

       height: 20em;

      }



/* column 3 */



#page-col3 {

  float: left;

  width: 215px;

  padding: 5px 5px 0 0;

}



/* column 4 */



#page-col4 {

  position: relative;

  float: left;

  width: 164px;

  height: 543px;

  margin: 0 0 0 10px;

  border: 1px solid #103570;

  padding: 5px 10px 10px;

  background: #C3D3F4 url('../images/sidebar-bg.png');

  text-align: left;

}



  #page-col4 ul li {

    margin-bottom: .6em;

  }

  

  #logo {

    position: absolute;

    bottom: 10px;

    left: 30px;

    margin: 0 auto;

  }







/* ELEMENTS

__________________________________________________________________________*/



h2 {

  margin-bottom: .5em;

  font: bold 1.2em Georgia,serif;

  color: #103570;

  text-align: center;

}



h3 {

  font-size: .9em;

  font-weight: bold;

  color: #103570;

}



p {

  margin-bottom: .6em;

}



a:link {

  color: #103570;

}



a:visited {

  color: #103570;  

}



a:hover {

  background: #D1D9E8;

}



div.floatclear {

  clear: both;

}





/* FORMS

__________________________________________________________________________*/



table.form-table {

 text-align: left;

}



td.form-header {

  padding: 0 0 .4em;

  vertical-align: top;

  font: bold 1.4em Georgia,serif;

  color: #103570;

}



th.form-label {

  padding: .8em .6em 0 0;

  vertical-align: top;

  font: bold 1.1em Georgia,serif;

  color: #103570;

}



td.form-input {

  padding: .4em 0;

  vertical-align: top;

}



input {

  padding: .2em .1em;

  font-size: 1.3em;

}



textarea {

  overflow: auto;

  font: 1em Verdana,sans-serif;

}



input.button {

  font-size: 1.1em;

}



td.form-action {

  padding: .4em 0;

}



  span.form-action-primary {

    margin-right: .6em;

  }

  

  span.form-action-secondary {

    

  }