body
{
  color: #000;
  font-family: Georgia, Times, Helvetica, serif;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
}

a
{
  color: #000;
  text-decoration: underline;
  font-weight: bold;
  font-size: 10px;
  padding-right: 12px;
  background-image: url(bullets/link.png);
  background-position: center right;
  background-repeat: no-repeat;
}

a.none
{
  padding-right: 0px;
  background-image: none;
}

a.email { background-image: url(bullets/email.png); }
a.external { background-image: url(bullets/world.png); }

a:hover
{
  text-decoration: none;
}

a:active
{
  color: #776b28;
}

img
{
  border: 0px;
}

p
{
  margin-top: 2px;
  margin-bottom: 8px;
}

.author, .username
{
  font-weight: bold;
}

.date
{
  font-style: italic;
  font-size: smaller;
  margin-left: 3px;
  margin-right: 6px;
}

.bold, .important
{
  font-weight: bold;
}

.underline
{
  text-decoration: underline;
}

.notice, .italic
{
  font-weight: normal;
  font-style: italic;
}

.error, .title, .subtitle, .label
{
  color: #7b0000;
}

.title, .subtitle
{
  font-weight: bold;
}

.label
{
  margin-top: 8px;
}


.comment
{
  margin-top: 25px;
  padding: 12px;
  font-size: 12px;
}

.comment .infos
{
  position: relative;
  border-bottom: 1px solid #000;
  margin-bottom: 3px;
}

.comment .address a
{
  background-image: url(bullets/email.png);
}

.comment .text
{
  background-color: #FFF;
  padding: 10px;
  text-align: justify;
}

.comment .text a
{
  background-image: url(bullets/world.png);
}


.state_none, .state_verynew, .state_new, 
.state_recent, .state_old, .state_veryold
{  
  margin-top: 2px;
  margin-bottom: 2px;
  height: 2px;
  border: 1px solid #000;
}

.state_none    { border: 0px; background-color: transparent; }
.state_verynew { background-color: #447f14; }
.state_new     { background-color: #ff9926; }
.state_recent  { background-color: #f42746; }
.state_old     { background-color: #783f36; }
.state_veryold  { background-color: #5b5859; }

.special_link
{
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  background-image: none;
  text-align: right;
}

.special_link a
{
  font-size: 8px;
  font-weight: normal;
  text-decoration: none;
}

/********************* MAIN DISPOSAL & STYLES ******************************/

#content
{
  background-image: url(textures/brownlight.jpg);
  background-position: top left;
}


#content #main
{
  padding-left: 185px;
  padding-right: 185px;
  padding-top: 10px;
  background-image: url(background/column.jpg);
  background-position: top left;
  background-repeat: repeat-y;
  padding-bottom: 20px;
  min-height: 1600px;
}

/* left column */
#content #border1
{
  position: absolute;
  top: 0px; left: 0px;
  width: 150px;
  background-image: url(background/dragonhead.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-top: 370px;
  padding-left: 15px;
  z-index: 1;
}

/* right column */
#content #border2
{
  position: absolute;
  width: 175px;
  border: 0px;
  top: 10px; right: 0px;
  z-index: 1;
}

#content #header
{
  top: 10px;
  padding-top: 10px;
  text-align: center;
}

#content #footer
{
  height: 220px;
  background-image: url(background/column_bottom.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
  margin: 0px;
  text-align: center;  
  padding-top: 13px;
}

#content .title
{
  margin-top: 3px;
  font-size: 18px;
  font-style: italic;
  font-family: Cursive;
}

/********************* SOME IMAGES ******************************/

.banner_title
{
  height: 33px;
  background-image: url(banners/title.jpg); 
  background-position: center; 
  background-repeat: no-repeat;
}

.banner_blank, .banner_gold, .banner_calendar, .banner_games, .banner_about, .banner_news, .banner_black,
.banner_poll, .banner_faq, .banner_about, .banner_links, .banner_situs, .banner_bloodbowl, .banner_harpemail
{
  height: 115px;
  background-position: center; 
  background-repeat: no-repeat;
}

.banner_blank     { background-image: url(banners/blank.jpg); }
.banner_gold      { background-image: url(banners/goldbook.jpg); }
.banner_calendar  { background-image: url(banners/meetings.jpg); }
.banner_situs     { background-image: url(banners/blank.jpg); }
.banner_games     { background-image: url(banners/games.jpg); }
.banner_news      { background-image: url(banners/news.jpg); }
.banner_black     { background-image: url(banners/black.jpg); }
.banner_poll      { background-image: url(banners/polling.jpg); }
.banner_about     { background-image: url(banners/about.jpg); }
.banner_faq       { background-image: url(banners/faq.jpg); }
.banner_about     { background-image: url(banners/about.jpg); }
.banner_links     { background-image: url(banners/links.jpg); }
.banner_bloodbowl { background-image: url(banners/blank.jpg); }
.banner_harpemail { background-image: url(banners/blank.jpg); }

/********************* BORDER1 ******************************/

#border1 #menu
{
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
  padding: 0px;
  margin-bottom: 50px;
  opacity: 0.6;
}

#border1 #menu .links
{
  background-image: url(textures/whiterunes.jpg);
  background-repeat: repeat;
  padding: 12px;
  margin: 0px;
}

#border1 #menu .links .category
{
  margin-top: 5px;
  font-size: 10px;
  font-weight: bold;
  color: #7b0000;
}

.links
{
  list-style: none inside;
  margin: 0px;
  padding: 0px;
}

.links .none, .links .verynew, .links .new, .links .recent, .links .old, .links .veryold 
{ 
  margin-bottom: 2px;
  margin-left: 0px;
  padding-left: 8px; 
  background-repeat: no-repeat;
  background-position: center left; 
}

.links .verynew { background-image: url(bullets/green.gif); }
.links .new { background-image: url(bullets/orange.gif); }
.links .recent { background-image: url(bullets/red.gif); }
.links .old { background-image: url(bullets/brown.gif); }
.links .veryold { background-image: url(bullets/gray.gif); }

#border1 #dock .tolkien_calendar
{
  position: absolute;
  top: 5px;
  left: 5px;
  width: 179px;
  height: 104px;
  padding-top: 15px;
  font-size: 11px;
  text-align: center;
  color: #09240d;
  font-weight: bold;
  background-image: url(background/tree.png);
  background-position: top left;
  background-repeat: no-repeat;
  opacity: 0.7;
}

#border1 #dock .black_sample
{
  position: absolute;
  width: 115px;
  top: 118px; 
  left: 58px;
}

#border1 #dock .black_sample .author
{
  font-weight: normal;
  font-size: smaller;
  font-style: italic;
  margin-left: 5px;
}

#polling
{
  position: relative;
}

#polling .comments
{
  margin-top: 15px;
  padding-right: 250px;
}

#poll
{
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
  padding: 0px;
  opacity: 0.6;
}

#pollview
{
  position: absolute;
  right: 0px;
  margin-top: 20px;
  width: 250px;
}

#poll .apoll
{
  background-image: url(textures/whiterunes.jpg);
  background-repeat: repeat;
  padding: 5px;
  margin: 0px;
}

#poll .apoll .author
{
  font-weight: normal;
  margin-top: 10px;
  text-align: right;
}

#poll .apoll .total
{
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
}

#poll .apoll .list
{
  list-style: none inside; 
  padding: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}

#poll .apoll .list .choice
{
  border-top: 5px;
  border-bottom: 1px dotted #676029;
  padding-bottom: 4px;
}

#poll_content, #gold_content
{
  margin: 15px;
  background-image: url(textures/brownlight.jpg);
  background-position: top left;
}


/** common for poll and gold **/

#poll_content .comment, #gold_content .comment
{
  margin: 0px;
  text-align: center;
  border: 1px solid #000;
}

#poll_content .comment .subtitle, #gold_content .comment .subtitle
{
  padding-top: 10px;
}

#poll_content .comment .header, #gold_content .comment .header
{
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
  background-color: #000;
  color: #FFF;
}

#poll_content .comment .form, #gold_content .comment .form
{
  text-align: left;
  margin: 10px;
}

#poll_content .comment .form .input, #gold_content .comment .form .input
{
  width: 100%;
}

#poll_content .comment .form .textarea, #gold_content .comment .form .textarea
{
  width: 100%;
  height: 100%;
}

#gold_content .notice
{
  font-style: italic;
  margin-top: 15px;
}

#gold_content .notice .title
{
  text-decoration: underline;
  margin-right: 5px;
}



/********************* BORDER2 ******************************/

#border2 .frame
{
  padding: 0px;
  margin-top: 15px;
  background-image: url(blocks/thick_middle.jpg);
}

#border2 .frame .header_gallery, #border2 .frame .header_forum, #border2 .frame .header_empty
{
  background-repeat: no-repeat;
  height: 54px;
  width: 175px;
}

#border2 .frame .header_gallery { background-image: url(blocks/thick_top_picture.jpg); }
#border2 .frame .header_forum { background-image: url(blocks/thick_top_post.jpg); }
#border2 .frame .header_empty { background-image: url(blocks/thick_top_empty.jpg); }


#border2 .frame .footer
{
  background-image: url(blocks/thick_bottom.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 175px;
}

#border2 .frame .content
{
  border: 0px;
  margin: 0px;
  padding-left: 25px; 
  padding-right: 25px;
  text-align: center;
  color: #676029;
  font-size: 9px;
}

#border2 .frame .content .list
{
  list-style: none outside;
  text-align: left;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}

#border2 .frame .content .list .forum
{
  margin-top: 8px;
  color: #7b0000;
  font-weight: bold;
  font-size: 10px;
}

#border2 .frame .content .list .author
{
  font-weight: normal;
  font-style: italic;
  text-align: center;
}

#border2 .frame img
{
  border: 1px solid #000;
  background-color: #FFF;
}

#border2 .frame .content .event
{
  list-style: none;
  margin-bottom: 25px;
  margin-left: 0px;
  text-align: left;
  padding: 0px;
}

#border2 .event .title
{
  font-size: 14px;
}

#border2 .event .infos
{
  color: #000;
  height: 45px;
}

#border2 .event .infos .avatar
{
  float: left;
  margin-right: 2px;
  width: 42px;
}

#border2 .event .description
{
  text-align: justify;
}



/********************* HEADER ******************************/

#header .page_description
{
  padding-left: 200px;
  padding-right: 200px;
  text-align: justify;
  color: #676029;
  font-style: italic;
  font-size: 12px;
}

#header .page_banner
{
}


/********************* FOOTER ******************************/


#footer .infos
{
  position: relative;
  margin-left: 100px;
  margin-right: 100px;
  background-image: url(textures/white.jpg);
  background-repeat: repeat;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 10px;
  text-align: justify;
  font-size: 12px;
  height: 170px;
}


/********************* CHAT ******************************/

#main #chat
{
  font-size: 11px;
  padding: 8px;
  margin-top: 15px;
  background-image: url(textures/greendark.jpg);
  background-repeat: repeat;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
}

#chat .messages
{
  list-style: none outside;
  margin-left: 0px;
  padding-left: 10px;
}

#chat .entry, #chat .entry_over
{
  margin-top: 3px;
}

#chat .entry_over
{
  background-image: url(textures/greenlight.jpg);
  background-repeat: repeat;
}

#chat .text1
{
  color: #3a1d09;
}

#chat .text2
{
  color: #444;
}

#chat .smileys
{
  margin-top: 3px;
}


/********************* NEWS & SITUS ******************************/

#news .article, #news .articleNew, 
#situs_preview .situ, #situs_preview .situNew
{
  margin-top: 25px;
  padding: 12px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
  background-image: url(textures/greenlight.jpg);
  background-repeat: repeat;
  font-size: 13px;
}

#news .article .title
{
  background-image: url(icons/article.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  height: 30px;
}


#news .articleNew .title
{
  background-image: url(icons/articleNew.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  height: 30px;
}


#situs_preview .situ .title
{
  background-image: url(icons/situ.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  height: 50px;
}

#situs_preview .situNew .title
{
  background-image: url(icons/situNew.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  height: 50px;
}

#news .article .text, #news .articleNew .text, 
#situs_preview .situ .text, #situs_preview .situNew .text
{
  color: #45543c;
  text-align: justify;
}

#news .article .infos, #news .articleNew .infos, 
#situs_preview .situ .infos, #situs_preview .situNew .infos
{
  position: relative;
  font-size: smaller;
  margin-top: 5px;
  padding-top: 2px;
  border-top: 1px dashed #676029;
}

#news .infos .links, 
#situs_preview .situ .links, #situs_preview .situNew .links
{
  position: absolute;
  text-align: right;
  right: 0px;
  bottom: 0px;
}

#news .comment_add, 
#situs_preview .situ .comment_add, #situs_preview .situNew .comment_add
{
  padding: 20px;
}

#news .links, #polling .links, 
#situs_preview .situ .links, #situs_preview .situNew .links
{
  list-style: none inside;
  margin-left: 0px;
  padding-left: 0px;
}

#news .archive, #news .archiveExternal, #polling .archive
{
  margin-top: 20px;
  margin-left: 20px;
}

#news .archiveExternal a
{
  background-image: url(bullets/world.png);
}

/********************* GOLDEN BOOK ******************************/

#main .preface
{
  margin-top: 25px;
  padding: 12px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
  background-image: url(textures/greendark.jpg);
  background-repeat: repeat;
  font-size: 13px;
  text-align: justify;
}

#gold .comments
{
  width: 100%;
  border-width: 3px;
  display: table-row;
}

#gold .comments .last, #gold .comments .random
{
  width: 42%;
  float: left;
  display: table-cell;
  margin: 25px 5px 5px 5px;
  padding: 12px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
  background-image: url(textures/greenlight.jpg);
  background-repeat: repeat;
  text-align: justify;
  font-size: 13px;
}

#gold .comments .entry
{
  margin-top: 20px;
}

#gold .comments .header
{
  border-bottom: 1px dashed #676029;
  padding-bottom: 2px;
  margin-bottom: 3px;
}

/********************* CALENDAR ******************************/

#main #calendar
{
 
}

#calendar .daynum a
{
  font-size: 16px;
  color: #621608;
  background-image: none;
}

#calendar .header
{
  position: relative;
}

#calendar .header .month_switch
{
  position: absolute;
  text-align: left;
  left: 0px;
  bottom: 0px;
}

#calendar .header .month
{
  margin-left: 5px;
  font-size: 15px; 
  font-weight: bold;
}

#calendar .header .calendar_switch
{
  position: absolute;
  text-align: right;
  right: 0px;
  bottom: 0px;
}

#calendar .content
{
  display: table;
  border-collapse: collapse;
  margin-top: 5px;
  background-image: url(textures/whiterunes.jpg);
  background-repeat: repeat;
  background-position: bottom left;
  border: 1px solid red;
}

#calendar .event
{
  padding-bottom: 3px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #621608;
}

#calendar .group0, #calendar .group1, #calendar .group2
{
  margin-top: 3px;
  padding-top: 18px;
  background-repeat: no-repeat;
  background-position: top center;
}

#calendar .group0 { background-image: url(icons/unknown.png); }
#calendar .group1 { background-image: url(icons/chet.png); }
#calendar .group2 { background-image: url(icons/genie.png); }
  

#calendar .row_title
{
  background-color: #621608;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

#calendar .row_title, #calendar .row
{
  display: table-row;
}

#calendar .cell_title
{
  width: 14%;
  display: table-cell;
  border: 1px solid #000;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

#calendar .subject
{
  padding-left: 5px;
  padding-right: 0px;
}

#calendar .subject a, #calendar .subject_repeat a
{
  padding: 0px;
  font-size: smaller;
  text-decoration: underline;
  background-image: none;
  color: #676029;
}

#calendar .subjet_repeat a
{
  font-style: italic;
}

#calendar .date
{
  text-align: center;
}

#calendar .cell_empty, #calendar .cell_today, #calendar .cell
{
  width: 14%;
  height: 30px;
  display: table-cell;
  border: 1px solid #000;
  padding: 3px;
}

#calendar .cell_today
{
  background-color: #c3b083;
}

#calendar .cancelled
{
  text-decoration: line-through;
}

#calendar .cell_empty
{
  background-color: #999;
  opacity: 0.6;
}

#calendar .username_repeat
{
  font-weight: bold;
  font-style: italic;
}

#calendar .description
{
  text-align: justify;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 50px;
}

#calendar .part
{
  margin-top: 30px;
}

/********************* SITUS *****************************/

#main #situs
{ 
  font-size: 11px;
  padding: 8px;
  margin: 15px;
  background-image: url(textures/greendark.jpg);
  background-repeat: repeat;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
}

#situs .content
{
  display: table;
}

#situs .title
{
  margin-bottom: 20px;
}

#situs .rowtitle
{
  font-size: 12px;
  display: table-row;
}

#situs .row
{
  display: table-row;
}

#situs .label, #situs .name, #situs .username, #situs .count, #situs .action, #situs .date, #situs .links
{
  padding-left: 0px;
  padding-right: 10px;
  display: table-cell;
}

#situs .label
{
  text-decoration: underline;
  padding-bottom: 10px;
}

#situs .username 
{
  font-weight: normal;
}

#situs .count 
{
  text-align: center;
}

#situs .description
{
  border-top: 1px dashed #FFFFFF;
  border-bottom: 1px dashed #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: justify;
}

#situs .warning
{
  font-style: italic;
}

#situs .emptyrow
{
  display: table-row;
  height: 15px;
}

#situs .rowedit
{
  display: table-row;
  margin-top: 10px;
}


/********************* GAME ******************************/

#main #games .game
{
  margin-top: 25px;
  text-align: center;
}

#games .header, #games .name, #games .character, #games .photo, #games .cs, #games .race, 
#games .prof, #games .level
{
  border-right: 1px dotted #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#games .header
{
  font-weight: bold;
}

#games .name
{
  border-top: 1px dotted #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

#games .photo, #games .character, #games .cs, #games .race, #games .prof, #games .level
{
  text-align: center;
}

#games .cs
{
  border-bottom: 1px dotted #ffffff;
}

/********************* BANNER ******************************/

.banner_message
{
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
  background-image: url(textures/white.jpg);
  background-repeat: repeat;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.banner_message .content
{
  padding: 8px;
}

.banner_message .logo
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  min-height: 160px;
}



/********************* BLACK ******************************/

#main #black .filters
{
  margin: 10px;
}

#main #black .entries
{
  display: table;
  margin-top: 15px;
  padding: 12px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
  background-image: url(textures/greenlight.jpg);
  background-repeat: repeat;
}

#main #black .entry, #main #black .entry_over
{
  display: table-row;
}

#main #black .entry_over
{
  background-image: url(textures/greendark.jpg);
  background-repeat: repeat;
}


#main #black .author, #main #black .game, #main #black .date, #main #black .text1, #main #black .text2
{
  display: table-cell;
  padding: 5px;
  border-bottom: 2px dotted #FFF;
}

#main #black .links
{
  display: table-cell;
  width: 20px;
}

#main #black .author
{
  width: 60px;
}

#main #black .game
{
  width: 70px;
  text-align: center;
}

#main #black .date
{
  width: 100px;
  text-align: center;
}

#main #black .text1
{
  color: #3a1d09;
  font-size: 12px;
  text-align: justify;
}

#main #black .text2
{
  color: #676029;
  font-size: 12px;
  text-align: justify;
}

#main #black .actions
{
  margin-top: 15px;
  text-align: center;
  width: 100%;
}

/********************* FAQ & ABOUT ******************************/

#faq .subtitle, #about .title
{
  margin-top: 10px;
}

/********************* SMALL GALLERY ******************************/

.gallery
{
  position: relative;
  width: 175px;
  height: 178px;
  margin-top: 30px;
}

.gallery .picture_frame
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 175px;
  height: 178px;
  background-image: url(gallery/frame.png);
  background-repeat: no-repeat;
  z-index: 1px;
}

/********************* SMALL GALLERY ******************************/

#links
{
  float: none;
}

#links .title
{
  margin-top: 25px;
  margin-bottom: 10px;
  text-align: center;
}

#links .categ_list
{
  float: none;
  width: 100%;
}

#links .link_categ
{
  float: left;
  width: 250px;
  height: 170px;
  padding: 5px;
  margin: 5px;
  background-image: url(textures/greenlight.jpg);
  background-repeat: repeat;  
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
}

#links .link_categ .name, #links .link_categ .name_over
{
  height: 45px;
  padding-left: 45px;
  background-repeat: no-repeat;  
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}

#links .link_categ .name
{
  background-image: url(background/icontree.png);
}

#links .link_categ .name_over
{
  background-image: url(background/icontext.png);
}

#links .link_list
{
  padding: 5px;
  margin: 5px;
  background-image: url(textures/greenlight.jpg);
  background-repeat: repeat;  
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #676029;
  border-right: 1px solid #676029;
}

#links .header
{
  width: 100%;
  float: none;
}

#links .link
{
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #FFF;
}

#links .link .name
{
  float: left;
  width: 50%;
  text-align: left;
}

#links .link .infos
{
  float: left;
  width: 50%;
  text-align: right;
  font-style: italic;  
}

#links .descr
{
  text-align: justify;
}

#links .notice
{
  padding: 10px;
  text-align: center;
}