@charset "utf-8";
/* Best to declare character encoding in stylesheet */

body {
background-color: #FFFFFF; /* White */
margin: 0; /* Allows divs to go to edge of browser */
color: #000000; /* Default text colour black */ 
font-size: 1em; /* em is the font sizing unit recommended by w3c */
font-family: 'Open Sans', sans-serif;
font-display: auto; /* Fallback for fonts, improves performance */
} 


.clear { clear: both; } /* Apply style to a br and you can clear the columns of floating divs above */
                        /* clear both will clear both left and right floated elements above */

.txtred {
	color: #A60000;
}


/* container div contains the whole page */
#container {
   margin: 0; /* Allows divs to go to edge of browser */
   }



h1 {
	color: #A60000;
	font-size: 1.6em;
	margin: 0.3em 0em 0.3em 0em;
}

h2 {
	color: #A60000;
	font-size: 1.4em;
	margin: 0.2em 0em 0.2em 0em;	
}

.QuickLink {
	background-color: #FFCCCC;
    /* Set padding on the span to bring text away from edge of background */
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	font-size: 1.4em;
}

#header {
	background-color: #A60000;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
   }
   


/* start navigation css */

/* navcontainer goes around navigation menu */   
#navcontainer {
    background-color: #FFFFFF;
}

#navigation {
	margin:0px auto;
	/* Light yellow for menu background colour */
	background-color: #FFFFCC;
	border-bottom: 1px solid #333333;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #333333; /* Menu item text colour */
	text-decoration: none;
	border-right: 1px solid #333333;
}

/* Main menu hover is a light orange */
#navigation li a:hover { background: #FCD297; }   

/* end navigation css */



#divSocialMedia {
	margin-right: 10px;
	margin-left: 10px;
	
	background-color: #E9E9E9;	
}


#imgTwitterIcon {
    float: left;
	margin-right: 3px;
}

#Column2 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
	
	
	
	
	
	
	
	
#divContainerTopCamgirls {
	
	display: block;
	
	/* background-color: #fa98c1; /* Hot pink */
	
	/* margin: 4px 4px; */
	
	/* padding: 8px 8px; */
	
	/* border: 1px solid #666666; */
	
    }
	
#divMenuTopCamgirls {
	
	/* display: block; */
	
	/*
	border: 1px solid #666666;
	
	background-color: #2b0430; /* Very Deep Purple */
	
	/* background-color: #ff6666; */ /* Rose pink */
	
	/*
	margin: 4px 0px;
	
	padding: 0px 8px;
	*/
    }
	
#divMenuTopCamgirls ul {
	
	/* display: block; */
	
	/* Apply below two flex styles to make each li box the same height and to wrap boxes onto new lines when necessary */ 
	display: flex;
	flex-wrap: wrap;
	
	/* background-color: #409bed; /* Blue */
	
	padding: 10px;
	
	overflow: hidden; /* Makes the container div extend down to cover the whole of the ul */
	
    }

#divMenuTopCamgirls ul li
{
	list-style-type: none;
	
	/* display: inline; */ /* Don't use this because then you can't set a width on li */
	
	display: block; /* Using display block and float left so that you can set a width on li */
	
	float: left;
	
	width: 300px;
	
	background-color: #fdf0f0; /* Very light pink */
	
	/* background-color: #5c9e1d; /* Green */
	
	border: 1px solid #FFFFFF;
}

#divMenuTopCamgirls li a
{

/* background-color: #A60000; /* Site Red */	
/* background-color: #f9e2e2; /* Light pink background */

display: inline;

font-size: 1.6em;

font-weight: bold;

/* display: block; /* Displaying the links as block elements makes the whole link area clickable (not just the text), and it allows us to specify the width */

/* width: 100px; */

/* float: left; /* Take away this float and you can see the height of the ul */

/* padding: 5px 10px; */

/* color: #FFFF00; /* Bright yellow, menu item text colour */

/* text-decoration: none; */

/* border-right: 1px solid #FFFFFF; */

}

#divMenuTopCamgirls li p
{
	font-size: 0.8em;
}


.divModelImage {
	background-color: #0b5282;
	padding: 2px 2px 2px 2px;
    float: left;
}

.imgProfile {
    margin: 6px 6px 6px 6px;
	float: left; /* Float image left so that text appears to the right of it */
}

.ModelName {
	float: left;
	background-color: #911fad;
	padding: 10px 10px 10px 10px;
	/* margin: 0px 10px 0px 0px; */
}

.ModelQuickLink {
	clear: left;
	background-color: #38b8e5;
	padding: 10px 10px 10px 10px;
}	
	
	
	
	
	
	
	
	
	
	
	
	




/* footercontainer div goes around footer div */
#footercontainer {
    /* not currently used */
}


#footer {
	width: 100%;
	
	/* height: 80px; */
	
	background-color: #ffffcc;
	/* background-color: #A60000; */ /* Red */
}



/* being user in footer */
.txtFooterMenu {
	padding: 5px 10px 5px 10px; 
	color: #000000;
}


#divSocialMedia {

    background-color: #ffffcc;

}







/* List Styling */


.ListStyle1 {
	
}

.ListStyle1 ul {
	
	list-style-type: none; 
	
	/* Apply below two flex styles to make each li box the same height and to wrap boxes onto new lines when necessary */ 
	display: flex;
	
	flex-wrap: wrap;
	
	padding: 10px;
	
	overflow: hidden; /* Makes the container div extend down to cover the whole of the ul */
	
	float: left; 
		
}






.ListStyle1 ul li {
	
	display: block;  /* Using display block and float left so that you can set a width on li */
	
	float: left; 
	
	width: 300px;
	
	background-color: #febdbd; /* Rose pink */
	
	border: 1px solid #FFFFFF; /* White border */
	
	
}








/* start link css */

a:visited {
	color: #0000ff; /* Blue */
} 

a:link {
	color: #0000ff; /* Blue */
}

a:hover {
	color: #ff0000; /* Bright red */
}

/* end link css */


/* MEDIA QUERIES */  
/* for 768px screens or more */
@media only screen and (max-width: 767px) {
	
	#LivestreamForTabletAndAbove {	
		display: none;		
	}
  
}

/* for 768px screens or more */
@media only screen and (min-width: 768px) {
	
	#LivestreamForMobile {	
		display: none;		
	}
	
	.QuickLink {
	font-size: 2.5em;
	}
  
}

/* END MEDIA QUERIES */