/*
Theme Name: Amanda Ebert Portfolio Test Theme
Theme URL: http://amandaebert.com/
Description: Design Sample Theme for Web 2 - Myers School of Art
Author: Amanda Ebert
Author URL: http://amandaebert.com/
*/

/* HTML Controls */
body{
	margin: 0px;
	padding:0px;
	width:100;
}

a{
font-family: 'Lato', sans-serif;
font-size:16px;
text-transform:uppercase;
text-decoration:none;
}

a:link {
  color: green; 
  background-color: transparent; 
  text-decoration: none;
}

a:visited {
  color:#000000;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #99a8cf;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

p{
	font-family: "Lato", sans-serif; 
	font-weight: 300;
	font-size:15px;
	color:#000000;
	line-height: 30px;
}
h5{
	font-family:"Lato", sans-serif;
	font-weight: 900;
	font-size:30px;
	color:#000000;
	margin:25px;
	margin-left: 50px;
	margin-top: 50px;
}

h6{
	font-family:"Lato", sans-serif;
	font-size:15px;
	font-weight: 900;
	color: #000000;
	margin:100px;
	margin-bottom: 15px;
	margin-top: 50px;
}

h7{
	font-family: "Lato",sans-serif;
	font-size:30px;
	font-weight:lighter;
}

header{
height:256px;
//border-bottom:solid 0.25px #000000;
width:100%;
background:#FFFFFF;
text-align: center;
}

main{
//min-height: 1550px;	
width: 100%;
}

main ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

nav{
	//float:right;
	text-align: center;
	
}

nav ul{
	list-style:none;
	padding:none;
	margin:none;
	display:inline-block;
}

nav li{
	float:left;
	padding:20px 30px;
}

footer{
	height:80px;
	width:100%;
	text-align:center;
	background:#FFFFFF;
	clear: both;
}

footer ul{
	list-style:none;
	margin:0px;
	margin-top:85px;
	padding:0px;
	display:inline-block;
}

footer li{
	float: left;
	padding:25px 20px; 
}
/*custom controls*/

.hairline{
	font-family: 'Lato',sans-serif;
	font-weight:300;
	font-size: 15px;
	margin:100px;
}

.portfolio{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.portfolio ul{
	list-style: none;
	margin: 0px;
	display: inline-block;
	width: 100%;
	
}

.portfolio li{
	float: left;
	margin-bottom: -4px;
	width: 25%;
}

.portfolio img{
	width: 100%;
	list-style: none;
	margin:0px;
	padding: 0px;
}

.portfolio img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.logo{
	display:inline-block;
	float: center;
}

.overview{
	float:left;
	width:50%;
	margin:0px
}

.overview p{
	margin:25px;
	margin-left:50px;
	float:left;
}

.info_right{
	float:left;
	width:50%;
	margin:0px;
}
/* Bootstrap Customization*/
.container-fluid{
	padding: 0px;
	margin: 0px;
}

.meggs img{
	width:100%;
}

.poster img{
	width:50%;
	float:left;
}

header[role="banner"] #logo-main {
  display: block;
  margin: 15px auto;
  margin-top: 40px; 
}


#navbar-primary.navbar-default {
  background: transparent;
  border: none;
}
#navbar-primary.navbar-default .navbar-nav {
  width: 100%;
  text-align: center;
}
#navbar-primary.navbar-default .navbar-nav > li {
  display: inline-block;
  float: none;
	color:#FFFFFF;
}
#navbar-primary.navbar-default .navbar-nav > li > a {
  padding-left: 30px;
  padding-right: 30px;
}

.navbar{
	margin: 0px;
	border-radius: 0px;
	//height: 52px;
	font-size: 14px;
	padding-top: 5px;
	//position: fixed;
	width: 100%;
}

nav li:hover{
	background-color: #fff;
}

.logo img{
	margin: 0px;
	padding: 0px;
	
}

.navbar-nav{
	margin: 0px;
}

/* Media Queries */
@media (max-width: 580px){
	
	header{
		height:217px;
	}
	
	span.hairline{
	margin-left: 80px;
	width:100%;
	}
	
	.info_right{
		width:100%;˙
	}
	
	.info_right p{
		float:left;
	}
	.overview{
		width:100%;
	}
	
	.overview p{
		float:none;
		margin-bottom:10px;
	}
	.portfolio{
		margin-top:0px;
	}
	
	.logo img{
		width: 75%;
	}

	.portfolio ul{
		display: inline-block;
		width: 100%;
		align:center;
	}
	.portfolio li {
		clear: both;
		width: 100%;
	}
	
	.portfolio img{
		
	}
	
	.hairline{
		margin-left:500px;
	}

	footer ul{
		margin-top:0px;
	}