@import url(blocks.css);
/* 
Theme Name: 
Description: 
Version: 1.0
Author: Michael Hokamp 
Author URI: http://hokamp.info from destination http://xoopsfactory.com
*/

body { 
color: #333; 
background: url(images/bgheader.gif) #999 repeat-x;    
text-align: center; 
margin: 0px;
border: 0px;
padding: 0px;
font-family: Verdana,Arial,Sans-serif;
font-size: 12px;
line-height: 18px;
}

/* set the max width if you want */

div#page { 
background-color: #fff; 
max-width: 685px; 
width: expression(document.body.clientWidth > 685? "685px": "auto" ); 
}
/* setting max width isn't important if we are below a width of 780px, use it when you want to have eg. 950px
   but it should fit 800 screens too. When you want to change the width, let me say from 685px to 735px 
   add the difference which is in this example 50px to the width of #contentArray */
   
div#page {
border: 0px;
margin: 0px auto 0px auto ;
padding: 0px;
}

#topmenu {
text-align: right;
border: 0px;
border-bottom: 1px solid #fff;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background: #6b6b6b no-repeat;
width: 100%;
}

#usernav {
font-size:10px;
padding:2px;
padding-top:3px;
text-align: right;
padding-right:10px;
}

#usernav ul {
list-style-type:none;
margin:0;
padding: 0px; 
text-align:right;
}

#usernav li {
display:inline;
}

#usernav li {
margin:0;
padding: 0px; 
}

#usernav li a{
text-decoration:none;
padding: 3px; 
color: #fff;
}

#usernav li a:hover{
padding: 3px; 
color: #4B91D7;
}

#header {
text-align: right;
border: 0px;
border-top: 0px solid #fff;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background: url(images/header.gif) #ccc no-repeat;
height: 80px;
width: 100%;
}

#header a {
color: #fff;
}

#logo {
text-align: left;
width: 180px;
float: left;
height: 80px; 
}

#logo a {
width: 179px;
float: left;
height: 79px; 
margin: 0px 0px;
padding: 0px;
display: block;
}

#logo h1 {
margin: 0px 0px;
padding: 0px;
}

#logo span {
display: none;
}

.clear {
clear:both;
}

#xoopsbanner a:hover{
background: transparent;
}

#xoopsbanner {
padding: 10px 15px 5px 10px;
margin-left: 180px;
}
/* end of header styles */

#pagelayer, #pagelayerArray {
text-align: left;
width: 100%;
border: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #fff;
}

#containerArray, #container0 {
text-align: left;
border: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background: #fff;
}

#containerArray {
background: url(images/bothleft.gif) top left repeat-y;  
}

#contentArray {
width: 470px;
padding: 0px;
margin-left: 195px;
margin-right: 15px;
}

#content {
padding: 0px;
margin-left: 10px;
margin-right: 10px;     
}

#blockleft {
float: left;
width: 180px;
margin: 0px;
margin-right: 0px;
padding: 0px;
color: #333;
}

#lblockende {
width: 180px;
height: 160px;
float: left;
margin: 0px;
padding: 0px;
background: url(images/leftend.gif) #efefef no-repeat;
}

#footer {
height:10px;
clear: both;
padding: 0px;
margin-top: 10px;
background: #009;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
font-size: 12px;
}

#pagefooter {
background: #6b6b6b;
padding: 10px;
padding-top:2px;
padding-bottom:8px;
color: #000;
font-size: 11px;
border-bottom: 1px solid #6b6b6b;
}

#pagefooter a {
color: #fff;
text-decoration:none;
}

#pagefooter a:hover {
color: #009;
}

#pagefooterleft {
width: 200px; 
float:left;
}

#pagefooterright {
text-align: right;
}

#pagefooter strong {
color: #4B91D7;
}

#pagefooter strong:hover {
color: #fff;
}

ul.feed {
list-style-type:none;
margin:0px;
padding:0px;
}

.feed li {
margin:0px;
margin-top:10px;
padding:0px;
}

.submenu a {
background: url(images/submenu.gif) no-repeat left center;
padding-left:17px;
color #009;
}

.hell {
font-weight:bold;
color: #4B91D7;
}

.border {
line-height:55px;
width: 330px;
background: #fff;
}

#modulcontent textarea {
width: 310px;
}

#contentArray1 a:hover{
color: #000;
}

/* some general stuff */

b {
font-size: 13px;
color: #999;
}

a {
text-decoration: underline;
color: #999;
}

a:hover{
color: #999;
text-decoration: underline;
}

p {
padding: 10px;
padding-left: 0px;
margin: 0px;
}

h1 {
margin: 0px;
font-size: 16px;
padding: 10px;
padding-left: 0px;
}

h2, h3 {
margin: 0px;
font-size: 16px;
padding: 10px;
padding-top: 15px;
padding-left: 0px;
}

h2{
color:#999;
}

h3{
color:#6b6b6b;
}

img {
border: 0px;
}

fieldset {
padding: 10px;
border: 1px dotted #ccc;
}

legend {
padding: 10px;
background:#fff;
}

ul {
list-style-type:square;
}

hr {
height: 2px; 
border: 0px;
color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}

table {
width: 100%;
font-size: 12px;
}

/* Xoops table classes */


th {background-color: #6b6b6b; color: #fff; padding: 3px; font-weight: normal; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}
th a {color: #fff; text-decoration:none;}
th a:hover {color: #4B91D7; text-decoration:none;}

.outer {border: 0px solid silver;width:100%;}
.head {background-color: #4B91D7; padding: 4px;font-size:10px; font-weight: normal; color:#fff;}
.even {background-color: #f1f1f1; padding: 2px;}
.odd {background-color: #f6f6f6; padding: 2px;}
.foot {background-color: #f6f6f6; padding: 2px; font-weight: bold;}
tr.even td {background-color: #f1f1f1; padding: 2px;}
tr.odd td {background-color: #f6f6f6; padding: 2px;}

/* This CSS is part of a XOOPS theme from michael [aka studioC] <a href="http://xoopsfactory.com">XOOPS FACTORY</a> */