@import url("gfx/famfamfam-flags.css");

*
{
  box-sizing: border-box;
}
html
{
  margin: 0;
  padding: 0;
}
body
{
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10px;
  background: #999999;
  color: #CCCCCC;
  margin: 0;
}

a
{
  color: #FFFFFF;
  text-decoration: none;
}

a:active
{
  color: #333333;
  text-decoration: underline;
}

a:visited
{
  color: #FFFFFF;
}

a:hover
{
  text-decoration: underline;
}

.menu
{
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.0;
}

.text_width
{
  letter-spacing: 5px;
  color: #FFFFFF;
  background-color: #CC0000;
}

.inverted_bg_text
{
  color: #FFFFFF;
  background-color: #CC0000;
}

.photobg
{
	background-color: #FFFFFF;
}

small.date
{
  font-size: 80%;
  color: #666;
}

.paginator ul
{
  text-transform: lowercase;
  padding: 0;
}

#news .paginator ul
{
  text-align: right;
  margin: 12px 20px 0;
}

.paginator li
{
  display: inline;
  margin-right: 3px;
}

.paginator li.selected
{
  color: #FFFFFF;
  background-color: #CC0000;
  font-weight: bold;
}

body#news
{
  background: rgb(102, 102, 102);
  width: 100%;
  padding-top: 1px;
}

body#news dl
{
  margin: 0;
}
body#news dt
{
  background: rgb(51, 51, 51);
  font-weight: bold;
  color: white;
  padding: 3px;
  margin: 3px;
  width: 344px;
}

body#news dd
{
  padding: 3px;
  margin: 3px;
  width: 338px;
}

body#news dd .addedby a
{
  font-weight: bold;
}

body#top #container
{
  background: url("gfx/v3layout_05.gif");
}

body#top #logo
{
  font-size: 0;
}

body#top ul
{
  display: block;
  height: 44px;
  width: 367px;
  background-color: rgb(204, 0, 0);
  margin: 0;
  padding: 4px 3.5px;
}

body#top ul li
{
  display: inline-block;
  text-transform: uppercase;
}

body#top ul li a
{
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0;
}

body#top ul li:after
{
  content: " |";
}

body.text,
body.thumbs
{
  background: #666666;
  padding: 3px;
}

body.text h1,
body.thumbs h1,
body #headerWrap
{
  background: rgb(51, 51, 51);
  font-size: 10px;
  padding: 3px;
  margin: 0;
  margin-bottom: 6px;
}
body.text h1,
body.thumbs h1
{
  text-transform: uppercase;
}

body #headerWrap
{
  padding-left: 1.5px;
}

body.thumbs h1 a.main,
body #headerWrap span
{
  font-weight: bold;
}

body #headerWrap h1
{
  display: inline;
}

body.thumbs .paginator
{
  margin: 0;
  margin-left: 8px;
}
body.thumbs .paginator ul
{
  margin: 0;
}

body.text h2
{
  color: white;
  font-size: 10px;
  text-transform: uppercase;
}

body#faq dt
{
  font-weight: bold;
}

body#faq dt:before
{
  content: "Q";
  color: red;
  margin-right: 5px;
  display: inline-block;
}

body#faq dd
{
  margin: 10px 0;
}

body#faq dd:before
{
  content: "A";
  color: white;
  background: red;
  margin-right: 5px;
  display: inline-block;
}

body#comments ul,
body#partyreports ul,
body#interviews ul,
body#films ul,
body#stats ul,
body#attendees ul
{
  margin: 0;
  margin-left: 3px;
  padding: 0;
}

body#comments li,
body#partyreports li,
body#interviews li,
body#films li,
body#stats li,
body#attendees li
{
  list-style: none;
  margin: 0;
  margin-bottom: 12px;
  padding: 0;
}

body#stats li,
body#attendees li
{
  margin: 0;
}

body#films li:before,
body#stats li:before,
body#comments li:before,
body#partyreports li:before,
body#interviews li:before,
body#films li:before,
body#attendees li:before
{
  content: "+ ";
  color: red;
}

body#comments li span
{
  display: block;
  font-style: italic;
}

dl.contact
{
  width: 350px;
  margin: 13px 4px;
  display: grid;
  grid-template-columns: 130px 200px;
}

dl.contact dt
{
  background: #333333;
  color: rgb(204, 204, 204);
  margin-bottom: 1px;
  padding: 2px;

  display: flex;
  align-items: center;
}

dl.contact dd
{
  display: inline-block;
  margin: 0px;
  padding: 2px;
}

dl.contact a.handle
{
  letter-spacing: 5px;
  color: #FFFFFF;
  background-color: #CC0000;
  font-weight: bold;
}

ul.pics
{
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.pics li
{
  margin: 3px;
  margin-left: 6px;
  margin-bottom: 6px;
}
ul.pics li img,
ul.pics li p
{
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
ul.pics li img
{
/*
  width: 106px;
  height: 106px;
*/
  border: 3px solid white;
}
ul.pics li p
{
  margin-left: 8px;
  width: 230px;
}
ul.pics li p:before
{
  content: "+ ";
  color: red;
}
body.thumbs .back
{
  margin-left: 6px;
  margin-top: 20px;
}
body.thumbs .back:before
{
  content: "+ ";
  color: red;
}
.navigation
{
  text-transform: uppercase;
}
.listing p.header
{
  background: #CC0000;
  color: white;
  font-weight: bold;
  display: table;
  margin: 0;
  padding: 0;
  margin-top: 12px;
  margin-left: 3px;
}
.listing ul,
.listing ul li
{
  list-style: none;
  margin: 0;
  padding: 0;
}
.listing ul li
{
  padding-left: 3px;
}
.listing ul li:before
{
  content: "+ ";
  color: red;
}
.listing .sublist li
{
  margin: 6px;
  margin-left: 36px;
}
body#news > p
{
  margin-left: 6px;
}
.rss-icon
{
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}
.counter span
{
  background: #CC0000;
  color: white;
}
html#photo
{
  background: #999999;
}
body#photo
{
  background: white;
  color: black;
  padding: 0px 20px 20px 20px;
  display: table;
}
body#photo a
{
  color: black;
}
body#photo .comments,
body#photo #description
{
  margin-top: 0;
}
body#photo #description a
{
  border-bottom: 1px dashed #c0c0c0;
}
body#photo h2,
body#photo h2 a,
body#showtext h1
{
  letter-spacing: 5px;
  color: #FFFFFF;
  background-color: #CC0000;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  display: inline-block;
  margin: 0;
}
body#photo .picinfo
{
  padding: 0;
  font-style: italic;
  list-style: none;
}
body#photo .comments dt a
{
  font-weight: bold;
}
body#photo .comments dd
{
  margin-left: 20px;
}
body#photo #image
{
  margin-bottom: 20px;
}
body#photo #image img
{
  max-width: 100%;
}
body#photo #resolutions
{
  margin: 3px 0 6px;
}
body#editinfo textarea,
body#photo textarea
{
  width: 260px;
  height: 100px;
  display: block;
}
body#user #thumbnail
{
  width: 110px;
}
body#user #thumbnail, body#user #info 
{
  display: inline-block;
  vertical-align: top;
}
body#user #thumbnail img 
{
  border: 5px solid #CCCCCC;
}
body#user #thumbnail ul 
{
  list-style: none;
  padding: 0;
  margin: 0;
}
body#user dl#userInfo
{
  margin: 0;
  display: grid;
  width: 290px;
  grid-template-columns: 110px auto;
}
body#user dl#userInfo dt
{
  background: #333333;
  color: rgb(204, 204, 204);
  margin: 1px;
  padding: 0px;
  text-transform: lowercase;

  display: flex;
  align-items: center;
}
body#user dl#userInfo dd
{
  display: inline-block;
  margin: 1px;
  padding: 0px;
  background: #CC0000;
}
body#search form,
body#editinfo form
{
  padding: 5px;
}
body#search form label
{
  display: block;
}
body#sceneidlink form input[type=submit],
body#login form input[type=submit],
body#search form input[type=submit],
body#editinfo form input[type=submit]
{
  margin-top: 20px;
  display: block;
}
body#sceneidlink form label,
body#login form label,
body#editinfo form label,
body#editinfo #functions p
{
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
}
body#editinfo form label,
body#editinfo #functions p
{
  margin-top: 20px;
  margin-bottom: 0;
}
body#editinfo #functions label
{
  margin: 0;
  text-transform: lowercase;
  font-weight: normal;
}
body#sceneidlink #error,
body#login #error,
body#editinfo #error
{
  display: table;
  background: red;
  color: white;
  font-weight: bold;
  letter-spacing: 5px;
  margin-top: 5px;
}

body#showtext
{
  padding: 10px;
  color: black;
}
body#showtext h1
{
  display: table;
}

[class^="famfamfam-flag"],
[class*=" famfamfam-flag"] {
  color: transparent;
  overflow: hidden;
  text-indent: 50px;
}