/*

  QUOTES
  erstmal ranzig hier oben - werden noch einsortiert, wenn neuer BB-Code steht
  
*/

p.quote-nick, p.quote-text {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  border: 1px dashed #807D72;
}

table.board tbody tr.post-row-odd td.post-value p.quote-nick {
  background-color: #807D72;
  font-weight: bold;
  color: #faf4de;
  border-bottom: 0;
  margin-bottom: 0;
}

table.board tbody tr.post-row-odd td.post-value p.quote-text {
  background-color: #E1DCC8;
  color: #000000;
  border-top: 0;
  margin-top: 0;
}

table.board tbody tr.post-row td.post-value p.quote-nick {
  background-color: #807D72;
  color: #faf4de;
  font-weight: bold;
  border-bottom: 0;
  margin-bottom: 0;
}

table.board tbody tr.post-row td.post-value p.quote-text {
  background-color: #faf4de;
  color: #000000;
  border-top: 0;
  margin-top: 0;
}

/*
  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL
  
  SOME GENERAL SETTINGS USED IN THE WHOLE DOCUMENT
*/

*{
  margin: 0;
  padding: 0;
  font-family: Verdana, Tahoma, Arial, Helvetica, Times, Courier, sans-serif;
  font-size: 10px;
}

/*
  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS

  ALL COLORS USED IN THE DOCUMENT SHOULD BE DEFINED HERE
  CENTRALLY AND UNIFORMLY, EXCEPT THE BORDER COLORS, THAT HAVE THEIR OWN SECTION
  FOR CSS-STRUCTURAL REASONS.

*/

html{
  background-color: #2f2e2a; // should be #FAF4DE
}

.read-only{
  background: #F5F5F5;
}

.edit-comment{
  color: #807D72;
}

#main, #popup-window {
   background-color: #FAF4DE;
}

#quick-search-results {
  color: #faf4de;
}

.box, table, td.board-kat, #logform input, .inp-submit, .picture-box {
  background-color: #E1DCC8;
}

.box{
  color: black;
}

.upper-row-odd, .lower-row-odd, .board-kat, .post-row-odd, .thread-title, .thread-threads, .board-title, .board-posts {
  background-color: #faf4de;
}

table.board tbody tr.post-row td.post-value table tbody tr td {
   background-color: #807D72;
   color: #faf4de;
}

table.board tbody tr.post-row td.post-value table tbody tr .quote {
  background-color: #faf4de;
  color: #000000;
}

table.board tbody tr.post-row-odd td.post-value table tbody tr td {
   background-color: #807D72;
   color: #faf4de;
}

table.board tbody tr.post-row-odd td.post-value table tbody tr .quote {
   background-color: #E1DCC8;
   color: #000000;
}

.box li, .box a, .box p, .box span, table, table .forward-link, table .backward-link, table a, .forward-comment, td p, .picture-box *, #logform, .box h3, dl, dt, .pm-value-area {
  color: #000000;
}

#profile-form div.box p, 
.clan-form div.box p.cmt-clan-setup {
  color: #807D72;
}

#menu, #above-title *, #status, #status a, th, #board-footer, #quick-search label, #middle h1, h2, #menu-head {
  color: #faf4de;
}

.box label {
  color: #000000;
}

li, a, p, strike, #logform {
  color: #000000;
}

.site-list-item {
  color: #faf4de;
  background-color: #807D72;
  padding: 1px;
}

.site-list-head {
  color: #faf4de;
  background-color: #807D72;
  border: 1px solid #807D72;
}

.site-list-item span { /* active page */
  color: #faf4de;
}

a.sites-left { /* inactive page */
  color: #000000;
  background-color: #E1DCC8;
  text-decoration: none;
}

a.forward-link, a.backward-link {
  color: #faf4de;
  border: 1px solid #807D72;
}

#loginform input{
  background-color: #F0F0F0;
}

.userinfo-rank{
  color: #807D72;
}

#menu li.menu-head, #menu li a:hover, .user-quick-list-item{
  color: #faf4de;
}

.map-list-container{
  background: #FF7788;
}

/*
  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS
  
  DEFINITION OF ALL FONTS AND FONT-STYLES 
*/

#welcome, .menu-head, .current-site, .post-userinfo-nick, .userinfo-rank, dt{
  font-weight: bold;
}

#status-title p, #status-title a, #quick-search label, .picture-comment {
  font-size: 9px;
}

#menu li a span {
/*  font-size: 10px; */
}

.site-list-item span, .site-list-head, a.forward-link, a.backward-link {
  font-weight: bold;
}

.post-footer-date {
  font-weight: bold;
}


/*
  IMAGES  IMAGES  IMAGES  IMAGES  IMAGES  IMAGES
  
  DEFINITION OF IMAGES USED IN THE DOCUMENT
  SOME, LIKE THE T-BUTTONS, SHOULD BE SET TO
  FONT-SIZE 0, IF IMAGES ARE USED, TO REPLACE THE TEXTUAL
  DATA
*/

/*
  IMAGE DIMENSIONS AND LOCATIONS
  
  LOCATION AND DIMENSION FOR IMAGES TO APPEAR
*/

a.pm-link, a.mail-link{
  width: 19px;
  height: 15px;
  font-size:0;
  background-repeat: no-repeat;
  background-position: center center;
}

.folder{
  width: 16px;
  height: 17px;
}

.head-image{
  margin-top:20px;
  width: 100px; /* 110px -> 130px; */
  height: 35px;
  float:left;
  font-size: 0px;
}

.t-button-legend{
  width: 70px;
  height: 34px;
  float: right;
  font-size: 0px;
  padding-left: 4px;
  background-repeat: no-repeat;
}

.t-button-1, 
.t-button-2, 
.t-button-3, 
.t-button-4, 
.t-button-5, 
.t-button-ttt, 
.t-button-dr,
.t-button-1-selected, 
.t-button-2-selected, 
.t-button-3-selected, 
.t-button-4-selected, 
.t-button-5-selected, 
.t-button-ttt-selected, 
.t-button-dr-selected{
  float:right;
  width: 70px;
  height: 34px;
  font-size: 0px;
  padding-left: 0px;
  background-repeat: no-repeat;
}

.menu-head{
  padding-left:10px;
  width: 100px;
}

p.nice, p.error{
  padding-left:20px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

.last-post{
  margin:2px;
  width:16px;
  height: 9px;
  display: block;
  float: right;
  background-repeat: no-repeat;
  background-position: center center;  
}

/*
IMAGE DEFINITIONS

LINKS TO THE IMAGES USED CONTAINERS SHOULD BE
SET TO THE FITTING SIZE OF THE IMAGE IN THE
SECTION ABOVE
*/

.hidable *{
  visibility: hidden; 
}
.hidable {
  text-decoration: none;
}

a.forward-link, .site-list-head, .site-list-item span, a.backward-link {
  background-image: url('../../../img/baileys/above-title_gradient.gif');
}

p.nice{
  background-image: url('../../../img/default/ok.png');
}

p.error{
  background-image: url('../../../img/default/cross.gif');
}

html body{
  background-color: #2f2e2a;
}

.pm-link, .mail-link{
  background-image: url('../../../img/default/EMAIL.gif');
}

.folder-sticky{
  background-image: url('../../../img/baileys/folder_sticky.gif');
}

.folder-closed{
  background-image: url('../../../img/baileys/folder_closed.gif');
}

.folder-closed-sticky{
  background-image: url('../../../img/baileys/folder_lock_sticky.gif');
}

.folder-normal{
  background-image: url('../../../img/baileys/folder.gif');
}

.folder-sticky-new{
  background-image: url('../../../img/baileys/folder_sticky_new.gif');
}

.folder-closed-new{
  background-image: url('../../../img/baileys/folder_lock_new.gif');
}

.folder-closed-sticky-new{
  background-image: url('../../../img/baileys/folder_lock_sticky_new.gif');
}

.folder-normal-new{
  background-image: url('../../../img/baileys/folder_hot.gif');
}

.last-post{
  background-image: url('../../../img/baileys/last.gif');
}

.t-button-legend{
  background-image: url('../../../img/baileys/legende.png');
}
.t-button-1{
  background-image: url('../../../img/baileys/t1.png');
}
.t-button-2{
  background-image: url('../../../img/baileys/t2.png');
}
.t-button-3{
  background-image: url('../../../img/baileys/t3.png');
}
.t-button-4{
  background-image: url('../../../img/baileys/t4.png');
}
.t-button-ttt{
  background-image: url('../../../img/baileys/ttt.png');
}
.t-button-5{
  background-image: url('../../../img/baileys/t5.png');
}
.t-button-dr{
  background-image: url('../../../img/baileys/t5dr.png');
}
.t-button-1-selected{
  background-image: url('../../../img/baileys/t1a.png');
}
.t-button-2-selected{
  background-image: url('../../../img/baileys/t2a.png');
}
.t-button-3-selected{
  background-image: url('../../../img/baileys/t3a.png');
}
.t-button-4-selected{
  background-image: url('../../../img/baileys/t4a.png');
}
.t-button-ttt-selected{
  background-image: url('../../../img/baileys/ttta.png');
}
.t-button-5-selected{
  background-image: url('../../../img/baileys/t5a.png');
}
.t-button-dr-selected{
  background-image: url('../../../img/baileys/t5dra.png');
}

#header{
  background-image: url('../../../img/baileys/header.jpg');
  background-repeat: no-repeat;
}

.head-image{
  background: #E1DCC8;
  display: block;
  visibility: hidden; // hidable not useable, incomp with display block?
}

#above-title{
  background-image: url('../../../img/baileys/above-title_gradient.gif');
}

#under-title{
  background-image: url('../../../img/baileys/under-title_gradient_small.gif');
  background-repeat: repeat-x; /* no-repeat; */
}

#logform{
  background-image: url('../../../img/baileys/logform_background.jpg');
  background-repeat: no-repeat;
}

body{
  // background-image: url('../../../img/default/main_bg.png');
  background-color: #FAF4DE;
}

#menu li a, #left{
  background: #E1DCC8;
}

#menu li a:hover{
  background-image: url('../../../img/baileys/li_hover.gif');  
}


#menu li.menu-head{
  background-image: url('../../../img/baileys/above-title_gradient.gif');
}

h1, h2, th, #status-title, #board-footer{
  border-top: 1px solid #807D72;
  background-image: url('../../../img/baileys/above-title_gradient.gif');
}

/*
  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS
  
  BORDER DEFINITIONS IN THIS DOCUMENT
*/

td.post-value table tbody tr td {
  border: 1px dashed #807D72;
}

#left {
  border-right: 1px solid #807D72;
}

#menu li.menu-head {
  border-top: 1px solid #807D72;
}

img, .board-neu img, #quick-search label, .thread-neu img, .tiny-label, .icq{
  border: 0;
}

.news-box span{
  border-top:1px solid #888888;
}


body, .box, td, th, h1, h2, #board-footer, #loginform input, .picture-box, #width-hack {
  border: 1px solid #888888;
}

.map-list-container, .scrollable{
  border: 1px solid black;
}

label{
  border-bottom: 1px dashed #888888;
}

#menu, .box h2{
  border: 0;
  border-bottom: 1px solid #888888;
}

.error{
  border: 1px solid red;
}


/*
  AREAS  AREAS  AREAS  AREAS  AREAS
  Definition, of size, position 
  and layout of the different ares
  of the website
*/

#title, #above-title, #top, #middle, #width-hack{
  margin: 0 auto;
  padding: 0;
  width: 1000px;
}

#top{
  height: 154px; /* 120px; */
}

#above-title{
  height: 20px;
}

#welcome{
  float: left;
  margin:5px;
  height:10px;
}

#login{
  float: right;
  width: 200px;
  height:10px;
  margin:2px;
}

#title{
  height: 100px;  
}

#logform{
  float:right;
  width:200px;
  height: 95px; /* 90px; */
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  /* padding: 5px; */
}

#header{
  width: 794px;
  height: 100px;
}

#under-title{
  height: 34px;
}

#main{
  /*margin-top: 34px;
  border: 4px solid red; */
}

#left{
  clear: both;
  float: left;
  width: 110px; /* 110px -> 130px */	
  height: 1000px;
}

#middle{
  float: left;
  width: 860px; /* 860px; -> 840px */
  margin: 0px 10px 10px 10px;
}

#left-col{
	float: left;
	width: 567px;
}

#right-col{
	float: right;
	width: 273px;
}


.news-area{
  width: 500px;
  float: left;
}

.poll-area{
  width: 350px; /* 350px; -> 320px; */
  float: right;
}

#board-footer{
  margin: 0;
  margin-top: 10px;
  padding-top:5px;
  padding-left:5px;
  height: 17px;
}

.pm-value-area{
  margin: 10px;
  height: 180px;
}

/*
  WIDGETS  WIDGETS  WIDGETS  WIDGETS  WIDGETS  WIDGETS
  
  INPUT WIDGETS LIKE BUTTONS, FORM-FIELDS/LABELS SHOULD BE 
  DEFINED HERE UNIFORMLY
*/

.picture-comment {
  visibility: hidden;
  background-color: #FAF4DE;
  width: 125px;
  height: 40px;
  border: 1px solid #807D72;
}

/* leaving this hidden - hover shows alt-tag, not needed */
.picture-box:hover .picture-comment {
  /* visibility: visible; */
  position: relative;
  top: -20px;
  left: -18px;
}

.creator-form .inp-submit, .inp-submit{
  margin: 5px;
}

label, input, select, textarea, .date-widget{
  margin: 7px;
}

label{
  width: 150px;
  float: left;
  clear: left;
}

li label{
  float: none;
}

input, select, textarea, .date-widget{
  width: 250px;
  float: left;
}

input.small{
  width: 14px;
}

.creator-form .inp-submit,.inp-submit, .search-form .inp-submit{
  float: none;
  clear:both;
  width: 130px;
  display: block;
}

.tiny-widget, .search-form .tiny-widget{
  width: 13px;
  height: 13px;
  float: left;
  margin: 3px;
  margin-left: 7px;
}

.tiny-label{
  clear: none;
  width: auto;
  margin: 3px;
  margin-right: 10px;
}

.date-widget{
  padding: 0px;
}
.date-widget select{
  width: 40px;
  margin: 0;
  margin-right:2px;
}
.date-widget select.inp-year{
  width: 60px;
  margin-right:2px;
}
.date-widget span{
  float:left;
  width: 5px;
  text-align: center;
  margin-top:3px;
}

form p{
  float: left;
}

/*
  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS
  
  COMMON USED ELEMENTS FOR REPRESENTING DATA, LIKE
  BOXES, HEADLINES, LISTS, SHOULD BE DEFINED HERE UNIFORMLY
*/

#middle *{
  /*border: 1px solid red; */
}

p.error, p.nice{
  margin:0px;
  margin-bottom: 10px;
  padding:5px;
  padding-left: 25px;
}

h1, h2, th, td{
  padding-top:5px;;
  padding-left: 5px;
  height: 17px;
}

.box, h1, h2, h3, table, #board-footer, .scrollable{
  margin-bottom: 10px;
  clear: both;
}

p{ 
  clear: left;
}

form p{
  clear: none;
}

.scrollable{
  overflow: scroll;
  height: 300px;
}

form .box p, form.box p{
  width: 350px;
}

li{
  margin: 7px;
  display: list-item;
  list-style: none;
}

li p{
  display: inline;
}

p, dl, h3, dl{
  margin: 7px;
  display:block;
}

.big-row td{
  height: 30px;
  padding: 3px;
  vertical-align: middle;
}

td .forward-comment{ /*, td .forward-link */
  margin:2px;
}

p.forward-comment{
  clear: none;
}

.tiny-td{
  text-align: center;
}

a.pm-link, a.mail-link{
  display: block;
  margin: auto;
  float: none;
}

h3{
  margin-top:10px;
}

/*.box span{
  //TODO
  margin: 5px;
  padding: 5px;
}

.box span{
  text-align: right;
  display: block;
}*/

.forward-comment{
  float: left;
}

.backward-link{
  margin: 5px;
  margin-left: 0px;
  padding: 5px;
  float: left;
}

.forward-link {
  margin: 5px;
  margin-right: 0px;
  padding: 5px;
  float: right;
}

img {
  margin: 5px;
  border: 0;
}

/*table fix*/
table{
  width: 100%;
  margin-left: 1px;
  border-collapse: collapse;
}

th, td{
  height: 23px;
  padding-left:5px;
  padding-right:5px;
  vertical-align: top;
}

.post-value table tbody tr td {
  height: 15px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

dt{
  float: left;
  clear: left;
  width: 100px;
}

dt, dd{
  height:20px
}

.impressum dt{
  height: 70px;
  width: 200px;
}

.impressum dd{
  height: 70px;
}

.char-box{
  width:74px;
  height:115px;
  vertical-align: middle;
  text-align: center;
  float: left;
  clear: none;
  margin:5px;
}

.char-box img{
  float: none;
  margin: 0 auto;
}

.char-box a{
  display: block;
}

.board-title a{
  margin-left: 5px;
}

.site-list-item, .site-list-head{
  float: left;
  margin:0;
  margin-right: 3px;
  margin-top: 5px;
  list-style-type: none;
}

/*
  SPECIAL  SPECIAL  SPECIAL  SPECIAL  SPECIAL  SPECIAL
  
  IN THIS SECTION EXCEPTIONS TO THE UNIFORMLY DEFINED 
  STYLES CAN BE DEFINED, TO MAKE ONE SINGE ELEMENT
  DIFFER FROM THE OTHERS OF SAME TYPE. E.G. LOGIN FORM
  SMALLER THAN NORMAL FORMS OR WUTEVA.
*/


#logform li{
  float: left;
  list-style-type:none;
}

#top p{
  padding: 0px;
}

#logform p{
  clear: left;
}

#menu{
  padding:0;
  margin:0;
  width: 110px; /* 110px; -> 130px */
}

#menu li{
  display: block;
  width: 110px; /* 110px; -> 130px */
  margin:0;
  margin-left:0;
  list-style: none;
}

#menu li a{
  display: list-item;
  margin:0;
  height: 20px;
  padding:0px;  
  text-decoration: none;
}

.menu-head{
  display: block;
  padding:0px;
  height: 20px;
  width: 110px; /* 110px; -> 130px */
}

#menu span{
  display:block;
  height:16px;
  padding:3px;
  padding-left:7px;
}




.poll-form li{
  list-style-type: none;
}
.poll-result-box li{
  list-style: decimal;
  margin-left: 30px;
  
}
.poll-result-box *{
  margin-left: -5px;
}
.poll-result-box img{
  width: 700px;
  height: 10px;
  float: none;
}

.status-bar{
  float: none;
}

.school-list-box-b{
  margin-left:10px;
}

.school-list-box-a, .school-list-box-b{
  height: 140px;
}

.match-info-container{
  height: 188px;
  overflow: auto;
}

.school-list-box-a, 
.school-list-box-b, 
.match-info-container,
.match-map-container{
  float: left;
  width: 422px;
  clear: none;
}

.match-map-container{
  margin-right: 10px;
}

.match-map-container img{
  margin-left:10px;
  float: none;
}

.foot-breaker{
  clear: both;
}

.char-pic{
  border: 0;
  float: right;
}

.char-main-box p{
  width: 400px;
}

.upload-body{
  width: 500px;
  height: 350px;
}

#status-title{
  height: 20px;
}

#status-title p, #status-title label{
  float: left;
  clear: none;
}

#status-title label{
  width: 70px;
}

#status-title span{
  width:30px;
  height: 5px;
  text-align: left;
}

#status-title * {
  margin: 0px;
  padding-left: 3px;
  padding-top: 0;
  margin-top: 3px;
}

#status-title input{
  height: 10px;
  margin-top:2px;
}

#quick-search{
  width: 240px;
  height: 18px;
  padding:0;
  margin: 0;
  padding-left:5px;
  float: right;
}

#quick-search-field{
  width: 70px;
  margin-right:5px;
}

#quick-search-results{
  display: block;
  float: left;
  width: 50px;
}

.board-neu, .thread-neu{
  width: 28px;
  padding-left:10px;
  text-align: center;
  vertical-align: top;
}

.folder{
  margin-top:5px;
}

.last-nick{
  margin: 0;
}

.board-last, .thread-last{
  font-size:9px;
  text-align: right;
  vertical-align: middle;
  padding-right: 5px;
  width: 145px;
  margin: 0;
}

.board-last p, .thread-last p{
  margin:0;
}

.board-threads, .board-posts, .thread-threads, .thread-posts, .thread-autor, .board-mods {
  text-align: center;
  vertical-align: middle;
  width: 50px;
}

.board-title, .thread-title{
  height: 40px;
  vertical-align: middle;
}

.post-userinfo{
  width: 170px;
}

.post-userinfo *{
  margin: 0;
  margin-bottom: 3px;
}

.userinfo-avatar{
  width: 100px;
  height: 100px;
  float: none;
}

.kennst-du-schon-avatar{
  width: 100px;
  height: 100px;
  margin-right: 5px;
  float: left;
}

.post-value{
  height: 100px;
  padding-bottom:7px;
}

.post-value table {
  margin: 15px;
}

.post-signature{
  height: 20px;
}

.post-footer-opt{
  padding: 0px;
  vertical-align: middle;
}

.post-footer-opt a{
  float: left;
  margin: 0;
  margin-left: 5px;
}

.post-footer-opt a{
  margin-top: 0px;
}

.thread-last, .board-last{
  width: 150px;
}

.search-form label{
  width: 300px;
}

.search-form input, .search-form select{
  width: 300px;
}

.search-form .tiny-label{
  width: 160px;
}

.char-head-box, .char-main-box, .char-headline{
  clear: none;
}

.edit-comment{
  margin-left: 0px;
}

.creator-opt-box{
  float: left;
  width: 150px;
}

.creator-opt-box img{
  border: 0;
}

.creator-form{
  float: right;
  width: 680px;
}

.creator-form label{
  border: 0;
  width: 50px;
}

#inp-title{
  width: 615px;
}

.creator-form textarea{
  height: 200px;
  clear: left;
  width: 665px;
}

.creator-form *{
  margin: 0;
  margin-bottom: 5px;
}

.creator-form .tiny-widget{ 
 margin-right: 5px;
}

#logform p, .online-users li{
  margin-top:0px;
  margin-bottom: 2px;
}

.map-list-container{
  padding:3px;
}

.icq{
  margin: 0;
  display: inline;
  float: none;
}

.match-map-container{
  height: 588px;
}

.news-box span{
  text-align: right;
  display: block;
  margin: 3px;
  padding: 2px;
}

.user-image-holder{
  width: 110px;
}

.user-map{
  width:251px;
  height: 340px;
  float: none;
  margin-left:10px;
  margin-right:10px;
  margin-top:0;
}

.user-map-container{
  clear: none;
  width:273px;
  float: left;
  margin-top:-1px;
/*  margin-left:10px;*/
}

#user-table{
/*  width: 573px;*/
  float: left;
  text-align: left;
}

#user-table .pm-link{
  display: block;
  float: left;
}

.error ul li{
  color: red;
  display: list-item;
}

#logform *{
  margin:0;
  margin:1px;
  border: 0;
}

#logform label{
  width: 80px;
  float: left;
}

#logform input{
  width: 100px;
  padding:1px;
}

#logform .tiny-label{
  float: left;
  width: 20px;
}

#logform .tiny-widget{
  width: 15px;
  clear: left;
  margin-bottom:7px;
}

#logform #inp-ok{
  width: 30px;
  float: right;
  margin-right: 10px;
}

#login{
  clear: none;
}

#logform p{
  clear: left;
  margin-top:5px;
}

.post-value img{
  border: 0;
  float: none;
}
.creator-opt-box input{
  width: 60px;
}

.user-quick-list-item{
  margin-top: 1px;
  margin-bottom: 0;
}

.event-participants{
  float:left;
}

.picture-box{
  float: left;
  width: 105px;
  margin: 5px;
  height: 120px;
  padding: 2px;
  text-align: center;
}

.image-holder{
  width: 100px;
  height: 100px;
  display: block;
}

.image-holder img, .huge-image-holder img{
  float: none;
  margin: auto;
}

.huge-image-holder{
  width: 640px;
  height: 480px;
  text-align: center;
}

.pic-slide-body{
  width: 650px;
  height: 560px;
}

* html body{
  width: 100%;
  text-align: center;
}

#width-hack{
  text-align: left;
}



/* MASHUP AND BEEF SHIT*/


.news-box{
  width: 470px;
}

img.mashup-img{
	float: left;
}

img.mashup-img-pm{
	height: 55px;
	width: 55px;
	margin: 0 10px 0 10px;
}

img.mashup-img-beef{
	width: 80px;
	height: 80px;
	margin-top: 0;
}

div#beef_container h2{
	margin-bottom: 5px;
}

div.beef-action-box{
	padding-top: 5px;
}

input.beef-button{
  width: 130px;
}

form#beef-form label{
  clear: none;
  border: none;
}

div.pm-box{
	clear: left;
}

p.mashup-info-p{
	padding-top: 5px;
	clear: none;
}

ul#hint-list{
/*	list-style: hiragana;*/
	margin-left: 20px;
}

ul#hint-list li {
	height:32px;
	list-style-position: outside;
	margin: 0 0 10px 25px;
	padding:0;
	vertical-align:middle;
}

/*ul#hint-list li{
	list-style: hiragana;
}*/

.float-breaker{
	clear: both;
}

div.padding-box{
	padding: 5px !important;
}



/*POP-UP WINDOW*/

#popup-window{
  width: 400px;
  margin: 100px auto;
}
#popup-title, #popup-title span, #popup-title img{
	vertical-align: middle;
}
#popup-title{
	padding: 3px 0 2px 4px;
}
#popup-title img{
	margin: 0 2px 0 0;
}
#popup-title span{
    padding-bottom: 2px;
}
#popup-content{
}
#popup-window div#button-bar{
  clear: both;
  float: none;
}

#popup-window div#button-bar input{
  width: 170px;
  display: inline;
}