/* Styles for this specific template */

body {
margin: 0;
background-color: #333;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-image: url(../gfx/templates/inthered/fade_grey.gif);
background-repeat: repeat-x;
background-position: 0 100px;
}
.header {
text-align: left;
background-color: #900;
height: 100px;
width: 100%;
}
.titlebox {
position: absolute;
height: 100px;
display: inline;
margin: 0;
margin-left: 10%;
padding-left: 1%;
padding-right: 3%;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
h1 {
position: relative;
top: 64px;
display: inline;
margin: 0;
font-size: 36px;
font-weight: normal;
letter-spacing: -1px;
color: #eee;
}
h2 {
margin: 0;
font-size: 24px;
font-weight: normal;
letter-spacing: -1px;
color: #333;
padding-bottom: 5px;
}
.mainbox {
width: 80%;
margin-left: 10%;
background-color: #eee;
border: 1px solid #000;
border-top: 0;
padding: 15px 10px 10px 10px;
background-image: url(../gfx/templates/inthered/fade_white.gif);
background-repeat: repeat-x;
font-size: 13px;
line-height: 18px;
}
.menubox {
float: right;
width: 16%;
text-align: right;
padding-right: 2px;
}
.bodytext {
width: 82%;
padding-right: 1%;
border-right: 1px dashed #900;
color: #333;
}
.boxdepth {
clear: both;
}
.footer {
text-align: right;
color: #eee;
font-size: 10px;
width: 80%;
margin-left: 10%;
padding: 5px 21px 0 21px;
}

a {
text-decoration: none;
font-weight: bold;
color: #333;
}
a:hover {
text-decoration: underline;
}
a.foot {
color: #eee;
}

.menu {
list-style: none;
margin: 0;
padding: 0;
text-transform: lowercase;
}
a.amenu, a.activeamenu {
display: block;
border: 0;
border-right: 5px solid #eee;
padding-right: 5px;
line-height: 30px;
}
a.amenu:hover {
background-color: #ccc;
color: #333;
border-right: 5px solid #900;
text-decoration: none;
}
p {
margin-top: 5px;
margin-bottom: 5px;
}
img {
border: 0;
}

/* This template's versions of generic items */

.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: 20px;
font-weight: bold;
}
.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;
}
.fl_blogfooter { /* Text at the bottom of a blog */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.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: #eee;
}
.fl_blogdivider { /* The line between blogs */
margin-top: 5px;
height: 5px;
border-top: 1px dashed #333;
}
.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: 9px;
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: 9px;
letter-spacing: 2px;
font-weight: bold;
}
.fl_comm1 { /* Style for odd-numbered comments */
border-left: 1px dotted #333;
}
.fl_comm2 { /* Style for even-numbered comments */
border-left: 1px dotted #333;
background-color: #eee;
}
.fl_newsheads { /* News headlines view style */
font-size: 9px;
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: 12px;
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: #eee;
}
.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: #eee;
}

input, select, textarea { 
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; 
} 
textarea { 
font-size: 14px; 
} 