/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.rounded { 	    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
		}	


.shadow {box-shadow:  rgba(0,0,0,0.8)  2px 2px;
		 -webkit-box-shadow:  rgba(0,0,0,0.8)  2px 2px; 
		 -moz-box-shadow:  rgba(0,0,0,0.8)  2px 2px; 

		}



.clear {clear:both;}

.flex-container {   display: -webkit-box;
 					display: -moz-box;
 					display: -ms-flexbox;
  					display: -webkit-flex;
  					display: flex;

				     -webkit-flex-wrap: wrap;
				    flex-wrap: wrap; 
					
				    align-items: stretch; 
				    webkit-align-items: stretch;
    /* justify-content: space-around; */
     }	


p { margin: 2px 0px; }

.right { float:right; }

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
 body {
color: #aca9ac;
background: #320033;
    font-style:normal; font-variant:normal; font-weight:normal;     
        font: 12px/18px Helvetica, Helvetica Neue, Arial;
    box-sizing:border-box;
   margin: 0px;
}


a, a:visited { color: #ffcaff; text-decoration: underline; }



header { 

position: relative;
width: 100%;
height: 282px;
text-align: center; 
position: absolute;
text-align:left; 
box-sizing:border-box;
 }


/* header img { width: 100%; max-width: 471px; } */


#header_wrap { width: 100%;
			   position: relative;
			   padding: 0px 0px;
			   box-sizing: border-box;
			   text-align: left;
			  height:238px;
			  position: relative;
			   
			    }



#logo {  margin: 0px 0px 0px 0px; height: 130px; z-index:20; position:relative;
		width: 100%; max-width:434px; }
#logo_back_left { position:absolute; top:0px; left:0px; max-width: 100%; height: 161px; display: none; }
#logo_back_right { position:absolute; top:0px; right:0px; }

#sitesearch { display: none; }



#header_wrap h1, #header_wrap h2 { font: 600 18px/22px 'Nunito', sans-serif;
	 margin: 5px 0px 5px 0px; line-height: 24px;   
	color:#fecaff; text-transform: uppercase;
	text-align: center; letter-spacing:2px;
	margin-bottom: 10px;

      }
	
#header_wrap h1 b, #header_wrap h2 b { color:#fdeebc; font-size:1.2em; text-shadow: 0 0 2px 1px #fff;  }	
.middle_wrap h2, .middle_wrap h1, #insert h2 { font-size: 20px; 
											line-height: 38px;
											margin: 5px 10px 10px 10px; 
											text-align: left; 
											text-overflow: ellipsis;
											text-transform: uppercase;
											color: #dddddc;
											/* border-bottom: 1px solid #1f0020;
											box-shadow: 0 1px 0 #4a004b; */
											font-weight: 500;
											letter-spacing: 2px;


											  }




.wrap { width: 100%;  border:0px solid #000; position: relative; z-index: 10;
		 max-width: 1440px; 		 }

.middle_wrap { /* background-color: #39193a; border: 2px solid #5d275e; */
				 position: relative;  z-index:20; padding: 10px; box-sizing: border-box;
			}
			
			
.wrap_shadow { box-shadow:  rgba(0,0,0,0.8)  6px 0px 4px 0px, rgba(0,0,0,0.8) -6px 0px 4px 0px;
		 -webkit-box-shadow:  rgba(0,0,0,0.8)  6px 0px 4px 0px, rgba(0,0,0,0.8) -6px 0px 4px 0px; 
		 -moz-box-shadow:  rgba(0,0,0,0.8)  6px 0px 4px 0px, rgba(0,0,0,0.8) -6px 0px 4px 0px; }			

.panel {  padding: 5px 2px; text-align: center; flex: 1 1 auto; display: block; margin-bottom: 10px;
		/* background-color: #260027; */
				/* border: 1px dotted #a106a4; */
				border: 1px solid #1f0020;
				box-shadow: 1px 1px 2px 1px #4a004b;}
		
		
		
/*---------------- social --------------------- */

.social-bar { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#575757+0,4f4f51+12,323232+42,262626+52,121212+54,040404+88,050505+91,020202+94,010101+100 */
background: #575757; /* Old browsers */
background: -moz-linear-gradient(top,  #575757 0%, #4f4f51 12%, #323232 42%, #262626 52%, #121212 54%, #040404 88%, #050505 91%, #020202 94%, #010101 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #575757 0%,#4f4f51 12%,#323232 42%,#262626 52%,#121212 54%,#040404 88%,#050505 91%,#020202 94%,#010101 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #575757 0%,#4f4f51 12%,#323232 42%,#262626 52%,#121212 54%,#040404 88%,#050505 91%,#020202 94%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#010101',GradientType=0 ); /* IE6-9 */
			text-align:center;
			color:#000;
			  padding: 4px;
			  }		
		
.social-bar a { color:#fff; text-decoration:none; }		
		
img.flag { height: 22px; margin: 2px 3px; border:1px solid #000; -webkit-border-radius: 3px;
   			 -moz-border-radius: 3px;
    		border-radius: 3px; 
    		 }		

.flag_link { position: absolute;
    		top: 4px; right: 10px; z-index: 50; display: none; }

.social-bar .searchinput {  width: 120px; display: inline-block; box-sizing: border-box; padding: 3px 4px;
vertical-align: middle; }


		
.mini-icon { 
		-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding: 3px 5px 3px 5px; 
	border:1px solid #000; 
	line-height: 1.7em;
	font-size: 14px
	color:#fff;
	width: auto; margin: 2px 3px;
	}		
		
.icon-tweet { background-color: #0081ce; /* fallback color */
	background: -moz-linear-gradient(top, #00aced, #0081ce);
	background: -ms-linear-gradient(top, #00aced, #0081ce);
	background: -webkit-linear-gradient(top, #00aced, #0081ce);	
}
	
	
.icon-google {background-color: #c33219; /* fallback color */
	background: -moz-linear-gradient(top, #e64522, #c33219);
	background: -ms-linear-gradient(top, #e64522, #c33219);
	background: -webkit-linear-gradient(top, #e64522, #c33219);
	
	text-shadow: 0 -1px -1px #972412; }	
	
	
.icon-tmblr	 {background-color: #2c4762; /* fallback color */
	background: -moz-linear-gradient(top, #3a5876, #2c4762);
	background: -ms-linear-gradient(top, #3a5876, #2c4762);
	background: -webkit-linear-gradient(top, #3a5876, #2c4762);
	
	text-shadow: 0 -1px -1px #203448; }
	
.icon-fbook {
	background-color: #2b4170; /* fallback color */
	background: -moz-linear-gradient(top, #3b5998, #2b4170);
	background: -ms-linear-gradient(top, #3b5998, #2b4170);
	background: -webkit-linear-gradient(top, #3b5998, #2b4170);
	border: 1px solid #2b4170;
	text-shadow: 0 -1px -1px #1f2f52;
}	

.icon-news {
	background-color: #e2733d; /* fallback color */
	background: -moz-linear-gradient(top, #e88845, #e2733d);
	background: -ms-linear-gradient(top, #e88845, #e2733d);
	background: -webkit-linear-gradient(top, #e88845, #e2733d);
	border: 1px solid #e2733d;
	text-shadow: 0 -1px -1px #9a4824;
}		
		
		
/*---------------- new social --------------------- */		
		
.social-button { 
			-webkit-border-radius: 3px;
   			 -moz-border-radius: 3px;
    		border-radius: 3px;
			box-sizing: border-box;; 
			border:1px solid #000; 
			display: inline-block;
			color:#000;
			width: 25px; 
			height: 25px;
			margin: 0px 3px;
			background-image: url('../images/sprite2.png');
			vertical-align: middle;
			
	}		
		
.button-tweet {background-position: 0px -1px;}		
		
.button-tumblr {background-position: -25px -1px;}				
		
.button-share {	background-position: -100px -1px;  }	

.button-search { background-position: -125px 0px; }		

		
		
		
		
		
/*-------------- LINKLIST --------------------------- */
.linklist { list-style: none;
			margin: 0px 0px 25px 5px; padding: 0px;
			font-size: 12px; }
			
.linklist li { float: left; display: block; 
				width: 100%; 
				overflow: hidden; 
				padding: 3px;
				box-sizing:border-box; }			

.linklist li a {display: block; padding: 2px 5px;  text-align: left; height:50px; border: 1px dotted #908f8f; color:#aca9ac;  line-height: 14px; text-decoration: none; overflow:hidden; 
		 }


.linklist li a span.title { font-weight: bold; margin-bottom: 4px; text-decoration: underline; font-size: 1.1em; color: #d7bf6f;  }

.linklist li a p { margin: 0px; width: 100%; padding: 5px; }		
		
#bottom .linklist li a { text-align: center; height: 20px; line-height: 20px;  }	

#bottom .linklist li a span.title { color: #d7bf6f; }

/*======================== pagination stuff ===================================== */


ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 5px 0px;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: white;
    float: left;
    padding: 8px 8px;
    text-decoration: none;
    /* border-radius: 5px; */
	border: 1px solid #b660d5;
	background-color: #7b1891;
}

ul.pagination li a.active {
    background: #fff; /* Old browsers */

    color: black;
   /*  border-radius: 5px; */
}

ul.pagination li a:hover:not(.active) {background-color: #fff; color:#000; }

.pagination li:first-child a, .pagination li:nth-child(2) a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child a, .pagination li:nth-last-child(2) a  {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
   
}

.pagination li a.endstop { margin: 0 2px; }

/* .col4, .col5, .col6, .col7 { display: none !Important; } */



    .previous, .next, .remove
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
     
      font-variant: normal;
      text-transform: none;
     
     
      line-height: 1em;
     
      margin-left: .2em;
     
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     

    }
	
		
		
/*---------------- BUTTONS ------------------------- */

.more-button { display: inline-block;
		background-color:#7b1891;
	text-align: center;
	padding: 4px 15px 4px 15px;
	position: relative;
	
	text-transform: uppercase; 
	font-size: 15px;
	font: 600 15px/18px 'Nunito', sans-serif;
	text-decoration: none;
	color: #fff !Important;
	border-radius: 5px;
 }
	
	
.right-button {
	margin: 7px 20px 0 0; 
	}	
	
.down-button {
	margin: 20px 0 20px 0;
	padding: 8px 20px;
	}	
	
	
	
/* .more-button:after {content: "";  
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 15px solid #505050;
	position: absolute; right: -15px; top: 0;
	height: 4px;}	*/


.btn { text-decoration: none; }


.search-button {cursor: pointer;
				border-radius: 5px;
				vertical-align: middle;
				}


.btn-icon {
    margin-right: 5px;
}



.black_button { background-color:#1a1a1a;
	/*	box-shadow: inset 0px 1px 1px 0 #9f9f9f;
    -webkit-box-shadow: 0px 1px 1px 0px #9f9f9f inset ;
    -moz-box-shadow:0px 1px 1px 0px #9f9f9f inset;
    -ms-box-shadow: 0px 1px 1px 0px #9f9f9f inset;
    -o-box-shadow: 0px 1px 1px 0px #9f9f9f inset; */
   color:#fff; text-decoration: none;

   			
   			 padding: 5px 3px; 
   			 z-index:20;
   			 position:relative;}
   			 
   			 
  			 
.grey_button { background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
 border: solid 1px #BBB;
border-bottom: 1px solid #999; 
    			 z-index:20;
   			 position:relative;}   			 
   			 
   			 
.grey {
    background: #F2F2F2;
    background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    border: solid 1px #BBB;
}   			 
   			 
   			 
   			 
   			 
.menu_button { text-align: center;  font-size: 18px; 
				height:45px;
			    display: block; line-height: 45px;
			       	text-decoration: none;
   			 box-sizing: border-box; 
   			 color:#fff;}   


/*--------------------------------------  breadcrumbs --------------------------------- */

 #breadcrumbs { padding: 8px; text-align: left; font-size: 100%; }

#breadcrumbs a {  font-weight:500; }

#breadcrumbs img.right-icon { vertical-align: middle; margin: 0px 5px; }



#breadcrumbs ol { list-style-type: none;
				text-align: left;
				font-size: 100%; 
				margin: 0px; padding: 0px; }
				
				
#breadcrumbs ol li { display: inline; padding: 4px 10px; }
 
#breadcrumbs ol li a { font-weight:500; }

#breadcrumbs span { font-size:1.2em; }

/*----------------- support page stuff ----------------------- */

#support_page { font-size:16px; text-align: left; line-height: 20px; min-height: 250px; }

#support_page h1 { font-size: 18px; text-transform: uppercase; color:#fdbb05; }

#support_page h2 { color:#fdbb05; margin: 30px 0px 10px 0px; }

#support_page p { margin: 10px 0px; }




/*---------------- ownsite page stuff ----------------------------- */

#ownsite_page #ownsite_main { width: 99%; max-width: 439px; margin: 10px; }

#ownsite_page { font-size:16px; text-align: left; line-height: 20px; min-height: 250px; }

#ownsite_page h1, #ownsite_page h2 { font-size: 18px; text-transform: uppercase; color:#fcdafd; margin: 25px 10px 10px 10px; }

#ownsite_page p { margin: 10px 0px; }

#ownsite_page ul { list-style-type: none;
			  margin: 0px; padding: 0px;
			  margin-left: 20px; }
			  
#ownsite_page ul li { text-align: left; margin: 20px 10px; }			  
#ownsite_page ul li b { color:#fcdafd; }


/*---------------- frontpage ownsite stuff ----------------------------- */

#ownsite_wrapper #ownsite_left { max-width: 190px; display: none; flex: 0 1 auto; box-sizing: border-box; }
#ownsite_wrapper #ownsite_left img { width: 100%; border-radius: 10px; }

#ownsite_wrapper #ownsite_right { flex: 1 1 auto;  box-sizing: border-box; font-size: 14px; line-height:18px; }


.ownsite_text { font-size: 14px; line-height:18px; float: right; }

#ownsite_wrapper h2 { font-size: 20px; text-align: center; text-transform: none; letter-spacing: 0; }

#ownsite_wrapper ul { list-style-type: none;
			  margin: 0px; padding: 0px;
			  margin-left: 10px; }



#ownsite_wrapper ul li { display:block; text-align: left; padding: 5px 0px 5px 45px; flex: 0 1 auto;
						 background: url(../images/pinktick.png) left center no-repeat;
						 background-size: 25px 25px;
						 margin: 10px 0px;
						 font-size: 16px; }

#ownsite_wrapper ul li span { font-size:1.2em; color:#ff0000; margin-right: 0.5em; }

/*-------------------- popular searches stuff ------------------ */
p.tagsearch {
    margin: 2px;
    font-size: 11.5px;
    text-align: left;
}

p.tagsearch a {
    display: inline-block;
    color: #fcdafd;
   /* background-color: #e8e8e8; */
    padding: 5px 15px;
    -webkit-border-radius: 5px;
    font-weight: normal;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 3px 10px 3px 0px;
    line-height: 1em;
    text-decoration: none;
    border: 1px solid #636161;
}


/* ------------------- Item Stuff -------------------------------- */

.item { 	box-sizing: border-box;
		/* border:1px solid #c9c9c9; */
		padding: 2px; 
		margin-bottom:3px;
		overflow: hidden; }
		
.item-content {  padding: 4px;
				-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
        box-sizing:border-box;
     height:100%;
     background-color:#260027;
     border: 1px solid #5d275e; 
    /*      box-shadow:  rgba(162, 118, 187, 0.7) 0px 0px 7px 0px;
		 -webkit-box-shadow:  rgba(162, 118, 187, 0.7)  0px 0px 7px 0px; 
		 -moz-box-shadow:  rgba(162, 118, 187, 0.7)  0px 0px 7px 0px; */
 /*  display: table-cell; */
 }		

.item-content img.thumb { border:1px solid ##d7bf6f; max-width: 100%; width: 100%; height: auto; }

.item-content .thumbwrapper { position: relative; margin-bottom: 5px;  display: inline-block; }
.item-content .thumbwrapper .updatetype { position: absolute; top: 0px; left: 0px; z-index:10; }

.item-content .thumbwrapper .hdicon { position: absolute; top: 3px; right: 2px; z-index:10; width: 30px;}

 .thumbwrapper .timestamp { position: absolute; left: 5px; bottom: 5px; z-index: 10;
 							color: #F6F6F6;
							border-radius: 2px;
							text-align: center;
							font-weight: bold;
							padding: 2px 4px;
							background: #4c4c4c;
							font-size: 11px;
							line-height: 13px;
							height: 12px; }
							
.item-content .thumbwrapper .type { position: absolute;
							     top: 0px;
							     left: 0px;
							     z-index: 100;
							     display: block;
							     padding: 2px 5px;
							     color: #fff;
							     font-size: 11px;
							     font-weight: 600;
							     border-radius: 0 0 5px 0;
							     box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.6);
							     border-top: 0px !Important;
							     border-left: 0px !Important; 
							     text-transform: uppercase;}
							     
							     



.item-content .thumbwrapper .pics { background-color: rgba(50,196,21,0.9); border: 1px solid #11a800; }

.item-content .thumbwrapper .video { background-color: rgba(211,34,34,0.9);  border: 1px solid #950000;}
							
							
							
							
							
							
							

.item p.date { font-size: 12px; float: right; margi:5px 2px 5px 0px; }
#updates .item p.title { text-align: left; margin: 2px 0px 5px 0px; }

#top10 .item  { width: 50%; }

#updates .item { width: 50%; flex: 0 1 auto; }

#updates .item .textwrapper { min-height: 50px; }

#sites .item { width:50%; }

#sites .item .text-wrapper { text-align: center;  overflow:hidden; height: 125px; }

#sites .item p.title, #top10 .item p.title { font-size:15px; margin: 4px 0px;  }

#header_wrap .item { width: 100%; flex: 1 1 auto;  margin-bottom:0px; text-align: center; padding: 0px; }



/* -------------------------- tag list stuff --------------------------- */
#tags .item { width: 100%; vertical-align:top; }

#tags .item h3 { font-size:15px; font-weight: bold; margin: 2px 0px; display: block;
				 border-bottom:1px solid #000; padding: 4px 0px; text-align:left; }


#tags .item ul { margin:0px; padding:0px; list-style-type: none; }
#tags .item ul li { text-align: left; width: 100%; padding: 3px;
					border: 1px dotted #505050;
					margin: 2px 0px;
					font-size:14px; 
					height:20px;}

#tags .item ul li span.count { float: right; font-size:0.95em; margin-right: 3px; }

#tags_wrapper { display:none; }




.navbar { position: absolute; bottom:0px; width: 100%; height: 44px;
			
}

.yellowbar {  background-color:#260027;
     border-top: 1px solid #5d275e;
box-sizing: border-box;
border-bottom: 1px solid #5d275e; }		 


nav {  text-align: left; font-size: 15px; display: block;
			 padding: 0px;
   z-index: 70 !Important;
        display: none;
	  }

#nav_wrapper { z-index:50;  box-sizing:border-box;}


nav ul.mainmenu { list-style-type: none;
			  margin: 0px; padding:0px }
			  
			  
nav ul.mainmenu li { display:block; text-align: left;  flex: 1 1 auto;
					 width:100%; padding: 5px; }

nav ul.mainmenu li.home {  font-size: 20px;  }


nav ul.mainmenu li a  { color:#fff; text-decoration: none; padding: 5px 15px; display: block; 
						border-top:1px solid transparent; 
						border-bottom:1px solid transparent; }
						
/*
nav ul.mainmenu li a:hover { border-top:1px solid #f9282d; 
						border-bottom:1px solid #f9282d;						
						color:#ffef37; background-color:#000; }
						
*/

nav ul.mainmenu li:hover { background-color:#fecaff; }
						
nav ul.mainmenu li:hover a { color:#000; }						
						
						
						
						
.maw_button { float:right; display: none; margin-right:10px; }			


.selectBox-dropdown-menu li a { color:#0000ff; }


/*---------------- insert stuff -------------------------------- */

#insert { min-height:100px; text-align: left; padding: 10px; display: block;  border:2px solid #000; margin-bottom:10px; }

#insert ul { list-style: none;
			margin: 0px; padding: 0px;
			font-size: 15px; }
			
#insert ul li { float: left; display: block; 
				width: 100%; 
				padding: 3px;
				box-sizing:border-box;
				height: 30px;
				line-height: 30px; }	
				
.close { float: right;  text-decoration: underline; font-size: 13px; }				


/*------------------- search stuff ---------------------- */

#search_wrapper { display:none; }

#search_inner .item { width: 100%; }

.searchinput { font-size: 13px; padding: 2px; color:#505050; width: 150px; margin-right:5px; }



/*--------------- members only popup ---------------------------- */


#members-only-popup, #adults-only-popup {
	 position: fixed;
  	top: 50%;
  	left: 50%;
	background-color:#fff;
	border-radius: 8px;
	text-align: center;
	color: #666;
	display: none;
	padding: 5px;
	font-size: 15px;
	z-index: 105;
	line-height: 20px;
}


#members-only-popup {
  	margin-top: -75px;
  	margin-left: -155px;
     width: 310px;
     height: 150px;
	
		}

#adults-only-popup {
	width: 450px;
	height: 250px;
	margin-top: -125px;
	margin-left: -225px;
		
}





		
#members-only-popup p, #adults-only-popup p { margin: 10px 0px; }		

#members-only-popup p.title, #adults-only-popup p.title { font-weight: 600;
							 font-size: 16px;
							 margin: 0px 0px 20px 0px;
							 text-align: left; }

#adults-only-popup a { color:#0000ff !important; }

#members-only-popup .close, #adults-only-popup .close { float: right; font-size: 12px; color:#000; }

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}			
		




/*------------------ media queries -------------------------------- */
@media only screen and (min-width: 550px) {
		#sites .item { width:33%; }
		#sites .item .text-wrapper { height: 110px; }
		#updates .item { width: 50%; }


	}			
						

@media only screen and (min-width: 650px) {

		/* .wrap { max-width: 550px; } */
		/* #nav_wrapper { height: 45px; } */
		nav { display: block;  height:44px; }
		nav ul.mainmenu li { display:inline-block; text-align: center; flex: 0 1 auto; width: auto;  border-right: 1px solid #1f0020;box-shadow: 1px 0px 0 #610562;}
		nav ul.mainmenu li.home { max-width: 50px; font-size: 20px;  }	
		nav ul.mainmenu li.home a { padding: 5px; }
		header { height:175px; }
		
		
		.menu_button { display: none; }
		#top10 .item { width: 25%; }
	
		#sites .item .text-wrapper { height: 90px; }
		.linklist li, #insert ul li { width: 50%; }
		
		#bottom .linklist li { width: 33%; }
		
		#header_wrap {  height:131px;		    }
		#header_wrap .item { width: 49%; }
		#header_wrap h1, #header_wrap h2 { text-align: right; font-size: 19px; line-height: 26px; letter-spacing:1px; margin: 6px 5px 5px 0px;} 
		
		#logo { float:left; }
		#logo_back_left { height: 95px; }
		#ownsite_wrapper #ownsite_right { width: 345px; }
		#ownsite_wrapper #ownsite_left { display: inline-block; max-width: 170px; }
		#tags .item { width: 49%; padding: 4px 10px; }
		.social-bar { position: absolute; right: 5px; bottom: 5px; }
		.flag_link { display: block; }
}





@media only screen and (min-width: 750px) {
		/* .wrap { max-width: 768px; } */
			#updates .item .textwrapper { min-height: 70px; }
	/*	#header_wrap h1, #header_wrap h2 { font-size: 20px; line-height: 26px; letter-spacing:1px; } */
		/* .middle_wrap h2, .middle_wrap h1 { font-size: 15px; } */
	#updates .item { width: 33%; }
		
		#sites .item { width:25%; }
		.linklist li, #insert ul li { width: 33%; }
		#bottom .linklist li { width: 25%; }
		.ownsite_text { font-size: 16px; line-height:20px; }
		#ownsite_wrapper #ownsite_left { max-width: 190px; }
		.maw_button { display: block; }	
		#ownsite_page #ownsite_main { margin: 0px 10px 10px 0px; float: left; max-width: 350px; }
		#search_inner .item { width: 50%; }
		#updates .item p.title { font-size: 14px; }
		}





		
		
		
@media only screen and (min-width: 1020px) {
	/* .wrap { max-width: 1020px; } */
	
	#top10 .item { width: 12.5%; }
	.linklist li, #insert ul li { width: 25%; }
	#bottom .linklist li { width: 20%; }
	#linkpage .linklist li { width:33%; }
	#updates .item { width: 25%; }
	#updates .grid-sizer { width: 25%; }
	#sites .item { width:16.6%; }
	#sites .item .text-wrapper { height: 110px; }
	#ownsite_wrapper ul li { font-size:20px; }
	#ownsite_page #ownsite_main { max-width: 439px; }
	}
	
	
	
	

		
		
@media only screen and (min-width: 1200px) {

	#sites .item { width:14.28%; }

	#updates .item { width: 20%; }
		#updates .grid-sizer { width: 20%; }
	#sites .item .text-wrapper { height: 80px; }

	}