html {
font-family: Lucida Grande, Verdana, sans-serif;
color: #fff;
}

body {
color: #fff;
}

a:link, a:visited {
text-decoration: none;
color: #A6ACAC;
}

a:hover {
text-decoration: none;
color: #fff;
background-color: #707376;
}

#rumwall {
text-align: left;
}

h3.rumwalltitle {
font-size: 14px;
}

#rumwall ol li {
list-style: disc;
}

a.footer {
font-size: 0.6em;
color: #ccc;
}

td.header {
background-color: #3753A7;
height: 81px;
background-image: url('../images/header_25.06.2010_05.png');            
background-position: center;
}

td.nav {
font-size: 0.9em;
background-color: #213064;
height: 32px;
padding-right: 1px;
}

td.button {
border: 1px #eee solid;
background-color: #9A9EA1;
color: #ccc;
font-size: 0.9em;
height: 16px;
padding: 1px;
}

.button a:link {
color: #fff;
}

.button a:visited {
color: #fff;
}

table.main {
width: 668px;
border-left: #000 2px solid;
border-right: #000 2px solid;
border-top: #000 2px solid;
border-bottom: #000 2px solid;
}

td.content {
width: 507px;
}

td.sidebar {
width: 165px;
}

table.buttons {
font-size: 0.8em;
}

h2 {
font-size: 0.9em;
}

h2.sidebartitle {
font-size: 14px;
}

h3.sidebartitle {
font-size: 0.9em;
}

h3.storytitle {
font-size: 14px;
}

h3.gallerytitle {
font-size: 14px;
}

div.content {
font-size: 0.7em;
color: #fff;
padding: 10px;
text-align: left;
border-left: #9A9EA1 2px solid;
border-top: #9A9EA1 2px solid;
border-bottom: #9A9EA1 2px solid;
border-right: #9A9EA1 1px solid;
margin-left: 3px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #1F2F66;
}

div.gallerycontent {
font-size: 0.7em;
color: #fff;
padding: 10px;
padding-top: 10px;
text-align: left;
vertical-align: bottom;
border-left: #9A9EA1 2px solid;
border-top: #9A9EA1 2px solid;
border-bottom: #9A9EA1 2px solid;
border-right: #9A9EA1 1px solid;
margin-right: 3px;
margin-left: 3px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #1F2F66;
}

div.sidebar {
padding-left: 10px;
padding-bottom: 10px;
font-size: 0.7em;
color: #fff;
text-align: left;
border-top: #9A9EA1 2px solid;
border-bottom: #9A9EA1 2px solid;
border-right: #9A9EA1 2px solid;
border-left: #9A9EA1 1px solid;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 3px;
margin-left: 0px;
background-color: #1F2F66;
}

.navitems {
    position:relative;
    padding: 5px;
    padding-left: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
    font-size:9px;
    color: #eee;
    height: 64px;
}

.thumb_large {
    float:left;
    margin-right: 4px;
    border-style:solid;
    border-color:#5DB429;
    border-width:1px;
    margin-top: 3px;
    height: 30px;
    width: 30px;
    background-color: #FFF;
}

.thumb_medium {
    float:left;
    margin-right: 4px;
    margin-top: 8px;
    border-style:solid;
    border-color:#5DB429;
    border-width:1px;
    height: 20px;
    width: 20px;
    background-color: #FFF;
}
																						
.thumb_small {
    float:left;
    border-style:solid;
    margin-top: 13px;
    border-color:#5DB429;
    border-width:1px;
    height: 10px;
    width: 10px;
    background-color: #FFF;
}

#recentcomments {  /*- The ID of the div that contains or wraps the whole list. */
font-size: 9px;
margin-left: -25px;
}
#recentCommentsTitle { /*- The ID of the span that contains the title (Recent Comments:). */
}
#recentcommentsList { /* - The ID of the �outer� ul that contains the list of post titles. */
}
.recentCommentsPostTitle { /* - The class of the spans that contain the post titles. */
}
#recentcommentsList li ul li { /* - This will give you the comment excerpts themselves (list items in the child lists under the post title list items). */
	list-style: circle;
	font-style: italic;
}
.commentAuthor { /* - The class of the spans that contain the comment author names. */
}

/* Intouch Contact Form */

/* just for clearing floats, IE Hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {display: block; margin: 0; padding: 0; }
p.clearfix {}
/* End hide from IE-mac */

div.intouch { margin: 1em auto 2em auto; }
div.intouch  form { float: left; width: 100%; }
div.intouch div.inputfield { padding: 4px 0px; position: relative; }
div.intouch span { position: relative; top: 0.4em; }
div.intouch label {
  display: block; float: left; clear: left; width: 15%; text-align: right;
  padding-top: 0.4em; position: relative; right: 5px;
  }
div.intouch div.inputfield input,
div.intouch div.inputfield textarea { float: left; margin-left: 10px; }
div.intouch div.inputfield input {
  width: 40%; border: 1px solid #ccc; padding: 3px;
  }
div.intouch div.inputfield textarea {
  width: 60%; height: 138px; padding: 5px; border: 1px solid #ccc;
  }
div.intouch div.inputfield input.submitbutton {
  border: 3px double #ccc; background: #F0F0F0; cursor: pointer;
  width: auto !important; padding: 2px; margin-left: 10px; left: 15%;
  position: relative;
  }

div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }
div.intouch div#usermessage.success {}
div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; }