.textmiddle {vertical-align:middle;} 

/* The content of the posts (body of text) */
body{background:#1D1E20 url(images/orange/body-bg.jpg);color:#ffffff;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#efefef}
.style1{color:#000000}

.usercolor, a.usercolor, a.usercolor:link, a.usercolor:active, a.usercolor:visited {
	color : #Fa9800;
	font-weight: bold;
}
a.usercolor:hover {
	color: #fa9800;
	font-weight:bold;
	text-decoration: underline;
}

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

/* General text */
.gensmall{font-size:10px}
.gensmallest{font-size:5px}
.genbig{font-size:11px; margin-top:10px;}
.copyright{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#fa9800}
.genspell{font-size:11px; color:#000000}
.genspellmed{font-size:12px; color:#000000}

/* General page style */
a:link,a:active,a:visited,a.postlink{color:#fa9800;text-decoration:none}
a:hover{color:FFFFFF;text-decoration:none}

/* titles for the topics:could specify viewed link color too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#fa9800}
a.topictitle:hover{color:#FFFFFF}
.newstitle{font-size:12px;font-weight:bold;padding-top:6px;background: url(images/orange/nav2.gif); height:22px;color:#fa9800;text-align:center}
.announcetitle{font-size:12px;font-weight:bold;padding-top:6px;background: url(images/orange/nav2.gif); height:26px;color:#fa9800;text-align:center}

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

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

/* Category gradients*/
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom{font-weight:bold;color:#CCCCCC;background:#404040 url(images/orange/cellpic1.gif);
height:29px;text-indent:4px}

/* Main table cell colors and backgrounds */
.row1{background:#1D1E20 url(images/orange/gradient.gif)}
.row2,.helpline{background:#222325 url(images/orange/gradient2.gif)}
.row3{background:#222325 url(images/orange/gradient2.gif)}
.row4{background:#383838 url(images/orange/gradient2.gif)}
td.spacerow{background:#1A1A1A}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background:url(images/orange/gradient2.gif) #3A3A3A}

/* Table Header cells */
th{background:#3A3A3A url(images/orange/cellpic3.gif);color:#CCCCCC;font-size:12px;font-weight:bold;height:28px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

/* This is the border line & background color round the entire page */
.bodyline{background:#000000 url(images/orange/body-bg.jpg)}

/* This is the outline round the main forum tables */
.forumline{background:#414141}
.newsline{background:url(images/orange/gradient.gif); border:1px solid #393939;}

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

.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
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;}
.navnews{background:url(images/orange/newsbg.gif);height:19px; font-size:11px;font-weight:bold;padding-top:6px;color:#595959}
.adrnews{background:url(images/orange/newsbg.gif);height:25px; font-size:11px;font-weight:bold;color:#ffffff}
.postbody{font-size:12px;line-height:125%}

/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#ffffff}
.newsdetails{font-size:10px;color:#ffffff;text-align:center}

/* Quote blocks */
.quotetitle,.quote {color:#ececec;font-size:11px;border: 1px solid #a4bad2;padding:2px 2px 3px 3px}
.quotetitle {background:#3D3D3D;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}
.quote {background:#6C6D6D url(images/orange/ind.jpg);border-top-width:0;color:#dedede;font-size:11px;margin:0 20px 10px 20px}
.quote {overflow:auto;height:60px}

/* Code blocks */
.codetitle,.code {color:#ececec;font-size:11px;border: 1px solid #a4bad2;padding:2px 2px 3px 3px}
.codetitle {background:#3D3D3D;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}
.code {background:#6C6D6D url(images/orange/ind.jpg);border-top-width:0;color:#dedede;font:13px Courier,'Courier New',sans-serif;margin:0 20px 10px 20px}
.code {overflow:auto;height:40px}

/* PHP blocks */
.phptitle,.php {border:1px solid #a4bad2;padding:2px 2px 3px 3px}
.phptitle {font-size:11px;background: #d8dfe4;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}
.php {background:#3D3D3D;border-top-width:0;color:#555;
font:13px Courier,'Courier New',sans-serif;margin:0 20px 0 20px;line-height:110%}
.php {overflow:auto;height:40px}
.php {color:#060}

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

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif}

select{background:#6C6D6D;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{color:#ffffff;background:#6C6D6D url(images/orange/ind.jpg);border:1px solid #56575B;font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.file,textarea.file{color:#000000;background:#6C6D6D url(images/orange/ind.jpg);border:1px solid #56575B;font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.small,textarea.small{color:#ffffff;background:#6C6D6D url(images/orange/ind.jpg);border:1px solid #56575B;font:10px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption,.fakebut{color:#fa9800;border:1px solid #404040;background:#6C6D6D url(images/orange/ind.jpg);font-size:11px;font-weight:bold;}
input.catbutton{color:#fa9800;border:1px solid #404040;background:#6C6D6D url(images/orange/ind.jpg);font-size:11px;font-weight:bold;}
input.mainoption{color:#fa9800;border:1px solid #404040;background:#6C6D6D url(images/orange/ind.jpg);font-size:11px;font-weight:bold;}

a.but,a.but:hover,a.but:visited{color:#FFFFFF;text-decoration:none}

/* This is the line in the posting page which shows the rollover
help line. Color value in row2 */
.helpline{border:0 solid;font-size:10px}



/* This is the gradient background at the top of the page */
.header{margin-bottom: 0px;

	padding: 0px 0px 0px 0px;

        background:#000000 url(images/orange/banner.png);

	background-repeat: no-repeat;

        background-position: top center;

        height: 150px;}

.diabloheader{margin-bottom: 0px;

	padding: 0px 0px 0px 0px;

        background:#000000 url(images/orange/diablo3.png);

	background-repeat: no-repeat;

        background-position: top center;

        height: 200px;}
.topnav{font-size:12px;background: #82BBEB url(images/orange/cellpic_nav.gif) repeat-x;
height:40px;}




/* Specify the space around images */
.imgtopic,.imgicon{margin-left:3px}
.imgcat{margin-left:2px;margin-right:2px;margin-bottom:7px;}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}

abbr, acronym {
	font-weight: bold;
	text-decoration: overline;
	cursor: help;
}

.acronym{background:#FFFFCC}

.alert{color:#FF3300}

/* Mighty Gorgon - Full Album Pack - BEGIN */
.forumline_left {
	background-color: {T_TD_COLOR2};
	border-bottom: 2px {T_TH_COLOR2} solid;
	border-left: 2px {T_TH_COLOR2} solid;
}

.tab_links, a.tab_links:hover, a.tab_links:link, a.tab_links:active, a.tab_links:visited { 
	font-size: 11px;
	color: #FF8866; 
	text-decoration: none;
}

.tab_links_unsel, a.tab_links_unsel:hover, a.tab_links_unsel:link, a.tab_links_unsel:active, a.tab_links_unsel:visited { 
	font-size: 11px;
	color: #FFFFAA; 
	text-decoration: none;
}

a.tab_links:hover, a.tab_links_unsel:hover { 
	text-decoration: underline;
}

.tab_headers, th.tab_headers {
	color: #FF8866; 
	font-size: 11px; 
	font-weight : bold;
	padding-left: 4px;
	padding-right: 8px;
	border: #003366; 
	border-style: solid; 
	border-width: 1px 1px 0px 1px;
	background-color: #006699;
}

.tab_headers_unsel, th.tab_headers_unsel {
	color: #FFFFAA; 
	font-size: 11px; 
	font-weight : bold;
	padding-left: 4px;
	padding-right: 8px;
	border: #336699; 
	border-style: solid; 
	border-width: 1px 1px 0px 1px;
	background-color: #6699AA;
}

.tab_border {
	background-color: #888888;
	border: 1px;
}

.filler, th.filler {
	background-color:#6699AA; 
	background-image:none;
}

.picframe{
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #555555;
	padding: 2px 6px 2px 6px;
	position: relative;
	bottom: 2px;
	right: 2px;
}

.picshadow{
	background-color: #888888;
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}
/* Mighty Gorgon - Full Album Pack - END */

.date-today, .last-post b { color: #E61A1A; font-weight: bold; }
.date-yesterday, .last-post em { color: #18C935; font-weight: bold; font-style: italic; }

/* Background images for tables */
.tbl{border-collapse:collapse;height:4px;width:100%}
.tbll{background:transparent no-repeat;width:8px}
.tblbot{background:transparent repeat-x;width:100%}
.tblr{background:transparent no-repeat;width:8px}

/* Nav bar images */
.hdr_left{	background: url(images/orange/navtr.gif) top left no-repeat; height:40px;
}
.hdr_right{ background: url(images/orange/navtl.gif) top right no-repeat; height:40px;
}
.ftr_left{	background: url(images/orange/navbr.gif) top left no-repeat; height:40px;
}
.ftr_right{ background: url(images/orange/navbl.gif) top right no-repeat; height:40px;
}