* {margin:0;padding:0;} 
html, body, #wrap {height: 100%;
}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 2em;}
#footer {position: relative;
	margin-top: -2em;
	height: 2em;
	clear:both;} 

#header {
}

#head {
  background: #000;
  padding-top: 8px;
}

/* IE6 */
* html .clearfix {
height: 1%;
overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#genr_groups {
overflow: hidden;
width: 25%;
height: 80px;
float: left;
position: relative;
left: 30px;
}

#genr_instances {
height: 80px;
width: 50%;
float: right;
overflow: hidden;
position: relative;
}

ul.thumbrow {
text-align: left;
position: absolute;
white-space: nowrap;
display: none;
margin: 0;

}

ul.thumbrow li {
float: left;
padding: 0;
margin: 0;
}


.thumbrow a {
display: inline-block;
width: 80px;
height: 80px;
position: relative;
color: #fff;
text-decoration: none;
padding: 0 4px;
margin: 0;
text-align: center;
font-weight: bold;
overflow: hidden;
}
.thumbrow a img {
width: 80px;
height: 60px;
border: none;
behavior: url(/media/base/pngbehavior.htc);
}
.thumbrow a span {
position: absolute;
left: 4px;
top: 60px;
font-size: 10px;
width: 80px;
}

.thumbrow a:hover {
background: #ccc;
color: #000;
}

.thumbrow a.selected {
background: #fff;
color: #000;
}

.thumbnav {
display: none;
position: absolute;
width: 30px;
height: 30px;
}

#thumbnav_left {
background: url(../img/thumb_nav_left.png);
}
#thumbnav_right {
background: url(../img/thumb_nav_right.png);
}

#subhead {
background: #fff;
color: #000;
padding: .3em 30px 0 30px;
position:relative;
}
#subhead h1 {
float: left;
color: #000;

}
#selector {
xfloat: right;
color: #fff;
background: #000;
padding: .5em 1em .5em 1em;
-moz-border-radius: 10px 10px 0 0;
position: absolute;
right: 30px;
bottom: 0px;
}

#subhead label {
font-weight: bold;
}

#body label {
font-weight: bold;
padding-right: .5em;
}

#body {
text-align: left;
padding: 15px 30px;
}

#body p {
margin: .8em 0;
}

h1 {
font-size: 20pt;
font-weight: bold;
}

td, th {
vertical-align: top;
}


ul {
margin: 1.12em 0;
margin-left: 40px;
}
li {
list-style-type: disc;
}


form.box{
padding: 0.5em 0;
}

h2, #body h1 {
font-size: 14pt;
font-weight: bold;
margin: 0 0 .4em 0;
}

strong {
font-weight: bold;
}

#genr_ad {
float: right;
/*
text-align: right;
width: 336px;
height: 280px;
position: absolute;
right: 30px;
*/
}

div.partylogo#genr_preview {
width: 400px;
}


#iphone_screenshot {
width: 200px;
height: 468px;
float: left;
margin-right: 1.5em;
background: url(../img/iphone/iphone.png);
position: relative;
}

#iphone_screenshot img {
width: 172px;
height: 258px;
position: absolute;
left: 15px;
top: 66px;
}

#footer {
padding-right: 30px;
text-align: right;
color: #888;
font-size: 9pt;
}

#footer a {
color: #888;
text-decoration: none;
}
#footer a:hover {
color: #666;
text-decoration: underline;
}

/**
 * Poem generators
 */
#body.poemgen.love {
}

#body.poemgen table.purple1box {
  background: #ef2929;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.purple2box {
  background: #cc0000;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.bluebox {
  background: #729fcf;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.yellowbox {
  background: #fce94f;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.redbox {
  background: #ef2929;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.greenbox {
  background: #8ae234;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}