body{
text-align:center;
color:#555;
font-family:'Fontin', 'Georgia', serif;
font-size: 62.5%;
letter-spacing: 0.01em;
}

@font-face {
font-family: 'Fontin';
font-weight: bold;
src: url('/fonts/fontin/Fontin-Bold.eot');
src: local('Fontin Bold'), local('Fontin-Bold'), url('/fonts/fontin/Fontin-Bold.woff') format('woff'), url('/fonts/fontin/Fontin-Bold.ttf') format('truetype'), url('/fonts/fontin/Fontin-Bold.svg#Fontin-Bold') format('svg');
}

@font-face {
font-family: 'Fontin';
font-style: italic;
src: url('/fonts/fontin/Fontin-Italic.eot');
src: local('Fontin Italic'), local('Fontin-Italic'), url('/fonts/fontin/Fontin-Italic.woff') format('woff'), url('/fonts/fontin/Fontin-Italic.ttf') format('truetype'), url('/fonts/fontin/Fontin-Italic.svg#Fontin-Italic') format('svg');
}

@font-face {
font-family: 'Fontin';
src: url('/fonts/fontin/Fontin-Regular.eot');
src: local('Fontin Regular'), local('Fontin-Regular'), url('/fonts/fontin/Fontin-Regular.woff') format('woff'), url('/fonts/fontin/Fontin-Regular.ttf') format('truetype'), url('/fonts/fontin/Fontin-Regular.svg#Fontin-Regular') format('svg');
}

#content{
width: 1000px;
margin: auto;
text-align: left;
font-size: 1.5em;
position: relative;
}

blockquote{
font-style: italic;
}

#logo{
position: absolute;
top: -11px;
left: 12px;
}

#title{
margin-left: 100px;
}

#map{
float: left;
border: 1px solid black;
width: 600px;
height: 600px;
margin: 0;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
border: 5px solid #555;
}

#map_wrap{
position: relative;
width: 600px;
height: 600px;
float: left;
}
#count_meta{
z-index: 100;
width: 500px;
position: absolute;
bottom: 55px;
left: 79px;
}
#pp_button{
background-image: url('/images/play_38.png');
width: 38px;
height: 38px;
position: absolute;
left: -55px;
top: -10px;
filter:alpha(opacity=75);
opacity:0.75;
}
#pp_button:hover{
filter:alpha(opacity=100);
opacity:1;
}
#time{
position: absolute;
left: 40px;
top: -45px;
color: white;
font-size: 2em;
}
#count_label{
position: absolute;
left: 179px;
top: 27px;
color: white;
}

#notmap{
float: right;
width: 350px;
height: 600px;
margin: 0 20px;
position: relative;
}

#copy{
height: 300px;
}

#meta{
float: left;
width: 100%;
position: absolute;
bottom: 0;
}

#step, #delay{
  margin-bottom: 10px;  
}


#copy.ui-widget{
font-family: inherit;
font-size: 0.9em;
}

#copy.ui-widget-content, 
#copy.ui-corner-bottom,
#copy .ui-widget-header,
#copy .ui-tabs-panel{
border: none;
background: none;
color: inherit;
display: block;
padding: 0;
margin: 0;
}

#copy .ui-tabs-panel{
float: left;
clear: both;
text-align: justify;
}

.profile_pic{
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px;
border: 2px solid #555;
width: 48px;
height: 48px;
float: left;
margin: 0 1em 1em 0;
}

.tweet_body{
width: 200px;
font-size: 0.7em;
}

*html #count_label{
clear: both;
}
*html #time{
clear: both;
}
*html #count_meta{
clear: both;
}
*html #pp_button{
clear: both;
}
*html #notmap{
clear: both;
}