body {margin: .5em 2em;}
#wrapper {min-width: 970px; margin: 0 auto; max-width: 990px;}
#header {border-bottom: solid 1px; margin-top: 2em; padding-bottom: .4em;}

#header h1 {float: left; margin: 0; font-size: 1.2em; font-weight: normal; text-transform: uppercase;}
ul#nav {list-style: none; padding: 0; margin: -1.2em 0 0 0; float: right;}
ul#nav li {display: inline; font-size: .8em; padding: 0 .25em 0 .35em; border-left: solid 1px; text-transform: lowercase;}
ul#nav li.first {border: none;}
ul#nav li a {text-decoration: none;}
ul#nav li a:hover {text-decoration: underline;}

ul#languages {float: right; clear: both; margin: -1em 0 0 0; padding: 0; list-style: none;}
ul#languages li {display: inline; font-size: .7em; font-family: Helvetica, Arial, sans-serif; text-transform: lowercase;}
ul#languages li a {text-decoration: none;}
ul#languages li a:hover {text-decoration: underline;}
div#migas {font-size: .7em; margin-top: .4em;}
div#migas a {text-decoration: none;}

div#username {float: right; font-size: .7em; margin-top: -1.2em;}
#homepage div#username {margin-top: .4em;}
div#username ul {list-style: none; margin: 0; padding: 0;}
div#username ul li {display: inline; padding-left: 1em;}

#content {margin: 1em 0 0 0;}
div#content p:first-child {margin: 0; padding: 0;}


#content h1 {margin: 0 0 .4em 0; font-size: 1.4em; font-weight: normal;}
#content h2 {margin: 0 0 .4em 0; font-size: 1.2em; font-weight: normal;}
#content h3 {margin: 0 0 .4em 0; font-size: 1em; font-weight: normal;}

#footer {margin-top: 4em; font-size: .8em; border-top: solid 1px;}

#subtainer p {font-size: .8em;}
/** general classes **/
div.cl {clear: both;}

ul#tagcloud {list-style: none; margin: 0 0  0 -.8em; padding: 0;}
ul#tagcloud li {font-size: .85em; background-position: 1em 0; background-repeat: no-repeat; padding: 0 0 .4em 2.4em; display: inline;}

/** links **/
div#linkcontainer ul {margin: 1em 0 2em 0; padding: 0 0 0 1.2em;}
div#linkcontainer ul li {margin: .6em 0;}
div#linkcontainer ul li a.external {text-decoration: none;}
div#linkcontainer ul li a.external:hover {text-decoration: underline;}
div#linkcontainer ul li p {font-size: .9em; margin: .3em 0 .9em 0}

div.alert {margin: 1em 0; padding: .6em; border: solid 1px; background-repeat: no-repeat; padding-left: 2em; background-position: .6em .6em}

ul#files {list-style: none; margin: 0; padding: 0;}
ul#files li {margin-bottom: .4em;}

div#map {border: solid 1px #efefef;width: 990px; height: 550px; background-color: #efefef; margin: 0 auto;}
div#maptainer {width: 300px; height: 19.7em; visibility: hidden; position: absolute; top: 10px; left: 10px; background-color: #fff; border: solid 1px; padding: 2px;	-moz-box-shadow: 3px 3px 10px #999;	-webkit-box-shadow: 3px 3px 10px #999;	box-shadow: 3px 3px 10px #999;}
#images div#map {width: 300px; height: 300px; border: none;}
.maplink {font-size: .8em; text-decoration: none; padding-left: 2.5em; display:block; margin: .8em 0 .5em 0;}

#mapbtn {font-size: .7em; text-decoration: none; float: right; display: block;}

.infow {font-size: .8em;}
.infow h4 {margin: 0 0 .4em 0;}
.infow img {float: left; border: solid 1px #666; margin: .2em 0;}
.infow .desc {float: left; width: 200px; margin-left: .8em;}
.infow .more {text-decoration: none; color: #aaa; background: url(/img/albedo/arrow_grey.gif) no-repeat 110% 14px; padding: .8em .8em 0 0;}

button {
    background-repeat: repeat-x;
    background-attachment: scroll;
    border-width: 3px;
    border-style: double;
    cursor: pointer;
}

button:hover {
    border-width: 3px;
    border-style: double;
}

button#lb_button {background: url(/img/albedo/check-icon.gif) no-repeat 3px 3px; padding: .2em .2em .2em 1.8em;}

.hint {font-size: .8em; border: solid 1px; margin: 1.25em auto; padding: 1em;}
.hint p {margin: 0 0 .25em 0;}
.help {text-decoration: underline; cursor: help;}