/*
Based on the original Style Sheet for the themaniacs theme for phpBB version 2+
Edited by emke
http://www.themaniacs.org
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */

body{
background: #ffffff;
color:#000000;
font:12px Verdana,Arial,Helvetica,sans-serif;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #012F8B;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff}

/* General font families for common tags */
font,td,p{color:#000000; font:12px Verdana,Arial,Helvetica,sans-serif}
th{color:#ffffff; font:12px Verdana,Arial,Helvetica,sans-serif color:#ffffff}
a:link,a:active,a:visited,a.postlink:link{color:#1B218F;text-decoration:none}
a:hover{color:#767676;text-decoration:underline}
.postbody{font-size:12px}

hr{border:0px solid #d1d7dc; border-top-width:1px; height:0px}

/* This is the border line & background colour round the entire page */
.bodyline
{
 	 background:#fff;
	 border:2px solid #162986;
   font-size: 11px;
}

/* This is the outline round the main forum tables */
.forumline{background: #000000;border: 0px}

/* This is for the error messages that pop up */
.errorline	{ background-color: #add8e6; border:1px solid #98aab1}

/* Main table cell colours and backgrounds */
td.row1{background:#fefefe}
td.row2{background:#f5f5f5}
td.row3{background:#fefefe}

/*
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:#012F8B}

/* Header cells - the blue and silver gradient backgrounds */
th {color:#ffffff; background:#062B62; font-size:11px; font-weight:bold; height:25px}

td.cat,td.cathead,td.catsides,td.catleft,td.catright,td.catbottom{
background:#012F8B; border-width:1px; 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{border-width:0px; height:28px}
th.thhead,th.thsides,th.thtop,th.thleft,th.thright,th.thbottom,th.thcornerl,th.thcornerr{
border-width:0px; font-weight:bold; height:28px}

td.row3right,td.spacerow{background:#e3e3e3; border-width:0px}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{color:#000000; font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

.subtitle,h2{color:#000000; font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* General text */
.gen{font-weight:bold}
.genmed{font-size:11px}
.gensmall{font-size:10px}
.gensmallwhite{font-size:10px; color:#ffffff}
.genmedwhite{font-size:11px; color:#ffffff}
.cattitlewhite{font-size:12px; color:#ffffff; font-weight:bold}

/* Forum category titles and forum links*/
.cattitle,.forumlink{font-weight:bold; letter-spacing:1px}
a.cattitle,a.cattitle:visited{font-weight:bold; letter-spacing:1px; color:#ffffff;text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}

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

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

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

/* The content of the posts (body of text) */
a.postlink:visited{color:#5493b4;text-decoration:none}

/* Quote & Code blocks */
.code{background:#fafafa; border:1px solid #d1d7dc; color:#006600;
font:11px Courier,'Courier New',sans-serif}

.quote{background:#fafafa; border:1px solid #d1d7dc; color:#444444;
font:11px/125%  Verdana,Arial,Helvetica,sans-serif}

/* Copyright and bottom info */
.copyright{font:10px Verdana,Arial,Helvetica,sans-serif}
a.copyright{color:#444444}
a.copyright:hover{color:#000000;text-decoration:underline}

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

/* The text input fields background colour */
input.post,textarea.post,select{background:#ffffff; font:normal 11px Verdana,Arial,Helvetica,sans-serif}
input{text-indent:2px}

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

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

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

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


/* This is for news items titles 
.contentpagetitle 
{ 	
	background-image :url('../images/folder.gif'); 
	font-family: Tahoma, Verdana, Arial,Helvetica,sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #162986; 
	text-align: left
		
} */
	
	
.createdate {
  font-family      : Verdana,Arial,Helvetica,sans-serif;
  font-size        : 9px;
  color            : #A7A7A7;
  text-align       : left;
}


a.mainlevel:link, a.mainlevel:visited 
{
        color: #162986;
        background-position: left;
        text-align: left;
        font-weight: bold;
				font-size : 11px;
 }

a.mainlevel:hover 
{
      
        /*display: block;*/
        /*background-color: #162986;*/
        color: #A7A7A7;
				font-size : 11px;
				/* emke colour
				color: #767676; */
        background-position: left;
        text-align: left;
				cursor: hand;
        }


a.mainmenu:link, a.mainmenu:visited 
{
        color: #162986; 
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-weight: bold;
				font-size        : 11px;
        }

a.mainmenu:hover {
        /*display: block;*/
        /*background-color: #162986;*/        
				color: #A7A7A7;
        background-position: left;
        text-align: left;
        text-decoration: underline;
        font-weight: bold;
				cursor: hand;

        }


a.sublevel:link, a.sublevel:visited {
        /*display: block;*/
        color: #162986;
				font-size : 10px;
        /*border-bottom: 1px dashed #162986; */
				font-family: Verdana,Arial,Helvetica,sans-serif;       
}

a.sublevel:hover {
        /*background-color: #162986;*/
        color: #A7A7A7;
        /*border-bottom: 1px dashed #A7A7A7; */
        /*text-decoration: underline;*/
        }

a.readon:link, a.readon:visited { 
							 /*background: transparent url(http://www.themaniacs.org/forum/templates/themaniacs/images/folder_25.gif) no-repeat right;*/
							 font-size        : 9px;
							 color: #162986; 
							 /*border-bottom: 1px dashed #A7A7A7;
							 border-bottom: 1px dashed #162986;*/
							 text-align: right;
							 /*font-weight: bold;*/
							 list-style: inside url(http://www.themaniacs.org/templates/peeklime/images/read.gif); 
							 list-style-type: disc; 
							 display: list-item; 
							 white-space: normal; 
} 

a.readon:hover { 
 							 /*background-color: #162986;*/
 							 color: #A7A7A7; 
							 text-decoration: underline; 
} 


/* Content*/
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS such as News.
	   This is when you create a link to a Section and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. Yes! That entire thing is contained in a table with this style */
		
	background-color : #FFFFFF;
	}

.contentpaneopen {	
	background-color : #FFFFFF;
	}

.contentheading {
	/* This is used in several places; the Heading of contents on the frontpage,
	   it is also used for Section's heading (see above for explanation) "News" or
	   whatever heading you used */
		 
		 font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
		 /*font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;*/
		 font-size: 15px;
		 font-weight: bold;
 		 color: #162986;
		 background-repeat: no-repeat; 
	/*text-indent: 20px; 
	text-indent: 30px; */
		line-height: 15px; 
		height: 15px; 
	/*list-style: disc inside url(http://www.themaniacs.org/templates/peeklime/images/bullet2.gif); */
	 /*background: transparent url(http://www.themaniacs.org/templates/peeklime/images/bullet2.gif) no-repeat left;*/
	/*background: transparent url(http://www.themaniacs.org/forum/templates/themaniacs/images/folder_25.gif) no-repeat left;*/
	  border-bottom:1px dashed #A7A7A7;
		text-align:left;
		line-height: 16px;
}

/* This is for news items titles */
/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, a.contentpagetitle:visited 
{ 	
	/*background-image :url(../images/vote_lcap.gif); */
	font-family: Tahoma, Verdana, Arial,Helvetica,sans-serif;
	/*font-family:  "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; */
	font-size: 15px; 
	font-weight: bold; 
	color: #162986; 
	text-align: left
		
} 
a.contentpagetitle:hover 
{
 color: #A7A7A7; 
}
.contentdescription {
	/* When you create a link to a Section in the main menu and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. This style is used for formating the "DESCRIPTION" part of that page */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;

	}

/*table.contenttoc {
	 This is used to format the table of the Tables of Contents or "Jump to" 
	   box when it is enabled in a multiple paged content or article 
	color: #343A58;
	background-color: #e0e0e0;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
    }
*/
table.contenttoc td {
	/* the same as above, but this is used to format the td or
	   table cells */
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}

.content_rating {
	/* used for styling the texts used for displaying 
	   those "stars" for rating in an article */
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	/* used for those voting texts (the one with voting RADIO buttons) */
	font-weight: normal;
	font-size: 8pt;
}


.sectiontableheader {
	/* This is for styling the section table headers on a SECTION's page.
	   An example would be those articles lists when you click on "News" or something?
	   With a table header of "Date", "Item Title", "Author" and "Hits" ? That's the
	   header that you will be controlling through this style */
	background-color : #a7a7a7;
	background-repeat: repeat;
	padding: 3px;
	color : #ffffff;
	font-weight : bold;
	}


.sectiontableentry1, {
	/* this is used when there's a whole list of data to provide and
	   you need to create alternate colors for each row of data. This is
	   the first color */
	background-color : #ffffff;
/*	background-position: left;
  text-align: left;
 	width: 80%;*/
	}
	
.sectiontableentry2 {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */
		 /*polls*/
		 background-color : #f5f5f5;

	/*background-position: left;
  text-align: left;
 	width: 80%;*/
	}
	
.poll { 
			font-family: Verdana,Arial,Helvetica,sans-serif;     
			font-size: 12px; 
			font-weight: bold;   
			color: #162986;    
			line-height: 14px; 
			/*cursor: hand; 
			float:left; */
}


/*.moduleheading NOT used anymore
.moduleheading { 
 background: url(/images/folder.gif);  background-repeat: no-repeat; }
.moduleheading { 
							 font-size : 11px; 
							 font-weight : bold; 
							 color : #FFFFFF; 
							 text-align : center; 
							 background-color : #062B62; 
							 width : 100%
							 }							 
*/

/*Table Module - box around this table*/

table.moduletable { 
        margin: 0px 0px 0px 0px; 
        width: 95%; 
        border-left: solid 1px #d1d7dc; 
        border-right: solid 1px #d1d7dc; 
        border-top: solid 1px #d1d7dc; 
        border-bottom: solid 1px #d1d7dc; 
        /*background-color: #FFCC00; */
        } 
				
table.moduletable th { 
									font-family: Verdana,Arial,Helvetica,sans-serif; 
									font-size: 12px; 
									font-weight: bold; 
									background-color : #062B62; 
									color: #FFFFFF; 
									text-align: center; 
									width: 100%; 
/*background: transparent url(http://www.themaniacs.org/forum/templates/themaniacs/images/moduleheading.gif) no-repeat left; */
/* background: transparent url(http://www.themaniacs.org/forum/templates/themaniacs/images/folder_25.gif) no-repeat left; */
/*text-indent: 18px; */
							 		height: 20px; 
  						 		/*border-bottom: 1px solid #759328; 
							 		line-height: 20px; */
} 

table.moduletable td { 
        					font-family:  Verdana,Arial,Helvetica,sans-serif; 
        					font-size: 10px; 
        					font-weight: bold; 
        }
				
				
/*
.pollstableborder {
	/* set the border properties of the polls voting table */
	/*border: 1px solid #465675;
}
*/


/*.contentheading
{ 
background-image: url('../images/folder.gif'); 

    background-repeat: no-repeat; 

  background-position: top left; 

border-bottom: 1px dashed #A7A7A7

}
*/


/* ul
{    margin: 0px 0px 0px 0px; 
}*/

li { 
  /*ist-style: inside url(../images/arrow.gif) 3px; 
   list-style-image: url(../images/arrow.gif); 
   }
 {
	list-style-image: url('bullet.gif');*/
	list-style-type: disc;
	list-style-position: inside
	}

/*

OL OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */
