/* The general styles that apply to all elements */
*
{
        margin: 0;
        padding: 0;
}

/* The main body element */
body
{
        width: 100%;background: #000000;
        font-family: tahoma, sans-serif;
        font-size: 70%;
	color: #333;
	
}

/* Things that will not be visible to the regular eye :) */
#access, #footer li.html a span, #footer li.css a span, #footer li.php a span, #footer li.mysql a span, h2
{
	position: absolute;
	left: -9999px;
}

/* The main body */
#bodyarea
{
	background: #000000 url(images/bodybg.gif) repeat-y right;
	padding: 0 1px 0 0;
}
#bodyareabg
{
	background: #FFF url(images/bodybgl.gif) repeat-y left;
	padding: 15px 15px 10px 13px;

}

#bodyarea h3
{
	font-size: 110%;
	color: #000000;font-weight:bold;
	border-bottom: 1px #CCC dashed;
	clear: both;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	background: url(images/catbg.jpg) #670400 repeat-x;
}
#bodyarea h3 a
{
	color: #ffffff;
}
#bodyarea h3 a:hover
{
	color: #0383aa;
}
.collapse img
{
        position: relative;
        float: right;
        bottom: 0px;
	right:10px;
}
#bodyarea h4 a
{
        border-bottom: 1px #5A7A44 dotted;
        padding-bottom: 3px;
}
#bodyarea h4 a:hover
{
        border-bottom: 1px #000 dotted;
}

/* BoardIndex spesific */
#newsfader
{
        border-bottom: 1px #678751 solid;
        margin-bottom: 15px;
        padding: 2px 10px 10px 10px;
        text-align: center;
}
#newsh1
{
  
        text-align: center;
}

.boards
{
        
        list-style-type: none;
        line-height: 16px;background: #f8f8f8 url(images/windowbg.gif) repeat-x;
}
.boards dt, h4
{
        width:100%;
        padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
	font-size: 110%;font-weight:bold;
	color: #000000;background: #f8f8f8 url(images/windowbg.gif) repeat-x:

}
.boards dt
{
        float: left;padding-top:-10px;
	background: url(images/titlebg.jpg) #121212 repeat-x;
	color: #ffffff;
}
.boards dt.new
{
	background: #FFF url(images/newposts.gif) top right no-repeat;
}
.boards dd
{
        float: left;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

}
.boards dd.msgicon
{
        width: 7%;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

}
.boards dd.msgbody
{
        width: 60%;

}
.boards dd.bstats
{
        width: 10%;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

        text-align: center;
}
.boards dd.lpost
{
        float: right;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

        width: 23%;
        text-align: left;
}

.boards dd.lpost a:link
{
	color : #540405;
	text-decoration: none;
}
.boards dd.lpost a:visited
{
	color : #540405;
	text-decoration: none;
}
.boards dd.lpost a:hover
{
	text-decoration: underline;color: #ff0000;
}

.mods a:link
{
	color : lime;
	text-decoration: none;
}
.mods a:visited
{
	color : lime;
	text-decoration: none;
}
.mods a:hover
{
	text-decoration: underline;color: #ff0000;
}
.boards .mods
{
        font-size: 90%;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

        margin-bottom: 10px;
}
.boards .chboards
{
        position: relative;
        top: 4px;
        padding-bottom: 5px;
        width: 100%;
        font-size: 85%;
        color: #000000;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

}
.boards .chboards a
{
        border: 0;
        padding: 0;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

        color: #000000;
}
.boards .chboards a:hover
{
        color: #ff0000;background: #f8f8f8 url(images/windowbg.gif) repeat-x;

}


#lstlist
{
        margin: 0px 13px 11px 13px;
        list-style-type: circle;
}

#indexavatar {float:left;width:140px;height:138px;background:transparent;overflow:auto;background: url(../images/ceiling/blue/avabg.gif) 0 0 no-repeat;}

.catbgplus {width:auto;margin:0 auto 0 auto;padding:1px 0 1px 42px;background:transparent;background-image: url(../images/ceiling/blue/catbg.gif);background-repeat:repeat-x;font-weight:bold;text-align:left;}
.catbgplus a:link, .catbgplus a:visited{color:#fff;}

.sp1head{width:auto;margin:0px;padding:0 0 0 43px;font-size:12px;text-align:left;font-weight:bold;background: url(images/titlebg.jpg) #121212 repeat-x;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eef;color:#ffffff;}

.multihead {background: url(images/catbg.jpg) #670400 repeat-x;color:#ffffff;}
.multihead2 {font-size: 110%;font-weight:bold;background-image: url(../images/ceiling/blue/msgbg.gif);background-repeat:repeat-x;}
.messhead2 {font-size:large;background:#0d70d8;background:url(../images/ceiling/blue/catbg.gif) repeat-x 50% 50%;}
.messhead {width:auto;margin:0px;background: url(images/catbg.jpg) #670400 repeat-x;color:#ffffff;padding-top:8px;padding-bottom:8px;font-size: 110%;font-weight:bold;}

.displayhead, .displayhead2{padding:5px 0 5px 20px;font-size:13px;text-align:left;background:#0d70d8 url(../images/ceiling/blue/msgbg.gif) 100% 50% repeat-x;color:#fff;}

.postsubj{width:auto;margin:0px;padding:0 0 0 150px;font-size:12px;font-weight:normal;background-image: url(../images/ceiling/blue/msgbg.gif);background-repeat:repeat-x;color:#fff;}
.postsubj a:link {color:#fff;}

.disu, .dis, .ondiv, .offdiv {width:auto;margin:1px 1px 0 1px;padding:1px 1px 0 1px;color:#000;font-family:Georgia, tahoma, verdana, arial, sans-serif;text-align:center;border-right:1px solid #0d70d8;}

.disu, .disum  {background-image: url(../images/ceiling/linkname.gif);background-repeat:repeat-x;font-family:tahoma, verdana, arial, sans-serif;}
.disu {font-size:18px;font-weight:bold;padding-bottom:2px;}
.disu a:link, .disu a:visited {color:#0099FF;}
.disu a:hover {color:#bbb;}
.dis {font-size:11px;font-weight:normal;text-align:center;background:#f6f6f6;}
.dis div {padding-bottom:5px;}
.disum div img {padding-top:3px;padding-bottom:4px;vertical-align:middle;}

.ondiv  {font-size:9px;background:#66CC33;color:#fff;}
.offdiv  {font-size:9px;background:#f6f6f6;background-image: url(../images/ceiling/linkname.gif);background-repeat:repeat-x;color:#000;}
.nobold{font-size:x-small;font-weight:normal;}
 
.labs, .cont, .cont2, .newsome, .msgpost, .attach , .topiclstimg, .topiclstother, .postcell{width:auto;color:#ff0000;} 
.labs, .cont, .attach, .postcell {margin:0px;padding:3px;}
.cont2{margin:0px 0 0 0;padding:0 5px 0 5px;}
.cont3 {margin:5px 0 0 0;font-weight:bold;}
.cont a:link , .cont a:visited, .cont a:hover, .cont3 a:link , .cont3 a:visited, .cont3 a:hover{text-decoration:none;}
.cont3 a:link , .cont3 a:visited, .cont3 a:hover {color:#fff;}

.headtop {height:18px;text-align:right;margin:5px 0 0 0;padding:0 5px 0 0;font-weight:bold;color:#6699cc;font-size:14px;background:transparent url(../images/ceiling/head.gif) 0 0 repeat-x;}
.brdindx {float:left;position:relative;height:90px;margin:2px 0 0 2px;background:#ffffff; }

.hdsearch {float:right;margin:2px 0 0 0;}
.indinfo {float:left;width:100%;height:100%;margin:0px;padding:0px;font-family:Georgia,tahoma,Arial;font-size:12px;color:#000;background:transparent url(../images/ceiling/avabgbar.gif) 0 0 repeat-x;}
.indnews{width:auto;height:100%;margin:45px 2px 0 0;color:#000;overflow:auto;}

.topiclstimg, .topiclstother {margin:0 0 0 0;font-size:10px;clear:both;}
.topiclstimg{padding:3px 0 0 3px;text-align:left;}
.topiclstother{padding:3px;text-align:right;}

.rmsg {width:auto;margin:0 0 0 150px;padding:5px 2px 5px 5px;}

.jojo {margin:0 3px 0 3px;}
.celllast1, .celllast2{float:left;width:auto;margin:0 0 0 4px;padding:0 0 0 5px;color:#ff0000;font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif;text-align:left;background:#ffffff;}
.calendar_more{float:left;width:auto;margin:0 0 0 4px;padding:3px 0 3px 5px;font-size:14px;text-align:left;font-weight:bold;font-size:x-small;background:#ffffff;}
.linktree, .nobold, .parent, .moderators, .calendar_more, .calendar_today, .sp1head, .pageindex, .topiclstimg, .topiclstother, .multihead, .multihead2, .messhead, .messhead2, .displayhead, .displayhead2, .whoview, .messposts, .editpoll, .postcell, .pagenav, .pagenavbar, .maintab_back, .maintab_active_back, .smalltext, .celltable4, .windowbg, .windowbg2, .windowbg3, .catbg, .catbg2, .catbg3, .cont, .cont2, .cont3, .labs {font-family:Constantia, verdana, arial, sans-serif;}

.r {text-align:right;}
.l {text-align:left;}
.c {text-align:center;}
.fb {font-weight:bold;Font-family: "Trebuchet MS",Georgia,tahoma,Arial,sans-serif}
.fl {float:left;}
.fr {float:right;}
.fx0{font-size:10px;}
.fx1{font-size:11px;}
.fx2{font-size:12px;}

.wsp, .wsp a:link {color:#3399cc;}
.sp1, #spx, #perix, .boardindex, #headerimg  {margin:0px;padding:0px;clear:both;color:#3399cc;background:transparent;}
.sp1, #headerimg, .messcont {width:auto;}
#spx, .boardindex {width:100%;height:100%;color:#ffffff;background:transparent;}

#egg {width:auto;margin:0px;padding:1px;}

.messcont{margin:0px;padding:0px;border-bottom:1px dashed #eee;}
#headerimg img{margin:0px;}

#infocenter{width:auto;margin:0px;padding:0px;background:#ffffff;}

#proavind {margin:0px;padding:20px 0 0 20px;}
.cont2{margin:0px 0 0 0;padding:0 5px 0 5px;}
.cont3 {margin:5px 0 0 0;font-weight:bold;}
.cont a:link , .cont a:visited, .cont a:hover, .cont3 a:link , .cont3 a:visited, .cont3 a:hover{text-decoration:none;}
.cont3 a:link , .cont3 a:visited, .cont3 a:hover {color:#fff;}
.celltab, .celltab4 {color:#3399cc;}
.celltab{position:relative;float:left;width:60px;height:46px;margin:0px;padding:0px;}
.celltab4, .messlast {width:auto;margin:1px 0px 0px 0;padding:0 5px 0 0;text-align:right;text-align:right;color:#3399cc;}
.celltab4 {font-size:x-small;}
.messlast{font-size:12px;}

.labs {font-size:12px;color:#000;font-weight:normal;}
.lbq {border-width:1px;border-style:solid;background:#f6f6f6;border-color:#ffe #fff #ccc #f6f6f6;font-weight:bold;}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
    background-color:#f6f6f6;
    border-top:none;
	border-left:none;
	border-bottom:1px inset #999;
	border-right:1px inset #999;
}
.multihead, .multihead2, .messhead, .messhead2{width:auto;margin:0px;background: url(images/catbg.jpg) #670400 repeat-x;color:#ffffff;padding-top:8px;padding-bottom:8px;font-size: 110%;font-weight:bold;}
.multihead, .multihead2, .messhead2 {text-align:left;}
.messhead , .messhead2{padding:1px 0 1px 0px;text-align:left;}

.messhead a:link {color:#fff;}

.displayhead, .displayhead2, .whoview, .messposts, .winbg, .winbg3{width:auto;margin:0px;color:#3399cc;}

.displayhead2 {background:#0d70d8;color:#fff;}

/* ************************************* */
/* Common styles for the theme			  */
/* ************************************* */

/* Normal, standard links. */
a:link
{
	color: #ffffff;
	text-decoration: none;
}
a:visited
{
	color: #ffffff;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;color: #ff0000;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;

}
#wrapper {
	 margin: 0 auto;
}

#header {
	 position: relative;
	 height: 155px;
	 overflow: hidden;
	 background: url(./images/img/tutkunustorta.gif) 0 0 repeat-x;
}
#head-r {
	 height: 155px;
	 background: url(./images/img/tutkunustsag.gif) 100% 0 no-repeat;
}
#head-l {
	 background: url(./images/img/tutkunustsol.gif) 0 0 no-repeat;
}
#logo {
	 position: absolute;top: 0px;
left:1px;	 
padding-top:0px;
	width:100%;
	 height: 0px;
	text-align: center;
}

#mainarea {
	 margin-left: 95px;
	 margin-right: 73px;margin-top:0px;padding-top:17px;
	 position: relative;
	 overflow: hidden;
	 background: #000000;
}
#mainsag {

	 background: url(./images/img/sagsinir.gif) 100% 0 repeat-y;
}
#mainsol {
	 background: url(./images/img/solsinir.gif) 0 0 repeat-y;
}
#footer {
	 background: url(./images/img/tutkunfoot.gif) 0 100% repeat-x;
}
#foot-r {
	 height: 101px;
	 background: url(./images/img/tutkunfootsag.gif) 100% 100% no-repeat;
}
#foot-l {
	 background: url(./images/img/tutkunfootsol.gif) 0 100% no-repeat;
}
#footerarea {
	 text-align: center;
	 
}
#footerarea {
	font-family: Tahoma;
	font-size: 10px;
	color: red;
	text-decoration: none;
}
#footerarea a:link {
	font-family: Tahoma;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
#footerarea a:visited { 
	font-family: Tahoma;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
#footerarea a:hover {
	font-family: Tahoma;
	font-size: 10px;
	color: red;
	text-decoration: underline;
}
#footerarea a:active {
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
/* The AJAX notifier */
#ajax_in_progress {
	 background: #002962;
	 color: white;
	 text-align: center;
	 font-weight: bold;
	 font-size: 18pt;
	 padding: 3px;
	 width: 100%;
	 position: fixed;
	 top: 0;
	 left: 0;
}

.toolbar {
	 background: url(./images/img/tutkunbot.gif) 0 100% repeat-x;
}
.tool-l {
	 height: 16px;
	 background: url(./images/img/tutkunbotr.gif) 100% 100% no-repeat;
}
.tool-r {
	 background: url(./images/img/tutkunbotl.gif) 0 100% no-repeat;
}
#toolbar {
	 background: url(./images/img/tutkunbot.gif) 0 100% repeat-x;
}
#tool-l {
	 height: 16px;
	 background: url(./images/img/tutkunbotr.gif) 100% 100% no-repeat;
}
#tool-r {
	 background: url(./images/img/tutkunbotl.gif) 0 100% no-repeat;
} 
.catwrapleft { 
padding-left : 6px;
background : url(images/predator/gradients/gradient_left.gif) repeat-y top left;
color : #540405;
} 
.catwrapright { 
padding-right : 6px;
background : url(images/predator/gradients/gradient_right.gif) repeat-y top right;
color : #540405;}
.r {text-align:right;}
.l {text-align:left;}
.c {text-align:center;}
.fb {font-weight:bold;Font-family: "Trebuchet MS",Georgia,tahoma,Arial,sans-serif}
.fl {float:left;}
.fr {float:right;}
.fx0{font-size:10px;}
.fx1{font-size:11px;}
.fx2{font-size:12px;}
#proavind {float:left;margin:0px;padding:4px 0px 0px 3px;overflow:auto;}
#perix {float:left;border-bottom:1px solid #eee;}
.prosopsis, .hellomem  {width:auto;margin:1px 0 1px 0;padding:0 5px 1px 5px;font-size:12px;}
.prosopsis {overflow:auto;font-family:Constantia, verdana, arial, sans-serif;}
.spx, .boardindex, #perix {background:#ffffff;color:#476C8E;}
#kategori { 
padding-top:10px;text-align:center; font-weight: bold; font-size: 11px;color:#ffffff;}
#ategore { 
padding-top:10px;text-align:center; font-weight: bold; font-size: 11px;color:#ffffff;}
.mesaj

{
font-size:14px;
color:#000000;
background-color:#eaeaea;
border-top:3px solid #C9C9C9;
	border-bottom:3px solid #C9C9C9;

}

.mesaj1

{
font-size:14px;
color:#000000;
background-color:#eaeaea;
border-top:3px solid gray;
	border-bottom:3px solid gray;
text-align:center;

}

#vtoolbar2 {
	 background: url(./images/img/serv_rmdan_18.gif) 0 100% repeat-x;
}
#vtool2-l {
	 height: 16px;
	 background: url(./images/img/serv_rmdan_tr.gif) 100% 100% no-repeat;
}
#vtool2-r {
	 background: url(./images/img/serv_rmdan_tl.gif) 0 100% no-repeat;
}
.alt {
	 background: #000000 url(./images/img/tutkunboard.gif) 0 100% repeat-x;
}
.alt-l {
	 height: 30px;
	 background: url(./images/img/tutkunboardr.gif) 100% 100% no-repeat;
}
.alt-r {
	 background: url(./images/img/tutkunboardl.gif) 0 100% no-repeat;
}

#alt {
	 background: url(./images/img/tutkunboard.gif) 0 100% repeat-x;
}
#alt-l {
	 height: 30px;
	 background: url(./images/img/tutkunboardr.gif) 100% 100% no-repeat;
}
#alt-r {
	 background: url(./images/img/tutkunboardl.gif) 0 100% no-repeat;
}
.valt {
	 background: url(./images/img/tutkunboard.gif) 0 100% repeat-x;
}
.valt-l {
	 height: 30px;
	 background: url(./images/img/tutkunboardr.gif) 100% 100% no-repeat;
}
.valt-r {
	 background: url(./images/img/tutkunboardl.gif) 0 100% no-repeat;
}

#valt {
	 background: url(./images/img/tutkunboard.gif) 0 100% repeat-x;
}
#valt-l {
	 height: 30px;
	 background: url(./images/img/tutkunboardr.gif) 100% 100% no-repeat;
}
#valt-r {
	 background: url(./images/img/tutkunboardl.gif) 0 100% no-repeat;
}
.vtoolbar {
	 background: url(./images/img/tutkunbot.gif) 0 100% repeat-x;
}
.vtool-l {
	 height: 16px;
	 background: url(./images/img/tutkunbotr.gif) 100% 100% no-repeat;
}
.vtool-r {
	 background: url(./images/img/tutkunbotl.gif) 0 100% no-repeat;
}
.vsol {
	 background: url(./images/img/tutkunsol.gif) 0 100% repeat-y;
	float:left;
}
.vsag {
	 background: url(./images/img/tutkunsag.gif) 0 100% repeat-y;
	float:right;
}
#vtoolbar {
	 background: url(./images/img/tutkunbot.gif) 0 100% repeat-x;
}
#vtool-l {
	 height: 16px;
	 background: url(./images/img/tutkunbotr.gif) 100% 100% no-repeat;

}
#vtool-r {
	 background: url(./images/img/tutkunbotl.gif) 0 100% no-repeat;
}

#stoolbar2 {
	 background: url(./images/img/serv_rmdan_18.gif) 0 100% repeat-x;
}
#stool2-l {
	 height: 16px;
	 background: url(./images/img/serv_rmdan_tr.gif) 100% 100% no-repeat;
}
#stool2-r {
	 background: url(./images/img/serv_rmdan_tl.gif) 0 100% no-repeat;
}

.salt {
	 background: url(./images/img/tutkunboard.gif) 0 100% repeat-x;
}
.salt-l {
	 height: 30px;
	 background: url(./images/img/tutkunboardr.gif) 100% 100% no-repeat;
}
.salt-r {
	 background: url(./images/img/tutkunboardl.gif) 0 100% no-repeat;
}

#salt {
	 background: url(./images/img/tutkunboard.gif) 0 100% repeat-x;
}
#salt-l {
	 height: 30px;
	 background: url(./images/img/tutkunboardr.gif) 100% 100% no-repeat;
}
#salt-r {
	 background: url(./images/img/tutkunboardl.gif) 0 100% no-repeat;
}
.stoolbar {
	 background: url(./images/img/tutkunbot.gif) 0 100% repeat-x;
}
.stool-l {
	 height: 16px;
	 background: url(./images/img/tutkunbotr.gif) 100% 100% no-repeat;
}
.stool-r {
	 background: url(./images/img/tutkunbotl.gif) 0 100% no-repeat;
}
.ssol {
	 background: url(./images/img/tutkunsol.gif) 0 100% repeat-y;
	float:left;
}
.ssag {
	 background: url(./images/img/tutkunsag.gif) 0 100% repeat-y;
	float:right;
}
#stoolbar {
	 background: url(./images/img/tutkunbot.gif) 0 100% repeat-x;
}
#stool-l {
	 height: 16px;
	 background: url(./images/img/tutkunbotr.gif) 100% 100% no-repeat;
}
#stool-r {
	 background: url(./images/img/tutkunbotl.gif) 0 100% no-repeat;
}
/* use dark grey for the text, leaving black for headers etc */
body, td, th , tr
{
	color: #ffffff;
}

/* lets give all forms zero padding/margins */
form
{
	padding: 0px;
	margin: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	color: #000000;
	font-family: verdana, sans-serif;
}
input, button
{
	font-size: 90%;
}

textarea
{
	font-size: 100%;
	color: #000000;
	font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* By default set the color on these tags as black. */
h1, h2, h3, h4, h5, h6, h7
{
	color: black;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* No image should have a border when linked. */
a img
{
	border: 0;
}

/* No lines around buttons in Firefox! */
a
{
	outline: none;
}
/* Reset all lists. */
ul, ul li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

/* We can define lists to be lists tho! */
ul.normallist
{
	padding-left:	2em;
}

ul.normallist li
{
	list-style: disc;
}

/* NOTE: REMOVE THIS??!?!?!! */
/* But do use them in the posts area! */
.post ul
{
	padding-left:	2em;
}
.post ul li
{
	list-style: disc;
}
.post ul li li
{
	list-style: circle;
}

/* ************************************* */
/* Some handy custom classes				 */
/* ************************************* */

.floatright
{
	float: right;
}
.floatleft
{
	float: left;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: 0.8em;
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 0.85em;
}
.normaltext
{
	font-size: 1em;
}
.largetext
{
	font-size: 1.4em;color: #476C8E;
}

/* This style will make sure all headers use the same padding throughout. */
.headerpadding
{
	padding: 0.5em;
}
/* smaller padding used in paragraphs, sections etc */
.smallpadding
{
	padding: 0.2em;
}
/* larger padding used in paragraphs, sections etc */
.largepadding
{
	padding: 0.7em;
}

/* A small space to the next section. */
.marginbottom
{
	margin-bottom: 1em;
}
/* On the top too. */
.margintop
{
	margin-top: 1em;
}
/* remove bold/italic styles */
span.plainstyle
{
	font-weight: normal;
	font-style: normal;
}
/* float a list horisontally */
ul.horizlist
{
	width: 100%;
}
ul.horizlist li
{
	float: left;
	padding: 0.2em 0.4em 0.2em 0.4em;
	vertical-align: top;
}
/* make a inline-list */
ul.nolist li
{
	display: inline;
}
/* Helping style to clear floated items. */
.clearfix:after 
{
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
}

.clearfix 
{
	display: inline-block;
}

/* Hides from IE-mac. \*/
* html .clearfix 
{
	height: 1%;
}
.clearfix 
{
	display: block;
}
/* End hide from IE-mac. */

/* ************************************* */
/* Some specific SMF elements				*/
/* ************************************* */

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #D7DAEC;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #dddddd;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* For links to change the code stuff... */
.codeoperation
{
	font-weight: normal;
}

/* Styling for BBC tags */
.bbc_color a
{
	color: inherit;
}

.bbc_img
{
	border: 0;
}

.bbc_list
{
	margin-top: 0;
	margin-bottom: 0;
}

.bbc_size
{
	line-height: 1.3em;
}

.bbc_table
{
	font: inherit;
	color: inherit;
}

.bbc_table td
{
	font: inherit;
	color: inherit;
	vertical-align: top;
}

.bbc_u
{
	text-decoration: underline;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2
{
	background-color: #B3F4B0;
	color: black;
}

/* ************************************* */
/* Real common classes						 */
/* ************************************* */
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	color: #ffffff;
	background-color: #272727;
}
.windowbg2
{
	color: #ffffff;
	background-color: #272727;
}
.windowbg22
{
	color: #ffffff;
	background-color: transparent;
}
.windowbg3
{
	color: #476C8E;
	background-color: #DADFE5;
}

/* Color for background of posts requiring approval */
.approvebg
{
	color: #000000;
	background-color: #F6E0D4;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
	color: #000000;
	background-color: #E4A17C;
}

/* the today container in calendar */
.calendar_today
{
	background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3
{
	color: #ffffff;
	font-style: normal;
	background: url(images/titlebg.jpg) #121212 repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: #ffffff;
	font-style: normal;
}

.titlebg a:hover
{
	color: #ff0000;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	color: #ffffff;
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover
{
	text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	background: url(images/catbg.jpg) #670400 repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
	background: url(images/catbg2.jpg) #A1BFD9 repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
	border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: white;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: white;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}



/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#ajax_in_progress a
{
	color: white;
	text-decoration: underline;
	font-size: smaller;
	float: right;
}

/* ************************************* */
/* Buttons and menus							*/
/* ************************************* */

.buttonlist ul, .buttonlist_bottom ul
{
	background: url(images/maintab_first.gif) no-repeat bottom left;
	padding-left: 10px;
}
.buttonlist ul li, .buttonlist_bottom ul li
{
	margin: 0;
	padding: 0;
	display: inline;
}
.buttonlist ul li a, .buttonlist_bottom ul li a
{
	float: left;
	display: block;
	color: #ffffff;
	font-size: 0.8em;
	font-family: tahoma, sans-serif;
	text-transform: uppercase;
}
.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover
{
	color: #000000;
	text-decoration: none;
}
.buttonlist ul li a span, .buttonlist_bottom ul li a span
{
	background: url(images/maintab_back.gif) repeat-x bottom left;
	display: block;
	padding: 0.1em 0.5em 0.5em 0.5em;
}
.buttonlist ul li a.active, .buttonlist_bottom ul li a.active
{
	background: url(images/maintab_active_last.gif) no-repeat bottom right;
	padding-right: 8px;
}
.buttonlist ul li a.active span em, .buttonlist_bottom ul li a.active span em
{
	padding: 0.1em 0.5em 0.5em 0.5em;
	display: block;
	font-style: normal;
	background: url(images/maintab_active_back.gif) repeat-x bottom right;
}
.buttonlist ul li a.active span, .buttonlist_bottom ul li a.active span
{
	background: url(images/maintab_active_first.gif) no-repeat bottom left;
	padding: 0 0 0 8px;
}
.buttonlist ul li a span.last, .buttonlist_bottom ul li a span.last
{
	background: url(images/maintab_last.gif) no-repeat bottom right;
	padding: 0.1em 1em 0.5em 0.5em;
}

/* For links that are basically submit buttons. */
.buttonlist_submit
{
	background: transparent;
	color: navy;
	text-transform: uppercase;
	vertical-align: top;
	text-decoration: none;
	font-size: 9px;
	font-family: tahoma, sans-serif;
	border: 0;
}

.buttonlist_submit:hover
{
	color: #e0e0ff;
}

/* ..for the "bottom" menu */
.buttonlist_bottom ul
{
	background: url(images/mirrortab_first.gif) no-repeat top left;
}
.buttonlist_bottom ul li a span
{
	padding: 0.5em 0.5em 0.1em 0.5em;
	background: url(images/mirrortab_back.gif) repeat-x top left;
}
.buttonlist_bottom ul li a.active
{
	background: url(images/mirrotab_active_last.gif) no-repeat top right;
}
.buttonlist_bottom ul li a.active span em
{
	background: url(images/mirrortab_active_back.gif) repeat-x top right;
}
.buttonlist_bottom ul li a.active span
{
	background: url(images/mirrortab_active_first.gif) no-repeat top left;
}
.buttonlist_bottom ul li a span.last
{
	padding: 0.5em 1.5em 0.1em 0.5em;
	background: url(images/mirrortab_last.gif) no-repeat top right;
}
/* the old type of menu, with images */
.oldbuttonlist
{
	text-align: right;
	padding: 0.5em;
}

/* ************************************* */
/* The below is deprecated.				  */
/* ************************************* */

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last

{
	color: #ffffff;
	text-transform: uppercase;
	vertical-align: top;

}
.maintab_back, .maintab_active_back
{
	color: #ffffff;
	text-decoration: none;
	font-size:  9px;
	vertical-align: top;
	padding: 2px 6px 6px 6px;
	font-family: tahoma, sans-serif;
}

.maintab_first
{
	background: url(images/maintab_first_prev.gif) left bottom no-repeat;
	width: 10px;
}
.maintab_back
{
	background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
	background: url(images/maintab_last_prev.gif) left bottom no-repeat;
	width: 8px;
}
.maintab_active_first
{
	background: url(images/maintab_active_first.gif) left bottom no-repeat;
	width: 6px;
}
.maintab_active_back
{
	background: url(images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
	background: url(images/maintab_active_last.gif) left bottom no-repeat;
	width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
	color: #000000;
	text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
	color: #ffffff;
	text-transform: uppercase;
	vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
	color: #ffffff;
	text-decoration: none;
	font-size: 9px;
	vertical-align: bottom;
	padding: 6px 6px 2px 6px;
	font-family: tahoma, sans-serif;
}

.mirrortab_first
{
	background: url(images/mirrortab_first_prev.gif) no-repeat;
	width: 10px;
}
.mirrortab_back
{
	background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
	background: url(images/mirrortab_last_prev.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_first
{
	background: url(images/mirrortab_active_first.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_back
{
	background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
	background: url(images/mirrortab_active_last.gif) no-repeat;
	width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
	color: #000000;
	text-decoration: none;
}
/* styling the admin section */
ol.search_results
{
	margin-top: 0;
	padding-top: 0;
}
ol.search_results li
{
	padding-top: 5px;
}

/* new features settings screen */
.features
{
	clear: both;
	border-bottom: solid 1px #e0e0e0;
}
.features_image
{
	float: left;
	margin: 0.5em 2em 0.5em 1em;
}
.features_switch
{
	margin: 0.2em 1em 1em 1em;
	float: right;
}
.features h4
{
	padding: 2em 0 0.5em 0.5em;
	margin: 0;
	font-size: 1.1em;
}
.features p
{
	padding: 0 1em 1em 1em;
	margin: 0;
}

/* admin home */
.home_image
{
	float: left;
	margin: 0 1em 1em 1em;
}
/* the new admin menu */
#adm_container
{
	display: table;
	margin-left: 10px;
	padding: 0 5px 0 5px;
	background: url(../images/admintab_left.gif) no-repeat;
}

ul.admin_menu, ul.admin_menu li ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.admin_menu
{
	display: table-cell;
	background: url(../images/admintab_right.gif) top right no-repeat;
	width: 34em;
}

/* ie6 special styles :P */
* html #adm_container, * html ul.admin_menu
{
	height: 1%;
	width: 33em;
}
/* end */

ul.admin_menu li
{
	position: relative;
	float: left;
	padding-right: 4px;
	text-transform: uppercase;
}
#adm_container ul.admin_menu li h4
{
	margin: 0;
	padding: 7px 5px 3px 5px;
	cursor: default;
	font-weight: normal;
	font-size: x-small;
	color: white;
}
#adm_container ul.admin_menu li.chosen
{
	background: url(../images/admintab_active_left.gif) no-repeat;
	padding-left: 6px;
}

#adm_container ul.admin_menu li.chosen h4
{
	background: url(../images/admintab_active_right.gif) top right no-repeat;
	padding-right: 10px;
}
ul.admin_menu li ul li
{
	background: none;
	width: 19em;
	float: none;
	margin: 0;
	padding: 0;
}
ul.admin_menu li ul
{
	margin: 0 0 0 3px;
	z-index: 90;
	display: none;
	position: absolute;
	top: 100%;
	border: solid 1px #808080;
	border-left: solid 2px #6888A7;
	background: #F8F8FB;
}
ul.admin_menu li ul ul
{
	margin: 0 0 0 8px;
}
ul.admin_menu li ul li ul, ul.admin_menu li ul li.over ul
{
	display: none;
	position: absolute;
	left: -999em;
	top: 0;
	border: solid 1px #A0A0A0;
	border-left: solid 2px #6888A7;
	background: #FFF;
}
ul.admin_menu li ul li a
{
	display: block;
	padding: 0.5em;
	font-size: 90%;
	text-decoration: none;
	background: none;
	text-transform: none;
	color: black;
}
ul.admin_menu li ul li a.subsection
{
	background: url(../images/admin/subsection.gif) no-repeat 98% 50%;
}
ul.admin_menu li ul li a.chosen
{
	font-weight: bold;
}
ul.admin_menu li ul li a:hover, #admin_menu ul li ul li:hover
{
	background: #C8E2FB;
}
ul.admin_menu li ul li a.subsection:hover
{
	background: url(../images/admin/subsection.gif) no-repeat 98% 50% #C8E2FB;
}
ul.admin_menu li > ul
{
	top: auto;
	left: auto;
}
ul.admin_menu li:hover ul, ul.admin_menu li.over ul
{
	display: block;
}
ul.admin_menu li ul li:hover ul, ul.admin_menu li ul li.over ul
{
	display: block;
	left: 18em;
}

ul.admin_menu a:hover
{
	text-decoration: none;
}

/* the menu dropdown toggle image */
#menu_toggle
{
	float: right;
	margin-right: 10px;
}
#menu_toggle span
{
	position: relative;
	right: 5000px;
}
/* the new admin menu */
#adm_container
{
	display: table;
	margin-left: 15px;
	padding: 0 5px 0 5px;
}

ul.admin_menu, ul.admin_menu li ul
{
	padding: 0;
	list-style: none;
}
ul.admin_menu
{	
	display: table-cell;
}
* html #adm_container, * html ul.admin_menu
{
	height: 1%;
	width: auto;
}
ul.admin_menu li
{
	position: relative;
	float: left;
	padding-right: 4px; 
	text-transform: uppercase;
}
ul.admin_menu li h4
{
	margin: 0;
	padding: 7px 5px 3px 5px;
	cursor: default;
	font-size: x-small;
	color: #ffffff;
	background: #000000;
	border: solid 1px #C0C0C0;
}
ul.admin_menu li.chosen
{
	padding-left: 6px;
}
ul.admin_menu li.chosen h4
{
	background: #E0E3EF;
	padding-right: 10px;
	border: solid 1px #C0C0C0;
}
ul.admin_menu li ul li
{
	background: none;
	width: 14em;
	float: none;
	margin: 0;
	padding: 0;
}
ul.admin_menu li ul 
{
	margin: 0 0 0 8px;
	z-index: 90;
	display: none;
	position: absolute; 
	top: 100%;
	border: solid 1px #808080;
	background: #F8F8FB;
}
ul.admin_menu li ul li ul, ul.admin_menu li ul li.over ul
{
	display: none;
	position: absolute; 
	left: -999em;
	top: 0;
	border: solid 1px #A0A0A0;
	background: #FFF;
}
ul.admin_menu li ul li a
{
	display: block;
	padding: 3px 6px 3px 6px;
	font-size: x-small;
	text-decoration: none;
	background: none;
	text-transform: none;
	color: black;
}
ul.admin_menu li ul li a.chosen
{
	font-weight: bold;
}
ul.admin_menu li ul li a:hover, #admin_menu ul li ul li:hover 
{
	background: #C8E2FB; 
}
ul.admin_menu li > ul
{
	top: auto;
	left: auto;
}
ul.admin_menu li:hover ul, ul.admin_menu li.over ul
{
	display: block; 
}
ul.admin_menu li ul li:hover ul, ul.admin_menu li ul li.over ul
{
	display: block;
	left: 13em;
}

/* This is the IFRAME that holds the editor. */
.rich_editor_frame
{
	border: 1px solid #808080;
}

/* This is the WYSIWYG editor */
.rich_editor
{
	background-color: white;
	color: black;
	font-family: verdana;
	font-size: small;
	border: none;
}

.rich_editor p
{
	margin: 0px;
}

.richedit_resize
{
	height: 5px;
	font-size: 0px;
	background: #eeeeee url(../images/bbc/resize-handle.gif) no-repeat 50% 1px;
	border: 1px solid #dddddd;
	border-top-width: 0px;
	cursor: s-resize;
}
/* This is the IFRAME that holds the editor. */
.rich_editor_frame
{
	border: 1px solid #808080;
}

/* This is the WYSIWYG editor */
.rich_editor
{
	background-color: white;
	color: black;
	font-family: verdana;
	font-size: x-small;
	border: none;
}

.rich_editor p
{
	margin: 0px;
}

.richedit_resize
{
	height: 5px;
	font-size: 0px;
	background: #eeeeee url(../images/bbc/resize-handle.gif) no-repeat 50% 1px;
	border: 1px solid #dddddd;
	border-top-width: 0px;
	cursor: s-resize;
}
/* ************************************* */
/* styles from BoardIndex.template		 */
/* ************************************* */

p#stats
{
	text-align: right;
}
h3#newsfader
{
	font-size: 1em;
}
#smfNewsFader span
{
	font-weight: bold;
}
#smfFadeScroller
{
	padding: 2em;
	font-size: 1em;
	text-align: center;
}
.categoryframe
{
background: #f8f8f8 url(images/windowbg.gif) repeat-x;
margin-top:30px;	
}
.categoryframe h3
{
	padding-left:55px;padding-top:5px;font-size:135%;font-weight:bold;padding-right:50px;
}
table.boardsframe
{
	width: 100%;
}
table.boardsframe td.icon
{
	text-align: center;
	padding: 0.5em;
	width: 6%;
}
table.boardsframe td.info
{
	width: 60%;
	padding: 0;
}
table.boardsframe td.info h4
{
	padding: 0.4em 0.4em 0 0.4em;
	margin: 0;
}
table.boardsframe td.info p
{
	padding: 0 0.4em 0.5em 0.4em;
	margin: 0;
}
table.boardsframe td.info p.moderators
{
}
table.boardsframe td.stats
{
	width: 8%;
	vertical-align: middle;
	text-align: center;
}
table.boardsframe td.lastpost
{
	width: 20%;
	vertical-align: top;
	padding: 0.5em;
}
table.boardsframe p.children
{
	border-top: solid 1px #ADADAD;
	margin: 0;
	padding: 0.5em;
}
#posticons
{
	clear: both;
	width: 100%;
}
#posticons .buttonlist
{
	margin-right: 1em;
	float: right;
}
#infocenterframe
{
	margin-top: 2em;
	clear: both;
}
/* each section in infocenter has this class */
.infocenter_section
{
	clear: both;
}
.infocenter_section p.section
{
	display: block;
	margin: 0;
	width: 7%;
	text-align: center;
	float: left;	
	padding: 0.5em 0 0 0;
}
.infocenter_section div.sectionbody
{
	margin-left: 7%;
	padding: 0.3em;
	border-left: solid #a0a0a0 1px;
}
/* recent posts - or just one recent post */
dl#infocenter_recentposts
{
	padding: 0;
	margin: 0;
}
dl#infocenter_recentposts dt
{
	float: left;
	padding: 0.1em;
}
dl#infocenter_recentposts dd
{
	padding: 0.1em;
}
/* login form */
form#infocenter_login ul.horizlist label
{
	white-space: nowrap;
	font-size: 90%;
	font-weight: bold;
}

/* ************************************* */
/* styles from MessageIndex.template	  */
/* ************************************* */
#childboards table
{
	width: 100%;
}
.modbuttons
{
	clear: both;
	width: 100%;
}
.modbuttons .buttonlist, .modbuttons .buttonlist_bottom
{
	margin-right: 1em;
	float: right;
}
#messageindex td.icon1, #messageindex td.icon2
{
	text-align: center;
	padding: 0.5em;
	width: 5%;
}
#messageindex td.subject
{
	padding: 0.5em;
}
#messageindex td.starter
{
	text-align: center;
	padding: 0.5em;
	width: 14%;
}
#messageindex td.replies
{
	text-align: center;
	padding: 0.5em;
	width: 4%;
}
#messageindex td.views
{
	text-align: center;
	padding: 0.5em;
	width: 4%;
}
#messageindex td.lastpost
{
	padding: 0.5em;
	width: 22%;
}
#messageindex td.moderation
{
	text-align: center;
	padding: 0.5em;
	width: 4%;
}
#topic_icons p
{
	display: block;
	padding: 0.5em 0.5em 0.1em 0.5em;
	margin: 0;
	border-bottom: none;
}
#message_index_jump_to
{
	margin: 2em 4em 0 2em;
}

/* ************************************* */
/* styles from Display.template			 */
/* ************************************* */
#events .post
{
	padding: 1em;
}
#moderationbuttons
{
	margin-left: 0.5em;
}
#postbuttons .nav, #postbuttons_lower .nav
{
	margin: 0.5em 0.5em 0 0;
	text-align: right;
}
#postbuttons_lower .nav
{
	margin: 0em 0.5em 0.5em 0;
}
#postbuttons, #postbuttons_lower
{
	text-align: right;
}
#poll_options ul.options
{
	margin: 0;
	padding: 0 0 0.5em 5em;
}
#poll_options ul.options li
{
	float: none;
	padding: 0;
}
#poll_options p.submitbutton
{
	clear: both;
	padding: 0 0 0.5em 5em;
	margin: 0;
}
#poll_options p.pollmoderation
{
	margin: 0;
	padding: 0 0 0 3em;
}
#poll_options ul.horizlist dl.options
{
	padding: 0 0 0.5em 5em;
	margin: 0;
	clear: both;
}
#poll_options ul.horizlist dl.options dt
{
	float: left;
}
#poll_options ul.horizlist ul.horizlist li
{
}
#poll_options p
{
	margin: 0 0 0.2em 0;
	padding: 0.2em 0 0.5em 5em;

}
#forumposts h3.catbg3
{
	font-weight: normal;
	padding: 0.4em;
}
#forumposts h3.catbg3 img
{
	vertical-align: middle;
}
#forumposts h3.catbg3 span
{
	padding-left: 2%;
}
#forumposts h3.catbg3 span#top_subject
{
	padding-left: 9%;
}
.poster
{
	width: 15%;
}
.postarea
{
	margin-left: 16%;
}
.messageicon
{
	width: 40px;
	margin-right: 10px;
}

ul.postingbuttons
{
	float: right;
	position: relative;
	margin-top: -2.5em;
	padding-right: 1em;
}
ul.postingbuttons li
{
	display: inline;
}
.modifybutton
{
	float: right;
}
.attachments
{
	clear: right;
	padding-top: 1em;
}
.postfooter
{
	margin-left: 16%;
}
.topborder
{
	border-top: solid 1px #bbb;
}
.moderatorbar
{
	clear: both;
	margin-left: 16%;
}
#quickReplyOptions div
{
	text-align: center;
	margin-left: 26%;
	border-left: solid 1px #aaa;
}
#quickReplyOptions #warning
{
	border: none;
	text-align: left;
	margin: 0;
	width: 25%;
}

/* ************************************* */
/* Styles from index.template				*/
/* ************************************* */

/* this is the main container surrounding everything, use this to set forum width, font-size  etc. */
#mainframe
{
	font-size: 85%;
	width: 95%;
	margin: auto;
}
/* the forum name or logo */
h1
{
	padding: 0.6em 0 0.6em 0;
	margin: 0;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 135%;
	color: #fff;
}
/* the greeting section. Note that h1 and h2 are reseved for logo/greeting!  */
#greeting_section
{
	padding: 10px 0.4em 0.7em 0.4em;
	clear: both;
}
h2
{
	margin: 0;
	padding: 0 0.3em 0 0.3em;
	font-size: 130%;
	font-weight: normal;
}
/* the user name is slightly highlighted */
h2 em
{
	font-weight: bold;
	font-style: normal;
}
/* user section with all relevant links */
#user_section
{
	padding: 1px;
	margin: 1px 0 0 0;
	
}
#user_section ul, #user_section form
{
	padding: 0.5em 0.7em 0.5em 0.7em;
}
/* the greeting */
#greeting_section em
{
	font-style: normal;
	font-weight: bold;
	color:#ffffff;
}
#greeting_section li#name
{
	padding-left: 0.5em;
}
/* the avatar, located to the left */
#user_section #myavatar
{
	padding: 0.7em;padding-right:50px;
	margin: 0 0.5em 0 0;
	float: left;height:60px;width:60px;
}
/* the news and search areas */
#news_section
{
	clear: both;
	font-size: 0.8em;
	padding: 0.5em 1em 0.5em 1em;
}
#random_news h3
{
	font-size: 0.85em;
	display: inline;margin-right: 100px;float:right:height:90px;
}
#random_news p
{
	margin: 0;
	padding: 0;
	display: inline;height:90px;
}

/* The main menu. */
#main_menu
{
	padding-left: 1em;
}
#main_menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	background: url(../images/maintab_first.gif) no-repeat bottom left;
	padding-left: 10px;
}
#main_menu li
{
	margin: 0;
	padding: 0;
	display: inline;
}
#main_menu li a
{
	float: left;
	display: block;
	color: white;
	font-size: 0.8em;
	font-family: tahoma, sans-serif;
	text-transform: uppercase;
}
#main_menu li a:hover
{
	color: #e0e0ff;
	text-decoration: none;
}
#main_menu li a span
{
	background: url(../images/maintab_back.gif) repeat-x bottom left;
	display: block;
	padding: 0.1em 0.5em 0.5em 0.5em;
}
#main_menu li a span.last
{
	background: url(../images/maintab_last.gif) no-repeat bottom right;
	padding: 0.1em 1em 0.5em 0.5em;
}
#main_menu li a.active span em
{
	padding: 0.1em 0.5em 0.5em 0.5em;
	display: block;
	font-style: normal;
	background: url(../images/maintab_active_back.gif) repeat-x bottom right;
}
#main_menu li a.active span
{
	background: url(../images/maintab_active_first.gif) no-repeat bottom left;
	padding: 0 0 0 8px;
}
#main_menu li a.active
{
	background: url(../images/maintab_active_last.gif) no-repeat bottom right;
	padding-right: 8px;
}

/* the linktree */
ul.linktree
{
	clear: both;
	list-style: none;
	margin: 1.5em 0.5em 0.5em 0.5em;
	padding: 0;
}
ul.linktree li
{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 0.8em;
}
ul.linktree li a
{
	color: #ffffff;
}
ul.linktree li a:hover
{
	color: red;
}
ul.linktree li span
{
	font-weight: bold;
}

/* the footer area */
#footerarea
{
	padding: 1em 0 2em 0;
	text-align: center;
}
#footerarea ul
{
	margin: 0 auto 0 auto;
}
#footerarea ul li
{
	text-align: center;
	display: inline;
	border-right: solid 1px #888;
	margin: 0;
	padding: 0 4px 0 2px;
}
#footerarea ul li.copywrite
{
	display: block;
	line-height: 0;
	padding: 1em;
}
#footerarea ul li.copywrite, #footerarea ul li.last
{
	border-right: none;
}
/* page created in.. */
#footerarea p
{
	clear: both;	
	text-align: left;
	padding-left: 0.5em;
}
p#show_loadtime
{
	display: block;	
	text-align: center;
}
/* the upshrink buttons */
#upshrink, #advsearch
{
	margin: 0 1ex;
}
#headerarea
{
	display: none;
}

.tborder
{
	border: #000000;
}
/* Package browsing styles */
#package_list .tborder
{
	margin: .25em 0 .25em 26px;
}

#package_list ol, #package_list ol li
{
	list-style: decimal;
	margin-left: 50px;
}

#package_list ol ul, #package_list ol ul li
{
	margin-left: 0;
	list-style: none;
}

.description
{
	max-height: 15em; 
	overflow: auto; 
	padding-bottom: .5em;
}
/* Credits page */
#credits p, #credits h4
{
	padding: 0 10px;
}

#credits h3
{
	margin: 0;
}

#credits ul
{
	list-style-type: none;
}

#credits ul li
{
	margin-bottom: 0.5em;
}
/* board tables  start */
.boardindex {
 position:relative;border-bottom:3px gray;
}

.boardindex .boardtable {
 position:relative;
 float:left;
 width:100%;
 margin:0px;
 padding:0px;
}  
 
.boardindex .boardtable .indicator{
 position:relative;
 float:left;
 width:45px;
 height:45px;
 margin:0 0 0 3px;
 padding:0px;
} 

.boardindex .boardtable .indicator img{
 margin:0px;
 padding:5px 0 0 0;
 vertical-align:middle;
} 

.boardindex .boardtable .indicator2{
 float:left;
 width:150px;
 height:100%;
 margin:0px;
 padding:0px;
} 

.boardindex .boardtable .indicator2 img{
 margin:0px;
 padding:5px 0 0 5px;
 vertical-align:middle;
} 

.boardindex  .boardlast{
 position:relative;
 text-align:right;
 margin:0px;
 padding:0 3px 0 0;
 border-bottom:1px dashed #eee;
}
/* board tables end */

.replayepi {width:auto;margin:0px;padding:0 0 0 5px;background:#f6f6f6;font-size:12px;}
.replayque{background: url(../images/ceiling/down.gif) 20px 0 no-repeat; 
margin:0px;
padding:0px 0 0 56px;
font-size:12px;
color:#000;
border-top:1px solid #f6f6f6;
}

.postque{background: url(../images/ceiling/down.gif) 20px 0 no-repeat; 
margin:0px;
height:20px;
padding:0px 0 0 6px;
font-size:12px;
color:#000;
text-align:center;
}

.postque2{
margin:0px;
height:17px;
padding:0px;
font-size:10px;
color:#000;
text-align:left;
}

.parent {width:auto;margin:0 0 0 42px;padding:0px;background-color:#fff;color:#000;font-size:10px;font-weight:normal;}

.category a:link, .category a:visited, .categoryb a:link, .categoryb a:visited {font-size:14px;border-bottom:1px solid #000;}
.category a:link, .category a:visited {color:#999;}
.category a:hover{color:#000;text-decoration: none;}
.categoryb a:link, .categoryb a:visited{color:#000;}
.categoryb a:hover {color:#999;text-decoration: none;}

.catbgplus a:hover{text-decoration:none;}
.catbgplus img, .multihead img{vertical-align:middle;}

.calendar_more{float:left;width:auto;margin:0 0 0 4px;padding:3px 0 3px 5px;font-size:14px;text-align:left;font-weight:bold;font-size:x-small;background:#ffffff;}
.celllast1, .celllast2{float:left;width:auto;margin:0 0 0 4px;padding:0 0 0 5px;color:#000;font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif;text-align:left;background:#ffffff;}

.pageindex{width:auto;height:13px;margin:5px 0 0 0;padding:0px 5px 2px 3px;background:transparent;color:#000;font-size:10px;text-align:right;}
.pageindex a:link, .pageindex a:visited {color:#000;text-decoration:none;} 
.pageindex a:hover {color:#ff0000;}

.editpoll{width:auto;padding:2px 5px 2px 5px;background:#E9F0F6;font-size:12px;font-weight:bold;text-align:right;border-width: 1px;border-color: #ffe #fff #ccc #fff;
border-style: solid;clear:both;}

.imgdate {float:right;margin:0px;padding:0px;width:57px;background:transparent;}
.imgd1 {height:19px;}
.imgd2 {height:27px;}
.imgd3 {height:35px;}
.imgd1,.imgd2,.imgd3 img {}
.imgdate img {margin:0px;padding:0px;}
.imgyear{margin:-22px 0px 0px 14px;padding:0px;color:#000;font-size:14px;font-weight:bold;}

.signat{width:auto;margin:0 0 1px 150px;padding:0px;overflow:auto;line-height: 1.1em;color:#000;background:transparent;border-top:1px dashed #ccc;}
.modrep{width:auto;padding:0 3px 0 0;font-size:12px;font-weight:bold;text-align:right;color:#000;}
.modrep img {vertical-align:middle;}

.profbar{float:left;margin:0px 3px 0px 0px;padding:0px;width:14px;background:#99CCFF;}
.profbarsp{color:#fff;border-bottom:1px solid #fff;height:15px;}
.profbar2{text-align:right;height:16px;color:#fff;background:#99CCFF;}
.profst{float:left;width:auto;height:100%;margin:0 3px 0 0;padding:0px;}

.profavatar {float:left;width:100px;height:100px;margin:2px 3px 0 2px;padding:6px;background:#fff;border:1px solid;border-color:#DDD #B4B4B4 #B4B4B4 #DDD;overflow:auto;}

.profavatar img {border:0px solid #ddd;}
.proinfosp img {margin:3px 3px 3px 3px;padding:0px;}

.profmenu{float:right;padding:0px;width:21%;margin:1px 0 0 0;padding:0px;}
#profile{width:78%;margin:0px;padding:0px;background:#fff;border:1px solid #f6f6f6;}
#profile2{width:60%;margin:4px 0px 0px -2px;padding:0px;border:1px solid #999;}
.profbig{margin:0px;padding:0px;height:100%;}

.epikefalis, .epi {margin:0px;background:#000;color:#fff;font-size:14px;font-weight:bold;} 

.epikefalis {padding:1px 3px 1px 3px;border-width:1px;border-color:#ffe #ccc #ccc #fff;border-style:solid;border-top:none;font-family:cursive,verdana,arial;}
.epi {width:50%;padding:4px 5px 4px 5px;text-align:left;border:1px solid #F7F3D4;}

.proinfosp, .proinfospm, .proinfospstl, .proinfospstr {width:auto;padding:3px 5px 3px 5px;border:1px solid;border-color:#DDD #B4B4B4 #B4B4B4 #DDD;font-size:14px;color:#000;}
.proinfospc {width:auto;padding:3px 5px 3px 5px;font-size:14px;color:#ff0000;background:#f8f8f8 url(images/windowbg.gif) repeat-x;}
.proinfosp {margin:3px;text-align:left;background:#272727;}
.proinfosp img, .proinfospc img, .proinfospm img {vertical-align:middle;}
.proinfospc, .proinfospm {margin:0px;background:#f8f8f8 url(images/windowbg.gif) repeat-x;}
.proinfospc {text-align:center;}
.proinfospm {text-align:left;}
.proinfospstl, .proinfospstr {border-bottom:1px solid #999;font-size:12px;position:relative;float:left;width:47%;background:#fff;}
.proinfospstl{margin:9px 2px 0 9px;}
.proinfospstr{margin:9px 2px 0 3px;}
.proinfo, .proinfo2, .proinfo3, .proinfo4, .proinfomore, .proinfosign {float:left;background:#fff;text-align:left;font-size:14px;border:1px solid;border-color:#DDD #fff #fff #DDD;padding:3px 5px 3px 5px;color:#000;}
.proinfo3 img {vertical-align:middle;}
.proinfo{width:auto;margin:2px 3px 0 0;}
.proinfo2{width:auto;margin:2px 3px 0 0;}
.proinfo3{width:48%;margin:5px 3px 0 0;}
.proinfo4{width:45%;margin:5px 3px 0 2px;}
.proinfosign{width:52%;margin:5px 3px 7px 2px;overflow:auto;}
.proinfomore{width:41%;margin:5px 5px 7px 0;}
.problurb {width:auto;margin:5px 3px 0 0;padding:0 5px 0 5px;background:#f6f6f6;font-size:13px;overflow:auto;color:#000;}

	.pagenav {background:transparent;margin:0px;padding:0px 5px 0px 5px;text-align:right;font-size:12px;}
	.pagenav a:link, a.pagenav:visited {text-decoration:none;color:#476C8E;background:#c00;padding:0px 5px 0px 5px;border-bottom: 1px solid Black;border-right: 1px solid Black;font-size:12px;}
	.pagenav a:hover {background:#0099CC;color:#476C8E;text-decoration:underline;}
	.pagenav * {margin:0px;}

	.pagenavbar {background:transparent;color:#000;margin:0px;padding:0px 4px 0px 4px;text-align:right;font-size:11px;}
	.pagenavbar a:link, .pagenavbar a:visited {text-decoration:none;background:transparent;color:#000;padding:0px 4px 0px 4px;border-bottom: 1px solid Black;border-right: 1px solid Black;font-size:11px;}
	.pagenavbar a:hover {background:#c00;color:#fff;text-decoration:none;}
	.pagenavbar * {margin:0px 0px -2px 0px}

	/*calendar*/
table.calrem
{
	empty-cells: show;
	border:none;
	
}

td.calrem
{
height:100px;
margin:0px;
padding:2px;
background:#f6f6f6;font-size:10px;font-weight:bold;font-family:verdana, arial, sans-serif;text-align:left;border-width:1px;border-color: #ffe #ccc #ccc #fff;
border-style: solid;
}
.clear {
clear:both;
}
#ceilbutt{
width:100%;
height:25px;
margin:1px 0 0 0;
padding:0px;
background:#F3F3F3;
font-size:12px;
}

#ceilbutt ul{
float:left;
width:100%;
margin:1px 0 0 0;
padding:0px;
font-weight:bold;
border-width: 1px;
background:#F3F3F3;
background:url(../images/line.gif) repeat-x;
}

.ceilbutt ul li{
display:inline;
}

.ceilbutt ul li a{
float: left;
color: #777;
font-weight: bold;
padding: 0px 6px 2px 6px;
text-decoration: none;
background: #F3F3F3 url(../images/div.gif) 100% 0% repeat-y;
border-top:4px solid #f3f3f3;
background:url(../images/line.gif) repeat-x;
}


.ceilbutt ul li a:hover{
color:#ff0000;
background-color: #3399cc;
border-bottom:none;
border-top:4px solid #000;
background:url(../images/div.gif) repeat-x;
}

.ceilbutt  li#selected a {
padding-top:0px;
border-bottom:none;
color:#ff0000;
background-color:#3399cc;
border-top:4px solid #000;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #A1BFD9; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background: url(images/titlebg.jpg) #121212 repeat-x; /*Default menu color*/
}

.invertedshiftdown2 a:hover{
background: url(images/catbg2.jpg) #A1BFD9 repeat-x; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background: url(images/catbg2.jpg) #A1BFD9 repeat-x; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
color: white;


}
.msgone {background:#fff;margin:0 0 0 0;}





#usttusalani{
position:relative; 
height:33px; 
background: url(./images/usttus.png) repeat-x;
}
#usttussag{height:33px; background:url(./images/ustsoltus.png) 0 0 no-repeat; position:relative}
#usttussol{height:33px; background:url(./images/ustsagtus.png) 100% 0 no-repeat; position:relative}

#nav li.active_menu a {
	height: 30px;

}
#nav li {

}
#nav li a { 
	color: #ffffff;background: url(./images/tus.png) 0 0 no-repeat;
	font-family: Thoma, verdana, sans-serif;
	font-size: 10px; width: 85px;
	font-weight: bold;
	text-align: center;

}
#nav a:hover {
	color: #ffffff;
	text-align: center;
}
#nav {
	margin: 0 0 0 15px;
	padding-top: 0px;
	padding-left: 110px;	

}
#nav ul {
	padding: 0;
	margin: 0;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left; 
	display: block;
	height: 30px;
	text-align: center;
}
#nav a {
	text-decoration: none;
	cursor: pointer;
	font-weight: bold; 
	text-align: center;
	height: 30px;
	border-right: groove 0px transparent;
}
#nav ul li a:hover, #nav #active a {
	background: url(./images/tus1.png) 0 0 no-repeat;
	color: #ffffff;width: 85px;
	height: 30px;
	text-align: center;
}
#nav li a {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 1px;
}
#orta{
position:relative; 
height:112px; 
background: url(./images/ustortaalt.png) repeat-x;
}
#ortasag{height:112px; background:url(./images/ustsolalt.png) 0 0 no-repeat; position:relative}
#ortasol{height:112px; background:url(./images/ustsagalt.png) 100% 0 no-repeat; position:relative}
.mesaj77{
padding-left:10px;
color:#3399cc;
font-weight: normal;
font-size:12px;
background:transparent;
}
.mesaj77 a:link
{
color:#ff0000;
}
.mesaj77 a:hover
{
color:yellow;
}
.mesaj77 a:visited
{
color:lime;
}
.profilust {
	 background: #000000 url(./images/img/profilust.gif) 0 100% repeat-x;
}
.profilsol {
	 height: 27px;
	 background: url(./images/img/profilsag.gif) 100% 100% no-repeat;
}
.profilsag1 {
	 background: url(./images/img/profilsol.gif) 0 100% no-repeat;height: 27px;

}
.profilalt {
	 background: url(./images/img/profilalt.gif) 0 100% repeat-x;
}
.profilsolalt {
	 height: 10px;
	 background: url(./images/img/profilsagalt.gif) 100% 100% no-repeat;
}
.profilsagalt {
	 background: url(./images/img/profilsolalt.gif) 0 100% no-repeat;
height: 10px;
}
.profilsolkenar { 
padding-left : 10px;
background : url(images/predator/gradients/profilsolkenar.gif) repeat-y top left;
color : #540405;
} 
.profilsagkenar { 
padding-right : 9px;
background : url(images/predator/gradients/profilsagkenar.gif) repeat-y top right;
color : #540405;}
.largepadding1
{
	padding: 2em;
}
.profilrenk
{
padding-left:32px;
}
.profilrenk a
{
color: #3399cc;
}
.profilrenk a:link
{
color: #3399cc;
}
.profilrenk a:hover
{
color: #ff0000;
}