/* Anticlutter Palette
#1b1b1b black
#58bbec blue
================================================================*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #58bbec;  }
a:hover { text-decoration: none; }
.clear { clear: both; height: 0; line-height: 0; }
body { margin: 0; /*height: 350px; width: 2415px;*/ padding: 130px 0 0 0; font: 69% helvetica,arial,sans-serif; color: #1b1b1b; background: #fff url(../images/template/bg-page.jpg) top left repeat-x; }
input,textarea,select { font: 1em helvetica,arial,sans-serif; color: #1b1b1b; } 

/* Headings,text
================================================================*/
ul, li { list-style: none; }
/*h2 { font-size: 1.6em; font-family: 'trebuchet ms',helvetica,arial,sans-serif; font-style: italic; letter-spacing: 1px; }*/
h2 { font-size: 1em; }
h1 { margin-bottom: 1em; font-size: 1em; }
h3 { font-size: 1em; }

/* Structure
================================================================*/
body > div#branding { position: fixed; }
#branding { z-index: 5; position: absolute; top: 0; left: 0; height: 130px; width: 100%; background: url(../images/template/bg-page.jpg) top left repeat-x; color: #fff; }
#main { position: relative; height: 350px; margin-left: 5px; line-height: 1.3em; }

/* Special cases
================================================================*/
#branding img { float: left; margin-right: 10px; }
#branding form { float: left; margin: 15px 20px 0 0; height: 115px; }
#branding select { width: 160px; }

#branding ul { /*float: left; margin: 15px 20px 0;*/ margin-bottom: 15px; line-height: 1.5em; }
#branding a, #contact a:visited { color: #fff; text-decoration: none; }
#branding a:hover { color: #68bbec; }

.panel { float: left; display: inline; width: 240px; margin-right: 10px; }
.panel h1, .panel h2, .panel h3, .panel ul, .page .panel p { margin: 0 6px 0.4em; }
.panel ul ul { margin-left: 0; }
.panel h3 { margin-bottom: 0; }
.panel h2 { padding-top: 1.4em; }

/*some panels on info page needs a bottom border!*/
.page .border { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px dashed #ccc; }
.page .panel ul, .page .panel p { margin-bottom: 0.5em; }
.page #main { padding-top: 8px; }
.page .panel h3 { margin-top: 24px; font-weight: normal; }

.panel ul.tags { margin: 1.5em 0 0; /*padding-top: 7px; border-top: 1px solid #1b1b1b;*/ border-top: 1px dashed #ccc; font-size: .9em; }
#main .tags li { float: left; /*display: inline;*/ margin-right: 5px; padding: 1px 2px; /*text-transform: uppercase;*/ color: #fff; background-color: #58bbec; line-height: 1em; }
.tags a, .tags a:visited { text-decoration: none; color: #fff; }

.panel ul.meta p { margin: 0 0 1em; }
.meta img { margin-bottom: 0.3em; }

.wide { width: 400px !important; }

a.subtle, a.subtle:visited { color: #1b1b1b; text-decoration: none; }
a.subtle:hover { color: #58bbec; }

/*home page*/
body#pageHome { background: none; }
#pageHome #branding { height: 240px; background-position: bottom left; background-color: #1b1b1b; }
#pageHome #branding form { float: none; margin: 0; position: absolute; top: 184px; left: 12px; z-index: 5; }
#pageHome #branding img { float: none; display: block; }

.redcross { height: 200px; width: 200px; top: 0px; right: 0px; position: absolute; display: block; z-index: 1000; }