/* The general styles that apply to all elements */

*

{

        margin: 0;

        padding: 0;

}



/* The main body element */

body

{

        width: 100%;

        font-family: tahoma, sans-serif;

        font-size: 70%;

	color: #333;

	background: #eee;

}



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

a

{

	color: #cd0000;

	text-decoration: none;

}

a:hover

{

	color: #000;

	text-decoration: none;

}



/* The images */

img

{



}

a img

{

	border: 0;

}



/* The paragraphs */

p

{

	margin-bottom: 11px;

	line-height: 16px;

}





/* The headings */

h1, h2, h3, h4, h5

{

	font-weight: 100;

}



/* The tables */

table

{

	margin: 0 auto;

}

table td

{

	padding: 5px 0;

}



/* The header part of the forum */

#header

{

	height: 156px;

	background: #be0000 url(images/topbg.gif) repeat-x top;

	padding: 0 28px;

}

#header h1

{

	width: 60%;

	font-size: 24px;

	color: #FFF;

	float: left;

	font-family: verdana, sans-serif;

	height: 83px;

	line-height: 83px;

	overflow: hidden;

}

#header h1, #header h1 a

{

	color: #FFF;

}

#news

{

	background: transparent url(images/h1bg.gif) no-repeat top left;

	color: #FFF;

	width: 423px;

	height: 26px;

	overflow: hidden;

	margin-left: 35px;

}

#news h2

{

	position: static;

	font-size: 100%;

	font-weight: bold;

	float: left;

	margin: 5px 0 0 5px;

}

#news p

{

	color: #EEE;

	height: 14px;

	overflow: hidden;

	padding: 4px 0 0 4px;

}



#loggedin

{

	width: 40%;

	float: right;

	text-align: right;

	list-style-type: none;

	font-size: 110%;

	color: #EEE;

	height: 69px;

	margin-top: 14px;

	overflow: auto;

}

#loggedin a

{

	color: #CCC;

}

#loggedin a:hover

{

	color: #000;

}





/* Login box */

#header form

{

	width: 40%;

	float: right;

	text-align: left;

	color: #FFF;

	margin-top: 22px;

}

#header form fieldset

{

        border: 0px;

}

#header form legend

{

        display: none;

}

#header form p

{

	color: #FFF;

        clear: both;

        float: right;

        padding-right: 7px;

}

#header form input

{

        background-color: #F0F0F0;

        border: 1px #999 solid;

        padding: 1px;

        width: 90px;

        font-size: 90%;

}

#header form .submit

{

        margin-top: 13px;

        padding: 0;

        width: 50px;

        height: 17px;

}

#header form ul

{

        list-style-type: none;

        float: right;

}

#header form ul li

{

        float: left;

        margin-right: 7px;

}



/* The navigation menu */

#topnav

{

        clear: both;

        list-style-type: none;

        width: 100%;

        text-align: center;

        font-size: 120%;

}

#topnav li

{

        display: inline;

}

#topnav li a

{

        color: #FFF;

        border-bottom: 4px solid #333;

        padding-bottom: 6px;

        margin-right: 10px;

}

#topnav li a:hover, #topnav li a.active

{

        border-bottom: 4px solid #FFF;

}



/* The searchbox */

#searchbox

{

	background: #FFF url(images/search.gif) no-repeat;

        width: 200px;

        height: 19px;

        padding: 15px 0 0 32px;

        position: relative;

        top: 7px;

        margin: 0 auto;

}

#searchbox input

{

        font-size: 100%;

        margin: 0;

        border: 1px solid #CCC;

}

#searchbox input.box

{

        padding: 1px;

        width: 115px;

}

#searchbox input.submit

{

        background-color: #FFF;

        color: #666;

        width: 45px;

}

#searchbox input.box:hover, #searchbox input.submit:hover, #searchbox input.box:focus

{

        border: 1px solid #000;

        color: #000;

}



/* These are for the box around bodyarea */

#bodyarea_top

{

	background: #FFF url(images/bodyareatop.gif) no-repeat left;

	height: 8px;



}

#bodyarea_bottom

{

	background: #FFF url(images/bodyareabot.gif) no-repeat left;

	height: 8px;



}

#bodyarea_top div, #bodyarea_bottom div

{

	background: #FFF url(images/bodyareatop.gif) no-repeat right;

	width: 50px;

	height: 8px;

	float: right;

}

#bodyarea_bottom div

{

	background: #FFF url(images/bodyareabot.gif) no-repeat right;

}





/* The linktree */

.nav

{

        color: #333;

        margin-bottom: 8px;

        position: relative;

}

.nav a

{

        font-weight: bold;

        color: #333;

}

.nav a:hover

{

        color: #cd0000;

}



/* The main body */

#bodyarea

{

	background: #FFF url(images/bodybg.gif) repeat-y right;

	padding: 0 28px 0 0;

}

#bodyareabg

{

	background: #FFF url(images/bodybgl.gif) repeat-y left;

	padding: 15px 15px 10px 43px;



}



#bodyarea h3

{

	font-size: 180%;

	color: #666;

	border-bottom: 1px #CCC dashed;

	padding-bottom: 8px;

	clear: both;

	padding-top: 5px;

	margin-bottom: 12px;

}

#bodyarea h3 a

{

	color: #666;

}

#bodyarea h3 a:hover

{

	color: #000;

}

.collapse img

{

        position: relative;

        float: right;

        bottom: 20px;

}

#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

{

        margin-bottom: 10px;

        list-style-type: none;

        line-height: 16px;

}

.boards dt, h4

{

        width: 100%;

        padding-bottom: 10px;

	font-size: 150%;

	color: #5A7A44;

}

.boards dt

{

        float: left;

}

.boards dt.new

{

	background: #FFF url(images/newposts.gif) top right no-repeat;

}

.boards dd

{

        float: left;

}

.boards dd.msgicon

{

        width: 7%;

}

.boards dd.msgbody

{

        width: 60%;

}

.boards dd.bstats

{

        width: 10%;

        text-align: center;

}

.boards dd.lpost

{

        float: right;

        width: 23%;

        text-align: left;

}

.boards .mods

{

        font-size: 90%;

        margin-bottom: 10px;

}

.boards .chboards

{

        position: relative;

        top: 4px;

        padding: 0;

        width: 100%;

        font-size: 60%;

        color: #666;

}

.boards .chboards a

{

        border: 0;

        padding: 0;

        color: #666;

}

.boards .chboards a:hover

{

        color: #000;

}



#infocenter

{

        background: url(images/infocenter.gif) bottom right no-repeat;

}

#infocenter h3

{

        margin-top: 20px;

        text-align: center;

}

#lstlist

{

        margin: 0px 13px 11px 13px;

        list-style-type: circle;

}



/* MessageIndex spesific */

.pages

{

        float: left;

        font-size: 19px;

        color: #CCC;

        margin: 10px 0 10px 0;

}



.msgmenu

{

        float: right;

        list-style-type: none;

        text-transform: uppercase;

        font-family: Tahoma, sans-serif;

}

.msgmenu li

{

        float: left;

        padding: 5px 0;

        margin: 10px 0 0 15px;

}

.msgmenu li a

{

        padding: 15px 0 15px 30px;

}

.msgmenu li.markread a

{

        background: url(images/buttons/post/markread.gif) center left no-repeat;

}

.msgmenu li.notify a

{

        background: url(images/buttons/post/notify.gif) center left no-repeat;

}

.msgmenu li.newpoll a

{

        background: url(images/buttons/post/newpoll.gif) center left no-repeat;

}

.msgmenu li.newtopic a

{

        background: url(images/buttons/post/newtopic.gif) center left no-repeat;

}

.msgmenu li.reply a

{

        background: url(images/buttons/post/reply.gif) center left no-repeat;

}

.msgmenu li.sendtopic a

{

        background: url(images/buttons/post/sendtopic.gif) center left no-repeat;

}

.msgmenu li.print a

{

        background: url(images/buttons/post/print.gif) center left no-repeat;

}



.alt

{

        margin-bottom: 8px;

        clear: both;

}



#messagetable

{

        width: 100%;

        margin: 12px 0;

}



#messagetable td.cella1

{

	width: 9%;

}

#messagetable td.cella2

{

	width: 11%;

}

#messagetable td.cella3

{

	width: 4%;

	text-align: center;

}

#messagetable td.cella4

{

	width: 22%;

}

#messagetable td.cella5

{

	width: 22px;

	text-align: center;

	vertical-align: middle;

}

#messagetable td.cella6

{

	width: 4%;

	text-align: center;

	vertical-align: middle;

}

#messagetable td.cella7

{

	width: 11%;

}

#messagetable td.cella8

{

	width: 11%;

}

#messagetable td.cellb1

{

	width: 4%;

	text-align: center;

	vertical-align: middle;

	padding: 0;

}

#messagetable td.cellb2

{

	vertical-align: middle;

}

#messagetable td.cellb3

{

	width: 14%;

	vertical-align: middle;

}

#messagetable td.cellb4

{

	width: 22%;

	vertical-align: middle;

}

#messagetable td.cellb5

{

	text-align: center;

}



#msgicons1

{

        float: left;

        margin-top: 15px;

}

#msgicons2

{

        float: left;

        margin: 15px 0 0 40px;

}

#msgjmp

{

        float: right;

        margin-top: 15px;

}



/* Topic Display Spesific */

#whviewingdp

{

        background-color: #FFF;

        padding: 4px 8px;

        font-size: 80%;

}



.post

{

        padding: 15px 0;

}



.msgbody2

{

        overflow: auto;

        padding: 8px;

        margin-bottom: 8px;

}

.msgleft ul

{

        margin: 0;

        padding: 0;

        list-style-type: none;

}

.msgleft li

{

        margin: 1px 0;

        font-size: 90%;

}

.msgleft li.mname

{

        font-size: 100%;

}

.msgleft li.stars, li.posts, li.avatar, li.blurb

{

        margin-bottom: 8px;

}

.message

{

        margin-bottom: 20px;

}

.pstopicon

{

        float: left;

        margin: 3px 5px 0px 0px;

}

.postid

{

        font-size: 90%;

}

.postbuttons

{

        list-style-type: none;

        float: right;

        margin-top: 7px;

}

.postbuttons li

{

        display: inline;

        text-transform: uppercase;

        font-weight: bold;

        border-right: 1px solid #AAA;

        padding: 0 10px;

}

.postbuttons li a

{

        color: #AAA;

}

.postbuttons li a:hover

{

        color: #000;

}



.msghr

{

        width: 100%;

        margin-top: 7px;

        color: #678751;

        background-color: #678751;

}



.dispmenu ul

{

        list-style-type: none;

        float: right;

        margin: 0;

        padding: 0;

}

.dispmenu li

{

        display: inline;

        margin: 0;

        padding: 0;

        line-height: 24px;

}

.dispmenu a:link

{

        background: url(images/cath1bg.gif);

        border-left: #E5E5E5 1px solid;

        border-top: #E5E5E5 1px solid;

        font-weight: bold;

        margin: 0px;

        padding: 5px 10px 5px 10px;

        font-size: 10px;

        font-weight: bold;

        color: #000;

}

.dispmenu a:hover

{

        text-decoration: none;

        background: #FFF;

        color: #000;

}

.dispmenu a.last

{

        border-right: #E5E5E5 1px solid;

}

.mnbtm ul

{

        position: relative;

        bottom: 11px;

}

.mnbtm a:link

{

        border-top: 0px;

        border-bottom: #E5E5E5 1px solid;

}

.msgleft

{

        float: left;

        width: 15%;

}

.msgright

{

        float: right;

        width: 85%;

}



.msgbg1

{

        background: #f8f8f8;

}



.modified

{

        background: #f8f8f8;        margin: 10px 0;

}



.modbuttons

{

        margin: 20px 0;

        font-size: 10px;

        float: left;

}

.modbuttons li

{

        display: inline;

        text-transform: uppercase;

        font-weight: bold;

        border-left: 1px solid #AAA;

        padding: 0 6px;

}

.modbuttons li a

{

        color: #AAA;

}

.modbuttons li a:hover

{

        color: #000;

}



#quickReplyOptions

{

        padding-bottom: 10px;

}



#quickReplyOptions textarea

{

        padding: 5px;

        margin-bottom: 5px;

        font-family: Verdana, sans-serif;

        font-size: 95%;

}



/* The footer - contains the copyright */

#footcont

{

	background: #000 repeat-x top;

	padding: 1px 0 20px 0;

	width: 100%;

	height: 20px;

	margin-top: 20px;

	border-top: 2px #FFF solid;

}

#footer

{

        line-height: 150%;

	font-size: x-small;

	text-align: center;

	color: #F0F0F0;

	list-style-type: none;

	width: 840px;

	margin: 10px auto;

}

#footer li

{

	width: 30px;

	height: 18px;

	background: transparent;

	float: left;

}

#footer li a

{

	color: #EEE;

}

#footer li.html a, #footer li.css a, #footer li.php a, #footer li.mysql a

{

	width: 10px;

	height: 18px;

	display: block;

}

#footer li.html , #footer li.css

{

	margin-left: 30px;

}

#footer li.php , #footer li.mysql

{

	margin-right: 30px;

}

#footer li.copyright

{

	width: 900px;

	padding-top: 2px;
text-align: left;

}

#footer li.html a

{

	background: url(images/validxhtml.gif);

}

#footer li.css a

{

	background: url(images/validcss.gif);

}

#footer li.php a

{

	background: url(images/usesphp.gif);

}

#footer li.mysql a

{

	background: url(images/usesmysql.gif);

}

#footer li a:hover

{

	background-position:  -30px 0;

	color: #FF000;

}



/* !!! SMF Spesific Styles For Compatibility */

hr, .hrcolor

{

	height: 1px;

	border: 0;

	color: #666;

	background: #666;

}

/* A quote, perhaps from another post. */

.quote

{

	color: #000000;

	background: #F0F8FF url(images/quote.gif) no-repeat bottom right;

	border-right: 1px dotted #000000;

	border-bottom: 1px dotted #000000;

	border-left: 4px solid #8394B2;

	font-size: 10px;

	line-height: 1.4em;

	padding: 8px;

}

.quote div.quote

{

	background: #F0F8FF url(images/blank.gif) no-repeat bottom right;

}



/* A code block - maybe even PHP ;). */

.code

{

	color: #000000;

	background: #FFF8F5 url(images/code.gif) no-repeat bottom right;

	border-right: 1px dotted #000000;

	border-bottom: 1px dotted #000000;

	border-left: 4px solid #FF6600;

	padding: 8px;

	font-size:  10px;

	line-height: 1.4em;

	font-family: "courier new", helvetica, "times new roman", serif;

	white-space: nowrap;

}



/* The "Quote:" and "Code:" header parts... */

.quoteheader

{

	background: #E4EAF2;

	border: 1px dotted #000;

	border-bottom: 0;

	border-left: 4px solid #8394B2;

	color: #000;

	font-weight: bold;

	font-size: 10px;

	margin: 8px auto 0 auto;

	padding: 8px;

}

.codeheader

{

	background: #FDDBCC;

	border: 1px dotted #000;

	border-bottom: 0;

	border-left: 4px solid #FF6600;

	color: #000;

	font-weight: bold;

	font-size: 10px;

	margin: 8px auto 0 auto;

	padding: 8px;

}

.help

{

	cursor: help;

}

.meaction

{

	color: red;

}

.editor

{

	width: 96%;

}

.highlight

{

	background: yellow;

	font-weight: bold;

	color: black;

}

.windowbg, .windowbg3, .windowbg2

{

	color: #000;

	background: #FFF;

        padding: 3px 10px;

}

.calendar_today

{

	background: #FFF;

}

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td

{

        margin-bottom: 10px;

	font-size: 130%;

	color: #666;

	border-bottom: 1px #CCC dashed;

	padding-bottom: 8px;

}

.titlebg img, titlebg2 img

{

	vertical-align: middle;

}

.catbg , tr.catbg td , .catbg3 , tr.catbg3 td, .catbg2 , tr.catbg2 td

{

	background: url(images/catbg.jpg) repeat-x #be0000;

	color: #FFF;

	padding-left: 10px;

	padding-right: 10px;

}

.catbg, .catbg2

{

	font-weight: bold;

}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited

{

	font-size: 95%;

	color: #FFF;

	text-decoration: none;

}

.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited

{

	color: #000;

	text-decoration: none;

}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover

{

	color: #e0e0ff;

}

.bordercolor

{

	background: #FFF;

	padding: 0;

}

.tborder

{

	padding: 1px;

	border: 1px solid #FFF;

	background: #FFF;

}

.smalltext

{

	font-size: x-small;

	font-family: verdana, sans-serif;

}

.middletext

{

	font-size: 90%;

}

.normaltext

{

	font-size: small;

}

.largetext

{

	font-size: large;

}

.post, .personalmessage

{

	width: 100%;

	overflow: auto;

	line-height: 1.3em;

}

.signature

{

	width: 100%;

	overflow: auto;

	padding-bottom: 3px;

	line-height: 1.3em;

}

.error

{

	color: red;

}

#helpmain ul, #helpmain ol

{

	margin: 0 0 12px 25px;

}

#ajax_in_progress

{

	background: #FFF url(images/ajaxloading.gif) no-repeat 10%;

	color: #000;

	text-align: left;

	font-size: 18px;

	font-family: "Trebuchet MS", sans-serif;

	padding: 10px;

	padding-left: 65px;

	position: absolute;

	left: -105px;

	width: 105px;

        border: 1px solid #D0D0D0;



}

#ajax_center

{

	top: 45%;

	width: 105px;

	position: absolute;

	left: 50%;

}