/* RohitNafday.net
 * Copyright (c) 2007-2010, Rohit Nafday.  All rights reserved.
 *
 * This is free software, distributed under the terms of a BSD-style license.
 * For details, see http://rohitnafday.net/terms/#software
 * 
 * $Id: global.css 34 2010-10-15 00:12:25Z rohit $ 
 */

html {  
  font-size: 100%; /* IE bullshit */
}

body { 
  background-color: #ccc;
  background-image: url('/images/background.png');
  background-repeat: repeat;
  color: #666;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  white-space: normal;
  word-spacing: normal;
  font-family: Garamond, Palatino, "Palatino Linotype", serif;
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0;
}

/******************************************************************************
 * Global Elements
 *****************************************************************************/

#wrapper {  
  background-color: #fff;
  width: 50em;
  margin: 0em auto;
  padding: 2em 0em 0em 0em;
  border: thin solid #000;
}

#banner { 
  background-color: #fff;
  width: 50em;
  height: 9.375em;
  border-bottom: thin dotted #999;
}

#banner-image {
  position: absolute;
  top: 2em;
  border: none;
}

#nav { 
  width: 34.375em;
  height: 2em;
  text-align: right;
  display: block;
  margin: 0;
  padding: 1em;
  font-variant: small-caps;
  font-weight: bold;
  float: right;
  color: #666;
}

#nav ul { 
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav ul li { 
  text-indent: 0px;
  text-align: center;
  margin: 0;
  padding: 0em 0.625em;
  display: inline;
}
 
#nav a:link { 
  color: #39c;
  text-decoration: underline;
}

#nav a:visited,
#nav a:active,
#nav a:hover { 
  color: #39c;
  text-decoration: none;
}

#breadcrumbs { /* 1em = 12pt */ 
  width: 65em;
  text-align: left;
  font-size: 0.75em;
  margin: 0.83em;
  padding: 0;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {  
  background: transparent;
  color: #39c;
  text-decoration: underline;
}

#breadcrumbs a:active,
#breadcrumbs a:hover { 
  background: transparent;
  color: #39c;
  text-decoration: none;
}

#modified { /* 1em = 14pt */
  width: 100%;
  background: transparent;
  color: #666;
  font-size: 0.875em;
  font-style: italic;
  margin: 0.5em 0em;
  padding: 0;
  border-top: thin dotted #999;
  border-bottom: thin dotted #999;
}

#modified p { /* 1em = 14pt */
  margin: 0.75em;
}

#footer { /* 1em = 12pt */
  background: transparent;
  color: #999;
  width: 100%;
  text-align: center;
  font-size: 0.75em;
}

#footer a:link,
#footer a:visited {
  background: transparent;
  color: #999;
  text-decoration: underline;
}


#footer a:active, 
#footer a:hover { 
  background: transparent;
  color: #999;
  text-decoration: none;
}

/******************************************************************************
 * Structural Elements
 *****************************************************************************/

div.full-box { /* 1em = 16pt */ 
  width: 50em;
  margin: 0.3125em 0em;
  padding: 0;
  border-top: thin dotted #39c;
  border-bottom: thin dotted #3c9;
}

div.right-col { /* 1em = 16pt */
  max-width: 17.75em; /* 284px */
  width: expression(this.width > 284 ? "17.75em" : "auto"); /* IE bullshit */
  margin: 0;
  float: right;
}

div.small-box { /* 1em = 16pt */
  width: 17.75em;
  border-top: thin dotted #3c9;
}

div.small-box img {  
  border: none;
}

div.small-box p { /* 1em = 16pt */
  padding: 0em;
  margin: 0.625em;
  text-align: center;
}

div.photo-bar { /* 1em = 16pt */
  width: 16.5em;
  text-align: center;
  margin: 1em 0.625em;
  padding: 0em;
}

div.photo-bar img {  /* 1em = 16pt */
  width: 12.5em;
  border: medium double #666;
}

div.photo-bar p { /* 1em = 10pt */
  background: transparent;
  color: #999;
  text-align: center;
  font-size: 0.625em;
  margin: 1em;
}

div.text-box { 
  max-width: 30.25em; /* 484px */
  width: expression(this.width > 484 ? "30.25em" : auto); /* IE bullshit */
  margin: 0em 1em;
  border-right: thin dotted #f90;
}

div.text-box h1 { /* 1em = 20pt */
  background: transparent;
  color: #3c9;
  text-align: left;
  font-variant: small-caps;
  font-size: 1.25em;
}

div.text-box h2 { /* 1em = 18pt */
  background: transparent;
  color: #f90;
  text-align: left;
  font-variant: small-caps;
  font-size: 1.125em;
}

div.text-box h3 { /* 1em = 14pt */
  background: transparent;
  color: #666;
  text-align: left;
  text-decoration: underline;
  font-size: 0.875em;
}

div.text-box p { /* 1em = 14pt */
  text-align: justify;
  font-size: 0.875em;
  margin: 1em 1em 1em 0em;
}

div.text-box ul li { /* 1em = 14pt */
  text-align: justify;
  font-size: 0.875em;
  margin: 1em 1em 1em 0em;
}

div.text-box ol li {  /* 1em = 14pt */
  text-align: justify;
  font-size: 0.875em;
  margin: 1em 1em 1em 0em;
}

div.text-box blockquote { 
}

div.text-box pre { /* 1em = 12pt */
  font-size: 0.75em;
  font-style: Courier, monospace;
}

div.text-box code { /* 1em = 13pt */
  font-size: 0.8125em;
  font-style: Courier, monospace;
}

div.text-box a:link,
div.text-box a:active { 
  background: transparent;
  color: #39c;
  text-decoration: underline;
}

div.text-box a:visited,
div.text-box a:hover { 
  background: transparent;
  color: #39c;
  text-decoration: none;
}

div.text-box table.data { /* 1em = 14pt */
  width: 33.428em;
  font-size: 0.875em;
  margin: 0em auto;
  border: thin dotted #999;  
}

div.text-box table th.data { 
  text-align: right;
  padding: 0.25em;
  border: thin dotted #999;
}

div.text-box table td.data { 
  text-align: center;
  padding: 0.25em;
  border: thin dotted #999;
}

div.text-box p.caption { /* 1em = 12pt */
  font-size: 0.75em;
}

div.text-box div.footnotes { /* 1em = 13pt */
  font-size: 0.8125em;
  margin: 0em 1em 0em 0em;
  border-top: thin solid #999;
}

/******************************************************************************
 * Style
 *****************************************************************************/

.strike { 
  text-decoration: line-through;
}

.small-caps { 
  font-variant: small-caps;
}

.underline { 
  text-decoration: underline;
}

span.caption-title { 
  font-weight: bold;
}

/******************************************************************************
 * Feedburner
 *****************************************************************************/

div.feedburnerFeedBlock { /* 1em = 16pt */
  width: 17.5em;
  margin: 1em .125em;
}

div.feedburnerFeedBlock p.feedTitle { 
  text-align: left;
  font-weight: bold;
  font-size: 1em;
}

div.feedburnerFeedBlock p.feedTitle a:link, 
div.feedburnerFeedBlock p.feedTitle a:visited, 
div.feedburnerFeedBlock p.feedTitle a:active, 
div.feedburnerFeedBlock p.feedTitle a:hover { 
  text-decoration: none;
  color: #3c9;
}

div.feedburnerFeedBlock ul { /* 1em = 14pt */
  font-size: 0.875em;
  list-style-type: square;
}

div.feedburnerFeedBlock ul li a:link,
div.feedburnerFeedBlock ul li a:visited,
div.feedburnerFeedBlock ul li a:active,
div.feedburnerFeedBlock ul li a:hover { 
  background: transparent;
  color: #39c;
  text-decoration: none;
}

div.feedburnerFeedBlock p.fbsubscribelink { 
  text-align: left;
}

div.feedburnerFeedBlock p.fbsubscribelink a:link, 
div.feedburnerFeedBlock p.fbsubscribelink a:visited, 
div.feedburnerFeedBlock p.fbsubscribelink a:active, 
div.feedburnerFeedBlock p.fbsubscribelink a:hover { 
  text-decoration: none;
  color: #f90;
}