/*

Based on the original Style Sheet for the PDT_MagiConception Theme for phpBB version 2+

  Created by subBlue design
  http://www.subBlue.com

*/

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



body{

	background: #E5E5E5 url('http://img8.xooimage.com/files/b/g/bg1-34e67.gif');

	color:#000000;

	font:11px Verdana,Arial,Helvetica,sans-serif;

	scrollbar-base-color: #D6D6D6;

}

/* General font families for common tags */

font,th,td,p{color:#000000; font:12px Verdana,Arial,Helvetica,sans-serif}

a:link,a:active,a:visited,a.postlink:link{

	color: #222222;

	text-decoration:none

}

a:hover{color:#990000;text-decoration:none}

.postbody{font-size:11px}



hr{

	border-top-width:1px;

	height:0px;

}



/* This is the border line & background colour round the entire page */

.bodyline{

	background:#e5e5e5;

	

}



/* This is the outline round the main forum tables */

.forumline{

	background:#F9F9F9;

	border: 0.1pt solid #666666;

	background-image : url('http://img8.xooimage.com/files/b/g/bg_fd-33ff9.gif');

}



/* This is for the error messages that pop up */

.errorline	{

	background-color: #E3E3E3;

	background-image : url('http://img4.xooimage.com/files/r/o/row1-34e24.gif');

}



/* Main table cell colours and backgrounds */

td.row1{

	background:url('http://img4.xooimage.com/files/r/o/row1-34e24.gif');

}

td.row2{

	background:#d9e2ec;

	background-color : transparent;

	background-image : url('http://img4.xooimage.com/files/r/o/row2-34e68.gif');

}

td.row3{

	background: #cad9ea;

	background-color : transparent;

	background-image : url('http://img4.xooimage.com/files/r/o/row2-34e68.gif');

}



/*

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 : transparent;

	background-image : url('http://img9.xooimage.com/files/c/e/cellpic1-33ffd.gif');

	background-repeat : repeat-x;

}



/* Header cells - the blue and silver gradient backgrounds */

th{

	background: #005db0 url('http://img6.xooimage.com/files/c/e/cellpic3-34e69.gif');

	color: #ffffff;

	font-size:11px;

	font-weight:bold;

	height:25px;

	border : none;

}



td.cat,td.cathead,td.catsides,td.catleft,td.catright,td.catbottom{

	background:#d1d7dc url('http://img9.xooimage.com/files/c/e/cellpic1-33ffd.gif');

	border: none #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{border-width:0px 0px 0px 0px;height:28px}

th.thhead,th.thsides,th.thtop,th.thleft,th.thright,th.thbottom,th.thcornerl,th.thcornerr{

	border-style: none;

	font-weight:bold;

	height:28px;

	background-image : url('http://img6.xooimage.com/files/c/e/cellpic3-34e69.gif');

	background-color : #CCCCCC;

	border-bottom-width : 0px;

}



td.row3right,td.spacerow{

	background:#990000 url('http://img.xooimage.com/files/');

	border: #fdfdfd;

	border-style: none;

}

th.thhead,td.cathead{

	border-width:0px 0px 0px 0px;

	border : 0px none;

	border-style : none;

}

th.thsides,td.catsides,td.spacerow{

	border-width: 0px 0px 0px 0px;

	border : 0px none;

}

th.thright,td.catright,td.row3right{

	border-width:0px 0px 0px 0px;

	border : none;

}

th.thleft,td.catleft{

	border-width:0px 0px 0px 0px;

	border : none;

}

th.thbottom,td.catbottom{

	border-width:0px 0px 0px 0px;

	border : none;

}

th.thtop{

	border-width:0px 0px 0px 0px;

	border : none;

}

th.thcornerl{

	border-width:0px 0px 0px 0px;

	border : none;

}

th.thcornerr{

	border-width:0px 0px 0px 0px;

	border : none;

}



/* 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}



/* Forum category titles and forum links*/

.cattitle,.forumlink{font-weight:bold; letter-spacing:1px}



/* 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:visited{

	color: #222222;

}

a.topictitle:hover{color:#990000}



/* 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:#990000;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{

	color: #7F7F7F;

	font:normal 11px Verdana,Arial,Helvetica,sans-serif;

	border : 1px solid #7F7F7F;

	background-image : url('http://img3.xooimage.com/files/i/n/input-33fff.gif');

	background-color : transparent;

}



/* The text input fields background colour */

input.post,textarea.post,select{

	background-color : transparent;

	background-image : url('http://img3.xooimage.com/files/i/n/input-33fff.gif');

}

input{

	text-indent:2px;

	background-image : url('http://img3.xooimage.com/files/i/n/input-33fff.gif');

}



/* The buttons used for bbCode styling in message post */

input.button{

	color: White;

	font: 9px Verdana,Arial,Helvetica,sans-serif;

	background-color : transparent;

	background-image : url('http://img2.xooimage.com/files/o/p/option2-34e6a.gif');

	border : 1px solid #CCCCCC;

	margin-bottom : 0%;

	font-style : normal;

	CURSOR: hand;-

}



/* The main submit button option */

input.mainoption{

	font-weight:bold;

	background-image : url('http://img10.xooimage.com/files/o/p/option-34e6b.gif');

	border : 1pt solid #cccccc;

	CURSOR: hand;

}



/* None-bold submit button */

input.liteoption{

	font-weight:normal;

	border-style : solid;

	background-color : transparent;

	background-image : url('http://img10.xooimage.com/files/o/p/option-34e6b.gif');

	border : 1pt solid #AAAAAA;

	CURSOR: hand;

}



/* 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:#990000;

	border-style:none;

	layer-background-color : #F3F3F3;

}



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

@import url('http://img10.xooimage.com/files/f/o/formie-32b80.css');