div {
   font-size: medium;
}

body {
	background-color: #cce9ff;
	background-repeat: repeat-x;
	margin:0px;
	font-family: Verdana, Arial, sans-serif;
   background-image: url(../img/background-grad.png);
   background-repeat: repeat-x;
}

#page {
   max-width: 800px;
   margin: 0px auto;
   
   border-left: 2px solid #ffb033;
   border-right: 2px solid #ffb033;
   background-color: #ffda65;
}

#header_out {
   display: table;

	border-bottom: 2px solid #ffb033;
	height: 100px;
   width: 100%;
	overflow:hidden;
   
	color: #1e14de;
	font-size: 75px;
	font-weight: bold;
   margin-bottom: 8px;
	vertical-align: bottom;
	background-image:url(../img/headerbg2.jpg);
   background-repeat: no-repeat;
   background-color: #feea67;
}

#header_mid {
   display: table-cell;
   vertical-align: middle;
}

#header_in {
   color: #607ad2;
   font-size: 50px;
   
   margin-left: 50px;
   padding: 0px 0px 0px 8px;
   
   border-top: 2px solid #ffb033;
   border-left: 2px solid #ffb033;
   border-bottom: 2px solid #ffb033;
   
   background-color: white;
   
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-bottomleft: 15px;
}

#leftbar {
   float: left;
   width: 150px;
   
   margin-top: 8px;
   margin-bottom: 8px;
   
   border-top: 2px solid #ffb033;
   border-right: 2px solid #ffb033;
   border-bottom: 2px solid #ffb033;
   
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   
   background-color: white;
}

#main {
   margin-left: 160px;
   margin-top: 8px;
   margin-bottom: 8px;
   
   padding: 0px 0px 0px 8px;
   
   border-top: 2px solid #ffb033;
   border-left: 2px solid #ffb033;
   border-bottom: 2px solid #ffb033;
   
   background-color: white;

   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
}

#footer {
   clear:both;
   margin-top: 8px;
   border-top: 2px solid #ffb033;
   background-color: white;
   color: #BBBBBB;
   font-size: 8pt;
}

#titleheader {
   color: #607ad2;
   font-size: 20pt;
   
   border-top: 2px solid #ffb033;
   border-right: 2px solid #ffb033;
   border-bottom: 2px solid #ffb033;
   
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   
   display: inline;
   
   padding: 0px 8px;
   
   background-color: white;
}

h1 {
   margin: 0px;
}

/** Nav Bar */
h1.nav {
   font-size: 9pt;
   margin-left: 5px;
   margin-top: 5px;
   color: #607ad2;
}

ul.nav {
   margin: 0px;
   font-size: 8pt;
   list-style: none;
   padding: 0px;
}

ul.nav li {
   margin-left: 10px;
}

a:visited, a:link {
   color: #607ad2;
}

a:hover {
   color: white;
   background-color: #607ad2;
   text-decoration: none;
}

img {
   border: 0px;
   vertical-align: bottom;
}

img.latest {
   margin-left: 10px;
}

div.quote {
   margin-left: 10px;
   margin-right: 10px;
}

q {
   font-size: 8pt;
}

/** Content Area */
h1.secttitle {
   color: #607ad2;
   font-size: 15pt;
}

h2 {
   color: #607ad2;
   font-size: 13pt;
}

.newshead, .newscommentby, .newscommentdate {
   margin: 0px;
	font-family: "Courier", monospace;
	font-size: 9pt;
}

.newsfoot {
   margin-top: 20px;
}

.newsfoot, .newstext, .newscommenttext {
   margin-left: 20px;
   font-size: 10pt;
}

.commentlabel {
   color: #607ad2;
   font-weight: bold;
   width: 150px;
   text-align: right;
   vertical-align: top;

   display: inline-block;
   display: -moz-inline-box;
}

.input, .text {
   border-style: none;
   border-width: 0px;
   font-size: 12px;
   width: 292px;
   padding: 4px 4px;
   background-repeat: no-repeat;
   margin-bottom: 6px;
}

.input {
   height: 16px;
   background-image: url('../img/textfield-bg.png');
}

.text {
   height: 52px;
   background-image: url('../img/textarea-bg.png');
}


/** Tag cloud stuff */
a.c15, a.c10, a.c5, a.c1 {
   text-decoration: none;
   color: #607ad2;
}

a.c15:hover, a.c10:hover, a.c5:hover, a.c1:hover {
   color: white;
}

.c15 {
   font-size: 20pt;
   font-weight: bold;
}

.c10 {
   font-size: 15pt;
   font-weight: bold;
}

.c5 {
   font-size: 12pt;
   font-weight: bold;
}

.c1 {
   font-size: 9pt;
   font-weight: bold;
}

.section {
   margin-top: 8px;
   margin-bottom: 8px;
   
   padding: 8px;
   
   border-top: 2px solid #ffb033;
   border-left: 2px solid #ffb033;
   border-bottom: 2px solid #ffb033;
   
   background-color: white;

   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
}

.section .section {
   border: 2px solid #ffb033;
   -moz-border-radius: 10px;
}

.loginform {
   display: inline;
}

.loginform input {
   border: none;
   background-color: #DDD;
   width: 50px;
   height: 12px;
   font-size: 11px;
   margin: 0px;
}

.loginlink {
   color: #BBBBBB;
   text-decoration: none;
}


/* Admin Stuff */

table.autoform {
   font-size: 9pt;
   font-weight: bold;
   background-color: #cce9ff;
   border-collapse: collapse;
   border: 2px solid #ffb033;
   margin: 8px 0px;
}

table.autoform th {
   text-align: left;
   background-color: #607ad2;
   color: white;
   font-size: 15pt;
   padding: 4pt 10pt;
}

td.autoform_label {
   text-align: right;
   width: 200px;
   padding-right: 5px;
}

td.autoform_field {
   width: 300px;
}

.autoform td {
   margin: 2px;
   border-top: 1px solid white;
}

.admintable {
   border: 1px solid #BBBBBB;
   margin: 8px 8px 8px 0px;
   border-collapse: collapse;
}

.admintable td, .admintable th {
   font-size: 9pt;
   border-bottom: 1px solid #BBBBBB;
}

.admintable .mod, .admintable .del {
   width: 20px;
   text-align: center;
}

.admintable tr.even {
   background-color: #EEEEEE;
}

.galbody {
   margin: 8px auto;
   text-align: center;
}

.galimage {
   display:inline;
   width: 150px;
   height: 125px;
}

.galimage span {
   width: 150px;
   height: 125px;

   display: table-cell;
   vertical-align: middle;
}

#cover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 6;
   width: 100%;
   overflow: auto;
   opacity: 0.35;
   background: black fixed 50% 50% no-repeat;
}

#image {
   width: 640px;
   margin: 0px auto;
   padding: 20px 0px;
   text-align: center;
}

#image h1 {
   color: #607ad2;
   height: 50px;
   padding: 0px;
   margin-bottom: -12px;
   background-color: white;
   text-align: left;
}

#image_c {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 7;
}
