/*  
HarpBlaster 2008 Stylesheet v. 2.0
*/

a:link {color:Black; text-decoration:underline;}
a:visited {color:Black; text-decoration:underline;}
a:active {color:Black; text-decoration:underline;}
a:hover {color:Red; text-decoration:underline;}

body {
 margin: 20px;
 padding: 0;
 background: #cccc99;
 font: normal small Arial, Helvetica, sans-serif;
 color: #000000;
 }

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 color: #FFFFFF;
 }

h5 {
 margin: 1em 0 .2em;
 font: 14pt Arial,Sans-Serif;
 color: #000000;
 text-decoration: bold;
 padding-left: 0px;
 }

h5 a:link, h3 a:visited {
 text-decoration: none;
 color: #000000;
 }

h5 a:hover {
 text-decoration: none;
 color: #FF0000;
 }

h7 {
 margin: 1em 0 .2em;
 font: 16pt Arial,Sans-Serif;
 color: #000000;
 text-decoration: bold;
 padding-left: 0px;
 }

p, ul, ol, blockquote {
 margin-top: 0;
 }

img {
 border: none;
 }

.front {
 font-size: 10pt;
 color: #000000;
 font-family: georgia;
 padding:5px;
 }

#header {
 width: 780px;
 height: 150px;
 margin: 0 auto;
 padding: 0px 0 0 0;
 background: #FFFFFF url(http://harpblaster.net/css/20070805_header.jpg) no-repeat;
 border: 5px solid #FFFFFF;
 border-bottom: none;
 }

#image {
 width: 780px;
 margin: 0 auto;
 background: #FFFFFF;
 border-left: 5px solid #FFFFFF;
 border-right: 5px solid #FFFFFF;
 }

#contentwrapper {
 float: left;
 width: 100%;
 }

#contentcolumn {
 margin-right: 180px; /*Set right margin to RightColumnWidth*/
 }

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

#column-right {
 float: left;
 width: 180px; /*Width of right column*/
 margin-left: -180px; /*Set left margin to -(RightColumnWidth) */
 background: #FFFFFF;
 }

.promoborder {
 border: 1px solid #295c7d;
 margin-left: 1px;
 margin-top: 1px;
 margin-right: 1px;
 }

.promoheader {
 background-color: #295c7d;
 color: #FFFFFF;
 font-family: garamond;
 font-size: 12pt;
 font-weight: bold;
 text-align: left;
 margin-left: 1px;
 margin-top: 1px;
 margin-right: 1px;
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 5px;
 }

.leadborder {
 border: 5px solid #D8D8D8;
 background-color: #D8D8D8;
 margin: 10;
 margin-left: 1px;
 margin-top: 1px;
 margin-right: 1px;
 }

.leadheader {
 background-color: #000000;
 color: #FFFFFF;
 font-family: garamond;
 font-size: 12pt;
 font-weight: bold;
 text-align: left;
 margin-left: 1px;
 margin-top: 1px;
 margin-right: 1px;
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 5px;
 }

.sideheader {
 margin: 0;
 padding: 0px 0 3px 0px;
 border-bottom: 1px solid #E7E7E7;
 letter-spacing: -1px;
 font-size: 1.2em;
 font-weight: bold;
 margin-left: 1px;
 margin-top: 1px;
 margin-right: 1px;
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 5px;
 }

.promo-text {
 font-size: 12pt;
 color: #000000;
 font-family: georgia;
 margin:0;
 padding:15px;
 text-align:left;
 margin-top:0;
 margin-bottom:0;
 }

.navigation {
 font-size: 10pt;
 color: #000000;
 font-family: times;
 padding:10px;
 }

.postmeta {
 color: #000000;
 font-size: 10px;
 background: #c8ecd4;
 padding: 10px;
 margin: 0;
 }

.postmeta {
 color: #000000;
 font-size: 10px;
 background: #c8ecd4;
 padding: 10px;
 margin: 0;
 }

.entry {
 padding: 0;
 margin: 0;
 text-align: left;
 background: #FFFFFF;
 font: 10pt Georgia;
 border-top: 0px solid #666;
 padding-bottom: 25px;
 line-height:1.75em;
 }

.lead {
 padding: 10;
 margin: 10;
 text-align: left;
 background: #D8D8D8;
 font: 10pt Georgia;
 border-top: 0px solid #666;
 padding-bottom: 25px;
 line-height:1.75em;
 }

.meta {
 color: #666666;
 font-size: 11px;
 margin: 0;
 }

.headline {
 font-weight: bold;
 font-size: 14pt;
 color: #000000;
 font-family: Georgia;
 margin:0;
 }

.lead-meta {
 color: #666666;
 font-size: 11px;
 margin: 0;
 }

.lead-headline {
 font-weight: bold;
 font-size: 14pt;
 color: #000000;
 font-family: Georgia;
 margin:0;
 }

.archive {
 font-family: "Georgia", Times New Roman, Serif;
 font-size: 2.2em;
 color: #900;
 }

#commentform {
 width: 550px;
 margin: 0 auto;
 padding: 0;
 }

.commentheadline {
 font-weight: bold;
 font-size: 14pt;
 color: #900;
 font-family: Georgia;
 margin:0;
 }

.smallheadline {
 font-weight: none;
 font-size: 10pt;
 color: #000000;
 font-family: Georgia;
 margin:0;
 }


/* Menu */

#menu {
 font-size: 9pt;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 width: 780px;
 height: 25px;
 margin: 0 auto;
 padding: 0;
 border: 5px solid #FFFFFF;
 border-top: 0px solid #FFFFFF;
 border-bottom: 0px solid #FFFFFF;
 background: #38ACEC;
 }

#menu h2 {
 display: none;
 }

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

#menu li {
 display:block;
 float:left;
 margin:0 0px 0 0;
 }

#menu a {
 display: block;
 float: left;
 width: 85px;
 height: 21px;
 padding-top: 4px;
 text-align: center;
 text-decoration: none;
 color: #FFFFFF;
 background: #38ACEC;
 }

#menu a:hover {
 background: #295c7d;
 color: #FFFFFF;
 }

#menu .active a {
 color: #FFFFFF;
 background: #295c7d;
 }

/* Main Content */

#main {
 width: 780px;
 margin: 0 auto;
 background: #FFFFFF;
 border: 5px solid #FFFFFF;
 }

#main .title {
 padding: 10px 20px;
 background: #000000;
 font-size: 0.80em;
 text-align: left;
 }

#main .story {
 padding: 10px;
 border: 1px solid #000000;
 }


/* Footer */

#footer {
 width: 760px;
 margin: 0 auto;
 padding: 10px 10px;
 background: #295c7d;
 border: 5px solid #FFFFFF;
 border-top: none;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 12px;
 }

#footer p {
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: x-small;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #FFFFFF;
 }

#footer a {
 color: #FFFFFF;
 text-decoration: none;
 }