/* -------------------------------------------------------------
   stylesheet by www.cubus.be  *  2009
   some (ugly) alterations by Steffest
   ---------------------------------------------------------- */
body
{
   padding-top: 50px;
   /*border-top: 5px solid #333;*/
}

#wrapper,
.wrap
{
  width: 500px;
  position: relative;
  color: black;
}

.wrap2
{
  width: 500px;
  color: black;
  text-align:left;
  margin:auto;
}


/* -------------------------------------------------------------
   text defaults changes
   ---------------------------------------------------------- */

h2 {font-family: Georgia; border-top: 1px solid #666; padding-top: 5px;}
h2.title {border: 0;}

h3 {font-family: Georgia; padding-top: 5px; font-size: 1.6em; color: #666;}

a.flow,
a.flow-inner
{
   background: #000;
   color: white;
   text-decoration: none;
   line-height: 2.2em;
   padding: 5px 10px;
   font-size: 1em;
   font-weight: bold;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

a.flow
{
	display: block;
	padding: 0px 5px;
	/*margin: 10px 40px;*/
	margin-bottom: 10px;
	width:75%;
	text-align: center;
	font-size: 1.1em;
	background-color: #09C;
}



div.inner
{
   padding: 5px 10px;
}


/* -------------------------------------------------------------
   header
   ---------------------------------------------------------- */

h1.logo
{
/*   background: #6c9;
   padding-top: 80px;
   color: white;
   width: 33%;
   text-align: center;
   letter-spacing: 0.1em; */
   font-size: 1.8em;
   margin-bottom: 0;
}


h1.logo a
{
   text-decoration: none;
   color: black;
}

h1.logo a:hover
{
   border-bottom: 1px solid #ccc;   
}

p.baseline
{
   /*font-family: Georgia;*/
   color:#666;
}

/* -------------------------------------------------------------
   twitterlove
   ---------------------------------------------------------- */
#twitter-love
{
   position: absolute;
   margin-top: 30px;
   right: -260px;
   width: 230px;
   color: #333;
   font-size: 0.95em;
   border-left: 1px solid #ccc;
}


#twitter-love .intro
{
   background: url(icon_a.png) transparent top left no-repeat;
   padding-left: 70px;  
}

#twitter-love ul,
#twikilist ul
{
   list-style: none;
   list-style-image: none;
   padding-left: 0;
}


#twitter-love span
{
   display: block;
   padding: 2px 0px 2px 5px;
   margin-bottom: 3px;
   font-size: 1em;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   color: white;
}

#twitter-love .add
{
   background:#093; 
}

#twitter-love .cancel
{
   background:#F60;
}


/* -------------------------------------------------------------
   twikilist
   ---------------------------------------------------------- */
#twikilist
{
   margin-top: 25px;   
}

#twikilist ul
{
   padding-left: 80px;
   background: url(lists.png) transparent top left no-repeat;
}

#twikilist ul li
{
   border-bottom: 1px solid #ccc;   
}

#twikilist ul li a
{
   display: block;
   line-height: 2.3em;
   color: #333;
   text-decoration: none;
   padding-left: 5px;

}

#twikilist ul li a:hover
{
   background: #edeeeb;   
}

/* -------------------------------------------------------------
   namelist
   ---------------------------------------------------------- */

.registration,
.registration_active
{
   margin-bottom: 10px;
   width: 500px;
   overflow: hidden;
   border-bottom: 1px dashed #999;
   padding-bottom: 10px;
}

.registration span,
.registration_active span
{
   float: left;
   display: block;
   width: 450px;
   position: relative;
   line-height: 1.5em;
}

.registration span.listnumber,
.registration_active span.listnumber
{
   width: 40px;
   color: #666;
   margin-right: 0;
   font-size: 150%;
   font-family: Georgia;
   margin-top: -5px;
}

.registration span.editbtn,
.registration_active span.editbtn,
.registration span.commentbtn,
.registration_active span.commentbtn
{
   float: right;
   text-align: right;
   width: 30px;
   font-size: 0.9em;
}

.registration span.commentbtn,
.registration_active span.commentbtn
{
	 width: 60px;
}

.registration span.editbtn,
.registration span.commentbtn
{
   display: none;
}

span.editbtn a,
span.commentbtn a
{
   display: block;
   color: white;
   background: #09c;
   text-decoration: none;
   text-align: center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

span.commentbtn a{
	 background: #ccc;
	 margin-right: 4px;
}

.deleted {
	color:#CCC;
}

.deleted a {
	color:#CCC;
}

/* -------------------------------------------------------------
   form
   ---------------------------------------------------------- */

.registrationform
{
   padding: 10px;
   background: #edeeeb;
   border-bottom: 1px solid #ccc;
   margin-bottom: 10px;
   /* display: none; */
}

.inputbox{
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	padding-left:4px;
}

.formcaption{
	border-bottom: 1px solid #ccc;
        font-weight: bold;
        padding: 10px 5px 10px 0px;
	/* background-color:#EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: right; */
}
.forminput{
	border-bottom: 1px solid #ccc;
        padding: 10px 5px;
        font-size: 0.9em;
}
.formline{
	height:25px;
}
.forminputbox{
	position:absolute;
	left:100px;
	width:290px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	padding-left:4px;
}

.formtopic
{
   color: #333;
   border-bottom: 1px solid #ccc;
   padding-top:4px;
   background-color:#F4F4F4;
}

.formdivider{
	padding-top:32px;
}

.comment
{
   font-size: 0.9em;
   color: #333;
   border-bottom: 1px solid #ccc;
}

.commentbox{
	 margin-left: 90px;
}

.forminputboxcomment{
	position:absolute;
	left:180px;
	width:300px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	padding-left:4px;
}

.regcommentauthor{
	color :#888;
}
.regcomment{
	color :#888;
	padding:4px 0px 10px 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

a.confirm,
a.button
{
   color: white;
   text-decoration: none;
   font-weight: bold;
   font-size: 100%;
   background: #000;
   padding: 5px 10px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

a.buttonsmall
{
   color: white;
   text-decoration: none;
   font-weight: bold;
   font-size: 100%;
   background: #000;
   padding: 2px 10px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

a.cancel
{
     color: #666;
     font-size: 0.9em; 
}

a.red
{
    background:#F60;
}

a.blue
{
    background:#09c;
}

a.green
{
    background:#093;
}

a.gray
{
	background: #8199A3;
}

#messagebox{
	color: white;
	font-size: 200%;
	display:none;
	padding: 6px;
	margin-bottom: 8px;
	margin-top: 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #36BC4E;
	text-align:center;
}

#twitterregister{
	float: right;
}

/* YIKES!! IE7 stuff ....*/
*:first-child+html #twitterregister { 
	padding: 5px 10px;
	margin-top: -5px;
}
/* YIKES!!*/


/* -------------------------------------------------------------
   footer
   ---------------------------------------------------------- */
div#footer
{
   background: #edeeeb;
   margin-top: 20px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}

div#footer p
{
   padding: 10px 5px;
}

div#footer a
{
   color: #333;
}

.error {
	color: #990000;
	background-color: #FEF1C0;
	padding: 8px;
	border: 1px dotted #FF9900;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}