a {
color: #AAAAEE;
text-decoration: none;
font: 11pt Century Gothic;
font-weight: bold;
}
a.title {
color: #EEEEEE;
font: 24pt Century Gothic;
}
a.title:hover {
color: #EEEEEE;
font: 24pt Century Gothic;
background-color: #666666;
text-decoration: none;
}
a.subtitle {
color: #EEEEEE;
font: 18pt Century Gothic;
}
a.subtitle:hover {
color: #EEEEEE;
font: 18pt Century Gothic;
background-color: #666666;
text-decoration: none;
}
a.subtitle2 {
color: #EEEEEE;
font: 14pt Century Gothic;
}
a.subtitle2:hover {
color: #EEEEEE;
font: 14pt Century Gothic;
background-color: #666666;
text-decoration: none;
}
a:hover {
color: #CCCCEE;
background-color: #333399;
text-decoration: underline;
}
body {
color: #EEEEEE;
font: 10pt Century Gothic;
line-height: 0.5cm;
background-image: url(images/tile.png);
background-repeat: repeat;
text-align: center;
}
/* commented backslash hack \*/ 
html, body{
height:100%;
} 
/* end hack */
html,body {
margin:0;
padding:0;
}
#outer {
min-height: 100%;
margin-bottom: -50px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
background: #333333;
}
* html #outer{
height:100%;
}
#footer {
width:100%;
clear:both;
height:50px;
background-color: #FF8080;
color: #000000;
}
#clearfooter{
clear:both;
height:50px;
}
p {
margin:0
}
hr.title{
width: 375px;
height: 1px;
color: #EEEEEE;
text-align: left;
float: left;
}
hr.comment {
width: 375px;
height: 1px;
color: #EEEEEE;
}
span.xs{
font-size: 7pt;
}
span.s{
font-size: 9pt;
}
span.m{
font-size: 12pt;
}
span.l {
font-size: 18pt;
}
span.xl {
font-size: 24pt;
}
span.header {
font: 24pt Century Gothic;
}
div.commentbox {
background: #444444;
padding: 5px;
width: 720px;
}
div.footer {
left: 50%;
margin-left: -250px;
width: 500px;
position: absolute;
bottom: 0px;
align: center;
}
.thick {
border: 4px solid #FFFFFF;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
table {
color: #EEEEEE;
font: 10pt Century Gothic;
line-height: 0.5cm;
border: 1px dotted #FAFAFA;
}
table.noborder {
color: #EEEEEE;
font: 10pt Century Gothic;
line-height: 0.5cm;
border: 0;
}
img.noborder {
border: 0px;
}
img.std {
width: 320px;
height: 240px;
}
img.wide {
width: 600px;
height: 338px;
}
input {
color: #EEEEEE;
font: 10pt Century Gothic;
border: 1px #DDDDDD;
background: #444444;
}
textarea {
color: #EEEEEE;
font: 10pt Century Gothic;
border: 1px #DDDDDD;
background: #444444;
}
textarea.comment {
color: #EEEEEE;
font: 10pt Century Gothic;
border: 1px #DDDDDD;
background: #444444;
}
div.round {	
border: 1px solid #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
div.toast {	
border: 1px solid #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
width: 240px;
height: 180px;
}
div.photodirection {	
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #222222;
width: 95px;
height: 130px;
padding-left: 25px;
padding-top: 90px;
font: 24pt Century Gothic;
color: #EEEEEE;
z-index: 2;
}
div.nextpage {
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #222222;
width: 77px;
height: 24px;
padding-left: 10px;
padding-top: 5px;
font: 10pt Century Gothic;
font-weight: bold;
color: #EEEEEE;
z-index: 2;
margin-left: 10px;
}
div.page {	
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #222222;
height: 24px;
padding-top: 5px;
font: 10pt Century Gothic;
font-weight: bold;
color: #EEEEEE;
margin-left: 5px;
}
div.hdbar {	
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-top-left-radius: 15px;;
border-top-right-radius: 15px;
background: #FFBB00;
width: 728px;
height: 35px;
padding-top: 5px;
color: #EEEEEE;
font: 16pt Century Gothic;
}