/* 
 CSS for guggemos.nexusvector.net

 Mozilla/FF ignore lines that start with "/", but IE does not.

*/

body {
font-family: Verdana, sans-serif;
font-size: 0.9em;
background-color: #ffffff;
}

div{
padding:0px;
}

.invisible {
padding:0px;
margin:0px;
border:none;
background:transparent;
}

h1 {
font-size: 1.9em;
}

h2 {
font-size: 1.1em;
}

.BC { background-image: url(blueCenter.png) }

.WC { background-image: url(whiteCenter.png) }

.GC { background-image: url(greenCenter.png) }

.DC{ background-image: url(darkCenter.png) }

.TL{
float: left;
left: -2px;
margin-top: -2px;
background-position: left top;
}

.TR{
float: right;
right: -2px;
margin-top: -2px;
background-position: right top;
}

.BL{
float: left;
clear:both;
left: -2px;
margin-bottom: -3px;
margin-top: -6px;
background-position: left bottom;
}

.BR{
float: right;
right: -2px;
margin-bottom: -3px;
margin-top: -6px;
background-position: right bottom;
}

.contentBL{
margin-bottom: -2px;
margin-top: -6px;
background-position: left bottom;
float:right; 
left:8px;
bottom: 2px
}
.contentBR{
right: -2px;
clear: right;
bottom: -2px;
margin-top: -10px;
margin-bottom: 0px;
background-position: right bottom;
float:right;
}

.corner {
position: relative;
display: inline;
font-size: 8px;
width: 8px;
height: 8px;
border:none;
background-repeat: no-repeat;
z-index:1;
}

.pageConst{
background-color: #b5cedf;
border-color: #70b1f3;
border-width: 2px;
border-style: solid;
margin-left: 15%;
width: 70%;
min-width: 12em;
margin-top: 10px;
margin-bottom: 10px;
}

#heading {
margin-bottom: -2px;
text-align: center;
border-color: #50c750;
background-color: #b2f895;
}

.content {
margin-top:18px;
margin-left: 20%;
margin-bottom: 10px;
width: 60%;
min-width: 12em;
background-color: white;
}

.contentBorder {
border: solid 2px #70b1f3;
}

.quote{
position: relative;
float: right;
padding: 0;
width: 95%;
margin-left: 0px;
margin-bottom: 0px;
margin-right: -2px;
margin-top: -2px;
background-color: white;
border-right:none;
border-top: none;
}

.info{
clear:left;
width: 90%;
position: relative;
margin-left: -2px;
margin-bottom: -2px;
margin-top: 1px;
background-color: white;
font-size: 0.75em;
border-left: none;
border-bottom:none;
}

.hatR{
float:right;
width: 40%;
margin-left:8px;
margin-bottom: 5px;
}

.hatL{
width: 50%;
margin-right:8px;
margin-top: 5px;
clear:right;
}

.padBox{
border: none;
padding: 12px;
padding-bottom:4px;
margin:0px;
margin-bottom:1px;
}

.padBoxSmall{
border:none;
padding: 6px;
padding-bottom:3px;
margin:0px;
}

.dropcap{
float:left;
font-size: 3.9em;
height: 0.9em;
padding: 0px;
margin-right: 2px;
margin-left: 5px;
line-height: 80%;
}


form label{
float:right;
}

form label:hover{
background-color: #e0e0e0;
}

form label select{
font-family: monospace;
font-size: 1.5em;
}

#footer{
padding-bottom: 0px;
}

#navbar ul {
margin: 1px;
padding: 2px;
list-style-type: none;
text-align: center;
}

#navbar ul li {
display: inline;
}

#navbar ul li a {
padding: 3px;
}

#navbar ul li a:link {
font-weight: bold;
color: black;
}

#navbar ul li a:visited {
font-weight: lighter;
color: black;
}

#navbar ul li a:hover{
color: black;
background-color: white;
}

dt {
font-variant: small-caps;
font-weight: bold;
}