/* 
 * ========================================================================
 * PHP-Fusion 6 Content Management System
 * Copyright © 2002 - 2006 Nick Jones
 * 
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 * 
 * More Info About The Licence At http://www.gnu.org/copyleft/gpl.html
 * ========================================================================
 *
 * ========================================
 * Regular body
 * ========================================
 */

html { 
	height: 100%; 
	margin-bottom: 0.01em 
}

body {
	background-color: #D0D6D9;
	color: #445563;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* 
 * ========================================
 * the links style
 * ========================================
 */

a {
	color: #526F87; 
	text-decoration: none;
}

a:hover {
	color: #444444; 
	text-decoration: underline;
}

a.side {
	color: #526F87; 
	text-decoration: none;
}

a:hover.side {
	color: #444444; 
	text-decoration: underline;
}

/* 
 * ========================================
 * the logo style
 * ========================================
 */

#vx_wrap {
	text-align: left; 
	width: 100%;
	padding: 0; 
	margin: 0 auto; 
 
}


#logo { 
	background-image: url(images/logo_bg.gif); 
	padding: 0; 
	margin: 0;
	width: 100%;
	height: 192px; 
}

.left_bg { 
	background-image: url(images/left_bg.gif);
}

.right_bg { 
	background-image: url(images/right_bg.gif);
}

/* 
 * ========================================
 * the navigation style
 * ========================================
 */

#navigation { 
 	position: absolute; top: 168px; left: 90px;
	float: left; 
	font-weight: bold;
 
}

a.white { 
	color:#323C5B; 
	text-decoration: none; 
	padding: 0px 5px 0px 5px 
}

a:hover.white { 
	color:#F8F8F8; 
	background-color: #8FA6D0; 
	text-decoration: none; 
	border: 1px #EBEDEF solid; 
	padding: 4px 
} 

/* 
 * ========================================
 * the footer style
 * ========================================
 */

.footerbg {
	background-color: #EAECEE; 
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
}

.footer {
	padding: 0px 4px 0px 4px;
}

/* 
 * ========================================
 * the form style
 * ========================================
 */

form
{
	display: inline;
	margin: 0; 
	padding: 0;
}

form input:focus,
form input:hover,
form select:focus,
form select:hover,
form textarea:focus,
form textarea:hover
{	
	background-color: #DDE0E5;
	border: #8FA4BB 1px solid;
	color: #333333;
}

/* 
 * ========================================
 * the horizontal rule style
 * ========================================
 */

hr { border-top: 1px #BFC6C7 solid; border-bottom: 1px #EFEFEF solid; margin: 3px 3px 3px 3px }
html>body hr { width: auto }


/* 
 * ========================================
 * main <td> style
 * ========================================
 */

td {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* 
 * ========================================
 * miscellaneous styles
 * ========================================
 */

pre {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.alt {
	color: #395267;
}

/* 
 * ========================================
 * the button and textbox styles
 * ========================================
 */

.button {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
	color: #333333;
	font-weight: bold;
	background-color: #D7D7D7;
	background-image: url(images/button_bg.png); 
	border: 1px #999999 solid;
	margin-top: 2px;
}
	
.textbox {
	font: 12px 'courier new', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #333333;
	background-color: #EFF3F8;
	border: 1px #999999 solid;
}

/* 
 * ========================================
 * the main body style
 * ========================================
 */

.main-body {
	font-size: 15 px ;
	color: #445563;
	padding: 4px 4px 6px 3px;
	background-color: #E9EAEB;
}

/* 
 * ========================================
 * the side panel style
 * ========================================
 */

.side-body {
	font-size: 15 px ;
	color: #2C5476;
	padding: 4px 4px 6px 3px;
	background-color: #D4DBE2;
}

/* 
 * ========================================
 * the Vx side images style
 * ========================================
 */

td.lefttd {
	background-repeat: repeat-y; 
	background-image: url(images/leftside.gif);
}

td.righttd {
	background-image: url(images/rightside.gif); 
	background-repeat: repeat-y;
}

/* 
 * ========================================
 * the main background style
 * ========================================
 */

.main-bg {
	background-color: #EAECEE;
	color: #000000;
}

/* 
 * ========================================
 * the news footer style
 * ========================================
 */

.news-footer {
	font-size: 15 px ;
	font-weight: normal;
	color: #445563;
	background-color: #DFE2E5;
	padding: 4px 4px 4px 2px;
}

/* 
 * ========================================
 * the forum cell style
 * ========================================
 */

.capmain {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #F0F0F0;
	border-width: 1px 1px 1px 1px;
	border-color: #D6D4D9;
	border-style: solid;
	color: #B78E00; 
	height: 24px; 
	padding: 2px 2px 2px 2px;
}

/* 
 * ========================================
 * the panel styles
 * ========================================
 */

.panel-left {width:17px; height:33px; background-image:url(images/panel-left.gif);}
.panel-right {width:17px; height:33px; background-image:url(images/panel-right.gif);}
.panel-main {font-family: Verdana ; font-size: 15 px ;font-weight:bold; color:#4E6674; height:33px; padding:7px 2px 0px 2px; background-image:url(images/panel-main.gif); background-repeat:repeat-x;}
.border-left {width:17px; background-image:url(images/border-left.gif);	background-repeat:repeat-y;}
.border-right {width:17px; background-image:url(images/border-right.gif); background-repeat:repeat-y;}
.border-bleft {width:17px; height:16px; background-image:url(images/border-bleft.gif);}
.border-bright {width:17px; height:16px; background-image:url(images/border-bright.gif);}
.border-bmain {height:16px; background-image:url(images/border-bmain.gif); background-repeat:repeat-x;}


.t_border {
	border-top: #D6D4D9 1px solid; 
	border-bottom: #D6D4D9 1px solid; 
	border-left: #D6D4D9 1px solid; 
	border-right: #D6D4D9 1px solid;
}

/* 
 * ========================================
 * the left/right sides used on Vx
 * ========================================
 */

.side-border-left { 
	padding: 5px 0px 0px 10px; 
}

.side-border-right {
	padding: 5px 10px 0px 0px; 
}

/* 
 * ========================================
 * the horizontal rule used in news layout
 * ========================================
 */
.h_rule {
	padding: 4px; 
	margin-bottom: -12px !important; /* Ignored by IE */
	margin-bottom: -10px; 
	border-top: 1px solid #C6CEDB
}

/* 
 * ========================================
 * the statistics style
 * ========================================
 */

.u_visits {

	color: #7A8EAC; 
	text-decoration:none; 
	font-weight: bold;
	font-size: 15 px ;
	border-top: #BFC6C7 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-left: #BFC6C7 1px solid; 
	border-right: #FFFFFF 1px solid;
	width: 150px;
	padding: 4px;
}

.visits {
	font: 11px 'courier new', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #B73147; 
	text-decoration: none; 
	font-weight: bold;
}

/* 
 * ========================================
 * border removal (no border='0' required)
 * ========================================
 */

img {
border: 0px;
}

/* 
 * ========================================
 * the <table> <td> border styles
 * ========================================
 */

.border {
	border-width: 0px 1px 1px 1px;
	border-color: #D6D4D9;
	border-style: solid;
}

.border2 {
	border-width: 1px 1px 0px 1px;
	border-color: #D6D4D9;
	border-style: solid;
}

.tbl-border {
	background-color: #BFC6C7;
}

.tbl {
	font-size: 15 px ;
	padding: 3px 4px 3px 4px;
}

/* 
 * ========================================
 * the <table> <td> background styles
 * ========================================
 */

.tbl1 {
	font-size: 15 px ; 
	background-color: #DAE0E6; 
	color: #38394B;
	padding: 4px;
	border: 1px solid #efefef;
}

.tbl2 {
	font-size: 15 px ; 
	background-color: #DEE3E8; 
	color: #38394B;
	padding: 4px;
	border: 1px solid #efefef;
}

/* 
 * ========================================
 * the forum top cell style
 * ========================================
 */

.forum-caption {
	font-size: 15 px ;
	font-weight: bold; 
	color: #526F87;
	background-color: #F0F0F0; 
	height: 24px; 
	padding: 5px 4px 2px 4px;
	background-image: url(images/forum_caption.gif);
	background-repeat: repeat-x;
	border-width: 0px 0px 0px 0px;
	border-color: #D6D4D9 #D6D4D9 #D6D4D9 #D6D4D9;
	border-style: solid;
}

/* 
 * ========================================
 * the quote and code styles
 * ========================================
 */

.quote {
	color: #057CBB;
	background-color: #E8EBF0; 
	padding: 5px;
	margin: 0px 2px 0px 2px; 
	border: 1px #D6D4D9 solid;
}
code { 
	background-color: #E8EBF0; 
	color: #1A658C; 
	font-size: 15 px ; 
	margin: 0; 
	padding: 0 
}

/* 
 * ========================================
 * the poll style
 * ========================================
 */

.poll { 
	height: 12px; 
	border: 0px #444 solid;
}

/* 
 * ========================================
 * the comment style
 * ========================================
 */

.comment-name {
	font-weight: bold; 
	color: #373737;
}

/* 
 * ========================================
 * the shoutbox style
 * ========================================
 */
.shoutboxname {
	font-weight: bold; 
	color: #4E76A9;
}

.shoutbox	{
	color: #005C76;
}

.shoutboxdate {
	font-size: 15 px ; 
	color: #1C1C1C;
}

/* 
 * ========================================
 * miscellenous font styles used in theme
 * ========================================
 */

.small {
	font-size: 15 px ; 
	font-weight: normal;
	color: #445563;
}

.small2 {
	font-size: 15 px ; 
	font-weight: normal; 
	color: #445563;
}

.side-small {
	font-size: 15 px ; 
	font-weight: normal; 
	color: #445563;
}

.side-label {
	background-color: #D5DCE3; 
	font-weight: normal; 
	color: #235075; 
	padding: 2px;
}