body
{
	background:#f5f8fa;
}
#container
{
	font-size:17px;
	font-family: 'Nunito', sans-serif;
	margin: 30px auto;
	width:600px;
	height:600px;
	border:8px solid rgba(0,0,0,0.3);
	border-radius:8px;
	position:relative;
	overflow:hidden;
}
h1
{
	font-size:48px;
	font-family: 'Poiret One', sans-serif;
	padding-top: 30px;
	text-align:center;
	color:black;
	margin-bottom:20px;
}
#sceneContent
{
	position:absolute;
	width: 100%;
	height: 100%;
}
.character
{
	position:absolute;
	width:268px;
	height:450px;
	left:450px;
	top:150px;
	background-repeat:no-repeat;

	display:none;
}

#timeline
{
	width: 500px;
	margin: 0 auto;
}
.tweet
{
	font-size:14px;
	border:1px solid #dddddd;
	background:white;
	border-radius:3px;
	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	padding:5px;
	margin: 10px auto;
	padding-left:70px;
	min-height:85px;
	position:relative;
	color:#111111;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   	font-weight: 300;
}



.tweet .toolbar
{
	height:15px;
	position:absolute;
	bottom:10px;
	right:15px;
	padding-left:70px;
}
.tweet .toolbar div
{
	display:block;
	width:20px;
	height:20px;
	cursor:pointer;
	text-align:center;
	font-size:20px;
}

.tweet .name
{
	margin-bottom:3px;
}

.tweet .fullname
{
	font-weight:bold;
}
.tweet .handle
{
	color:#666666;
	margin-left:5px;
}
.tweet .toolbar div.fav
{
	color:#555555;
}
.tweet.active .toolbar div.fav:hover
{
	color:#dd5555;
}
.tweet .toolbar div.fav.faved
{
	color:#ee2222;
}
.tweet .toolbar div.rt
{
	color:#555555;
}
.tweet .hashtag, .tweet .at
{
	color:yellowgreen;
}

.tweet img.pp
{
	width:60px;
	height:60px;
	position:absolute;
	left:5px;
	top:5px;
	border-radius:5px;
}

#timeline
{
	position:relative;
	height:500px;
	width: 500px;
	overflow-x:visible;
	overflow-y:scroll;
	border:1px solid #ddd;
	padding:0 30px;
	border-radius:5px;
}