/* remove body scrollbar */
html { 
	height:100%;
	overflow:hidden;
	
}

body{
	height:100%;
	overflow:hidden;
	
	background:url(Gfx/BodyBg.gif) #516E6E;
	font-family:Trebuchet MS,Georgia,Verdana,sans-serif;
	margin:0px;
	margin:
	font-size:medium;
}

/*========Globals ==========*/
form{
	margin:0px;
}
	
.hideWhenStyled {
	display:none;
}

.breaker {
	clear:both;
}	

/*========The boxes with shadows==============*/
.container, .containerAbs {
	position:absolute;
	background:url(Gfx/ShadowCorner.gif) bottom right;
}

.shadowTopRight {
	background:url(Gfx/ShadowTopRight.gif) no-repeat top right;
}
			
.shadowBottomLeft {
	background:url(Gfx/ShadowBottomLeft.gif) no-repeat bottom left;
}

.innerBox {
	border:1px solid black;
	background-color:#FBFBFB;
}

/*when width comes from outer box (containerAbs)*/
.container .shadowTopRight {
	padding-right:6px;
	padding-bottom:8px;
}
			
.container .innerBox {
	padding:10px;
}

/* when width comes from inner content (innerBox) */
.containerAbs .innerBox {
	overflow:auto;
	margin-right:6px;
	height:100%;
}

.containerAbs .shadowTopRight {
	position:absolute;
	top:-8px;
	width:100%;			
	height:100%;			
}
			
.containerAbs .shadowBottomLeft {
	width:100%;			
	height:100%;			
}

			
/*========Extra design==================*/
#logostick {
	position:absolute;
	right:0px;
	bottom:0px;
	background-image:url(Gfx/logostick.gif);
	width:58px;
	height:1200px;
	z-index:-1;
}	
					
#allwelcome {
	position:absolute;
	bottom:1px;
	left:15px;
	background-image:url(Gfx/allwelcome.gif);
	overflow:hidden;
	width:238px;
	height:10px;
	z-index:-1;
}

/*========Menu and submenu====================*/
#menu {
	font-size:0.7em;
	position:absolute;
	top:0px;
	right:0px;
	margin:0px;
	background:url(Gfx/menubar.gif) no-repeat bottom left;
	z-index:10;
	padding:0px 100px 0px 50px;
}

#menu span {
	color:#FF0000;
}

#menu ul {
	position:absolute;
	list-style-type: none;
	padding:0px;
	margin:0px;
	z-index:3;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	display:none;
}

#menu ul li a {
	font-family:Verdana, Arial, Sans-Serif;
	display:block;
	width:10em;
	padding:2px 5px 2px 5px;
	background-color:#000000;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

#menu li {
	display:inline;
}

#menu a {
	text-decoration:none;
	color:#FFFFFF;
	padding:0px 5px 0px 5px;
}
	
#menu a span {
	color:#FF0000;
	font-weight:bold;
}

#menu a:hover, #menu .openMenu  {
	color:#A41818;
	background-color:#FFFFFF;
}

#menu ul .openMenu {
	background-color:#F9F9F9;
	color:#A41818;
}

/* ==== HEADERS === */
h1,h2,h3,h4,h5,h6{
	margin:0px;
	letter-spacing:2px;
	font-weight:normal;
	font-size:1.00em;
	clear:both;
	display:inline-block; /* IE6 fucks up without it */
	padding-top:0.1em;
}
h1{
	margin:8px 0px 0px -41px;
	padding-left:14px;
	font-size:1.3em;
	border-bottom:1px #888888 dashed;
}
h1:first-letter , h2:first-letter {
	text-transform: uppercase;
	font-weight:bold;
	color:#A41818;
	font-size:1.10em;
}
h1:first-letter {
	font-size:1.5em;
}
h2{
	margin:0.3em 0px -0.4em -10px;
}
h3{
	font-weight:bold;
}
h4{
	font-style:italic;
	margin-left:10px;
}
h1 a {
	text-decoration:none;
	color:Black;
}
h1 a:hover {
	text-decoration:underline;
	color:#A41818;
}

/*=======TEXT==================*/
.containerAbs .innerBox {
	background:url(Gfx/GrayStripe.gif) repeat-y top left #FBFBFB;
	padding-left:41px;
	padding-right:10px;
	font-size:0.9em;
	line-height:150%;
}

p {
	margin:0px;
	padding:0.5em 0px 0.5em 0px;
	display:block;
	font-size:0.9em;
}

ul p {
	padding:0px;
}

a:hover{
	color:#FF0000;
}

/* ======== BLOCKS =============*/
.innerBox ol, .innerBox ul, .innerBox blockquote , .comment {
	border-top:1px dashed #888888;
	border-bottom:1px dashed #888888;
	background-color:#F4F4F7;
	color:#333344;
	margin:1em 10px 1em 10px;
	padding:0.5em 10px 0.5em 10px;
}

.innerBox ol li, .innerBox ul li {
	margin-left:25px;
}

.innerBox ol ol, .innerBox ul ul, blockquote p {
	border:0px;
	margin:0px;
}

/* ========= SPECIAL ITEMS ===== */
.postTime {
	font-family:verdana, sans-serif;
	font-weight:normal;
	font-size:x-small;
	line-height:120%;
	background-color:#000000;
	padding:0px 2px 1px 2px;
	color:#FFFFFF;
	margin:0px;
	float:right;
}

code {
	display:block;
	margin-left:10px;
	color:blue;
	white-space:pre;
}

textarea {
	height:20em;
}

input , textarea {
	border:1px solid black;
	padding:2px;
	font-size:0.9em;
	width:60%;
	margin-top:0.5em;
}

input.radiobox {
	border:0px;
	padding:auto;
	font-size:1em;
	width:auto;
	margin-top:auto;
}

input.error , textarea.error {
	border:1px solid red;
}

.required {
	font-size:1.4em;
	color:#FF0000;
	margin-left:0.15em;	
}

.submit{
	padding:0px 2em 0px 2em;
	border:1px #AAAAAA outset;
	background-image:url(Gfx/GrayStripe.gif);
	font-weight:bold;
	width:auto;
}


form span.error{
	display:block;
	color:#FF0000;
	font-style:italic;
	padding:0px;
	width:60%;
}

/*==== SPECIAL DESIGNS ==== */
/*============================================*/
.commentExtra {
	margin:-1em 10px 0em 0px;
	text-align:right;
	font-style:italic;
	font-size:0.8em;
}

.entryCommentLink {
	float:right;
	margin:1em 10px 0px 0px;
	clear:both;
	font-size:0.8em;
}

.entryCommentLink, .entryCommentLink a:visited, .entryCommentLink a:hover{
	border-width:0px;
	color:#475C8D;
	text-decoration:underline;
}


/*============================================*/
.imagelinklist {
	margin:0.4em 0px 0.4em 0px;
}
.imagelinklist .linkimg{
	margin:0.4em 0px 10px 0px;
	float:left;
	border:2px solid black;
}
.imagelinklist a:hover .linkimg{
	border:2px solid #A41818;
}
.imagelinklist h1, .imagelinklist h2, .imagelinklist h3, .imagelinklist h4, .imagelinklist h5, .imagelinklist h6 {
	clear:none;
}
.imagelink{
	padding-left:115px;
}

/*============================================*/
.gallery {
	margin:0px 10px 0px 30px;
}
.gallery a, .gallery a:visited, .gallery a:hover{
	border-width:0px;
}
.gallery a:hover img {
	border:1px solid #FF0000;
}
.gallery img {
	border:1px solid #000000;
	margin:10px;
}
.gallery .image {
	float:left;
}
/*============================================*/
ul.entrylist li {
	margin-top:1em;
	margin-bottom:1em;
}