@charset "UTF-8";
/* CSS Document */




.floatleft {
    margin-right: 10px;
    float: left;
}
.floatright {
    margin-left: 10px;
    float: right;
}
.clear {
    clear: both;
}

a:link {
	color: #92268F;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #586E8A;;
}
a:hover {
	text-decoration: underline;
	color: #5BA4C6;
}
a:active {
	text-decoration: none;
	color: #92268F;
}

body {
	margin: 0 auto;
    padding-bottom: 2em;
    font-size: 14px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #646477;
    line-height: 1.4em;
    background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Josefin Slab', serif; font-weight: 400;
    line-height: 1.4em;
    text-align: center;
}
h1 {
	font-size: 30px;
    font-weight: 700;
	color: #92268F;
	padding-top: 8px;
    padding-bottom: 5px;
}

h2 {
    font-size: 20px;
    color: #586E8A;
}
p {
    padding-right: 5px;    
}
.container {
	background-color: #fff;
	text-align: left;
	width: 80%;
    min-width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 0px;
    box-shadow: 10px 10px 5px #586E8A;
    border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #606;
}
header {
	padding: 0px;
	border: 0px;
	width: 100%;
	margin: 0px;
}
nav {
	background-color: #63ABC5;
    font-variant: small-caps;
	margin: 0px; 
    font-family: 'Arvo', serif;
    
}
nav a:link{
    color: aliceblue;
    transition: transform:scale 1s ease;
    transition: transform:color .5s ease-in;
     
}
nav a:visited {
    color: aliceblue;
     
}
nav a:hover {
    color: #586E8A;  
    -webkit-transform:scale(1.1); transform:scale(1.1); 
     
}
nav ul li a:hover {
    
    -webkit-transform:scale(1.1); transform:scale(1.1); 
    text-shadow: .5px .5px #646477;
    
}
img {
    
}

.imglink {
    transition: transform:scale 1s ease;
    transition: box-shadow 1s ease all;
    margin-bottom: 1em;
    margin-top: 1em;
     
        width: 90%;
}
.imglink:hover {
    -webkit-transform:scale(1.1); transform:scale(1.1); 
     box-shadow: 5px 5px 5px #586E8A;
}
.nav-tabs li a {
    transition: transform:scale 1s ease;
    transition: transform:color .5s ease-in;
    
}
.nav-tabs li a:hover {
    border-top: 2px;
    border-top-color: #606;
    background-color: aliceblue;
}
/*
#content {
	margin: 0px;
	float: left;
	
}
*/
aside {
	
    font-size: 12px;
	margin: 0px;
	text-align: left;
	line-height: 1.3em;  
    padding-right: .5em;
}
footer {
	font-size: small;
	clear: both;
    line-height: 1.1em;
    padding-top: 5px;
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #63ABC5;
   
}
@media screen and (min-width: 750px) {
    h2, h3, h4, h5, h6 {
    text-align: left;
}
    aside {
	text-align: right;
    padding-right: 0;
    
}
    aside h2 {
        text-align: right;
    }
 
}
    
}

.purpletext {
	color: #606;
}
.aquatext {
	color: #63ABC5;
}
.magentatext {
	color: #92268F;
}
.caption {
	font-family: 'Josefin Slab', serif; font-weight: 400;
    font-size: 1.4em;
	left: 0px;
	text-align:center;
	padding: 5px 0;
    color: #92268F;
    opacity: 1;
    transition: opacity 1s ease;
}

.caption:hover { 
     opacity: 0;
}
.cover {      
        float: left;
        width: 200px;
        height: 320px;
        margin-right: 1em;
        margin-left: 1em;
        margin-bottom: 1em;
        margin-top: 1em;
        transition: background-color 1s ease-out;
        transition: opacity .5s ease;
        opacity: .5;
        
        
    }

.cover:hover {
        opacity: 1;
        box-shadow: 5px 5px 5px #586E8A;
    }
.issuenavigation {
	font-family: 'Arvo', serif;
	font-variant: small-caps;	
	text-align: right;
	margin: 0px;
	
}
.poetrytext {
	font-size: medium;
	line-height: 125%;
	color: #333;
	margin: 0px;
	padding: 10px;
}
.poetrytextwide {
	font-size: 85%;
	line-height: 125%;
	color: #333;
	margin: 0px;
	padding: 10px;
}
.poetrytitle {
	font-size: large;
	line-height: 125%;
	font-weight: bold;
	font-variant: normal;
	color: #606;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.imageborder {
	border: thin solid #609;
	padding: 5px;
}
.imageright {
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.imageleft {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
.textbox {
	border: thin solid #872D87;
	padding: 10px;
}
.smallindentedtext {
	font-size: small;
	line-height: 110%;
}
.smallertext {
	font-size: 70%;
}
.courier {
	font-family: "Courier New", Courier, monospace;
}
.stanza {padding-left:50px;}
.line {text-indent:-10px;}
.bluebkgrnd {
    background-color: aliceblue;
    padding: 5px;
}