body {margin: 0; padding: 0; font-size: 100%; background: #ffffff; color: #555555;}

.hide {display: none;}
.clear {clear: both; float: none; height: 1px; margin: -1px 0 0 0; overflow: hidden;}

#body, input, select, textarea {font-family: arial, helvetica, sans-serif;}
table, #forumHeader {font-size: 0.8em; line-height: 1.5em;}
table table {font-size: 1em; line-height: 1em;}
input, select, textarea {font-size: 1em;}

#headerWrapper, #box, #footerWrapper {width: 100%; text-align: center;}
#header, #forum, #footer {width: 985px; margin: 0px auto; position: relative; text-align: left;}

#forum {padding: 0 0 46px 0;}

#box {background: url(http://www.anttituisku.fi/images2009/box_bg.gif) no-repeat transparent; background-position: 50% -40px; position: relative;}
#boxWrapper {background: url(http://www.anttituisku.fi/images2009/box_bg_c.gif) repeat-x #211f21; background-position: 0px -40px;}

#header {width: 985px; height: 203px; position: relative;}
#header h1 {width: 985px; height: 135px; margin: 0; padding: 0; background: url(http://www.anttituisku.fi/images2009/logo.gif) no-repeat transparent; background-position: 31px 78px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; border-bottom: 1px solid #e1ddd5; position: relative;}
#headerWrapper .rb {display: block; width: 50%; height: 135px; border-bottom: 1px solid #e1ddd5; position: absolute; right: 0px; top: 0px; z-index: 1;}

#mainMenu {width: 566px; height: 54px; position: absolute; left: 23px; top: 135px; z-index: 2;}
#mainMenu a, #mainMenu b {display: block; float: left; height: 54px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; position: relative; outline: none;}
#mainMenu a:hover span, #externalMenu a:hover span, #mainMenu b span {display: block; width: 11px; height: 7px; position: absolute; top: 0px; left: 50%; margin-left: -5px; background: url(http://www.anttituisku.fi/images2009/menu_bullet.gif) no-repeat transparent;}

#b_index    {width: 68px; background: url(http://www.anttituisku.fi/images2009/b_local_normal.gif) no-repeat transparent; background-position: 9px 19px;}
#b_paivakirja {width: 87px; background: url(http://www.anttituisku.fi/images2009/b_local_normal.gif) no-repeat transparent; background-position: -59px 19px;}
#b_biografia  {width: 89px; background: url(http://www.anttituisku.fi/images2009/b_local_normal.gif) no-repeat transparent; background-position: -146px 19px;}
#b_musiikki   {width: 76px; background: url(http://www.anttituisku.fi/images2009/b_local_normal.gif) no-repeat transparent; background-position: -235px 19px;}
#b_keikat     {width: 59px; background: url(http://www.anttituisku.fi/images2009/b_local_normal.gif) no-repeat transparent; background-position: -311px 19px;}
#b_fanclub    {width: 82px; background: url(http://www.anttituisku.fi/images2009/b_local_normal.gif) no-repeat transparent; background-position: -370px 19px;}
b#b_keskustelu {width: 95px; background: url(http://www.anttituisku.fi/images2009/b_local_active.gif) no-repeat transparent; background-position: -452px 19px;}

#externalMenu {width: 295px; height: 54px; position: absolute; right: 23px; top: 135px; z-index: 3;}
#externalMenu a {display: block; float: left; height: 54px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; position: relative; outline: none;}
#b_kauppa    {width: 65px; background: url(http://www.anttituisku.fi/images2009/b_external_normal.gif) no-repeat transparent; background-position: 9px 19px;}
#b_myspace    {width: 75px; background: url(http://www.anttituisku.fi/images2009/b_external_normal.gif) no-repeat transparent; background-position: -56px 19px;}
#b_facebook    {width: 86px; background: url(http://www.anttituisku.fi/images2009/b_external_normal.gif) no-repeat transparent; background-position: -131px 19px;}
#b_twitter    {width: 69px; background: url(http://www.anttituisku.fi/images2009/b_external_normal.gif) no-repeat transparent; background-position: -217px 19px;}

#footer {height: 100px;}
#footer a {display: block; position: absolute; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; outline: none;}
#providers {width: 173px; height: 43px; background: url(http://www.anttituisku.fi/images2009/providers.gif) no-repeat transparent; position: absolute; left: 32px; top: 26px;}
#providers .warner {width: 63px; height: 43px; left: 0px; top: 0px;}
#providers .popgram {width: 96px; height: 26px; left: 77px; top: 12px;}
#sponsors {width: 317px; height: 24px; background: url(http://www.anttituisku.fi/images2009/sponsors.gif) no-repeat transparent; position: absolute; right: 32px; top: 34px;}
#sponsors .elixia {width: 61px; height: 11px; left: 0px; top: 7px;}
#sponsors .reebok {width: 60px; height: 13px; left: 84px; top: 6px;}
#sponsors .tigi {width: 48px; height: 24px; left: 165px; top: 0px;}
#sponsors .silja {width: 83px; height: 20px; right: 0px; top: 0px;}



/* ------ */


div#forumMenu {border-bottom: 1px solid #303030; margin-bottom: 18px;}
div#forumMenu p {margin: 0;}
div#forumMenu a {text-decoration: none;}
div#forumMenu p.top {float: left; padding: 10px 0 8px 32px;}
div#forumMenu p.top a {margin-right: 12px;}
div#forumMenu p.bottom {float: right; padding: 10px 32px 8px 0;}
div#forumMenu p.bottom a {margin-left: 12px;}
p#copyright {font-style: italic; text-align: center; margin: 0; font-size: 80%; color: #404444; padding-bottom: 18px;}
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;}

div.mainTitle {margin: 0px 0px 4px 0px;}
div.mainTitle h2 {margin: 5px 0px 11px 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: 0 0 4px 0; font-weight: normal;}
div.forumSummary h3 a {text-decoration: none;}
div.forumSummary h3 a:visited {}
div.forumSummary h3 a:hover {color: #333333; text-decoration: underline;}
div.forumSummary p {margin: 0px;}
div.forumSummary p.moderators {}
div.forumSummary p.moderators a {text-decoration: none; color: #555555;}
div.forumSummary p.moderators a:hover {text-decoration: underline; color: #333333;}

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; color: #ffffff;}
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: #333333;}
td.topicSummary span.gensmall {font-weight: normal; color: #4a5350;}
td.topicSummary span.gensmall a {color: #4a5350;}
td.topicSummary span.gensmall a:hover {color: #333333;}
td.topicSummary span.topictitle b {font-weight: normal; margin-right: 3px;}
td.topicSummary span.topictitle a.topicTitle {font-weight: normal;}

table.forumline td.spaceRow {padding: 1px; background: #cccccc;}
td.poster {padding: 4px 6px; border-right: 1px solid #cccccc;}
table.forumline td.postContent {padding: 1px;}
table.forumline tr.postFooterLinks td {padding: 2px 10px;}
table.forumline tr.postFooterLinks td.userButtons {padding-left: 2px;}
td.postContent table td {padding: 1px 6px; color: #888888;}
td.postContent table {border-bottom: 1px solid #dddddd;}
div.postbody {padding: 14px 17px;}
div.postbody a:visited {color: #555555;}
div.postbody a:hover {text-decoration: underline; color: #333333;}
div.messageEdited {font-style: italic; color: #888888; padding: 2px 14px 9px 14px; font-size: 90%;}
span.postSignature {color: #4a5350;}
td.userButtons img {vertical-align: top; margin: 0px;}
td.postButtons img {vertical-align: middle; margin: 1px 0px 3px 0px;}

table.forumline h2.forumCategory {margin: 0px; font-size: 145%; padding: 4px 10px 3px 10px; letter-spacing: 0px;}
table.forumline h2.forumCategory a:link, table.forumline h2.forumCategory a:visited {text-decoration: none; color: #333333;}
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: #ffffff;}
table.forumline div.topicPrevNext a:hover {color: #333333;}

/* General font families for common tags */
a:link, a:visited {color: #9a9075; text-decoration: none;}
a:active {color: #ffffff;}
a:hover {color: #ffffff; text-decoration: underline;}
hr	{ height: 0px; border: 1px solid #202222;}

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

table.forumline a:link {color: #9a9075;}
table.forumline a:active {color: #000000;}
table.forumline a:visited {color: #9a9075;}
table.forumline a:hover {color: #333333;}

div.tableWrapper {margin: 8px 0px; width: 100%; border: 1px solid #404040;}

/* 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;}
table.forumline td.forumIcon {padding-left: 20px; 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: #9a9075;}

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 #d4d4d4;}

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: normal;
   padding: 11px 3px 7px 3px;
   background: url(http://www.anttituisku.fi/images2009/box_gray.gif) repeat-x #e5e5e5;
   color: #333333;
}

table.forumline td.cat, table.forumline td.catHead, table.forumline td.catLeft, table.forumline td.catRight { background: #bbb299; border-top: none; border-bottom: 1px solid #ffffff;}
td.catSides {background: transparent;}
table.forumline td.catLeft, table.forumline td.catRight, table.forumline td.catHead {}
table.forumline td.catBottom {background: #bbb299; border-top: 1px solid #8b8269;}
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 */
table.forumline td.poster .minordetails {color: #aaaaaa;}
table.forumline td.poster .name {font-size: 110%; color: #9a9075;}

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

/* 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 #cccccc; 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 #cccccc; padding: 6px 10px; margin-left: 16px; font-size: 90%; color: #777777;}
div.quote div.quote, div.quote div.quoteSource {font-size: 100%;}


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

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color: #211f21;
   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;}

table.forumline td.pollBox {background: #e4e4e4; border-bottom: 1px solid #ffffff;}
table.forumline td.pollBox td td td {padding: 0px;}
table.forumline td.pollBox .gen b {font-size: 120%;}
h3.pollQuestion {font-size: 170%; margin: 0;}


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