/* Stylesheet for Viggo-Works */

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #002927; text=#FFFFFF;
}

/* General font families for common tags */
font,th,td,p,div,span { font-family: Verdana, Arial, Helvetica, sans-serif; }

td.table {background-color: #002927; color: white;}

a:link,a:active,a:visited { color : #D4ECFB;  text-decoration: none; }
a:hover		{ text-decoration: underline; color : yellow; }
hr	{ height: 1px; color: #D4ECFB border: solid #003B39 0px; border-top-width: 1px;}

li {color: white;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #003B39; border: 1px #00AEED solid; }


/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFF00; font-size: 70%; font-weight : bold;
	background-color: #D4ECFB; height: 25px;
	background-image: url(img/navigator.gif);
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/

th.thHead,th.thTop {
	font-weight: bold; border: #003B39; border-style: solid; height: 28px;
}

th.thHead { font-size: 75%; border-width: 1px 1px 0px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }

td.spacer {
			background-color:#003B39; border: 1px #002927 solid; height: 5px;
}

th.thTop,thHead	 { border-width: 1px 0px 0px 0px; }
a.thTop 	{text-decoration: none;}
a.thTop:hover{text-decoration: underline; color : yellow; }
a.thTop:active {text-decoration:none; font-weight:bold; color: yellow;}




/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 250%; font-family: "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 160%; color : #77CEED;
}

/* The text used for indiidual page's titles */
.pagetitle	{
	font-weight: bold; font-size: 150%; font-family: "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 160%; color : yellow;
}

/* Articles */
.articlesource	{font-size : 75%;  color : yellow; }
.articleauthor	{font-size : 75%; font-weight: bold;	font-style: italic;  color : yellow;}
.articlelocation	{font-size : 75%; color : yellow;}
.articledate	{font-size : 75%; 	font-style: italic; color : yellow;}
.articlesynopsis	{font-size : 75%; 	font-weight: bold; color : white;}

/* The text used for individual page's titles */
.sectiontitle	{
	font-size: 120%;  font-family: "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 160%; color : yellow;
}

/* The text used for individual page's titles */
.sectionsubtitle	{
	font-size: 110%;  font-family: "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 160%; color : yellow;
}

/* Highlighted text */
.highlight	{ font-size : 75%; font-weight: bold; color : yellow; }
a.highlight 	{ text-decoration: none; color : yellow; }
a.highlight:hover{ text-decoration: underline; color : yellow; }
a.highlight:active { text-decoration:none; font-weight:bold; color:yellow; }

/* Image caption text */
.caption	{ font-weight: bold; font-size: 65%; color : #D4ECFB;}
a.caption 	{ text-decoration: none; color : #D4ECFB; }
a.caption:hover{ text-decoration: underline; color : yellow; }
a.caption:active { text-decoration:none; font-weight:bold; color:yellow; }


/* The text used for individual page's titles */
.navtitle	{ font-weight: bold; font-size: 110%; color : #D4ECFB;}
a.navtitle 	{ text-decoration: none; color : #D4ECFB; }
a.navtitle:hover{ text-decoration: underline; color : yellow; }
a.navtitle:active { text-decoration:none; font-weight:bold; color:yellow; }

.navhighlight	{font-size: 110%; color : yellow;}


/* Linklist link */
.linktitle	{ font-size: 110%; color : #D4ECFB;}
a.linktitle 	{ text-decoration: none; color : #D4ECFB; }
a.linktitle:hover{ text-decoration: underline; color : yellow; }
a.linktitle:active { text-decoration:none; font-weight:bold; color:yellow; }

/* General text */
.gen, div.gen, span.gen { font-size : 75%; }
.genmed, div.genmed, span.genmed { font-size : 70%; }
.gensmall, div.gensmall, span.gensmall { font-size : 65%; }
.gen,.genmed,.gensmall { color : #FFFFFF; }
td.gen, td.genmed, td.gensmall {background-color: #002927; }
a.gen,a.genmed,a.gensmall { color: #D4ECFB; text-decoration: underline; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: yellow; text-decoration: none; }

/* Quoted text */
.quote, p.quote { font-size : 75%; font-style: italic; color : #FFFFFF; }
td.quote {background-color: #003B39; }
a.quote { color: #D4ECFB; text-decoration: none; }
a.quote:hover	{ color: yellow; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 70%; color : #FFFFFF }
a.mainmenu		{ text-decoration: none; color : #D4ECFB;  }
a.mainmenu:hover{ text-decoration: underline; color : yellow; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 75%; color : #D4ECFB; }
a.forumlink 	{ text-decoration: none; color : #D4ECFB; }
a.forumlink:hover{ text-decoration: underline; color : yellow; }
a.forumlink:active { text-decoration:none; font-weight:bold; color:yellow; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 70%; color : #FFFFFF;}
a.nav			{ text-decoration: none; color : #D4ECFB; }
a.nav:hover		{ text-decoration: underline; }

/* Copyright and bottom info */
.footer		{ font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: -1px;}
a.footer		{ color: #FFFFFF; text-decoration: none;}
a.footer:hover { color: #FFFFFF; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : #FFFFFF;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	border-color : #FFFFFF;
	background-color : #003B39;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #002927;
	color : #FFFFFF;
	font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #003B39;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #003B39;
	font-weight : normal;
}