/* Axelrod Styles */

@import url('https://fonts.googleapis.com/css?family=Roboto');


ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, div.paragraph, blockquote, fieldset, input { margin: 0; padding: 0; }
 
html { height: 100%; }
 
body { 
	font-family: 'Roboto', sans-serif; 
	font-size: 15px; 
	color: #8e8e8e; 
	min-height: 100%; 
	background-color: #F6F6F6; 
}

.bg-wrapper { 
	background-color: #fff; 
	padding-bottom: 50px;
}


#wrapper blockquote { 
 	border-left: 5px solid #d0d0d0; 
	margin-left: 20px; 
	padding-left: 20px; 
}

header { 
 	background-color: #f6f6f6;
    text-align: center; 
    padding: 25px 0;
}

#sitename a, #sitename a:link, #sitename a:visited { 
 	color: #484848; 
    font-family: 'Roboto', sans-serif; 
	font-size: 36px; 
}

/* Navigation */

nav { 
	padding-bottom: 30px; 
	text-align: center; 
	text-transform: uppercase; 
	overflow: hidden; 
    font-family: 'Roboto', sans-serif; 
}

nav ul:before, nav ul:after { 
	background-color: #5b72dc; 
	content: ""; 
	display: inline-block; 
    border: 0;
    height:2px;
    color: #5b72dc; 
	bottom: .1em; 
	position: relative; 
	vertical-align: middle; 
	width: 50%; 
}

nav ul:before { 
    right: 29px; 
    margin-left: -50%;
}

nav ul:after { 
    left: 29px; 
    margin-right: -50%; 
}
 
nav li { display: inline-block; }
 
nav li:hover, nav li#active { 
 	background-color: #333; 
	color: #fff; 
}

nav a:link, nav a:visited { 
	color: inherit; 
	display: block; 
	padding: 10px 14px; 
}

@media (max-width:940px) {
    
    nav ul:before, nav ul:after { 
        background-color: inherit;
        color: inherit;
    }
    
    nav ul:before { 
        right: 0; 
    }
    
    nav ul:after { 
        left: 0; 
    }    
    
}

@media (max-width:900px) {
    
    nav {padding-bottom:0;}
   
    nav li { display: block; }

    nav a:link, nav a:visited {  
    	padding: 15px; 
    }

}

/* Content area */
  
h2 { 
    font-family: 'Roboto', sans-serif; 
	font-size: 26px; 
	font-weight: normal; 
	color: #484848; 
	padding: .3em 0; 
}

h2.title {
	text-align:center;
	font-size: 1.3em;
}

#content {
	/* float: left; */
	color: #333;
}

table {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #000;
    padding: 0;
}

td {
    vertical-align: top;
    box-sizing: border-box;
    padding-bottom: 10px;
}

td img {
    max-width: 100%;
    border: 0px;
    padding: 3px;
}
 
p, div.paragraph, div.paragraph { padding: .5em 0; }
  
hr { 
    width: 100%;
    border: 0;
    height: 2px;
    background-color: #5b72dc;
   	color: #5b72dc;
}

a img { border: 0; }
 
a { text-decoration: none; }

a:link, a:visited { color: #5b72dc; }
 
a:hover { color: #90a4fe; }
 
figure {
	padding: 10px 0 10px 0;
	margin:0 auto;
	text-align:center;
}

figure img {
	max-width:100%;	
	padding: 3px;
	border: 0px;
}

/* Footer */

footer { 
    font-family: 'Roboto', sans-serif; 
	font-size: 14px; 
	margin: 50px 0 0 0;
}

footer-content {
	margin: auto; 
	text-align:right;
}