/***************************************************************** Start Homepage ******************************************************************/
html{
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	padding: 0;
	background: black;
	background-image: url('../img/landing/market-street-bw.jpg'); /* fallback */
	background-image: url('../img/landing/market-street-bw.jpg'), -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
	background-image: url('../img/landing/market-street-bw.jpg'), -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10+, Saf5.1+ */
	background-image: url('../img/landing/market-street-bw.jpg'),    -moz-linear-gradient(top, #444444, #999999); /* FF3.6+ */
	background-image: url('../img/landing/market-street-bw.jpg'),     -ms-linear-gradient(top, #444444, #999999); /* IE10 */
	background-image: url('../img/landing/market-street-bw.jpg'),      -o-linear-gradient(top, #444444, #999999); /* Opera 11.10+ */
	background-image: url('../img/landing/market-street-bw.jpg'),         linear-gradient(top, #444444, #999999); /* W3C */
	background-image: url('../img/landing/market-street-bw.jpg')\9;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;	
}
@media screen and (max-device-width: 480px){
    body{
        -webkit-text-size-adjust:none;
        font-family:Helvetica, Arial, Verdana, sans-serif;
        padding: 0;
		max-width: 100%;
    }
}
/* Custom container */
.container-narrow {
	margin: 0 auto;
	width:100%;
	max-width: 700px;
}
.container-narrow > hr {
	margin: 30px 0;
}
 .lead2 {
	-webkit-font-smoothing:antialiased;
	font-size:20px;
	text-shadow:1px 1px 1px black;
	color:white;
}

/* Main marketing message and sign up button */
.jumbotron {
	margin: 60px 0;
	text-align: center;
}
.jumbotron h1 {
	font-size: 72px;
	line-height: 1;
}
.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

/* Supporting marketing content */
.recent{
	margin: 0px 0;
}

.marketing {
	margin: 60px 0;
}
.marketing p + h4 {
	margin-top: 28px;
}
.lead2{
	margin-bottom: 20px;
	line-height: 30px;
	color: white;
	padding-top: 30px;
}
.feature{
	color: white;
}
.subfeature{
	color: white;
}
#nav{
	text-align:center;
}
.registered{
	color:#7FFF00 ; 

	font-size: 18px;
	line-height: 30px;
}
#build:hover, #backgrounds{
	color:white;
	text-align:center;
}
.btn-red{

	/* green
	color:#384534;
	background:#94cb21; 
	border:2px solid #1f6708;
	*/
	color:white;
	background:#2d2f2b; 
	border:2px solid #79e90a;
	margin-left:8px;
	/*border-top:0;*/
	font-weight: bold;
	cursor:pointer;	
	
}

/***************************************************************** Start Features ******************************************************************/
.features{
	padding-top: 30px;
}
.btn-signup{
	margin: 0 auto; 
	text-align: center;
}

.br-desktop{
	display:none;
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) { /* phones */
	.btn-signup{
		padding-top:20px;
	}
	.div-ios{
		padding-top:100px
	}
	.features{
		padding-top: 70px;
	}
	.subfeature{
	}
	
}

@media only screen and (max-device-width: 480px) and (orientation:landscape) { /* phones */
	.btn-signup{
		margin-top:-30px;
		text-align:center;
		float:center;
	}	
	.div-ios{
		padding-top:50px
	}

}	

@media only screen and (min-width : 1224px) { 	/* Desktops and laptops */
	.feat-left{
		padding-left: 40px;
	}
	.btn-signup{
		position:relative;
		/*border:2px solid #880f00;
		border-top:0;*/
	}
	.br-desktop{
		display:block;
	}
	.subfeature{
		margin-left:10px;
	}
	.div-ios{
		padding-left:30px
	}

}

/***************************************************************** Start Feed ******************************************************************/
.feed{
	padding-top: 30px;
}

#hint{
	text-decoration: none;
	color:white;
}
.row-fluid marketing{
	overflow:hidden;
	width: 100%;
	height:200px;
}
#feedbox{
	text-align:left;
	color:white;
	margin-top: -40px;
	margin-bottom: -40px;	
	width: 100%;
	/*float:left;*/
}
#game-stats{
	font-weight: bold;
	text-align:center;
	margin:0 0 20px 0;	
}
.feedpic{
	width: 42px;
	height: 42px;
	width: 52px\9;
	height: 52px\9;
	
	display: inline;
	vertical-align:middle;
	float:left;
	margin-right: 5px;
}
.feeduser{
	color: white;
	text-decoration:underline;	
}
a.feeduser:hover{
	color:red;
}
.feeddiv{
	padding: 0 0 0 0;
	margin-left: 0;
}
.feeditem{
	line-height: 1.4em;	
	line-height: 1.2em\9;	
	font-size:10pt;
	display: inline;
	vertical-align:middle;
	color:white;
}
#leftdiv { 
	padding: 0 0 0 0px;
	margin-right: 0px;
	margin-left: 0px;
	*border:1px;
	*overflow-x:auto;
	*width:45%;
} 
#rightdiv { 
	padding: 0 0 0 10px;
	margin-left: 10px;
	*border:1px;
	*overflow-x:auto;
	*width:45%;
} 

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* phones*/
	#game-stats{
		font-weight: bold;
		text-align:center;
		margin-bottom:-40px;	
		padding-bottom:-40px;	
		
	}
	.feed{
		padding-top: 10px;
	}
	#leftdiv { 
		padding: 0 0 0 0px;
		margin-right: 0px;
		margin-left: 0px;
	} 
	#rightdiv { 
		padding: 0 0 0 0;
		margin-left: 0;
	} 
}

ul {
	margin: 0;
	list-style: none;
	padding: 0;
}	

li{
	line-height: 2.0em;	
	line-height: 1.2em\9;	
	display:block;
	clear:both;
}


.property{
	font-weight:bold;
	color:#7FFF00; 
}
.place{
	color: white;
	font-style:italic;
}
#hnt{
	width: 20px;
	height: 20px;
}
#box{
	position: absolute;
	top:25%;
	left:25%;
	width:50%;
	text-align: center;
	display: none;
}	
.row-fluid.recent {
	max-width:700px;
	margin:0 auto;
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) { /* phones */
	.feeditem{
		line-height: 1.6em;	
		font-size:10pt;
		display: block;
		vertical-align:middle;
	}
	li{
		line-height: 1.6em;	
		padding-bottom:10px;
		display:block;
		clear:both;
	}
}	

@media only screen and (max-device-width: 480px) and (orientation:landscape) { /* phones */
	.feeditem{
		line-height: 1.3em;	
		font-size:10pt;
		display: block;
		vertical-align:middle;
	}
	li{
		line-height: 1.6em;	
		padding-bottom:12px;
		display:block;
		clear:both;
	}
}	

@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) {  /* ipad */
	.feeditem{
		line-height: 1.3em;	
		font-size:10pt;
		display: block;
		vertical-align:middle;
	}
	li{
		line-height: 2.0em;	
		padding-bottom:10px;
		clear:both;
	}	
}

@media only screen and (min-width : 1224px) { 	/* Desktops and laptops ----------- */
	.feeditem{
		line-height: 1.2em;	
		line-height: 1.1em\9;	
		font-size:10pt;
		display: block;
		vertical-align:middle;
		line-height: 1.0em\9;	
	}
	li{
		min-height: 55px;
		line-height: 1.2em;	
		padding-bottom:10px;
		display:block;
		clear:both;
		min-height: 45px\9;
		line-height: 1.2em\9;	
	}
	
}
/***************************************************************** Start Footer ******************************************************************/

.container2{
	height: 30px;
	background-repeat: repeat-x;
	/* removed May 22 */
	/*background-image: url('../img/footer.png');*/
	position:absolute;
	top:0;
	width: 100%;
	

}

.col-left{
	position: relative;
	float: left;
	width: 1024px;
}
.col-right{
	position: relative;
	float: right;
	width: 1024px;
}

.copyright{
	text-align:center;	
	color: white;
	margin-top:-15px;
}

#footer {
	height: 35px;
	background-image: url('../img/back.png');
	margin: 0; 
	padding: 0;
	bottom: 0;
	left:0;
	position:fixed;
	width: 100%;

}

@media only screen and (min-device-width : 320px) and (max-device-width: 480px) and (orientation:portrait) { /* phones portrait */
	#footer {
		height: 9%;
		background-image: url('../img/back.png');
		margin: 0; 
		padding: 0;
		bottom: 0;
		left:0;
		position:fixed;
		width: 100%;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width: 480px) and (orientation:landscape) { /* phones landscape */
	#footer {
		height:50px;
		background-image: url('../img/back.png');
		margin: 0; 
		padding: 0;
		margin-top:-10px;
		left:0;
		width: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {   /* ipad landscape */
	#footer {
		height:50px;
		background-image: url('../img/back.png');
		margin: 0; 
		padding: 0;
		bottom: 0;
		left:0;
		position:fixed;
		width: 100%;
	}
}

/* general */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
	.br-mobile{
		display:block;
	}
}
@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:portrait) { /*ipad portrait */
	#top-vertical{
		display: table; 
		position: absolute; 
		height: 300px; 
		width: 100%;
		top:20%;
	}
}

@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) { /*ipad landscape */
	#top-vertical{
		display: table; 
		position: absolute; 
		height: 300px; 
		width: 100%;
		top:10%;
	}
}
@media only screen and (min-width : 1224px) { 	/* Desktops and laptops ----------- */
	#top-vertical{
		display: table; 
		position: absolute; 
		height: 100%; 
		width: 100%;
		top:5%;
	}
	#middle-vertical{
		display: table-cell; 
		vertical-align: middle;
		position:relative;
	}
	#inner-vertical{
		margin-left: auto; 
		margin-right: auto; 
		width: 800px;
	}
}
/* modal popup */

@media only screen and (min-width : 1224px) { 	/* Desktops and laptops */
	.claimbox{
		width: 60%;
	}
}
.tw_message{
	padding-top:80px;
}

.claim-link{	
	/*color:#7FFF00;*/
	color:darkblue;
}

/** Kick off **/
.pink,.kol_influenced{
	color:white;
}

.btn_kickoff {
	margin-top:-8px;
	padding: 2px 10px;
	font-size: 15.5px;
	height:32px;
	width:120px;
	-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;
}  
.share_icon{
	width:32px;
	height:32px;
}
.login-link{
	position:absolute;
	font-size:10pt;
	float:right;
	clear:both;
	width:100%;
	text-align:right;
	margin: 10px 0 0 -20px;
	z-index: 25;
	color:#7FFF00; 
}

@media only screen and (min-width : 1224px) { 	/* Desktops and laptops */
	#login-main{
		margin-top:50px;
	}

}

#hi{
	color:#7FFF00; 
}
.login-link.top-links,.top-links:active,.top-links:visited{
	color:white; 
	text-decoration:none;
}