* {
	margin:0; /*better to use a reset like normalize.css*/
	padding:0;
	box-sizing:border-box; /*this will make padding and border included in widths - this is best for responsive layouts*/
	}
html, body {height: 100%;}
body {
	background-color: #FF0033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000;
}

img {max-width:100%;}

nav ul li a img {
	width:226px;
	height:46px;
}

p {margin-bottom:1em;}
h2{font-size:2em;}

ol {margin:0 0 1em 2em;}

h2, h3, h4 {margin-bottom:.5em;}
h2 {color:#fff;text-align:center;}
h3 {font-size:1.5em;color:#fff;}
h4 {font-size:1.25em;color:#fff;}
h6 {
	font-size:1em;
	margin-bottom: .2em;
	color:#333300;
	font-weight:normal;
}
.submissions {color:#FF99CC;}
.submissions h3{color:black;}
.submissions h6 {color:white;}

.emphasis {color:#000;font-weight:bold;}

a {color:#ffffff;}


aside {padding:0 .5em 1em .5em;}

nav ul {list-style-type:none;}

nav ul li {margin-bottom:2px;}

nav a{
	display:block;

}
nav img {
	display:block;
}

main {
	display: flex;
	flex-direction: column;
	flex-wrap:wrap;
	align-items: center;
	padding: 0 .25em 0 .25em;
}

.group-grid {
	display: flex;
	flex-direction: column;
	flex-wrap:wrap;
	align-items: center;
}

.news, .submissions,.donate {
	max-width:381px;
	border:1px solid #fff;
	padding:1em;
	margin-bottom:3px;
}

.news {
	max-width:375px;
	color:white;
	}

.news a {color:#FF99CC;}

.thumbs {
	padding:1em;
	text-align:center;
	max-width:381px;
}
.thumbs img {padding:.1em;}

footer {padding-top:1em;}

footer p {
	font-size:.85em;
	text-align:center;
	padding:1em;
	color:#000;
}


/* ==========================================================================
   Index page
   ========================================================================== */
.outer {height:100%;}

.cover {
	margin:2% .5em 0em .5em;
	text-align: center;
	height: 80%;
	padding-bottom:.5em;
	}

.cover img {
	border: 1px solid #000;
	max-height: 100%;
	margin-bottom:.5em;
}


.update, .cover p {
	color: #fff;
	text-align: center;
}

.update {padding-top:1em;}

/* ==========================================================================
   Other pages
   ========================================================================== */

.contributors, .book, .groupexhibit, .links,.pastissues {padding:.5em 1em 1em;}

.contributors p {
	font-size:1.5em;
}

.contributors p a {
    display: inline-block;
    padding: .25em 0;
}

.names { color:#FF99CC;}

.book {max-width:500px;}

.groupspace{padding:2.5px;}

.group-grid img {padding-bottom:.25em;}

.donate {color:white;}

#page {padding: 1em 2em 0 2em;}
#page img {display:block;}
#page .page-nav img {display:inline;padding:0 .5em;}
#page .page-nav {text-align:right;}
#page .page-nav a:first-child {padding-right:2em;}

.subs-grid {text-align:center;}

/* FANCYBOX */
.fancybox__backdrop {background:var(--fancybox-bg, rgba(255, 255, 255, 1));}

.fancybox__caption {
	color:#ff0033
}
.carousel__button, .fancybox__counter {
    color: #ff0033;
}
.fancybox__toolbar {
	background: none;/*remove gradient at top*/
}




/*==========  Media Queries  ==========*/

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

}


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

	    #wrap {
		    display:flex;
		    flex-wrap:wrap;
		    max-width:901px;
	    }

	    header, footer {width:100%;}

	    aside{
		    width:16%;
	    }

	    nav ul li a img {
		    width:113px;
		    height:23px;
	    }

	    main{
		    width:84%;
		    flex-direction: row;
		    justify-content:center;
		    padding:.5em .25em 0 0;
		    align-items:stretch;
	    }

	    footer{padding-left:15%;}

	    .contributors, .book, .groupexhibit, .featured, .links,.pastissues {padding:.5em 0 0 1em;}

	    .home-grid, .subs-grid {
		    width:50%;
		    padding-bottom:.25em;
	    }

	    #home .home-grid { padding-bottom:.5em;}

	    nav a {padding:0;}

	    .news{
		    max-height: 184.5px;
		    overflow: auto;
		    overflow-y: scroll;
		    overflow-x: hidden;
		}

		.submissions {
 		    max-height: 372px;
 		    overflow: auto;
 		    overflow-y: scroll;
 		    overflow-x: hidden;
 		}

		.group-grid {
			flex-direction: row;
			justify-content:space-between;
		}

		.group-grid img {
			width:50%;
		}

		.donate {max-height: 184.5px}
		h2 {font-size:1.5em;}
		.contributors p {
			font-size:1em;
		}

		.contributors p a {
		    display: inline-block;
		    padding:0;
		}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 901px) {
	    aside{
		   width:14%;
	   }

	   main{
		   width:86%;
		   padding:.5em 0 0 .25em;
	   }

	    .contributors, .book, .groupexhibit, .featured, .links,.pastissues {padding:.5em 0 0 0em;}

	    .contributors p {
		   margin-bottom:.25em;
	   }

	   .news, .donate{
		   max-height: 205px;
	   }

	   .donate {
	   	max-width:379px;
		margin-right:5px
	   }

	   .submissions {
 		    max-height: 413px;
		    max-width:379px;
		    margin-right:2px
	    }
    }