* { padding: 0; margin: 0; }
html,body { height: 100%; }
html { font-family: sans-serif; background: #23262D none repeat scroll 0%; }
body { background: none; font-size: small; padding: 0px; margin: 0px; height:100%; }

/* general areas */
#wrapper { width: 800px; height:auto !important; height:100%;min-height:100%; margin: 0 auto; background: #eee; color: black; position: relative; margin-top:10px; }
#header { padding: 5px; margin: 0; height: 140px; background: white url('banner.jpg') no-repeat center; }
#h0eader h1 span { display: none; }
#main { position: relative; background: white url('x.jpg') repeat-y bottom left; /* IE */ }
#leftsidebar { margin: 0 600px 0 0px; height: 100%; width: 180px; background: white; }
#content {  float: right; width: 600px; padding: 10px; clear: none; background: white; }
#footer { clear: both; padding: 10px; text-align: center; }

/* general settings */
h1 { font-size: 2em;   font-weight: bold; }
h2 { font-size: 1.5em; font-weight: bold; margin: 10px 0; }
h3 { font-size: 1.2em; font-weight: bold; }
h4 { font-size: 1em; font-weight: normal; }
#content p { line-height: 1.3em; }
a { color: #0c1c8c; }
strong, legend { font-weight: bold; }
em { font-style: italic; }

/* more specific settings */
div.longtext p { margin: 8px 0; line-height: 1.3em; text-align: justify; }
ul.errorlist { color: #A00; font-weight: bold; }
div#content div.ad { margin: 5px 106px; margin-bottom: 12px; padding: 3px; background: #e5e5e5; }
div#content div.ad img { background: #CCCCCC; padding: 5px; }
div#content div.ad p { font-size: smaller; font-weight: bold; padding-bottom: 3px; }

/* specific settings */
#leftsidebar ul#mainmenu { margin: 5px; margin-bottom: 10px; border:1px; border-color:#2586D7;} 
#leftsidebar ul#mainmenu li { margin: 0px 0; border-bottom: 1px solid #90bade; border-right: 1px solid #90bade; } 
#leftsidebar ul#mainmenu li a { display: block; color: black; background: white; padding: 5px; text-decoration: none; font-size: normal; }
#leftsidebar ul#mainmenu li a:hover { display: block;  background: #2586D7;  }

#leftsidebar div.filelist { margin: 10px 5px 10px 15px;  }
#leftsidebar div.filelist span.filesize { font-size: smaller; }
#leftsidebar ul.filelist { padding-left: 10px; list-style: square inside ; margin: 3px 0; }
div.article-list-item { margin: 15px; border: 1px solid #ccc; background: white; padding: 15px; }
div.article-list-item p.further { text-align: right; }
div.article-list-item div.content { margin: 15px; }
div.article-list-item p.eventtime { float: left; }
div.article-list-item:hover { background: #f5f5f5; cursor: pointer; }

div.article-item div.content { margin: 10px; padding: 15px; border: 1px solid #ccc; background: #fafafa; border-width: 1px 0; }
div.article-item p.location, div.article-item p.eventtime { margin: 5px 10px; font-weight: bold; }
div.article-item p.register { text-align: center; margin: 40px; }
div.article-item p.register a { color: white; padding: 10px 15px; border: 2px solid #0c1c8c; text-align: center; font-weight: bold; text-decoration: none; font-size: 
large; background: #0c1c8c; letter-spacing: normal; text-transform: uppercase; }
div.article-item p.register a:hover { background: white; color: #0c1c8c; }

div.pform p { clear: both;  padding-top: 10px; padding-bottom: 40px;}
div.pform p label { float: left; }
div.pform p input { float: right; width: 250px; }
div.pform fieldset { margin: 10px; padding: 15px; border: 1px dotted #888; }
div.pform fieldset legend { padding: 10px; }

div#events-list > p { margin: 20px; font-style: italic; }
div#battery-container { }
div#battery { background: url('battery.jpg'); width: 170px; height: 218px; position: absolute; bottom: 0; display: none; }

div#gallery-list p.further-info {clear:left; text-align:right;}
div.body img {width:170px;float:left; border: 1px solid black; margin: 5px; }
div.body {}
/* Thumbnail síða:
    - breidd svæðis er 580px
    - thumbnail eru 170px + 2px (border) + 12px (padding) */
div#gallery-album div.thumbnail { float: left; }
div#gallery-album div.thumbnail img { border: 1px solid black; }
div#gallery-album div.thumbnail { padding: 10px; }
div#gallery-album div#thumbnails { padding: 2px; }