@import url("basic.css");
body{
     padding: 20px;
}

body{
		background-color:#0a0a0a;
}
body{
	color:white;
}

h1{
    margin: 5px;
    font-family: Audiowide, sans-serif;
}
p{
    text-align:center;
}
a{
		color:#D0B3EE;
		text-decoration:none;
}
li{
	  background-color: cyan;
}

.mediabox {
/*		position: relative; */
	display:block;
	margin-left:auto;
	margin-right:auto;
/*		border-style:inset;
		border-color: white; */
}

.media {
	border-style:double;
	border-width:5px;
	border-color: yellow;
	padding: 5px;
	/*margin-right:auto;
	margin-left:auto;*/
}
.media_image{

}


.media_links{
    clear: both;
    padding-left:2em;
    padding-right:2em;
}
/* links on picture viewer */
.prevnext_text {
    display: none;
}
#prev_link{
    position:absolute;
    top:50%;
    left:0.1em;
}
#next_link{
    position:absolute;
    top:50%;
    right:0.1em;
}

/* EXIF information */
.inline_enum ul{

    padding-left: 0;
    display: inline;
}
.inline_enum ul li {
    margin-left: 0;
    padding-left: 2px;
    border: none;
    list-style: none;
    display: inline;
}

/* Breadcrumbs */
#breadcrumbs {
    padding: 5px;
    margin: auto;
	background-color:white;
    color:black;
}
#breadcrumbs ul li a{
	color:blue;
}
#breadcrumbs ul li:after {
    content: "\0020 \0020 \0020 \00BB \0020";
}
#breadcrumbs ul li.bc_current:after {
    content: " ";
}


#osize_links ul li:after {
    content: "   |";
}
#osize_links ul li:last-child:after {
    content: " ";
}
#onum_links ul li:after {
    content: "   |";
}
#onum_links ul li:last-child:after {
    content: " ";
}
#medias, #subgal_links{

    display:grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}


img {

}
#image_img img{
    display: block;
    margin: auto;
}
#image_caption{
    text-align:center;
}
div.subgal_content, div.browse_content{
    margin:0 12% 0 12%;
}
    img.subgal {
        border: none;
    }
    div.subgal_link {
        border: none; /* 1px solid white;*/
        margin: 5px 5px 0 5px;
        background: #999999;
        border-radius: 5px;
    }
    div.subgal_image {

    }
    div.subgal_image img {
        width: 96%;
        border: none;
    }
    div.subgal_name{
    }
    h4.subgal_name{
        text-align: center;
        padding: 0 0 0 10px;
        margin: 0;
    }
    h4.subgal_name a{
        color:blue;
    }

    div.subgal_description {
        background:#e0e0e0;
        color: blue;
        border: 1px solid blue;
        border-radius: 8px;
        padding: 3px;
        }
/* Text Description with a link */
div.subgal_description a p {
        color: blue;
}
        div.subgal_stats {
        color:#ffffff;
    }
        div.subgal_stats{
        display: none;
    }
    .media_links p{
        text-align:justify;
    }
.footer {
    clear: both;
    margin-top: 50px;
}
.footer p {
    text-align: center;
    clear: both;
    font-size: small;
}