body {margin: 0px; padding: 0px; background: url(./gfx/bg.jpg) repeat-x #000000; color: #6a7773; font-size: 100%;}
body.compact {margin: 0px; padding: 16px; background-position: 0px -200px;}

div#bodyWrapper {margin: 66px 55px 20px 55px; position: relative;}
div#bgTop {width: 561px; height: 699px; background: url(./gfx/bg_left.jpg) no-repeat transparent; position: absolute; left: 0px; top: 0px;}
div#header {margin: 0px; padding: 0px; position: relative; width: 100%; height: 164px;}
h1#logo {display: block; width: 353px; height: 164px; background: url(./gfx/logo.gif) no-repeat transparent; margin: 0px 0px 0px 0px; position: absolute; left: 111px; top: 0px;}
h1#logo a {display: block; width: 353px; height: 164px;}
div#mainMenu {position: absolute; left: 469px; bottom: 40px; background: url(./gfx/keskustelufoorumi.gif) no-repeat transparent; background-position: 5px 100%; padding-bottom: 34px;}
div#mainMenu p {margin: 0px; padding: 4px 0px; font-style: italic; font-size: 14px;}
div#mainMenu p.top {margin-left: 10px;}
div#mainMenu a {color: #ffffff;}
div#mainMenu a:link, div#mainMenu a:visited, div#mainMenu a:active, div#mainMenu a:hover {text-decoration: none; color: #6a7773; margin-left: 15px;}
div#mainMenu a:hover {text-decoration: underline; color: #ffffff;}

div#contentWrapper {margin: 12px 0px 0px 0px;}
div#content {width: 100%; position: relative;}

body, input, select {font-family: "palatino linotype", "palatino", times, serif;}

div#mainMenu {}
td, th{font-size: 75%;}
p#copyright {font-style: italic; text-align: center; margin: 20px 0px 30px 0px; font-size: 80%; color: #404444;}
p#copyright a {color: #404444;}
p#copyright a:hover {color: #ffffff;}
body.compact p#copyright {margin: 8px 0px; font-size: 70%;}

h1,h2,h3,h4 {font-weight: normal;}
h1,h2 {font-size: 260%; letter-spacing: -1px; font-style: italic;}

div.mainTitle {margin: 0px 0px 4px 0px;}
div.mainTitle h2 {margin: 0px 0px 6px 0px;}
div.mainTitle h2 a {text-decoration: none;}
div.mainTitle h2 a:hover {text-decoration: underline;}
div.mainTitle p.moderators, div.mainTitle p.users, div.mainTitle p.pagination {margin: 2px 0px;}
div.mainTitle p.moderators a, div.mainTitle p.users a {text-decoration: none;}
div.mainTitle p.moderators a:hover, div.mainTitle p.users a:hover {text-decoration: underline;}

div.forumSummary { padding: 3px 0px; }
div.forumSummary h3 {font-size: 165%; margin: 0px; font-style: italic; font-weight: normal;}
div.forumSummary h3 a {text-decoration: none;}
div.forumSummary h3 a:visited {}
div.forumSummary h3 a:hover {color: #ffffff; text-decoration: underline;}
div.forumSummary p {margin: 0px;}
div.forumSummary p.moderators {color: #4a5350;}
div.forumSummary p.moderators a {text-decoration: none; color: #4a5350;}
div.forumSummary p.moderators a:hover {text-decoration: underline; color: #ffffff;}

table.forumline h3.searchResultTopic {font-weight: normal; margin: 0px; font-size: 100%; padding: 1px 6px;}
table.forumline h3.searchResultTopic a {font-weight: bold; text-decoration: none;}
table.forumline h3.searchResultTopic a:hover {text-decoration: underline;}

table.searchTopics td.forumSection a, table.searchTopics td.topic a {text-decoration: none;}
table.searchTopics td.forumSection a:hover, table.searchTopics td.topic a:hover {text-decoration: underline;}
table.searchTopics td.topic span.gotoPage {color: #4a5350;}
table.searchTopics td.topic span.gotoPage a {color: #4a5350;}
table.searchTopics td.topic span.gotoPage a:hover {color: #ffffff;}

td.topicSummary {font-weight: bold;}
td.topicSummary a {text-decoration: none;}
table.forumline td.topicSummary a:visited {}
table.forumline td.topicSummary a:hover {text-decoration: underline; color: #ffffff;}
td.topicSummary span.gensmall {font-weight: normal; color: #4a5350;}
td.topicSummary span.gensmall a {color: #4a5350;}
td.topicSummary span.gensmall a:hover {color: #ffffff;}
td.topicSummary span.topictitle b {font-weight: normal; margin-right: 3px;}
td.topicSummary span.topictitle a.topicTitle {font-weight: normal;}

td.spaceRow {padding: 1px; background: #313835;}
td.poster {padding: 4px 6px; border-right: 1px solid #202222;}
td.postContent {padding: 1px;}
td.postContent table td {padding: 1px 6px;}
td.postContent table {border-bottom: 1px solid #202222;}
div.postbody {padding: 14px 17px; font-size: 110%; line-height: 150%;}
div.postbody a:visited {color: #555555;}
div.postbody a:hover {text-decoration: underline; color: #ffffff;}
div.messageEdited {font-style: italic; color: #4a5350; padding: 2px 14px 9px 14px; font-size: 90%;}
span.postSignature {color: #4a5350;}
td.userButtons img {vertical-align: top; margin: 2px;}
td.postButtons img {vertical-align: middle; margin: 1px 2px 3px 2px;}

table.forumline h2.forumCategory {margin: 0px; font-size: 145%; padding: 0px 10px;}
table.forumline h2.forumCategory a:link, table.forumline h2.forumCategory a:visited {text-decoration: none; color: #6a7773}
table.forumline h2.forumCategory a:hover {text-decoration: underline;}

div.forumLegend {text-align: center; margin: 24px 0px 16px 0px;}
div.forumLegend img {vertical-align: middle; position: relative; top: -2px; margin-left: 10px; margin-right: 3px;}

table.topicLegend img {position: relative; top: -2px; margin-right: 3px;}
table.forumline div.topicPrevNext {padding: 1px 7px 0px 7px;}
table.forumline td.catHead {border-top: none;}
table.forumline div.topicPrevNext a {text-decoration: none; color: #c2787f;}
table.forumline div.topicPrevNext a:hover {color: #ffffff;}

/* General font families for common tags */
a:link, a:visited {color: #c2787f;}
a:active {color: #ffffff;}
a:hover {color: #ffffff;}
hr	{ height: 0px; border: 1px solid #202222;}

/* This is the outline round the main forum tables */
table.forumline { border: 1px solid #202222; background: transparent; border-spacing: 0px; margin: 0px; padding: 0px;}
table.forumline td {border-top: 1px solid #202222;}
table.forumline td td {border: none;}
table.postListing td.row2 {}

table.forumline a:link {color: #c2787f;}
table.forumline a:active {color: #ffffff;}
table.forumline a:visited {color: #c2787f;}
table.forumline a:hover {color: #ffffff;}



div.tableWrapper {margin: 8px 0px; width: 100%;}

/* Main table cell colours and backgrounds */
td.row1	{  }
td.row2	{  }
td.row3	{  }

td.topicCount, td.postCount, td.lastPost {padding-left: 10px; padding-right: 10px;}
td.lastPost a {text-decoration: none;}
td.forumIcon {padding-left: 10px; padding-right: 10px;}

table.pmUsageIndicator {border: 1px solid #202222; padding: 2px;}
table.pmUsageIndicator td.barBackground {border: 1px solid #202222; background: transparent; padding: 1px;}
table.pmUsageIndicator td.bar {background: #ffffff;}

td.pmIcons {font-size: 100%;}
td.pmIcons img {vertical-align: middle; position: relative; top: -2px; margin-left: 10px; margin-right: 3px;}
td.pmIcons a {text-decoration: none;}
td.pmIcons a:hover {text-decoration: underline;}

table.faq td.row1, table.faq td.row2 {padding: 10px 14px;}
table.pmView td.row2 {background: transparent;}
table.pmView td.row1 {border-top: 2px solid #313835;}

span.helpNote {font-style: italic;}


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
   font-weight: normal;
   font-style: italic;
   padding: 5px 3px 3px 3px;
   background: url(./gfx/header_red.gif) repeat-x #9b666c;
   color: #ffffff;
}

td.cat,td.catHead,td.catLeft,td.catRight { background: url(./gfx/header_gray.gif) repeat-x #313835;}
td.catSides {background: transparent;}
table.forumline td.catLeft, table.forumline td.catRight, table.forumline td.catHead {}
table.forumline td.catBottom {background: url(./gfx/header_gray.gif) repeat-x #313835; border-top: 2px solid #202222;}
table.postListing td.catBottom {border-top: none;}
table.forumline td.catHead {}
table.forumline th.thLeft, table.forumline th.thRight {}
td.catBottom table td {}



/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
}

/* General text */
.gen {  }
.genmed {  }
.gensmall {  }

/* Forum category titles */
.cattitle		{ }
a.cattitle		{ }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ }
a.forumlink 	{ }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ }
a.nav			{ text-decoration: none; }
a.nav:hover { text-decoration: underline;}


/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ }
a.topictitle:link   {  }
a.topictitle:visited {  }
a.topictitle:hover	{  }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{}
table.forumline td.poster .name {font-size: 110%; color: #ffffff;}

/* Location, number of posts, post date etc */
.postdetails		{color: #4a5350}
span.minorDetails {color: #4a5350}
td.postContent .postdetails {margin-left: 2px;}

/* The content of the posts (body of text) */
.postbody { }
a.postlink:link	{ }
a.postlink:visited { }
a.postlink:hover { }

/* Quote & Code blocks */

div.codeTitle {font-weight: bold; margin-bottom: 1px; margin-left: 16px; font-size: 90%;}
div.code {border: 1px solid #202222; padding: 6px 10px; margin-left: 16px; font-family: "courier new", monospace;}


div.quoteSource {font-weight: bold; margin-bottom: 1px; margin-left: 16px; font-size: 90%;}
div.quote {border: 1px solid #202222; padding: 6px 10px; margin-left: 16px; font-size: 90%; color: #4a5350;}
div.quote div.quote, div.quote div.quoteSource {font-size: 100%;}


/* Form elements */
input,textarea, select {
   color: #6a7773;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color: #101111;
   border-color: #404444;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   font-size: 100%;
   background: #ededed;
   border-color: #ededed;
   color: #5f5f5f;
}

/* The main submit button option */
input.mainoption {
   font-size: 100%;
   font-weight: bold;
   background: #ededed;
   border-color: #ededed;
   color: #5f5f5f;
}

/* None-bold submit button */
input.liteoption {
   font-size: 100%;
   font-weight: normal;
   background: #ededed;
   border-color: #ededed;
   color: #5f5f5f;
}


input.helpline { background: transparent; border: none; color: #6f7a7d;}

a#closeForum {display: block; position: absolute; right: 16px; top: 8px; text-decoration: none; height: 1%; color: #6a7773; font-size: 0.8em;}
a#closeForum:visited { color: #6a7773;}

table.forumline td.pollBox {border: 3px double #202222;}
table.forumline td.pollBox table td {}



/* \*/
* html input, * html select {font-size: 100%;}
* html textarea {font-size: 110%;}
/* */