/*
This is the CSS that will add a little bit of style
to your board. If you're not sure what's what in this
file, have no fear! Check out the links below. They
contain all you'll need to understand every single 
line here!

A great introductrion to CSS
http://www.w3schools.com/css/css_intro.asp

One of the best CSS 2 Referenes on the web -
http://www.w3schools.com/css/css_reference.asp

Enjoy, and happy tweeking!
- YaBB Development Team
*/

/* General layout */
a {
font-weight: normal;
text-decoration: none;
color: #002F5E;
}
a:hover {
color: #000;
}
body {
background-color: #aaa;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
form {
display: inline;
}
input {
background-color: #F1F2F4;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
color: #000000;
border: 1px solid #C2C6CF;
}
textarea {
background-color: #F1F2F4;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
color: #000000;
border: 1px solid #C2C6CF;
}
select {
background-color: #F1F2F4;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
color: #000000;
}
.copyright {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}

/* YaBB navigation links */
a.nav {
color: #000; 
background-color: transparent;
text-decoration: none;
font-weight: bold;
}
a.nav:hover {
color: #cc3333;
}
a.navcur {
font-style: italic;
font-size: 14px;
}
a.navcur:hover {
color: #cc3333;
font-size: 14px;
}
/* YaBB alternating bgcolors */
.windowbg {
background-color: #D8E6F4;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-family: Verdana, sans-serif;
color: #000000;
}
.windowbg2 {
background-color: #EEF7FF;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-family: Verdana, sans-serif;
color: #000000;
}
.windowbg3 {
background-color: #EDEEF1;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-family: Verdana, sans-serif;
color: #000000;
}

/* Misc./title/category colors */
.hr {
color: #A7B8CC;
}
.titlebg {
background-color: #34689A;
color: #fff;
font-size: 13px;
font-weight: bold;
font-style: normal;
font-family: Verdana, Helvetica, Arial;
}
.titlebg a{
color: #fff;
font-weight: bold;
font-style: normal;
}
.top{
font-style: normal;
font-size: 11px;
color: #475F79;
}
.catbg {
background: #5988BD url("default/catbg.png");
color: #fff;
font-size: 13px;
font-weight: bold;
font-style: normal;
font-family: Verdana, Helvetica, Arial;
}
.catbg a{
color: #fff;
font-weight: bold;
font-style: normal;
}
.bordercolor {
background-color: transparent;
}
.small {
font-size: 10px;
font-family: verdana, sans-serif;
}
.message {
font-size: 11px;
font-family: verdana, sans-serif;
}
.droppageindex {
float: left;
font-family: verdana, sans-serif;
background: #5988BD url("default/catbg.png");
color: #000;
padding: 2px;
padding-left: 4px;
margin: 0px;
border: 0px;
}
.droppages{
height: 14px;
padding-left: 1px;
padding-right: 1px;
}
.droppages a{
color: #ffffff;
font-size: 9px;
font-weight: normal;
}
h2{
margin: 0px;
display: inline;
}
.highlight {
font-size: 13px;
font-family: verdana, sans-serif;
font-weight: bold;
font-style: normal;
background-color: #FFFF33;
color: #000000;
}

/* Image fonts */
.imgbg {
font-style: normal;
font-size: 10px;
color: #fff;
}
.imgcatbg {
font-style: normal;
font-size: 10px;
color: #fff;
font-weight: bold;
}
.imgtitlebg {
font-style: normal;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
}
.imgwindowbg {
font-style: normal;
font-size: 9px;
color: #005177;
}
.imgmenu {
font-style: normal;
font-size: 11px;
color: #fff;
font-weight: bold;
}

/* Post quote/code colors */
.quote {
font-size: 11px;
font-weight: normal;
font-style: normal;
font-family: Verdana, Helvetica, Arial;
color: #000000;
background-color: #C8DDF0;
border: 1px #34689A solid;
width: 90%;
padding: 4px;
}
.code {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-family: Courier, Courier New;
color: #34689A;
background-color: #F7FAFD;
border: 1px #34689A solid;
width: 90%;
padding: 4px;
}
.editbg{
color: #000;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-family: Verdana, Helvetica, Arial;
background-color: #FFFEDF;
border: 1px #cc0000 solid;
width: 90%;
padding: 4px;
}
/* Anything below here is just for the template */
.topline{
	border-top: 1px solid #34689A;
	}
.topheader{
	background: #4981B8 url("default/headerbg.png") repeat-x;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	}
#container{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #bbb;
	border: 2px solid #fff;
	border-top: 0;
	margin-bottom: 10px;
	}
.headerwelc{
	color: #fff;
	font-size: large;
	}
.headerwelc a{
	color: #eee;
	text-decoration: underline;
	}
.headerwelc a:hover{
	color: #80DAF2;
	}
.headerinfo{
	color: #fff;
	}
.headerinfo a{
	color: #eee;
	text-decoration: underline;
	}
.headerinfo a:hover{
	color: #80DAF2;
	}
.seperator{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}