/**
 *	Colors:
 *	#104153 - dark blue
 *	#D9F5FE - light blue
 *	#99E5FF - light blue (for links on dark blue bg)
 *	#EBEBEB - light grey
 */
*        { margin: 0; padding: 0; }
body 	 { font: 80%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #104153; background: #FFF url(../images/bg_gradient.png) repeat-x; }
#wrap    { width: 73em; margin: 0 1em 0 3em; }
h1       { margin-bottom: 1.0em; font-size: 1.4em; font-weight: bold; }
h2       { margin-bottom: 0.3em; font-size: 1.2em; font-weight: bold; }
h3       { margin: 0.5em 0; font-size: 1.2em; font-weight: bold; } 
h4       { margin-bottom: 0.5em; font-size: 1em; font-weight: bold; }
h5, h6   { margin-bottom: 0.2em; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #777; }
h5 a,
h6 a     { color: #777; }
small    { font-size: 0.7em; }
p        { margin-bottom: 1.5em; }
a        { color: #104153; text-decoration: underline; }
a:focus,
a:hover  { text-decoration: none; }
img      { border: 0; }
abbr     { text-decoration: none; border: none; }
hr       {  }
h3#respond,
h3#comments { font-size: 1.4em; }
p.simpletags          { display: none; }

/*** Classes ***/
.center     { text-align: center; }
.right      { text-align: right; }
.notice     { margin: 0 0 1.5em 0; border: 1px solid #999; padding: 0.5em; background: #DDD; }
.notice ul, 
.notice ol,
.notice p   { margin-bottom: 0; }
.notice a   { color: #000; text-decoration: underline; }
.error      { border-color: red; background: #FF8080 url(../images/exclamation.png) 0.6em 0.6em no-repeat; padding-left: 30px; }
.success    { border-color: green; background: #80FF80 url(../images/accept.png) 0.6em 0.6em no-repeat; padding-left: 30px; }
.note       { font-size: 0.7em; }
.clear      { clear: both; }
.icon       { position: relative; top: 3px; }
.indicator  { margin-right: 5px; }
.avatar     { float: left; margin-right: 0.6em; width: 50px; height: 50px; }
.small      { font: 80% Tahoma, Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif; letter-spacing: 0.1em; }
.ir         { display: block; font: 0px/0px sans-serif; text-indent: -3000px; text-decoration: none; overflow: hidden; background-repeat: no-repeat; }
.comment-tools { background: #EBEBEB; border: 1px dashed #104153; padding: 0.5em; margin-bottom: 1.5em; }

/*** Forms ***/
fieldset               { margin: 0 0 1.5em 0; padding: 1em; border: 1px solid #999; }
legend                 { margin: 0 0 0 -0.5em; padding: 0 0.5em; font-size: 1.2em; font-weight: bold; background: #FFF; }
input,
textarea               { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; }
textarea               { font-size: 100%; }
fieldset h5,
fieldset h6            { margin-top: 1.5em; }
input.count            { width: 2em !important; }
input.text,
textarea,
input[type=text],
input[type=password]   { background: #EEE; width: 15em; padding: 0.2em; }
input.text:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus         { background: #FFF; color: #000 !important; }
input[type=submit],
button                 { padding: 0.3em; font-weight: bold; text-align: center; }
label                  { display: block; float: left; width: 6em; position: relative; top: 0.3em; }
label.short            { width: 5.2em; }
label.radio            { float: none; display: inline; margin-right: 1.5em; }
input[type=checkbox],
input.check,
input[type=radio],
input.radio,
input.count            { position: relative; top: 0.5em; }
input[type=checkbox],
input.check            { margin-right: 0.5em; }
form p, fieldset p     { margin-bottom: 0.5em; position: relative; clear: left; width: 100%; }
.label-space           { margin-left: 10em; } 
.label-space-short     { margin-left: 5.2em; }
fieldset  .label-space { margin-left: 8em; } 
div#main label         { width: 8em; top: 0.45em; }
div#main input.text,
div#main textarea,
div#main input[type=text],
div#main input[type=password]   { width: 25em; }
input#submit { margin-right: 1.5em; }

/*** Rounded Corners ***/
.teaser,
.searchbox,
div#footer      { background: url(../images/corners/tl.png) no-repeat top left; position: relative; }
.teaser .tr,
.searchbox .tr,
div#footer .tr  { background: url(../images/corners/tr.png) no-repeat top right; }
.teaser .br,
.searchbox .br,
div#footer .br  { background: url(../images/corners/br.png) no-repeat bottom right; }
.teaser .con,
.searchbox .con,
div#footer .con { background: url(../images/corners/bl.png) no-repeat bottom left; padding: 0.6em 1em; }

.box        { background: #FFF url(../images/bg_box-fade.png) repeat-x; position: relative; }
.tr         { background: url(../images/corners/tr-fade.png) no-repeat top right; }
.br         { background: url(../images/corners/tl-fade.png) no-repeat top left;  }
.con        { padding: 0.6em 1em; }

/*** Boxen ***/
.box,
.searchbox  { margin-bottom: 1.5em; }
.box p      { margin-bottom: 0.5em; }
.box        { color: #104153; /*background-color: #C8E8F3;*/ }
.box a      { color: #104153; }
.teaser     { margin-bottom: 2em; font-size: 1.2em; background-color: #104153; color: #FFF; }
.teaser p   { margin-bottom: 0; }
.teaser a   { color: #99E5FF; }
.searchbox  { background-color: #EBEBEB; }
.searchbox p{ margin-bottom: 0; }

/*** Header ***/
#header               { height: 75px; }
div#banner            { position: relative; top: 35px; }
p#logininfo           { position: absolute; right: 0; top: 10px; color: #FFF; }
p#logininfo a         { color: #99E5FF; }
form#search           { position: absolute; right: 0; top: 90px; width: 24em; }
input#search-string   { border: 2px solid #104153; padding-top: 0.25em; width: 15em; color: #888; font-size: 1.2em; }
button#search-submit  { position: absolute; right: 0; top: 0; border: 2px solid #104153; color: #FFF; background: #104153; font-size: 0.95em; }

/*** Navigation ***/
div#nav               { float: left; position: relative; margin-top: 42px; }
div#nav ul            { list-style: none; }
div#nav ul li         { float: left; }
ul#navi               { position: relative; z-index: 5; font: 110% Tahoma, "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; }
ul#navi li            { margin-right: 0.4em; }
ul#navi li.last       { margin-right: 0; }
ul#navi li a          { display: block; border: 1px solid #104153; padding: 0.35em 0.6em; color: #FFF; background: #104153; text-decoration: none; }
ul#navi li a:hover,
ul#navi li a:focus    { color: #104153; background: #D9F5FE; border: 1px solid #104153; }
ul#navi li.act a      { color: #104153; background: #FFF; border: 1px solid #CCC; border-bottom: 1px solid #FFF; padding-bottom: 0.9em; }
ul#navi li.nosub a    { padding-bottom: 0.35em; border: 1px solid #104153; }

/*** Main ***/
div#content           { width: 73em; padding: 2em 0; }
div#main              { width: 47em; float: left; }
div#main .search   { color: #104153; background-color: #EBEBEB; }
div#main .search p { margin-bottom: 0; }
div#main a.feed    { padding-right: 21px; background: url(../images/feed-icon-middle-white.png) right center no-repeat; }
div#main ul        { list-style: disc; margin: 0 0 0.5em 16px; }
div#main hr,
div#main ul.comments,
div#main ul.links,
div#main ul.photos { margin-bottom: 1.5em; }

/*** Sidebar ***/
div#sidebar           { float: right; width: 24em;}     
div#sidebar ul        { list-style: disc; margin: 0 0 0.5em 16px; line-height: 1.8em; }

/*** Tabellen ***/
div#main table        { width: 100%; border: 1px solid #104153; margin-bottom: 2em; }
th                    { background: #EBEBEB; padding: 0.5em; font-weight: bold; text-align: left; }
th.city,              
th.group,
th.friend,
th.venue,
th.date               { width: 20%; }
th.event              { }
th.participants       { width: 10%; text-align: right; }
th.comments           { width: 10%; text-align: right; }
td                    { padding: 0.5em; text-align: left; }
td.city,
td.group,
td.friend,
td.date               {  }
td.event              {  }
td.participants       { text-align: right; }
td.comments           { text-align: right; }

/*** Footer ***/
div#footer            { width: 74em; color: #FFF; background-color: #104153; }
div#footer div.con    { padding: 1em; font-size: 0.9em; }
div#footer ul         { list-style: none; width: 100%; }
div#footer li         { float: left; margin-right: 1.5em; }
div#footer li#imprint { float: right; margin-right: 0; }
div#footer a          { color: #FFF; text-decoration: none; }
div#footer a:visited  { color: #EBEBEB; }
div#footer a:focus,
div#footer a:hover    { text-decoration: underline; }
div#footer a.feed     { padding-left: 18px; background: url(../images/feed-icon-small-blue.png) left center no-repeat; }

/*** Tagcloud ***/
ul#tagcloud           { list-style: none !important; line-height: 2.7em; margin-left: 0 !important; }
ul#tagcloud li        { float: left; height: 2.5em; margin-right: 0.5em; }
ul#tagcloud li a      { text-decoration: none; }
ul#tagcloud li a:focus,
ul#tagcloud li a:hover{ text-decoration: underline; }
ul#tagcloud li .s1    { font-size: 1.0em; }
ul#tagcloud li .s2    { font-size: 1.2em; }
ul#tagcloud li .s3    { font-size: 1.4em; }
ul#tagcloud li .s4    { font-size: 1.6em; }
ul#tagcloud li .s5    { font-size: 1.8em; }
ul#tagcloud li .s6    { font-size: 2.0em; }

ul#blogroll img { position: relative; top: 3px;  }
ul#blogroll { margin-left: 0; list-style: none; }

/*** Headlines ***/
div.entry-head,
div.commenthead       { width: 100%; }
div.entry-head h2     { float: left; margin: 0; font-size: 2em; }
div.entry-head h2 a   { text-decoration: none; }
div.entry-head h3     { float: right; margin-top: 0.7em; color: #AAA; }  
.hentry               { margin-bottom: 1.7em; }
/*** News ***/
div#newstext          {   }

/*** Photos ***/
img.event_photo       { float: right; }
div#main ul.photos    { list-style: none; margin-left: 0; }
ul.photos li          { float: left; margin: 0 10px 10px 0; }
ul.photos li img,
img.event_photo,
img.gravatar          { border: 1px solid #104153; float: left; margin-right: 10px; width: 32px; height: 32px; background: url(../images/default_avatar.jpg) no-repeat; }

/*** Comments ***/
ol.comments    { list-style: none; margin: 0 0 2.5em 0; }
ol.comments li { margin-bottom: 1.5em; border-top: 3px solid #AAA; }
ol.comments p  { margin-bottom: 0; }
div.authormeta { float: left; }
div.commentmetadata { float: right; color: #AAA; }
div.commentmetadata a { color: #AAA; }
div.commenthead { margin: 0.5em 0; font-weight: bold; }
div.commentbody { padding-left: 45px; background: url(../images/bg_comment.gif) 18px 3px no-repeat; }

/*** Microformats ***/
div.vcard             { margin-bottom: 2em; }
div.vcard p           { margin: 0.5em 0; }
a.hcard               { position: relative; top: 3px; }
div#contact-dennis    { float: left; margin-right: 3em; }

/*** Hacks ***/
.clearfix:after,
ul#tagcloud:after,
div#content:after,
div#footer div.con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix,
* html>body ul#tagcloud,
* html>body div#content,
* html>body div#footer   { display: inline-block; width: 100%; }