/*
	Ryan Clark
	Sample Style
*/

/* Simple CSS Reset */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #333;
	color: #222;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

footer {
	background: #333;
	color: #777;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 25 0 0 0px ;
}

h1 {
	margin: 0 0 20px;
}

p {
	margin: 10px 0;
}

img {
    max-width: 100%;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
}

#container {
	background: #fff;
	width: 1000px;
	padding: 20px;
	margin: 20px auto;
	max-width: 85%;
	border-radius: 1em;
}

#sidebar {
	background: #fff;
	width: 1000px;
	margin: 20px auto;
	padding: 20px;
	max-width: 85%;
	border-radius: 1em;
}

#backtotop{
	font-size: .9em;
}

/* Styling Links */
/* unvisited link */
a:link {
	color: #f42aa6;
	text-decoration: none;
}
/* unvisited link */
a:visited {
	color: #f42aa6;
}

/* mouse over link */
a:hover {
	color: #a50578;
	text-decoration: underline;
}
/* active link */
a:active {
	color: #000;
}


.portrait {
    height: 80px;
    width: 30px;
}

.box {
	background: #db4e4e;
	color: white;
	height: 150px;
	width: 150px;
	margin: 20px 0;
}

/* Navigation Bar -- Links -- hover -- and active*/
.topnav{
	background-color: #333;
	overflow: hidden;
}
.topnav a{
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}
.topnav a:hover{
	background-color: #ddd;
	color: #000;
}
.topnav a.active{
	background-color: #a50578;
	color: #fff;
}


.fa {
	padding: .8em;
	font-size: 2em;
	width: .8em;
	background:	#777;
	opacity: 0.7;
	text-align: center;
	text-decoration: none;
	border-radius: 1em;
  }