
/* containers */

.canvas
{
   margin-left: 1%;
   margin-right: 1%;
   padding-bottom: 15px;
   max-width: 1280px;
   min-width: 800px;
   font-family: Georgia, Arial, Helvetica, sans-serif;
   font-size: 14px;
   position: relative;
}

body
{
   margin: 0;
   padding: 20px 0;
   background-color: #024C4C;
}

.content
{
   padding: 5px 15px 10px 15px;
   font-size: 15px;
   line-height: 20px;
   color: black;
}

/* headings */

h1
{
   color: #FF6600;
   font-size: 17px;
	font-weight: bold;
   padding: 0px 0px 0 30px;
   margin: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2
{
   color: #FF6600;
   font-size: 14px;
   font-weight: bold;
   padding: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 a:link
{
   color: #8A0F00;
   text-decoration: underline;
}

h2 a:visited
{
   color: #8A0F00;
   text-decoration: underline;
}

h3
{
   color: #FF6600;
   font-size: 95%;
   line-height: 100%;
   margin-top: 25px;
}

h4
{
   color: #FF6600;
   font-size: 120%;
   line-height: 100%;
}

pre
{
   font-size: 80%;
}

ol
{
   padding: 0px 20px 20px 50px;
}

ol li
{
   padding: 10px 20px;
}

/* footer */

.footer
{
   padding: 15px;
   color: gray;
   font-size: 9px;
}

.footer a:link
{
   color: gray;
}

.footer a:visited
{
   color: gray;
}


/* navbar */

.navBar
{
   text-align: center;
   margin: 0 0 0 0px;
   padding-top: 1px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   white-space: nowrap;
   color: #2B5580;
}

.navBar ul
{
   margin: 0 0 0 0px;
   padding: 0;
}

.navBar li
{
   list-style-type: none;
   display: inline;
}

.navBar li a
{
    text-decoration: none;
    color: #2B5580;
    padding-left: 0px;
    padding-right: 15px;
    letter-spacing: .02em;
}

.navBar li a:link
{
   color: #2B5580;
}

.navBar li a:visited
{
   color: #2B5580;
}

.navBar li a:hover
{
   color: red;
}

.navCurrent
{
   color: #FF6600;
}

.sidebar
{
   padding: 10px 25px 25px 25px;
   font-size: 15px;
   vertical-align: top;
}

.sidebar h2
{
   padding-top: 0px;
   padding-left: 0px;
   font-size: 14px;
   color: #0066CC;
   font-family: Arial, Helvetica, sans-serif;
}

.sidebar h3
{
   padding-left: 0px;
   color: #0066CC;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
}

.message
{
   text-align: left;
}

.bioListTableThumb
{
   padding: 15px 15px 15px 0;
}

.bioListTableDetail
{
   padding: 15px 30px 15px 0;
}

.widgetImage
{
   padding-bottom: 50px;
   vertical-align: top;
}

.widgetDescription
{
   width: 200px;
   padding-right: 20px;
   vertical-align: top;
}

.mailingContent
{
   padding-right: 20px;
}

.mailingContent h3
{
   font-size: 100%;
}

.mailingListTable h2 a:link, .mailingListTable h2 a:visited
{
   color: blue;
}

.mailingBannerTable
{
   padding: 0;
   margin: 0;
}

.pageArticle h2 a:link, .pageArticle h2 a:visited
{
   color: blue;
}

.pageArticle h2
{
   margin-top: 0;
}

.mailingTocContentsCell small
{
   font-size: 100%;
}

.mailingListTable
{
   padding: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
}

.mailingContent h3
{
   font-size: 90%;
   margin-top: 0px;
   margin-bottom: 20px;
}

blockquote { display: block; color: #CC3333; margin: 0 2em; }


.movieArticle
{
   padding: 0 120px 0 80px;
}

.movieArticle h1
{
   padding-left:  0;
   padding-top: 10px;
}

.movieArticle h2
{
   padding-left:  0;
}

.movieArticle ol
{
   padding: 0 0 0 30px;
}

.movieArticle li
{
   padding: 5px 0 0 0;
}

.movieCommentList
{
   padding: 0 80px 0 80px;
}

.movieCommentList h2
{
   padding-left:  0;
}

pre { font-size: .8em; }
blockquote, quote { display: block; color: #CC3333; margin: 15px 2em; }

.entryDate       { font-size: 1.1em; margin-bottom: 10px; color: #666666; }
.entryTitle      { font-size: 1.2em; font-weight: bold; color: #003399; }
.entryText       { font-size: 1em; }
.entryLinks      { font-size: 1em; }

.blogSidebar
{
   padding: 25px 10px 25px 25px;
}

.blogSidebar h3
{
   font-size: 1em;
}

.sidebar quote
{
   margin: 0;
}

.entryText ol
{
   padding-left: 20px;
}

.entryText li
{
   padding: 0; margin: 0;
}


  .articleAttachIcon
   {
      padding: 20px 10px 20px 0;
   }

 .articleLeftColumn
   {
      width: 5%;
   }


.adminBar
{
   position: absolute;
   z-index: 2;
   left: 30px;
   top: 3px;
   width: 600px;
}

.adminBar a:link,.adminBar a:visited, .adminBar a:hover, .adminBar a:active
{
   color: white;
   font-size: 0.9em;
}

.authorMenu
{
   padding: 0px 0 5px;
}

.authorMenu ul
{
   padding: 0 0 5px 0;
   width: 120px;
}

.accountPageDetail
{
   padding-top: 1em;
}

.accountComment
{
   border: 1px solid lightgray;
   padding: 10px;
   margin: 2em 0 2em 0;
}

.commentList
{
   padding-right: 35px;
}

.commentForm
{
   padding-top: 2em;
   padding-left: 40px;
}

.accountList
{
   font-size: 93%;
   padding: 0 0 2em 0;
}

.commentTable
{
   font-size: 95%;
}

.message
{
   padding-left: 20px;
}

.tidepoolFeaturesTable
{
    margin-left: 1em;
    margin-top: 0em;
}

.tidepoolFeaturesTable td
{
    padding-bottom: 2em;
}

.tidepoolFeaturesLeft
{
    text-align: right;
}

.tidepoolFeaturesMid
{
    width: 1.2em;
}

.tidepoolFeaturesRight
{

}
