* {
margin:0;
padding:0;
font-family:'Trebuchet MS', Lucida, Verdana, Arial, Helvetica, sans-serif;
}
body {
padding:12px;
}
div#content {
width:998px;
}
div#content h1 {
border-bottom:1px solid #d6d6d6;
margin-bottom:10px;
padding-bottom:3px;
}
div#content p#publishdate {
font-size:0.7em;
margin-bottom:1em;
color:#999999;
float:right;
margin-top:-2.7em;
}
#holder{
position:relative;
margin-top:20px;
}
#map {
height:500px;
border:1px solid #999999;
background:#dcdcdc;
width:532px;
position:absolute;
top:0;
left:240px;
_left:228px;
_width:546px
}
#controls { width:210px; _width:208px; padding:6px; margin-left:12px; }
#storage {
position:absolute;
top:0;
left:778px;
width:190px;
border:1px solid #999999;
padding:6px;
list-style:none;
}
#storagelist {
list-style:none;
}
#popup {
background:#EFEFEF;
border:1px solid #999999;
margin:0px;
padding:7px;
width:230px;
}
#controls label {
width:200px;
font-size:0.7em;
display:block;
float:left;
padding-top:10px;
}
#controls h5 {
float:left;
}
#controls label.activate {
width:150px;
padding-top:3px;
padding-right:1px;
float:right;
}
#controls label.street{
width:140px;
padding-top:3px;
padding-right:1px;
float:left;
}
#controls label.house{
width:40px;
padding-top:3px;
padding-right:1px;
float:right;
}
#controls input {
width:206px;
font-size:0.7em;
display:block;
float:left;
}
#controls input.check {
width:20px;
padding-top:7px;
padding-right:1px;
float:right

}
#controls input.street{
width:150px;
padding-right:1px;
float:left

}
#controls input.house{
width:40px;
padding-right:1px;
float:right

}

#controls textarea {
width:206px;
font-size:0.7em;
display:block;
float:left;
margin-bottom:10px;
}
#controls textarea.street {
width:150px;
font-size:0.7em;
display:block;
float:left;
margin-bottom:10px;
}
#controls textarea.house{
width:40px;
font-size:0.7em;
display:block;
float:right;
margin-bottom:10px;
}
#controls input.button  {
width:80px;
clear:left;
}

#storage ul {
font-size:0.7em;
}

#code {
clear:both;
padding:20px 0 20px 12px;
}
#code input {
font-size:0.7em;
}
#code textarea {
margin-top:10px;
font: 0.7em "Courier New", Courier, mono;
background:#EEEEEE;
border:1px solid #999999;
_width:762px;
width:750px;
padding:6px;
}
#documentation h2 {
margin-bottom:0.5em;
margin-top:1em;
}
#documentation p, #documentation ol {
margin-bottom:1em;
}
#documentation ol { 

}
#documentation ol li { 
margin-left:2em;
}

#terms {
padding-top:1em;
}
#terms h3 , #terms p, #terms ol {
margin-bottom:1em;
}

#storycomments {
padding-top:1em;
}

#storycomments h3 {
margin-bottom:0.5em;
}

div.storycomment {
border:1px dashed #999999;
padding:10px;
margin-bottom:1em;
}
fieldset {
padding:12px;
width:580px;
margin-top:1em;
margin-bottom:3em;
border:1px dashed #999999;
}
fieldset legend {
background:#fff;
}
fieldset label {
width:140px;
display:block;
float:left;
clear:both;
}
fieldset input {
width:200px;
display:block;
float:left;
margin-bottom:1em;
}
fieldset textarea {
width:400px;
display:block;
float:left;
margin-bottom:1em;
}
fieldset input.btnsubmit {
width:100px;
display:block;
float:left;
margin-bottom:0;
}

pre {
border:1px dotted #918D87;
font-family: "Courier New", Courier, mono;
font-size:0.7em;
line-height:1.3em;
padding:0.75em;
margin:1em 0;
}

pre div#popup {
background:none;
border:none;
margin:0;
padding:0;
display:inline;
font-family: "Courier New", Courier, mono;
}

#paypalbutton {
margin:1.4em 0;
float:left;
width:70px;
display:block;
}
#adsense {
margin:1.4em 0;
float:left;
width:120px;
display:block;
}
#getfirefox {
margin:1.4em 0;
float:left;
}
#footer {
margin:1.4em 0;
font-size:0.7em;
}
#footer p {
clear:both;
}