/* general styling */
*
{
  margin:0;
  padding:0;
  line-height:1.5em;
  font-family:Verdana,Arial,sans-serif;
}

html,body
{
  background-color:#F8E4C3;
  background-image:url("../img/bg.gif");
}

/* center the container */
body
{
  text-align:center;/*bugfix for IE*/
  margin:1em 0;
  font-size:62.5%;
}

/* general container */
div#container
{
  position:relative;
  background-color:#FFBB51;
  border:3.5px solid #FC940D;
  font-size:1.2em;
  width:588px;
  padding:4px;
  margin:0 auto;
  text-align:left;
}

/* style the navigation */
ul#nav
{
  width:586px;
  text-align:center;
  font-weight:bold;
  font-variant:small-caps;
  color:#475A70;
  margin:.3em 0;
}

ul#nav li
{
  display:inline;
  padding:0 1em;
  text-transform:capitalize;
}

ul#nav li:first-letter
{
  font-size:1.1em;
}

ul#nav li a
{
  color:#A56717;
  text-decoration:none;
}

ul#nav li a:hover
{
  color:#F60;
  text-decoration:none;
}

/* the current navigationitem; shouldn't look like a link when you hover it*/
ul#nav a#active-nav, ul#nav a#active-nav:hover
{
  color:#FED990;
  cursor:default;
}

/* the main content */
div#maincontent
{
  float:left;
  width:576px;
  padding:5px;
}

p
{
  margin-top:0.7em;
  line-height:1.7em;
}

a
{
  color:#FF0903;
  text-decoration:none;
}

a:visited
{
  color:#F60;
}

a:hover
{
  color:#720318;
}

a#picture-of-me{float:right;border:none;margin:0;padding:0;}

/* the footer */
p#footer
{
  clear:both;
  width:586px;
  text-align:center;
  border:0;
  text-decoration:none;
  padding:0;
  padding-top:3px;
}

/* abbrevations, acronyms and tooltips should display a "help" cursor
    and a dotted line*/
abbr, acronyms, .tooltip
{
  cursor: help;
  border-bottom:1px dotted;
}

cite
{
  font-weight:bold;
}

blockquote
{
  text-indent:5px;
  margin-left:8px;
  padding:0 2px;
  border:1.5px solid #FC940D;
  background-color:#FFC961;
}

li
{
  margin-left:13px;
}

/* form */
fieldset
{
  border:0;
}

label
{
  display:block;
}

input,textarea
{
  background-color:#FFBF6D;
  color:#333;
  border:1px solid #FC940D;
}

input[type=text],textarea
{
  font-family:"courier new";
  font-size:1.2em;
}

input[type=submit]
{
  padding:3px;
}

/* headers */
h1
{
  text-transform:uppercase;
  font-size:1.4em;
}

h2
{
  margin-top:0.5em;
}

h2#logo
{
  padding-top:.4em;
  line-height:.4em;
  text-transform:uppercase;
  font-size:3em;
  z-index:1;
}

h2#logo a,h2#logo a:visited
{
  font-family:system;
  line-height:.4em;
  color:#FC940D;
}

legend
{
  display:none;
}

/* errors */
ul#error
{
  margin-top:5px;
  background-color:#FC940D;
  border:solid;
  padding:5px 3px;
}

ul#error li
{
  display:block;
  margin:0;
}

/**
* pages
**/

/* weblog */
p.meta, p.tags
{
  font-size:0.8em;
}

/* blogpost */
h3#comments, form#comments-form
{
  border-top:2.5px solid #FC940D;
  width:100%;
}

/* scripts-page */
body#body-scripts h3
{
  margin-top:1em;    
}

body#body-scripts dl dt
{
  margin:1.75em 0 0.5em 0;
}

body#body-scripts dl dt a
{
  font-weight:bold;
  color:#000;
}