/* Styles for this specific template */

body {
margin: 0;
background-color: #000;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#fl_msgbar {
padding: 3px 0 0 90px;
z-index: 10;
}
#header {
position: relative;
width: 100%;
height: 80px;
text-align: left;
background-color: #800;
border-top: 10px solid #000;
border-bottom: 15px solid #000;
text-align: left;
color: #fff;
}

#header[id] {
z-index: 3;
position: fixed;
}

h1 {
padding-top: 10px;
padding-left: 15px;
margin: 0;
font-size: 25px;
font-weight: normal;
letter-spacing: 2px;
color: #fff;
}
h2 {
margin-top: 5px;
margin-bottom: 15px;
padding-left: 15px;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
text-transform: uppercase;
line-height: 14px;
 }
#imagerotator {
top: 96px;
position: absolute;
left: 0px;
width: 270px;
height: 485px;
background-color: #000;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
}
#imagerotator[id] {
top: 100px;
position: fixed;
}

#mainbox {
z-index: 2;
position: relative;
width: 600px;
left: 290px;
background-color: #fff;
border-top: 0px solid #000;
border-left: 3px solid #000;
border-bottom: 0px solid #000;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
line-height: 18px;
}

#mainbox[id] {
z-index: 2;
top: 100px;
left: 290px;
width: 58%;
max-width: 680px;
min-width: 580px;
border-left: 3px solid #000;
border-right: 10px solid #000;
}

.menubox {
float: right;
width: 140px;
text-align: right;
padding-top: 10px;
padding-right: 0px;
font-size: 11px;
}

#pretext {
position: relative;
top: 200px;
width: 428px;
font-size: 11px;
font-weight: bold;
text-transform: none;
top: 0px;
padding-top: 10px;
padding-bottom: 5px;
padding-right: 15px;
padding-left:  10px;
border-bottom: 0px solid #000;
border-right: 1px solid #000;
}
#pretext[id]{
width: 70%;
max-width: 500px;
min-width: 200px;
}

#bodytext {
position: relative;
top: 0px;
width: 430px;
height: auto;
min-height: 570px;
font-size: 11px;
padding-top: 0px;
padding-bottom: 35px;
padding-right: 15px;
padding-left:  10px;
border-right: 1px solid #000;
color: #000;
text-align: left;
overflow: auto;
}


#bodytext img{
max-width: 96%;
}

#bodytext[id] {
width: 70%;
max-width: 500px;
min-width: 200px;
}


#coverbox {
z-index: 1;
position: absolute;
top: 90px;
right: 0px;
border-top: 0px;
width: 200px;
height: auto;
margin: 0;
font-size: 9px;
color: #fff;
background: #000;
text-transform: capitalize;
}

#coverbox[id] {
position: fixed;
top: 103px;
right: 10px;
width: 250px;
}


.boxdepth {
clear: both;
}

#footer {
position: relative;
bottom: 0px;
z-index: 11;
width: 100%;
border-top: 8px solid #000;
border-bottom: 10px solid #000;
background: #800;
font-size: 11px;
text-align: right;
color: #000;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}
#footer[id] {
position: fixed;
bottom: 0px;
}

a {
text-decoration: none;
font-weight: bold;
color: #333;
letter-spacing: 1px;
text-transform: uppercase;
}
a:hover {
text-decoration: underline;
text-transform: uppercase;
}
a.foot {
color: #000;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}

.menu {
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
font-weight: bold;
}
a.amenu, a.activeamenu {
font-size: 10px;
display: block;
border: 1px solid #fff;
border-right: 5px solid #fff;
padding-left: 5px;
padding-right: 5px;
font-size: 11px;
font-weight: bold;
line-height: 30px;
letter-spacing: 2px;
}
a.amenu:hover {
font-size: 10px;
background-color: #900;
color: #fff;
border: 1px solid #000;
border-right: 5px solid #000;
border-left: 1px solid #000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
letter-spacing: 2px;
}
p {
margin-top: 0px;
margin-bottom: 10px;
font-size: 11px;
}
img {
border: 0;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
td {
font-size: 11px;
}

/* This template's versions of generic items */

/* This template's versions of generic items */

.fl_blogdivider { /* The line between blogs */
margin-top: 15px;
margin-bottom: 15px;
height: 0px;
border-top: 1px solid #000;
}
.fl_loadbox { /* The box shown when an item is loading */
background-color: #333;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 32px;
border: 1px dashed #ccc;
color: #ccc;
}
.fl_blogtitle { /* A blog title */
font-size: 13px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 15px;
text-transform: uppercase;
border: 0px solid #000;
padding-top: 0px;
}
.fl_newstitle { /* A news title */
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}
.fl_blogby { /* A blog byline and time*/
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
margin-bottom: 15px;
}
.fl_blogfooter { /* Text at the bottom of a blog */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}
.fl_blogtags { /* Blog tags */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_readmore { /* The read more link */
}
.fl_comments { /* Where the comments should appear */
float: right;
}
.fl_blogentry1 { /* Style for odd-numbered blog entries */
}
.fl_blogentry2 { /* Style for even-numbered blog entries */
background-color: #fff;
}
.fl_commsheader { /* Comments title */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_bottomlinks { /* Links at the end */
text-align: right;
width: 100%;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_prevnext { /* Previous and next entry links */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
font-weight: bold;
}
.fl_comm1 { /* Style for odd-numbered comments */
border-left: 0px solid #333;
background-color: #fff;
}
.fl_comm2 { /* Style for even-numbered comments */
border-left: 0px solid #333;
background-color: #fff;
}
.fl_newsheads { /* News headlines view style */
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#fl_showbox { /* The border for the scrolling bar in the gallery */
border: 1px dashed #333;
}
.fl_arrowoff, .fl_arrowon { /* The left and right pointing arrows */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.fl_arrowoff {
color: #666;
border: 1px solid #222;
background-color: #ccc;
}
.fl_arrowon {
color: #666;
background-color: #ccc;
border: 1px solid #333;
}
.fl_arrowoff:hover, .fl_arrowon:hover {
text-decoration: none;
}
.fl_arrowon:hover {
background-color: #fff;
}
.fl_imgcap { /* Picture captions in galleries */
background-color: #333;
border: 1px solid #333;
}
.fl_pollvotebar { /* Colour of the bar showing percentages in polls */
background-color: #333;
}
.fl_pollquestion {
font-weight: bold;
}
.fl_setuphead, .fl_setupheadoff:hover { /* Colour for the headers of contracting sections in admin */
background-color: #bbb;
}
.fl_setupheadoff {  /* Colour for deselected headers of contracting sections in admin */
background-color: #ddd;
}
.fl_setupbody { /* Colour for the body of the sections in admin */
background-color: #fff;
}

input, select, textarea { 
min-width: 10px;
background-color: transparent; 
border: 1px solid #333; 
color: #999; 
font-family: "trebuchet ms", trebuchet, tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 13px; 
} 
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { 
background-color: #444; 
} 

.fl_prevnext {
font-size:11px;
text-align:center;
}

.fl_prevnext table {
display:inline;
font-size:11px;
}

#main .fl_prevnext td a {
color:#CCC;
padding:2px 5px; border:1px solid #333; margin:0 3px;
line-height:18px; height:18px;
font-size:11px;
}

#main .fl_prevnext td a:hover {
color:#000; background:#FFF;
font-size:11px;
}

#main .fl_prevnext .fl_apage a,#main .fl_prevnext .fl_apage a:hover {
color:#000; background:#FC3;
cursor:Default;
font-size:11px;
}

#main .fl_prevnext .fl_prev a,#main .fl_prevnext .fl_next a {
background:#333;
font-size:11px;
}