@charset "utf-8";

/* Global Formatting and Styles */

body {
	color: #ffffff; 
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #101010;
	height: 100%;
	position: relative;
	margin: 5px 0 10px 0;
}

a:link, a:visited, a:active {color:#f974fc; text-decoration: none; font-size: 1.4em;}
a:hover {color: #ffffff; background-color: #282828; text-decoration: none; font-size: 1.4em;}

.well{
background-color: #000;
}

.navbar {
	margin-bottom: 5px;
}

.navbar-default {
    background-color: #000;
    border-color: #000;
}

.navbar-default .navbar-text {
	font-size: 1.4em;
	color: #ffffff;
	margin: 20px 0 0 20px;
}

.nav > li > a:link, .nav > li > a:visited  {
	color: #f974fc;
    padding: 20px 15px 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
    color: #ffffff !important; 
	text-decoration: underline !important;
}	
 
.fullwidth {
display:block;
width:100%;
}	
	
.box-heading {
	margin: 0px 5px 0px 5px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-weight: bold;
	background-color: #282828;
	font-size: 1.3em;
	text-transform: uppercase;
}

.toplist-box {
	margin: 0px 5px 10px 5px; 
	padding: 10px 5px 10px 5px; 
	border: 1px solid #282828;
	background-color: #000000;
	overflow-y: auto;
    position: relative;
	max-height: 480px;
}

.providers-box {
	margin: 0px 5px 10px 5px; 
	padding: 10px 5px 10px 5px; 
	border: 1px solid #282828;
	background-color: #000000;
	overflow-y: auto;
    position: relative;
}

.iframe-box {
	margin: 0px 5px 10px 5px; 
	border: 1px solid #282828;
	background-color: #000000;
	overflow-y: hidden;
}


.randomcam-box {
	margin: 0px 5px 10px 5px;
	padding:10px 5px 5px 5px; 
	border: 1px solid #282828;
	background-color: #000000;
	text-align:center
	
}




ol li{
	padding-bottom: 3px;
	color: #999999
}

ul
{
    list-style-type: none;
}


.footer-row {
	margin-top: 20px;
	text-align: center;
}

.footer-link {
	margin: 0 15px;
}

.footer-link a:link  {
	font-size: 0.9em;		
	}
	

.footer-link a:hover {
	color: #fff;

}	

.copyright {
	margin-top: 20px;
}

.terms  {
	font-size: 1.2em;		
}
	
/* Responsive Configuration */

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


.toplist-box {
	max-height: 1145px;
}

.iframe-box {
	padding: 0;
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
	
.well{
font-size: 1.1em;
}	
	
a:link, a:visited, a:active {font-size: 1.1em;}
a:hover {font-size: 1.1em;}	


.randomcam-box{
	padding: 10px 5px;
}	

.iframe-box {
	max-height: 1725px;
	padding: 5px 0;
}

} /* end Medium Devices, Desktops */


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

.well{
font-size: 1.2em;
}
	
	
a:link, a:visited, a:active {font-size: 1.25em;}
a:hover {font-size: 1.25em;}

.iframe-box {
	max-height: 1890px;
	overflow-y: scroll;
	padding: 5px 0;
}

}	/* end Large Devices, Wide Screens */