/* 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: #000;
}
a:hover {
	color: #ffff00;
}
body {
	background-color: #4061B5;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-top: 30;
	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: 10px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	border: 0px #C2C6CF solid;
}
textarea {
	background-color: #F1F2F4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	border: 0px #C2C6CF solid;
}
select {
	background-color: #F1F2F4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
.copyright {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

/* YaBB navigation links */

a.nav {
	color: #000;
	background-color: cc33a5;
	text-decoration: none;
	font-weight: bold;
}
a.nav:hover {
	color: #ffff00;
}
a.navcur {
	font-style: italic;
	font-size: 12px;
}
a.navcur:hover {
	color: #cc3333;
	font-size: 12px;
}

/* YaBB alternating bgcolors */

.info1 {
	background-color: #6699cc;
	border: 0px #336699 solid;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, sans-serif;
	color: #000000;
}
.windowbg {
	background-color: #6699cc;
	border: 0px #336699 solid;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, sans-serif;
	color: #000000;
}
.windowbg2 {
	background-color: #cccccc;
	border: 0px #000 solid;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, sans-serif;
	color: #000000;
}
.windowbg3 {
	background-color: #4061B5;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, sans-serif;
	color: #000000;
}
.windowbg4 {
	background-color: #6699cc;
	border: 0px #336699 solid;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, sans-serif;
	color: #000000;
}

/* Misc./title/category colors */

.hr {
	color: #000;
}
.titlebg {
	background-color: #4061B5;
	color: #ffff00;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
}
.titlebg a{
	color: #ffff00;
	font-weight: bold;
	font-style: normal;
}
.top{
	font-style: normal;
	font-size: 12px;
	color: #000000;
}
.catbg {
	background: #3366cc url("portal/tc.gif");
	border: 0px #0000cc solid;
	color: #ffff00;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
}
.sidebg {
	background: #3366cc url("portal/tside.gif");
	border: 0px #0000cc solid;
	color: #ffff00;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
}
.catbg a{
	color: #ffff00;
	font-weight: bold;
	font-style: normal;
}
.bordercolor {
	background-color: #4061B5;
}
.small {
	font-size: 10px;
	font-family: verdana, sans-serif;
}
.message {
	font-size: 12px;
	font-family: verdana, sans-serif;
}
.droppageindex {
	float: left;
	font-family: verdana, sans-serif;
	background: #3366cc url("portal/tc.gif");
	color: #000;
	padding: 2px;
	padding-left: 4px;
	margin: 0px;
	border: 0px;
}
.droppages{
	height: 12px;
	padding-left: 1px;
	padding-right: 1px;
}
.droppages a{
	color: #000;
	font-size: 12px;
	font-weight: normal;
}
h2{
	margin: 0px;
	display: inline;
}
.highlight {
	font-size: 10px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	background-color: #FFFF33;
	color: #000000;
}

/* Image fonts */

.imgbg {
	font-style: normal;
	font-size: 12px;
	color: #000;
}
.imgcatbg {
	font-style: normal;
	font-size: 12px;
	color: #ffff00;
	font-weight: bold;
}
.imgtitlebg {
	font-style: normal;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.imgwindowbg {
	font-style: normal;
	font-size: 12px;
	color: #000000;
}
.imgmenu {
	font-style: normal;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

/* Post quote/code colors */

.quote {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
	color: #000000;
	background-color: #C8DDF0;
	border: 0px #34689A solid;
	width: 90%;
	padding: 4px;
}
.code {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Courier, Courier New;
	color: #34689A;
	background-color: #F7FAFD;
	border: 0px #34689A solid;
	width: 90%;
	padding: 4px;
}
.editbg{
	color: #000;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial;
	background-color: #FFFEDF;
	border: 0px #cc0000 solid;
	width: 90%;
	padding: 4px;
}

/* Anything below here is just for the template */

.topline{
	border-top: 1px solid #000;
}
.topheader{
	color: #000;
	background-color: #4061B5;
	border: 0px solid #fff;
	margin-bottom: 10px;
}
.topheader2{
	color: #000;
	font-size: 12px;
	background-color: #4061B5;
}
#container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #4061B5;
	margin-bottom: 10px;
}
.headerwelc{
	color: #ffff00;
	font-size: 12px;
}
.headerwelc a{
	color: #ffff00;
	text-decoration: underline;
}
.headerwelc a:hover{
	color: #80DAF2;
}
.headerinfo{
	color: #ffff00;
}
.headerinfo a{
	color: #ffff00;
	text-decoration: underline;
}
.headerinfo a:hover{
	color: #80DAF2;
}
.seperator{
	border-top: 0px #4061B5 solid;
	border-bottom: 0px #4061B5 solid;
}
.seperator2{
	border: 1px solid #4061B5;
}
.tl {
	background-image: url("portal/tl.gif");
	background-color: #4061B5;
}
.tlinfo {
	background-image: url("portal/tlinfo.gif");
	background-color: #4061B5;
}
.tr {
	background-image: url("portal/tpr.gif");
	background-color: #4061B5;
}
.trinfo {
	background-image: url("portal/tprinfo.gif");
	background-color: #4061B5;
}
.bl {
	background-image: url("portal/bl.gif");
	background-color: #4061B5;
}
.blinfo {
	background-image: url("portal/blinfo.gif");
	background-color: #4061B5;
}
.br {
	background-image: url("portal/br.gif");
	background-color: #4061B5;
}
.brinfo {
	background-image: url("portal/brinfo.gif");
	background-color: #4061B5;
}
.tc1 {
	background-image: url("portal/tc1.gif");
	color: #000000;
	font-weight: bold;
	background-color: #4061B5;
}
.tc {
	background-image: url("portal/tc.gif");
	color: #000000;
	font-weight: bold;
	background-color: #4061B5;
}
.bc {
	background-image: url("portal/bc.gif");
	background-color: #4061B5;
}
.rc {
	background-image: url("portal/rc.gif");
	background-color: #4061B5;
}
.lc {
	background-image: url("portal/lc.gif");
	background-color: #4061B5;
}