/*+--------------------------------------------------------------------------------------------------+
*
*	@package embryo
*	@abstract website library
*	@author Steve Dunstan
*	@initialised 24/03/2009
*	@discussion
*	@copyright (c) 2009-2010 embryo
*	@licence released under the terms and conditions of the GNU General Public License 
*		http://www.gnu.org/copyleft/gpl.html
*	$Source:  $
*	$Revision: $
*	$Date:  $
*	$Author:  $
*
+--------------------------------------------------------------------------------------------------+*/


body { 
    background: url('images/vg/mainbg.png') fixed;
	background-color: #313a43;
    margin: 10px 0 5px 0; 
    padding: 0;
    text-align: center;
    color: #ccc;
	font: 11px Verdana, Tahoma, Sans-Serif;
	/*font: 86% tahoma, verdana, sans-serif;*/
}

/*! ........... layout .......... "*/

.pagetop {
	width: 976px;
	height: 145px;
	background: url('images/vg/pagetop.png');
	margin: auto;
}

.pagemain {
	width: 976px;
	background: url('images/vg/pagemain.png') repeat-y;
	margin: auto;

}

.pagebottom {
	width: 976px;
	height: 56px;
	background: url('images/vg/pagebottom.png');
	margin: auto;
}

.pagewrapper {
	width: 800px;
	text-align: left;
	margin: auto;
	color: #777;
}

.logo {
	background: url('images/vg/logo4.png');
	width: 351px;
	height: 104px;
	float: left;
	margin: 26px 0 0 33px;
}


/*
.content {
    float: left;
    width: 680px;
    padding: 0px; 
    text-align: left;
	display: inline;
	margin: 10px 8px 0px 34px;
}
*/

.sidebar {
    width: 210px;
	float: right;
	margin: 10px 30px 0px 5px;
	font-size: 0.9em;
}

.sidebartop {
	width: 211px;
	height: 13px;
	background: url('images/vg/sidebartop.png');
	margin: auto;
}

.sidebarmain {
	width: 211px;
	background: url('images/vg/sidebarmain.png') repeat-y;
	margin: auto;
	margin-top: -4px;
}

.sidebarbottom {
	width: 211px;
	height: 13px;
	background: url('images/vg/sidebarbottom.png');
	margin: auto;
}

.sidebarinner {
	padding: 0 8px 0 8px;
}

.sidebarinner a {
    color: #505c65;
    text-decoration: none;
}
.sidebarinner a:hover, a:focus {
    color: #9aaab6;
    text-decoration: none;
}

.sidebar p {
	margin-bottom: 0; padding-bottom: 0;
} 

.infobox {
	width: 33%;
	vertical-align: top;
}

.infobox-inner {
	background-color: #ebecf2;
}

.infotable {
	width: 94%;
	border-spacing: 0px;
	padding: 0;
	margin: auto;
	margin-bottom: -95px;
}


.infowrapper {
    padding: 0px; 
    text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: -90px;
	
}

.rbox
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	width: 95%;
	font-style: italic;
	font-size: 0.9em;
}

.rbox {background: transparent; margin:25px 1em 100px 1em;}

.rbox-inner a {
    color: #505c65;
    text-decoration: none;
}
.rbox-inner a:hover, a:focus {
    color: #9aaab6;
    text-decoration: none;
}

.rbox h3 {
	margin-top: -7px;
}

.tbrd { background: url(images/round5/top.png) 0% 0% repeat-x; }
.bbrd { background: url(images/round5/bottom.png) 0% 100% repeat-x; }
.lbrd { background: url(images/round5/left.png) 0% 100% repeat-y; }
.rbrd { background: url(images/round5/right.png) 100% 0% repeat-y; }

.tlcrn { background: url(images/round5/topleft.png) 0% 0% no-repeat; }
.trcrn { background: url(images/round5/topright.png) 100% 0% no-repeat; }
.blcrn { background: url(images/round5/bottomleft.png) 0% 100% no-repeat; }
.brcrn { background: url(images/round5/bottomright.png) 100% 100% no-repeat; padding: 8px; }

.rbox-inner {
	height: 170px;
	overflow: auto;
}


.rbox h1 {
	font-size: 14px;
	padding-bottom: 10px;
}

.newstitle {
	padding: 2px;
    font-weight: bold;
	color: #505c65;
    letter-spacing:-1px;
}

.newstitle h1 {
	font: 16pt Trebuchet MS,sans-serif;
	font-style: bold;
}

.newsinfo {
	font-size: 0.8em;
	margin-left: 23px;
}

.newspost {
	font-size: 0.9em;
}

.newstitle a {
    color: #505c65;
    text-decoration: none;
}
.newstitle a:hover, a:focus {
    color: #768896
    text-decoration: none;
}

.linkbar {
	width: 92%;
	height: 35px;
	margin: auto;
	border-spacing: 0px;
	padding: 0;
	font-size: 0.9em;
	border: 1px solid green;
}


.linkbarleft {
	background: url('images/vg/linkbarleft.png');
	width: 17px;
	height: 35px
}

.linkbarright {
	background: url('images/vg/linkbarright.png');
	width: 17px;
	height: 35px
}



.linkbarmain {
	background: url('images/vg/linkbg.png');
	height: 35px;
	width: 100px;
}

.linkbar a {
    color: #5a656e;
    text-decoration: none;
}
.linkbar a:hover, a:focus {
    color: #aaa;
    text-decoration: none;
}

p {
	margin-bottom: 0; padding-bottom: 0;
}



.infobar {
	width: 913px;
	height: 22px;
	margin-left: 32px;
	border-spacing: 0px;
	padding: 12px 6px;
	background: url('images/vg/infobar.png') no-repeat;
	margin-top: -3px;
}






.infobaroptions {
	float: right;
	margin-top: 3px;
	margin-right: 20px;
	font-size: 0.8em;

}

.infobar a {
    color: #5a656e;
    text-decoration: none;
}
.infobar a:hover, a:focus {
    color: #9aaab6;
    text-decoration: none;
}



#ptabs {
font-size: 0.8em;
	line-height: normal;
	margin: 20px 0 -1px 40px;
	min-width: 570px;
}

#ptabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#ptabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#ptabs a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#ptabs a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #828282;
	white-space: nowrap;
}

#ptabs a:hover span {
	color: #bcbcbc;
}

#ptabs .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
	font-size: 1.1em;
}

#ptabs .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #505c65;
}

#ptabs a:hover {
	background-position: 0 -70px;
}

#ptabs a:hover span {
	background-position:100% -70px;
}

#ptabs .activetab a:hover {
	background-position: 0 0;
}

#ptabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}
.clearfix, #ptabs, .post, .navbar, fieldset dl, ul.topiclist dl, ul.linklist, dl.polls {
	height: 1%;
	overflow: hidden;
}

#ptabs a {
	background-image: url("images/vg/tabs/tabs1.gif");
}

#ptabs a span {
	background-image: url("images/vg/tabs/tabs2.gif");
	color: #848282;
}

#ptabs a:hover span {
	color: #696868;
}

#ptabs .activetab a {
	border-bottom-color: #e1e2e7;
}

#ptabs .activetab a span {
	color: #505c65;
}

#ptabs .activetab a:hover span {
	color: #000000;
}


.upcomingtable {
	width: 94%;
	border-spacing: 10px;
	padding: 0;
	margin: auto;
	
}

.upcomingraidsl {
	width: 60%;
	
}

.upcomingraidsr {
	width: 40%;
	border: 1px solid #5d8bb0;
}





a {
    color: #505c65;
    text-decoration: none;
}
a:hover, a:focus {
    color: #9aaab6;
    text-decoration: none;
}

hr {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #fff;
}

#register-window, #login-window {
	font-style: italic;
}

#register-window h3, #login-window h3 {
	padding: 5px;
	background-color: #d7d8de;
	border-bottom: 1px solid #333;
}

.inner-register-window {
	width: 100%;
	background-color: #ebecf2;
	border-spacing: 8px;
	padding: 0;
	border-top: 1px solid #fff;
}


.user-message {
	padding: 0px;
	background-color: #ebecf2;
	font-style: italic;
}

.user-message h3 {
	padding: 5px;
	background-color: #d7d8de;
	font-size: 1.4em;
	border-bottom: 1px solid #333;
}

.user-message-inner {
	font-size: 13px;
	padding: 8px;
	border-top: 1px solid #fff;
}


.comment-box-top {
	width: 680px;
	height: 11px;
	background: url('images/vg/commenttop.png') no-repeat;
}

.comment-box-middle {
	width: 680px;
	background: url('images/vg/commentmiddle.png') repeat-y;
	font: 86% tahoma, verdana, sans-serif
}

.comment-box-bottom {
	width: 680px;
	height: 11px;
	background: url('images/vg/commentbottom.png') no-repeat;
}


.comment-form-top {
	width: 680px;
	height: 11px;
	background: url('images/vg/commentformtop.png') no-repeat;
}

.comment-form-middle {
	width: 680px;
	background: url('images/vg/commentformmiddle.png') repeat-y;
	font: 86% tahoma, verdana, sans-serif
}

.comment-form-bottom {
	width: 680px;
	height: 11px;
	background: url('images/vg/commentformbottom.png') no-repeat;
}



.comment-gravatar {
	float: left;
	width: 60px;
	height: 60px;
	border: 1px solid #c6cadd;
	margin: 5px 0 0 15px;
}


.comment-text {
	margin: 0 40px 0 100px;
}

.comment-admin {
	text-align: right;
}

.comment {
	padding: 5px 20px 5px 20px;
}

.comment-name {
	margin: 0 0 0 100px;
	font: 14pt Trebuchet MS,sans-serif;
    font-weight: bold;
    letter-spacing:-1px;
}

.comment-heading {
	margin: 0 0 0 10px;
	font: 14pt Trebuchet MS,sans-serif;
    font-weight: bold;
	color: #505c65;
    letter-spacing:-1px;
}

.comment-date {
	font-size: 0.6em;
	letter-spacing: 0;
}

.gravatar-image {
	width: 60px;
	height: 60px;
}

.chatbox-info {
	font-size: 0.9em;
}

.new-posts-window-top {
	width: 642px;
	height: 29px;
	background: url('images/vg/nfptop.png') no-repeat;
}

.new-posts-window-middle {
	width: 642px;
	background: url('images/vg/nfpmiddle.png') repeat-y;
}

.new-posts-window-bottom {
	width: 642px;
	height: 8px;
	background: url('images/vg/nfpbottom.png') no-repeat;
}

.new-posts-window-inner {
	padding: 4px;
	font-size: 0.8em;
}

.new-posts-window-top h1 {
	font-size: 16px;
	padding-bottom: 10px;
	font-style: italic;
	padding-left: 5px;
}

.new-posts-window-inner a {
    color: #505c65;
    text-decoration: none;
}
.new-posts-window-inner a:hover, a:focus {
    color: #9aaab6;
    text-decoration: none;
}




















#page1 {
	width: 976px;
	height: 188px;
	background: url('images/vg/pagetop.png');
	margin: auto;
}

#page2 {
	width: 760px;
	background: url('images/page2.png') repeat-y;
	margin: auto;
}

#page3 {
	width: 976px;
	background: url('images/vg/page.png') repeat-y;
	margin: auto;
}

#page4 {
	width: 976px;
	height: 56px;
	background: url('images/vg/pagebottom.png');
	margin: auto;
}

#pagewrapper {
	margin: 0 12px 0 12px;
	text-align: left;
}

.clear {
	clear: both;
	height: 0;
}

#page2 h1{
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}

#page2 h3 {
	font-size: 1.3em;
}


/*! ........... sidebar .......... "*/

#sidebar {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
    width: 165px;
    margin-left: 580px;
    padding: 0px;
    text-align: left;
	font-size: 11px;
}

#sidebarwrapper {
	padding: 10px 12px 0px 8px;
}

#sidebar a {
    color: #6b6861;
    text-decoration: none;
}

#sidebar a:hover, a:focus {
    color: #d06200;
    text-decoration: none;
}

#sidebar .greytext {
	color: #b6b6b6;
}

#sidebar .block {
	padding-top: 3px;
}

/*! ........... content .......... "*/

#content {
	float: left;
    width: 680px;
    padding: 0px; 
    text-align: left;
	display: inline;
	margin: 10px 8px 0px 34px;
}

#contentwrapper {
	margin: 10px 8px 0px 20px;
}

#content h3 {
	font-size: 1.5em;
}

#content a {
    color: #293049;
    text-decoration: none;
}

#content a:hover, a:focus {
    color: #d06200;
    text-decoration: none;
}

#content .greytext {
	color: #b6b6b6;
}

.postinfo {
	border-bottom: 1px dotted #ccc;
	font-size: 10px;
	margin-left: 23px;
}

.dateheader {
	border: 1px solid #ddd;
	color: #777;
	background-color: #F5F5F5;
	font-size: 13px;
}


/*! ........... random headerbars .......... "*/

#hbar1 { width: 736px; height: 50px; background: url('images/hbar1.png'); }
#hbar2 { width: 736px; height: 50px; background: url('images/hbar2.png'); }
#hbar3 { width: 736px; height: 50px; background: url('images/hbar3.png'); }
#hbar4 { width: 736px; height: 50px; background: url('images/hbar4.png'); }
#hbar5 { width: 736px; height: 50px; background: url('images/hbar5.png'); }
#hbar6 { width: 736px; height: 50px; background: url('images/hbar6.png'); }


/*! ........... form elements .......... "*/

.button, .smallbutton {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	margin: 1px 5px 0 0;
	padding: 3px 10px;
	color: #494949;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	background: url('images/button.png') repeat-x;
}

.button {
	font-size: 12px;
}

.smallbutton{
	font-size: 9px;
}

/*Don't show textarea scrollbar on IE*/
textarea{
	overflow: hidden;
}

input, textarea, select{
	border: 1px solid #5e5d63;
	background-color: #eee;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}

#dataform h1, h2, h3, h4 {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	margin: 2px 0 0 0;
}

#dataform h2 {
	font-size: 1.1em;
}


/*! ........... paginate .......... "*/

.pagewrapper {
	width: 100%;
	font-size: 13px;
}


.pagenext{
	float: left;
	padding: 10px;
	border: 1px solid #ddd;
	color: #777;
	cursor: pointer;
	background-color: #F5F5F5;
	margin-top: 5px;
}

.pageprev{
	float: right;
	padding: 10px;
	border: 1px solid #ddd;
	color: #777;
	cursor: pointer;
	background-color: #F5F5F5;
	margin-top: 5px;
}

.nextprevnormal {
	border: 1px dotted #ccc;
	padding: 1px 4px 1px 4px;
	cursor: pointer;
}

.nextprevselected {
	border: 1px dotted #ccc;
	padding: 1px 4px 1px 4px;
	background-color: #ddd;
}


/*! ........... comment .......... "*/





/*! ........... general .......... "*/

img {
	vertical-align: middle;
	border: 0;
}

.restrict-img-size {
	max-height:680px;
	max-width: 680px;
}

* html .restrict-img-size {
	height: 680px;
	width: 680px;
}

.imgvalign {
    vertical-align: middle;
}

.blockquote {
	margin-bottom: -60px;
	font-size: 0.9em;
}


/*.blockquote {
	background: transparent url(images/quote.png) no-repeat;
	margin: 15px;
	padding: 5px 5px 0px 45px;
	border: 1px solid #ddd;
	color: #777;
	background-color: #FBFBFB;
	min-height: 30px;
	font-style: italic;
}*/


#sitename {
	padding: 5px 0 10px 15px;
	text-align: left;
}

#sitename a {
    color: #000;
    text-decoration: none;
}
#sitename a:hover, a:focus {
    color: #183043;
    text-decoration: none;
}

.post {
	margin: 0 0 40px;
	text-align: justify;
	font-size: 1.2em;
}


h1, h2, h3, h4, h5 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin: 2px 0 0 0;
	letter-spacing: -1px;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 15px;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
}

.attach-info {
	font-size: 0.8em;
	color: #b1b2b3;
}


/*! ........... calendar .......... "*/

#calendarheader	 {
	text-align: center;
	font-size: 11px;
}

#calendarwrapper {
	border: 1px solid #918867;
	background-color: #eaeaea;
	width: 158px;
}

.calendar1 {
	background: url('images/cal1.png');
	width: 20px;
	height: 15px;
	border: 1px solid #ccc;
	text-align: center;
	font: 8px verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.calendar2 {
	background: url('images/cal2.png');
	width: 20px;
	height: 15px;
	border: 1px solid #ccc;
	text-align: center;
	font: 8px verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}	
	
.calendar3 {
	background: url('images/cal3.png');
	width: 20px;
	height: 15px;
	border: 1px solid #ccc;
	text-align: center;
	font: 8px verdana, Arial, Helvetica, sans-serif;
}		
	
.calendar4 {
	background: url('images/cal4.png');
	width: 20px;
	height: 15px;
	border: 1px solid #ccc;
	text-align: center;
	font: 8px verdana, Arial, Helvetica, sans-serif;
	color: #000;
}	


/*! ........... disclaimer .......... "*/

.disclaimer {
	color: #000;
}

#disclaimer a {
    color: #333;
    text-decoration: none;
}
#disclaimer a:hover, a:focus {
    color: #fff;
    text-decoration: none;
}


/*! ........... lists .......... "*/

ul, ol {
	margin-left: 0;
	margin-top: 0;
	padding-left: 20px;
}

li {
margin-top: 0;
padding-left: 0;
}











#theader {
    float:left;
    width:100%;
    /*background:yellow;*/
    font-size: 90%;
    line-height:normal;
    background: url(images/tabnm/bg.gif) repeat-x bottom;
	color: #444;
}

#theader ul {
    margin:0;
    padding:0;
    list-style:none;
    padding:10px 10px 0;
}

#theader li {
    float:left;
    margin:0;
    padding:0 0 0 4px;
    background:url(images/tabnm/1l.png) no-repeat left top;
	
}

#theader a, #theader strong, #theader span {
	float:left;
    display:block;
    background:url(images/tabnm/1r.png) no-repeat right top;
    padding:5px 15px 4px 11px;
}

#theader #current {
    background-image:url(images/tabnm/2l.png);
	font-size: 1.1em;
    }
#theader #current a {
    background-image:url(images/tabnm/2r.png);
    padding-bottom:5px;
    }
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

.messagebox {
font: 15px tahoma,verdana;
color: #000;
text-align:center;
vertical-align:middle;
width:400px;
position:absolute;
top:200px;
left:300px;
border:1px solid #555;
background:#ccc;
margin:20px;
display:none;
background-image:url(images/messagebox.png);
}

.diabox
{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width:98%;
	/*background-color: #e4e4e4;
	font-style: italic;*/
}


/*	http://www.schillmania.com/projects/dialog2/ */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url('images/dialog/dialog1.png') no-repeat top right;

}




.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:14px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
	padding-bottom:12px;
	font-size:1.3em;
	text-align: center;
	width: 100%;
	line-height: 15px;
}

.inner-dialog-window {
	width: 100%;
}

.register-error {
	font-size: 0.8em;
	color: #ff0000;
}