body, html{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f5f5f5;
	height:100%;
}
body {
	padding-top:60px;
}
body.ranking {padding-top: 90px;}
#homepage {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
}
#homepage .container {
	width:100%;
}
.navbar-logo {
	line-height:40px;
	padding-top: 0;
}
.share_popup {
    background-color: rgba(255, 255, 255, 0.75);
    display: none;
    line-height: 20px;
	padding:5px 10px 5px 0px;
    position: absolute;
	top:50px;
    right: 0;
	color:#FFF;
	background-color:#333;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  -webkit-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
.share_popup input {
	color: #000;	
}
.user_info{
	margin-right:20px;
	min-width:100px;
	display:inline-block;
	color:#fed136;
	margin-left:50px;
}
.results{
	min-width:200px;
	text-align:right;
	vertical-align:bottom;
}
.results .text1 {width:40px; height:50px; line-height:25px; text-align:center; font-size:18px; display:inline-block;}
.results .text2 {min-width:60px; height:50px; text-align:center; line-height:50px; font-size:50px; display:inline-block; color:#FFF;}
.results .text3 {width:50px; height:50px; line-height:25px; text-align:center; font-size:18px; display:inline-block;}
.results .text4 {min-width:50px; height:50px; padding-left:20px; line-height:25px; text-align:center; font-size:18px; display:inline-block;}
.showfrom{
	padding: 15px 30px;
	color: #FFF;
	font-size: 1.1em;
}
.grid{
	margin:0 auto;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item { width: 384px; overflow:hidden; cursor:pointer; padding:0px; overflow:hidden;}
.grid-item > a > img {position:absolute; z-index:10; padding:0px; margin:0;}
.grid-item > .img-canvas {position:absolute; z-index:9; padding:1px;}
.grid-item .share { position:absolute; margin-bottom:-30px; line-height:20px; height:20px; width:100%; text-align:center; bottom:0px; z-index:9999; transition: margin-bottom 0.25s ease-in-out; color:rgba(255,255,255,1); background:rgba(0,0,0,0.75) }
.grid-item:hover .share{
	transition: margin-bottom 0.3s ease-in-out;
	margin-bottom: 0px;
}
.grid-item .share a {
	color:#FFF;
	text-decoration:none;
}
.grid-item .share .created {
	position:absolute;
	right:4px;
	top:0;
	font-size:0.8em;
	text-align:right;
}
.grid-item .share .created a img {
	height:18px;
}
.grid-item .share .source {
	position:absolute;
	left:4px;
	top:0;
	font-size:0.8em;
}
.image-container {
	height:100%;
	padding-top:20px;
}
.image-container .grid-item {
	position:relative;
	text-align:center;
	display:inline-block;
	max-width:600px;
	width:calc(100% - 2px);
	max-height:440px;
	border:1px solid #CCC;
}
.image-container .grid-item img{
	max-width:600px;	
	max-height:440px;
}
.image-container .rrssb-buttons{
	max-width:360px;
	width:calc(100% - 2px);
	margin:0 auto;
	margin-top:20px;
}
.view .container{
	padding-top:10px;
}
.view .image-container .share_link{
	padding:10px 20px;
	background-color:#CCCCCC;
	color:#000;
}
.image-container{
	display:block;
	text-align:center;
}
.nav_left{
	width: 0;
	height: 0; 
	border-left: 150px solid transparent;
	border-right:150px solid transparent;
	border-bottom: 50px solid #222;
	opacity:1;
	cursor:pointer;
	margin:0 auto;
	margin-bottom:10px;
}
.nav_right{
	width: 0;
	height: 0; 
	border-left:150px solid transparent;
	border-right: 150px solid transparent;
	border-top: 50px solid #222;
	opacity:1;
	margin-left:20px;
	cursor:pointer;
	margin:0 auto;
	margin-top:10px;
}
.loading { background:url(../images/loading.gif) center center no-repeat;}
.share_link{padding:2px 20px;}
.share_link.loading { background-position:-50px center;}
.add_link { float:right; padding-left: 10px; }
.add_link.loading { background-position:-50px center;}
.loading_message { display:none; text-align:center; font-size:25px; padding:10px 30px; color:#555;margin-left: -30px; position:fixed; bottom: 0px; z-index:9999; left:50%; background-color:#222; color:#fed136 };
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	
	border-left: 60px solid green;
}
.arrow-left {
	width: 0;
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid blue; 
}
a.facebook > img{
	margin-bottom:-10px;
}
div.full_width {
	width:100%;
}
.share_buttons {
	text-align:center;
}
.share_buttons p{
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.2em;
}
body.view .navbar-fixed-top{
	position:relative;
}
.top_links {
	text-align:center;
	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
}
.top_links a {
	text-decoration:none;
	color: #000;
}
.top_links a:hover {
	color: #fed136;
}