/* Begin Typography & Colors */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: black url('/media/images/background.jpg') repeat-y center;
	color: #333;
	text-align: center;
}

/* Layout */

#page {
    text-align: left;
    width: 800px;
    margin: 0 auto;
    padding: 0;
    border: black 1px solid;
    border-bottom: none;
}

#header {
    background: black url('/media/images/header.jpg') no-repeat top center;
    padding: 0;
    border-top: black 1px solid;
    text-align: right;
    width: 100%;
    height: 162px;
}

#wrapper {
	padding: 0;
	border-top: white 1px solid;
	text-align: left;
	width: 100%;
}

#footer {
	padding: 24px 0 24px 0;
	text-align: center;
	width: 100%;
	clear: both;
    border-top: black 1px solid;
}

#contentcolumn {
	padding: 1em 3em;
	margin-right: 200px; /*Set right margin to RightColumnWidth*/
	float: left;
}

#rightcolumn{
	float: right;
	width: 188px; /*Width of right column*/
	margin-left: -188px; /*Set left margin to -(RightColumnWidth) */
	vertical-align: top;
}

.innertube{
	margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

/* graphic elements */
#header h1 {
  font-size: 24px;
  padding: 0;
  margin: 0;
  margin: 60px 0px 0 0;
  color: #ad8600;
  }
  
#header h1 a:link, #header h1 a:visited{
  color: #ad8600;
  text-decoration: none;
  }

#header h2 {
    font-size: 12px;
    margin: 12px 0px 0 300px;
    color: #999;
    border-top: 1px solid #999;
    font-style: italic;
    }

#footer img {
	border: none;
}

#weblog h2 {
  font-size: 12px;
  padding: 0;
  margin: 0;
  margin: 0;
  font-weight: bolder;
  color: black;
}

#weblog h2 a:link, #weblog h2 a:visited {
  color: #ad8600;
  text-decoration: none;
}

div.post {
  margin-bottom: 3em;
}

.error h2 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin: 0;
  font-weight: bolder;
  color: red;
}


div.source pre {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}


#navpanel a:link, #navpanel a:visited {
	color: #F7FB9F;
	font-size: 12px;
	font-weight: 900;
	text-decoration: none;
	font-family: Verdana, Arial, Sans-Serif;
}

.navpanelhead {
	background: url(/media/images/navpanel-top-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
}
.navpanelhead h2 {
	background: url(/media/images/navpanel-top-l.jpg) no-repeat top left;
	margin: 0;
}
.navpanelbody {
	background: url(/media/images/navpanel-bottom-l.jpg) no-repeat bottom left;
	margin: 0;
	padding: 1em 24px;
}
#navpanel {
	margin: 0 auto; /* center for now */
	width: 165px;
	background: url(/media/images/navpanel-bottom-r.jpg) no-repeat bottom right;
}

.tags a:link, .tags a:visited {
 	color: #f1d36d;
	text-decoration: none;
	font-weight: 900;
}

.signature a:link, .signature a:visited {
 	color: #9a0024;
	text-decoration: none;
	font-weight: bolder;
}

div.tags  {
	background-color: #9a0024;
	color: #DDD;
	padding: 0 1em;
	margin-top: 1em;
}

.navpanelbody ul.menu li.withicon {
	margin-left: -4em;
}

.navpanelbody ul.menu li.division {
	border-top: 1px solid;
	margin: 3px 0 3px -4em;
	color: #F7FB9F;
}

.navpanelbody ul.menu li {
	margin-left: -4em;
}

.navpanelbody ul.menu {
	list-style-type: none;
}