/*
-----------------------------------------------
Screen Styles
Version:  08 January 2007
Font-Size: http://developer.yahoo.com/yui/fonts/
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body {font:13px Arial, Helvetica, sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

body {
	background:#322B2B url(/img/tpl/bg.jpg) top left repeat-x;
	text-align:center;
	color:#000;
}

table {margin:1em 0;}
img {border:0;}
p {margin:1em 0; line-height:1.4em;}
ul {list-style:none;}

.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.req {font-weight:bold; color:#f00;}
.fl {float:left; display:inline; margin:0 1.2em 0 0;}
.fr {float:right; display:inline; margin:0 0 0 1.2em;}

/* =Base Layout
----------------------------------------------- */
div#wrap-header,
div#wrap-a {width:100%; position:relative;}
div#wrap-header {
	background:url(/img/tpl/bg_header.jpg) top center no-repeat;
	height:150px;
}
div#header,
div#wrap-content {
	position:relative;
	margin:0 auto;
	width:776px;
	text-align:left;
	z-index:5;
}
div#wrap-xtra {
	position:absolute;
	top: 10px;
	right:80px;
	margin:0;
	width:150px;
	text-align:left;
	z-index: 100;
}
div#header {height:150px;width: 776px;}
div#wrap-content {padding-top:0;}
div#wrap-content div#c-main {clear:both;padding:100px 20px 20px 20px; width:453px;}

div#wrap-a {
	position:absolute;
	top:352px;
	left:0;
	background:url(/img/tpl/bg_content2.jpg) top center no-repeat;
	height: 305px;
}
div#wrap-main {position:relative;margin: 0;padding:0 0 15px 7px; width:769px;text-align:left;
background: #fff url(/img/tpl/bg_fmain.jpg) top left no-repeat;color:#666;}
div#footer {position:relative;margin: 0;padding:30px 0 0 0; width:525px;}

/* =Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family:Arial,Helvetica,Sans-serif;
	font-weight:bold;
	color:#565EA2;
}
h1 {font-size:189%;}
h2 {font-size:152%;}
h3 {font-size:115%;color: #900B06;font-style: italic;}
h4 {font-size:114%;}
h5 {font-size:100%;}
h6 {font-size:85%;}

/* =Links
----------------------------------------------- */
div#wrap-main a:link, div#wrap-main a:visited {
	color:#575FA0;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active {text-decoration:underline;}
div#wrap-xtra a:link, div#wrap-xtra a:visited {text-decoration: none;}
div#wrap-xtra a:hover, div#wrap-xtra a:active {text-decoration: underline;}
ul#sub-nav a:link, ul#sub-nav a:visited {color:#8A0505;}
div.highlight div.sample a {color:#fff !important;font-weight: normal !important;font-size: 10px !important;}
div.highlight div.sample a:hover, div.highlight div.sample a:active {text-decoration: underline !important;}
div#highlights p.more a:link, div#highlights p.more a:visited {color: #FFDE59;}
div#highlights p.more a:hover {text-decoration:underline;}
p.more {
	clear:both;
	margin:0;
	padding: .8em 0 0;
	text-align:right;
	font-size:92%;
}
p.more-white {
	clear:both;
	margin:0;
	padding: .8em 0 0;
	text-align:right;
	font-size:92%;
	padding-left: 10px;
}
p.more a {padding-left:12px;}
div#wrap-main p.more a {
	background:url(/img/tpl/arrow_rd.png) center left no-repeat;
}
div#wrap-main p.more-white a {
	background: #575FA0 url(/img/tpl/arrow_wh.png) center left no-repeat;
	color: #fff;
	padding: 2px 6px 2px 20px;
}

/* =Header
----------------------------------------------- */
div#header h1 a:link, div#header h1 a:visited {
	display:block;
	position:relative;
	top:16px;
	left:0;
	width:315px;
	height:0px;
	padding-top:134px;
	overflow:hidden;
	font-size:1px;
	border:0;
	text-decoration:none;
}
div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}
div#header ul#nav {
	position:absolute;
	z-index: 100;
	bottom:50px;
	right:0;
	width:404px;
	height:33px;
}
div#header ul#nav li#active {background:transparent url(/img/tpl/tab_lf_wht.png) no-repeat top left;}
div#header ul#nav li {
	background:transparent url(/img/tpl/tab_lf_gry.png) no-repeat top left;
	list-style:none;
	float:left;
	margin:0 0 0 2px;
	padding:0 0 0 4px;
	white-space:nowrap;
}
div#header ul#nav a {
	background:transparent url(/img/tpl/tab_rt_gry.png) no-repeat top right;
	display:block;
	padding:0 20px 0 16px;
	font-weight:bold;
	border:0;
	text-decoration:none;
	line-height:33px;
	color:#FFF;
}
div#header ul#nav li#active a {background:transparent url(/img/tpl/tab_rt_wht.png) no-repeat top right; color:#43434B;}
div#header ul#nav a:hover {text-decoration: underline;}
div#header ul#sub-nav {
	position:absolute;
	bottom:0;
	right:0;
	width:432px;
	height:50px;
	text-align:right;
}
div#header ul#sub-nav a:hover {text-decoration:none;}
div#header ul li {
	display:inline;
}
ul#sub-nav li {
	padding:0 5px;
	height:50px;
	line-height:50px;
}

/* =Main
----------------------------------------------- */
div#c-main {clear:both;}
div.highlight {
	background:#E55D12 url(/img/tpl/bg_highlight.png) bottom left repeat-x;
	float:left;
	display:inline;
	margin-right:15px;
	margin-bottom: 20px;
	padding:15px 20px 20px;
	width:195px;
	height:190px;
	color:#FFF;
}
div.highlight div.sample {
	float:left;
	display:inline;
	margin:1em 1px 0 0;
	padding-bottom:.4em;
	width:96px;
	text-align:center;
}
div.highlight div.sample p {margin:0;line-height: 10px !important;}
div.highlight div.sample img {border: 1px solid #333;}
div.highlight h3 {
	font-style:italic;
	color:#FFDE59;
}
div#highlights {margin:0 -5px 45px -5px;}
div#highlights .last {
	margin:0 0 20px 0;
}

/* =Footer
----------------------------------------------- */
div#footer {padding:1em 0;}
div#footer p {font-size:85%; text-align:center;}
p#copyright {margin:0; color:#565EA2;}
p#credits {margin:0; color:#FFDE59;}
p#credits a {color:#FFDE59; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}

/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/
#forumWrap {}
.bodyline {}

/* This is the outline round the main forum tables */
.forumline	{border: 1px #000 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF;}
td.row2	{ background-color: #E4E4E4; }
td.row3	{ background-color: #D4D4D4; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #fff; font-size: 11px; font-weight : bold;
	background-color: #5A1015; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  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 :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D4D4D4; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 11px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #781920; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #781920; text-decoration: underline; }



/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #781920;  }
a.mainmenu:hover{ text-decoration: underline; color : #781920; }


/* Forum category titles */
.cattitle		{font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000}
a.cattitle		{ text-decoration: none; color : #000; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 11px; color : #006699; }
a.forumlink 	{ text-decoration: none; color : #781920; }
a.forumlink:hover{ text-decoration: underline; color : #781920; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #000; }
a.topictitle:visited { text-decoration: none; color : #000; }
a.topictitle:hover	{ text-decoration: underline; color : #000; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #781920 }
a.postlink:visited { text-decoration: none; color : #781920; }
a.postlink:hover { text-decoration: underline; color : #781920}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;
}

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

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

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");