@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Roboto);

.tumblr{
	position:relative;
	width:95%;

	display: block;
	overflow: hidden;

	max-width: 560px;
	margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	margin-bottom:20px;

}
.tumblr #top_element{
	background-color: #FFF;
	height:60px;
	width:100%;
}
.tumblr #top_element #profile_picture{
	position: relative;
	padding:10px;
	width:40px;
	height:40px;
	float:left;
}
.tumblr #top_element #profile_picture img{
	width:40px;
	height:40px;
}
.tumblr #top_element #username{
	text-align: left;
	position:relative;
	top:15px;
	left:15px;
	width:100px;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #3f729b;
}
.tumblr #top_element #time_created{

	text-align: center;
	position:relative;
	top:16px;
	width:100px;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size: 14;
	color: #999;
	margin-right: 10px;
}
.tumblr img{
	position: relative;
	width:100%;
	/*padding: 1.5%;*/
	background-color: #FFF;
}
.tumblr_image{
	padding-top:10px;
	background-color: #FFF;
}
.tumblr_caption{
	background-color: #FFF;
	padding: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 16;
	width: 100%;
}
.tumblr_caption a{
	text-decoration: underline;
	color: #000;
}
.tumblr_caption_hidden{
	background-color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 16;
	opacity: 0;
}
.vid_wrapper{
	width:100%;
	background-color: #FFF;
}
.tumblr_video{
	width:500px;
	position: relative;
	left:50%;
	margin-left:-250px;
}
#timeline{
	position:relative;
	width:63%;
	float:left;
}
#sidebar{
	position:relative;
	width:180px;
	float:left;
}
#main_image{
	margin: 0 auto;

}
#main_image img{
	max-width: 100%;
    height: auto;
}
#username{
	text-align: center;
	position:relative;
	top:5px;
	width:100px;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size: 14;
	color: #3f729b;
}
#profile_picture{
	position:relative;
}
#time_created{
	text-align: center;
	position:relative;
	top:5px;
	width:100px;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size: 14;
	color: #999;

}
#profile_picture img{
	width:60px;
	height:60px;
}
.tumblr #lower_element{
	position: relative;
	height:60px;
	width:100%;
	margin-right: 1.5%;
	right:10px;
	/*padding-left:1.5%;
	padding-right:1.5%;
	padding-top:1.5%;
	*/
	background-color: #FFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    border-bottom-style: solid;

    border-width: 1px;
    border-color: #E8E8E8;

}
.tumblr #lower_element .right{
	position: right;
	float:right;
}
.tumblr #lower_element #notes{
	position: relative;
	float:left;
	top:10px;
	color:#A7A7A7;
	font-family: "Helvetica Neue",HelveticaNeue,Arial,sans-serif;
}
.tumblr #lower_element #share{
	position: relative;
	width:30px;
	height:40px;
    background-image: url('../images/shares.png');
    background-size:cover;
    margin-right: 25px;
}
.tumblr #lower_element #reblog{
	position: relative;
	width:40px;
	height:40px;
    background-image: url('../images/reweet.png');
    background-size:cover;
    margin-right: 20px;
}
.tumblr #lower_element #heart{
	position: relative;
	width:30px;
	height:30px;
    background-image: url('../images/heart_small.png');
    background-size:cover;
    top:5px;
    padding-right:5px;
}