/********************** entire site *******************/

body {
    background-color: #f4f1dc;
}

body a:link {
    text-decoration: none;
    color: #872D1B;
}

body a:hover {
    color: #872D1B;
    text-decoration: underline;
}

body a:visited {
    color: #872D1B;
    text-decoration: none;
}

body a:active {
    color: #872D1B;
    text-decoration: underline;
}

/********************** overall bordered container *******************/

#all {
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 5px;
    border: 1px solid #3a0808;
    background-color: #fff;
    overflow: hidden;
    zoom: 1;
}

/************************ banner ********************/
/*
Color notes:
#3a0808
#704F42
#977c72
#c6b7a7
#f4f1dc
*/

#banner {
    display: block;
    height: 134px;
    position: relative;
}

img.bannerImage {
   position: absolute;
   width: 940px;
   top: 0px;
   left: 0px;
   z-index: 0;
}

img.nerdism {
   position: absolute;
   width: 120px;
   top:5px;
   left: 540px;
   z-index: 1;
}

#banner ul li a {
    text-decoration: none;
}

li#homepage {
   position: absolute;
   width: 89px;
   height: 38px;
   top:91px;
   left: 680px;
}

li#aboutpage {
   position: absolute;
   width: 94px;
   height: 38px;
   top: 91px;
   left: 790px;
}
    
/****************************** sidebar general ************************/

#sidebar {
    float: left;
    width: 340px;
    margin-top: 0px;
    font-family: georgia,"times new roman",times,serif;
    }

#sidebar h2 {
    margin: 20px 40px 0px 20px;
    font-size: 20px;
    line-height: 1.4em;
    color: #000;
}

#sidebar p.titleInArchive {
    margin: 0px 40px 0px 60px;
    text-indent: -20px;
    color: #666;
    font-size: 15px;
    line-height: 1.2em;
}

#sidebar p.postdate {
    margin: 10px 40px 2px 40px;
    text-indent: 0em;
    color: #666;
    font-size: 12px;
}

#sidebar p.countQuote {
    margin: 40px 20px 0px 25px;
    font-size: 18px;
    line-height: 1.4em;
    color: #000;
}

#sidebar p.countQuoteAuthor {
    margin: 5px 10px 30px 20px;
    font-size: 18px;
    text-indent: 20px;
    font-style: italic;
    line-height: 1.4em;
    color: #000;
}

/****************************** Error and other special pages ***********************/

#errorSidebar {
	position:relative;
	height: 375px;
	margin: 25px 20px 60px 20px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}

#errorSidebar img {
	top:0px;
	width: 300px;
	height: 375px;
	left:0px;
}


/****************************** sidebar slideshow and images ************************/

#slider img {
	top:0px;
	left:0px;
        border:0px;
	padding:0px;
}

/************************ Main Content **************************/

#content {
    float: left;
    width: 565px;
    color: #000;
    font-family: georgia,"times new roman",times,serif;
    padding: 13px 0 13px 13px;
}

#content ul {
    list-style-position: outside;
}

#content li {
    padding-left: 50px;
    margin: 5px;
    font-size: 15px;
    line-height: 1.4em;
    background-image: url(../images/bullet/bullet.gif);
    background-repeat: no-repeat;
    background-position: 28px 5px;
}

#content h1 {
    padding: 5px 0px 0px 0px;
    font-family: georgia,"times new roman",times,serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.2em;
    color: #3a0808;
}

#content h2 {
    padding: 5px 0px 10px 0px;
    font-family: georgia,"times new roman",times,serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.2em;
    color: #000;
}

#content p {
    font-size: 15px;
    line-height: 1.4em;
    text-indent: 1.5em;
    margin-bottom: 8px;
}

#content p.byline {
    text-indent: 0em;
    color: #666;
    font-size: 12px;
    margin-bottom: 0px;
}

#content blockquote {
    font-size: 15px;
    line-height: 1.4em;
    margin: 0px 40px 8px 45px;
}

#content p.postdate {
    text-indent: 0em;
    color: #666;
    font-size: 12px;
}

#content p.intro {
    text-indent: 0em;
    margin-top: 1em;
}

#content p.question {
    font-weight: bold;
    text-indent: 0em;
    margin-top: 1.5em;
}

#content span.emph {
    font-style: italic;
}

#content span.bold {
    font-weight: bold;
}

#content p.noindent {
    text-indent: 0em;
}

#content .centered
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.myTable
{
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  border-collapse: collapse;
  border: 1px solid #3a0808;
  font-family: georgia,"times new roman",times,serif;
  font-size: 12px;
  color: #000;
  background: #f4f1dc top left repeat-x;
}

.myTable caption
{
  caption-side: bottom;
  font-size: 12px;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.myTable th
{
  border: 1px dotted #666;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
  vertical-align: middle;
  color: #f4f1dc;
}

.myTable td
{
  border: 1px dotted #666;
  text-align: right;
  color: #f4f1dc;
  font-family: Courier;
}

.myTable th[scope=col]
{
  color: #333;
  background-color: #c6b7a7;
  font-size: 12px;
  border-bottom: 2px solid #3a0808;
  border-right: 2px solid #3a0808;
}

.myTable th+th[scope=col]
{
  color: #333;
  background-color: #c6b7a7;
  border-right: 1px dotted #666;
  padding-right: 0.5em;
}

.myTable th[scope=row]
{
  background-color: #f4f1dc;
  border-right: 2px solid #3a0808;
  padding-right: 1.0em;
  text-align: left;
}

.myTable tr.alt th, .myTable tr.alt td
{
  color: #3a0808;
}

.legendLabel
{
   color: #333;
}

/****************************** Citation boxes ***************************/

.rightAligned {
    float: right;
    margin: 5px 0px 5px 5px;
}

#content div.roundedCitationBox {
    background-color: #eee;
    width: 225px;
    padding: 10px 15px 15px 15px;
    margin: 0px 0px 5px 5px;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

#content div.roundedCitationBox div.citationBoxTitle {
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 8px;
}

#content div.roundedCitationBox ol {
    list-style-position: outside;
    list-style-type:decimal;
    margin-left: 15px;
}

#content div.roundedCitationBox li {
    padding-left: 0px;
    margin: 5px;
    font-size: 12px;
    line-height: 1.4em;
    background-image: none;
}

/****************************** Highlighted Text Boxes ***************************/

#content div.roundedTextBox {
    margin: 5px auto 15px auto;
    background-color: #f4f1dc;
    text-align: center;
    width: 490px;
    border: 3px solid #3a0808;
    padding: 15px 15px 15px 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

#content div.roundedTextBox div.textInTextBox {
    text-align: center;
    margin-bottom: 5px;
    padding: 8px;
    font-size: 18px;
    line-height: 1.4em;
}

/****************************** Social Widgets ***************************/

#sidebar #socialButtons {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#sidebar #likeUsOnFacebook {
    float: left;
    width: 33%;
    text-align: right;
}

#sidebar #followUsOnTwitter {
    float: left;
    width: 34%;
    text-align: center;
}

#sidebar #subscribeOurFeed {
    float: right;
    width: 33%;
    text-align: left;
}

#content .widgets {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
}

#content .facebookWidget {
    float: left;
    text-align: left;
    width: 250px;
}

#content .twitterWidget {
    float: right;
    text-align: right;
    width: 250px;
}


/****************************** Post footer ***************************/

#content .postfooter {
    width: 100%;
}

#content .postfooter {
    clear: both;
    float: left;
    border-top: 1px solid #c6b7a7;
    border-bottom: 5px solid #c6b7a7;
    padding: 2px 0px 5px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#content .postfooter p {
    text-indent: 0em;
    margin-bottom: 0px;
}

/* Max width can be 282.5px */
#content .postfooterprev {
    text-align: left;
    float: left;
    width: 270px;
}

/* Max width can be 282.5px */
#content .postfooternext {
    float: right;
    text-align: right;
    width: 270px;
}

#content .postfooter p.prevnext {
    text-indent: 0em;
    line-height: 1.2em;
    margin-bottom: 0px;
}

/* This is to control the legend in the graphs */
#content td {
    padding: 2px;
    vertical-align: middle;
    line-height: 115%;
}

/************************ Comments *************************/

#comments {
    color: #000;
    font-family: georgia,"times new roman",times,serif;
    font-size: 15px;
    line-height: 1.4em;
}

#comments p {
    text-indent: 0em;
}

#comments p.please {
    margin-bottom: 20px;
}

#comments h2 {
    padding: 4px 0px 0px 0px;
    font-family: georgia,"times new roman",times,serif;
    font-weight: bold;
    font-size: 18px;
    color: #3a0808;
}
    
#comments .commentText {
    clear: both;
    padding: 0px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #c6b7a7;
    background-color: #f4f1dc;
    font-size: 15px;
    line-height: 1.4em;
    }

#comments .commentText p {
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 6px;
    margin-bottom: 6px;
}

#comments .commentData {
    clear: both;
    margin: 20px 0px 0px 0px;
    text-indent: 0em;
}
	
#comments .commentData .commenterName {
    float: left;
    width: 240px;
}

#comments .commentData .commenterName p {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    text-indent: 0em;
    margin: 2px;
}

#comments .commentData .postDate {
    font-size: 13px;
    float: right;
    width: 240px;
}

#comments .commentData .postDate p {
    font-size: 13px;
    color: #666;
    text-align: right;
    margin: 2px;
}

/************************ Comment form *********************/

#comments .separator {
    margin: 20px 0px 10px 0px;
    height: 5px;
    background-color: #c6b7a7;
}

#comments p label {
    float: left;
    width: 180px;
    text-align: right;
    clear: left;
    margin: 0px;
}

#comments p input {
    margin: 0px 0px 0px 10px;
}

#comments p textarea {
    margin: 0px 0px 0px 10px;
}

#comments label[for="id_email"] {
    display: none;
}

#comments input[name="email"] {
    display: none;
}

#comments label[for="id_url"] {
    display: none;
}

#comments input[name="url"] {
    display: none;
}

#comments label[for="id_honeypot"] {
    display: none;
}

#comments input[name="honeypot"] {
    display: none;
}

#comments input[name="preview"] {
    display: none;
}

#comments input[name="post"] {
    margin-left: 190px;
}

/************************ Footer ****************************/

#footer {
    width: 90px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}

#footer .footerHome {
    float: left;
    width: 45px;
    text-align: left;
}

#footer .footerAbout {
    float: right;
    width: 45px;
    text-align: right;
}