/* 
Version: 1.0
(Sept 17, 2008)

Screen layout: */

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

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */

/* Formatting for the hover tooltips */


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



/* hr	{ height: 0px; border: solid 0px; border-top-width: 1px;} */

hr
{
background: #ccc;
color: #ccc;
height: 1px;
margin: ;
}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #5a0a0a solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #5a0a0a solid; }

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

/*
  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(http://www.circleofevermore.org/forums/templates/subSilver/images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #dfd0b7; font-size: 10pt; font-weight : bold;
	background-color: #5a0a0a; height: 25px;
	background-image: url(http://www.circleofevermore.org/forums/templates/subSilver/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(http://www.circleofevermore.org/forums/templates/subSilver/images/cellpic1.gif);
			border: #dfd0b7; 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 {
	border: #dfd0b7; border-style: solid;
}

th.thHead,td.catHead { font-size: 12pt; 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; }

th.thHead a:link {color: #dfd0b7; }

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

/* General text */
.gen { font-size : 10pt; }
.genmed { font-size : 8pt; }
.gensmall { font-size : 7.5pt; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #5a0a0a; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #fb9531; text-decoration: underline; }

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

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

/* Forum title: Text and link to the forums used in: index.php */
/*.forumlink		{ font-weight: bold; font-size: 10pt; color : #5a0a0a; }
a.forumlink 	{ text-decoration: none; color : #5a0a0a; }
a.forumlink:hover{ text-decoration: underline; color : #fb9531; }*/

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

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 10pt; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #5a0a0a; }
a.topictitle:visited { text-decoration: none; color : #BE9D62; }
a.topictitle:hover	{ text-decoration: underline; color : #fb9531; }

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

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

/* The content of the posts (body of text) */
.postbody { font-size : 10pt; line-height: 14pt}
a.postlink:link	{ text-decoration: none; color : #5a0a0a; }
a.postlink:visited { text-decoration: none; color : #BE9D62; }
a.postlink:hover { text-decoration: underline; color : #fb9531; }

/* Quote & Code blocks */
.code {
	font-family: 'Courier New', Courier, sans-serif; font-size: 10pt; color: #5a0a0a;
	background-color: #edeae5; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

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

pre {
	font-family: 'Courier New', Courier, sans-serif; font-size: 11px;
}

/* Copyright and bottom info */
.copyright		{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
a.copyright		{ color: #000000; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 8pt Verdana, Arial, 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 : #FFFFFF;
	color : #000000;
	font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

/* None-bold submit button */
input.liteoption {
	background-color : #edeae5;
	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: #edeae5; border-style: none; }

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

body{
padding:0;
margin:0;
font:10pt tahoma, verdana, sans-serif;
/* General font families for common tags */

/* background:#DDD4B1; */
background:#FFFFFF url(images/bgGradBoneBlack.jpg);
background-repeat:no-repeat
color:#DDD4B1;

/* phpBB stuff */
scrollbar-face-color: #edeae5;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #edeae5;
scrollbar-3dlight-color: #;
scrollbar-arrow-color:  #5a0a0a;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #5a0a0a;
}


/* General font families for common tags phpBB*/
main th,td { font-family: Verdana, Arial, Helvetica, sans-serif }


a{
text-decoration:none;
color:#5a0a0a;
}

a:hover{
text-decoration:underline;
/* phpBB stuff */
color:#fb9531;
}

#toptabs{
font:tahoma, verdana, sans-serif;
margin:10px auto -13px auto;
font-size:8pt;
width:80%;
}

#toptabs p{
font:tahoma, verdana, sans-serif;
text-align:right;
color:#808080;

}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(images/corner3.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(images/corner3.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(images/corner3.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
width: 80%;
margin: 0 auto 15px auto;
padding:5px 20px 20px 20px;
/*background:#ffffff;*/
background:#fffdf5;
}

#logo{
margin:15px 0 0 0;
}

#logo h1 a{
color:#303030;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
clear:both;
text-align:left;
font:tahoma, verdana, sans-serif;
}

.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background: #edeae5 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color: #5a0a0a;
font-weight: bold
}

.navitab:hover{
text-decoration:none;
background: #dfd0b7 url(images/corner.gif) top right no-repeat;
color: #5a0a0a;
font-weight: bold
}

.activenavitab{
padding:4px 8px 4px 8px;
color:#ffffff;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing: 1px;
background:#5a0a0a url(images/corner.gif) top right no-repeat;
font-weight: bold
}

a.activenavitab{
	color:#ffffff;
}

.activenavitab:hover{
color:#ffffff;
text-decoration:none;
}

#desc{
width:100%;
height:200px;
color:#ffffff;
padding:0;
background:#000000 url(images/fel_forums_banner.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}

#desc p{
width:290px;
line-height:120%;
padding:0 0 0 15px;
}

#desc h2{
width:290px;
font-size: 14pt;
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a{
color:#ffffff;
text-decoration:underline;
}

.desc2{
font:10pt tahoma, verdana, sans-serif;
color:#ffffff;
padding:0;
margin:5px 0 0 0;
}

.desc3{
font:8pt tahoma, verdana, sans-serif;
font-size:8pt;
color:#ffffff;
padding:0;
margin:5px 0 0 0;
}

.desc2 p{
line-height: 120%;
padding:0 0 0 15px;
}

.desc2 h2{
padding:15px 15px 0 15px;
color:#ffffff;
}

.desc2 a{
color:#ffffff;
text-decoration:underline;
}

#main{
width:100%;
float:left;
background:#fffdf5;
}

.block{
background:#fffdf5;
padding:15px;
}

#sidebar{
width:18%;
float:right;
}

#sidebar p{
font-size:8pt;
line-height:120%;
margin:0 0 12px 0;
}

.sidelink{
text-align:left;
display:block;
width:100%;
background:#edeae5 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink:hover{
background:#dfd0b7 url(images/corner.gif) top right no-repeat;
text-decoration:none;
}

.policylink{
text-decoration: none; 
font-style: normal;
font-weight: normal;
color:#5a0a0a;
}

.policylink:hover{
text-decoration:underline;
font-style: normal;
font-weight: normal;
color:#fb9531;
}

.downloadlink{
text-decoration: none; 
font-style: italic;
font-weight: bold;
color:#5a0a0a;
}

.downloadlink:hover{
text-decoration:underline;
font-style: italic;
font-weight: bold;
color:#fb9531;
}

#footer{
clear:both;
background:#fafafa;
color:#808080;
font-size:9pt;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
}

#footer a{
color:#808080;
}

#footer p{
margin:0 10px;
line-height: 120%;
}

h1{
margin:0 0 20px 0;
font-size:20pt;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:16pt;
font-weight:normal;
}

h3{
margin:20px 0 10px 0;
font-size:12pt;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:120%;
text-align:left;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}

#borderbox{
	padding:5px;
	border: 2px solid #5a0a0a;
}

#navitabsbox{
	font:9pt tahoma, verdana, sans-serif;
	padding-bottom: 5px;
	padding-top: 10px;
}

#forumSubject{
	margin:20px 0 10px 0;
	background-color: #526380;
	color: #FAFAFA;
	/*color: #F2F2EF;*/
	text-indent: 15px;
	font:14pt sans-serif, verdana, tahoma;
	font-weight:bold;
	font-style: italic;
}

#blockForumFeed{
	background:#fffdf5;
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:15px;
}

#captionSidebar{
	margin:20px 0 10px 0;
	background-color: #5A0A0A;
	/*background-color: #526380;*/
	color: #FAFAFA;
	/*color: #F2F2EF;*/
	text-indent: 15px;
	font:14pt sans-serif, verdana, tahoma;
	font-weight:bold;
	font-style: italic;
}

/* Image Gallery formatting */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent
overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

div.costsContainer
{
width:100%;
margin:0px;
border:0px;
line-height:0px;
}
div.costsHeader,div.costsFooter
{
padding:0.5em;
color:white;
background-color:;
clear:left;
}
h1.costsHeader
{
padding:0;
margin:0;
}
div.costsLeft
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.costsContent
{
margin-left:190px;
border-left:0px;
padding:1em;
}

/* Begin CSS Image Gallery */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent
overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid orange;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: lightyellow;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 20%;
left: 55%; /*position where enlarged image should offset horizontally */
z-index: 1;
}
/* End CSS Image Gallery */