body{
	margin:0;    
	font-family: 'Open Sans';
    font-size: 19px;
    line-height: 25px;
    background-color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
}

img {
	max-width:100%;
	border:0;
}


h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-family: 'Open Sans Condensed';
    color: #0087cb;
}


body {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

header {
	background-color: #0088cc;
	/*background-color: rgba(222, 234, 239, 1.00);*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#00A5CC));
	background: -moz-linear-gradient(top, #7db9e8 0%, #00A5CC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#00A5CC');
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin:0;
	padding-bottom:10px;
	padding-left:10px;
	height:auto;
	color: #FFF;
}


/*Page Header*/
header h1 {
    margin-bottom: 0;
    font-weight: 300;
    font-style: normal;
    font-size: 60px;
    line-height: 75px;
    margin-top:0;
    padding-top:20px;
    font-family: 'Open Sans';
    color: #FFF;
}

@media screen and (min-width:400px){
	header {
		padding-left:25px;
	}
	
	header h1 {
		font-size: 80px;
    	line-height: 75px;
	}
}

@media screen and (min-width:900px){
	header {
		padding-left:150px;
	}
	
	header h1 {
		font-size: 80px;
    	line-height: 75px;
	}
}



header h1 a{
   text-decoration: none;
   color: #FFF;
}


header h2.subtitle {
	margin-top: 0;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 5px;
	letter-spacing: 3px;
	font-family: 'Open Sans Condensed';
	text-transform: uppercase;
	font-style: normal;
	font-weight: 300;
	color: #FFF;
	text-align: left;
	padding-left:8px;
}

/*Post Titles*/
h2, h2 a {
    margin-bottom: 0;    
    font-style: normal;
    font-weight: 300;
    font-family: 'Open Sans Condensed';
    margin-top: 0px;
    text-decoration: none;
    font-size: 40px;
	line-height: 50px;
}

 h2 a:hover {
	 text-decoration:underline;
 }
 
@media screen and (min-width:450px){
	h2,h2 a{
		font-size: 50px;
	    line-height: 75px;
	}
}

/*Post subtitles*/
h3 {
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 5px;
    margin-top: 0px;
}

h4 {
	line-heigth:25px;
	margin-bottom:0px;
	font-size:20px;
}

p {
    line-height: 25px;
    margin-bottom: 25px;
    font-size: 19px;
    margin-top: 0px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

p a {
    color: #0087CB;
    text-decoration: none;
}

p a:hover {
    text-decoration: underline;
}

p.date {
    line-height: 25px;
    margin-bottom: 10px;
    -webkit-margin-after:0;
    font-size: 17px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    margin-left:5px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
    opacity:.5;
    float:left;
    /*font-variant: small-caps;*/
    padding-right:15px;
    padding-top:10px;
    padding-bottom:0;
}

@media screen and (min-width:400px){
	p.date{
		margin-bottom: 15px;
	}
}

@media screen and (min-width:900px){
	p.date{
		 margin-left:-100px;
		 padding-right:0;
  		 padding-top:0;
	}
}

div {
    font-style: normal;
    font-weight: 400;
    font-family: 'Open Sans';
}

div.banner {
	width:100%;
    font-style: normal;
    font-weight: 300;
    font-family: 'Open Sans Condensed';
	background-color: #ffe9a9;
}

/** Main Navigation **/
nav[role="navigation"] {
	font-size:35px;
	line-height: 35px;
	padding-bottom:5px;
	float: left;
}

nav[role="navigation"] ul {
	padding: 5px 10px 10px 10px;
    list-style: none;
	margin:0px;
}

@media screen and (min-width:450px){
	nav[role="navigation"] {
		float: left;
		font-size:35px;
		line-height: 50px;
	}
	nav[role="navigation"] ul {
		padding: 5px 10px 10px 20px;
	}
}

@media screen and (min-width:900px){
	nav[role="navigation"] {
		float: left;
		font-size:40px;
		line-height: 50px;

	}
	nav[role="navigation"] ul{
		padding: 5px 10px 10px 140px;
		margin-bottom:5px;
	}
}


nav[role="navigation"] li {
	float: left;
}

nav[role="navigation"] li:last-child a{
	border-right: none;
}

nav[role="navigation"] li a {
	float: left;
	color: #0087CB;
    text-decoration: none;
    border-right: 1px solid rgba(0,136,204,0.5);
    padding-right: 10px;
	padding-left: 10px;
}

nav[role="navigation"] li a:hover,
nav[role="navigation"] li a:focus {
	text-decoration: underline;	
}



nav[role="navigation"] li.active {
}

nav[role="navigation"] li.active a{
	border-top:3px solid #e54d00;
	margin-top:-5px;
	padding-top:0px;
}
	
	
@media screen and (min-width:450px){
	nav[role="navigation"] li.active a{
		border-top:6px solid #e54d00;
		margin-top:-5px;
		padding-top:0px;
	}
}

div.socialmedia-top {
	float:right;
	margin-bottom:5px;
	padding-top:20px;
	/*line-height: 50px;*/
}

/*Social Media Links*/
div.socialmedia-top {
	display:none;
}

div.socialmedia-bottom {
	display:inline;
}

@media screen and (min-width:550px){
	div.socialmedia-top {
		display:inline;
		margin-right:25px;
	}

	div.socialmedia-bottom {
		display:none;
	}
}
@media screen and (min-width:900px){
	div.socialmedia-top {
		display:inherit;
		margin-right:90px;
	}
}

span.socialmedia a {
	padding-left:5px;
	float:left;
}

span.socialmedia a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
    opacity:0.3;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	/* height:30px; */

}

span.socialmedia a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
    opacity:0.6;
	
}



div.main{
	font-family:"Open Sans";
	padding-left:10px;
	margin-right:10px;
	clear:both;	
}

@media screen and (min-width:400px){
	div.main{
		padding-left:25px;
		margin-right:25px;
	}
}

@media screen and (min-width:900px){
	div.main{
		padding-left:150px;
		margin-right:75px;
	}
}


div.main article,
div.main section {
	margin-top:15px;
}


.clear {
	clear:both;
}

/*Projects*/
section.project {
	clear:both;
}

section.project p.image  {
	margin-bottom:25px;

}

@media screen and (min-width:550px){
	section.project p.image {
		float:left;
		margin-top:-50px;
	}
	
	section.project h2,
	section.project p {
		padding-left:280px;
	}
	
	section.project p.image {
		padding-left:inherit;
		float:left;
	}
}

/*Mobile*/
footer {
	background-color: #0088cc;
	/* background-color: rgba(222, 234, 239, 1.00); */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#00A5CC));
	background: -moz-linear-gradient(top, #7db9e8 0%, #00A5CC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#00A5CC');
	background-size: 100% auto;
	color: #FFF;
	height: auto;
	/* padding-left:150px; */
	/* 	padding-top:25px; */
	padding:20px;

}

footer div {
	clear:both;
}

footer div p,
footer div ul {
	font-size:17px;
	line-height: 25px;
	line-height: 25px;
	margin-bottom: 25px;
	margin-top: 0px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
}

footer div h2,
footer div h3,
footer div a {
	color:white;
}

footer div a{
	text-decoration: underline;
}

footer div.a img.profile {
	border-radius:120px;
	border:1px solid white;
	float:right;
	margin-top:-30px;
	clear:none;
	margin-right:10%;
}

footer div.a #profile {
	border-radius:120px;
	border:1px solid white;
	float:right;
	width:110px;
	height:110px;
	clear:none;
	margin-right:10%;
	float:left;
	background-image: url('http://www.brentswisher.com/blog/wp-content/themes/textbook/img/brentswisher.jpg');
}

@media screen and (min-width:500px){
	footer div.a #profile {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		
	}

	footer div.a #profile:hover {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
			background-image: url('http://www.brentswisher.com/blog/wp-content/themes/textbook/img/sofia.jpg');
	}

}


footer div.a.profile {
	border-radius:120px;
	border:1px solid white;
	float:right;
	margin-top:-30px;
	clear:none;
	margin-right:10%;
	/* background-image: url('http://gvsu.edu/homepage/files/img/directory-photos/swisherb@gvsu.edu.jpg') */
}

footer div.contact h3 a {
	text-decoration:none;
}

footer div.contact h3 a {
/*
	background-image:url('../img/icons/glyphicons_010_envelope.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:28px;
*/
}
footer div.contact h3 a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
    opacity:0.3;
	padding:3px;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

footer div.contact h3 a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
    opacity:.6;
}

footer div.copyright {
	text-align: center;
	width:100%;
	clear:both;
	float:none;
	line-height: 25px;
	font-size:14px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
    opacity:0.8;
}

/*tablet*/
@media screen and (min-width:350px){
	footer div.a img.profile {
		
	}
}
@media screen and (min-width:500px){
	footer {
		padding-left:25px;
	}
	footer div.a {
		float:left;
		width:25%;
		margin:0;
	}
	
	footer div.a p span {
		clear:both;
	}
	
	footer div.b,
	footer div.c,
	footer div.d {
		float:left;
		clear:none;
		width:65%;
		margin-left:20px;
	}
	
	footer div.a img.profile {
		float:none;
		margin-top:inherit;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		
	}

	footer div.a img.profile:hover {
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

}


/*Full*/
@media screen and (min-width:900px){
	footer {
		padding-left:150px;
		padding-top:25px;
		padding-right:75px;
	
	}
	
	footer div {
		clear:none;
	}	
	
	footer div.a {
		width:15%;
	}	
	
	footer div.a  ul li{
		float:left;
	}	

	
	footer div.b,
	footer div.c {
		float:left;
		width: 35%;
	}
	
	
	footer div.d {
		float:left;
		width:70%;
	}	
}


/*Archive title*/
h3.archive {
	margin-bottom:-10px;
	font-variant: small-caps;
	color:#ABABAB;
	margin-right:-75px;
	margin-left:-150px;
	padding-left:150px;
	margin-top:-25px;
}

/*Bottom Nav*/
nav.nextprevious {
}

nav.nextprevious ul {
	list-style-type: none;
	padding-left:0;
	line-height: 15px;
	margin-top: 10px;
	margin-left:0;
}

nav.nextprevious ul li {
	float:left;
	display: block;
}

nav.nextprevious ul li:first-child{
	margin-left:0
}

nav.nextprevious ul li a {
	padding: 0 10px;
	text-decoration: none;
	color:#ABABAB;
}


nav.nextprevious ul li.previous {
	border-right: 1px solid #ddd;
}

/*Tags*/
p.meta {
	font-size:17px;
	line-height:20px;
	margin-bottom:20px;	
}

/*Comments*/
.comments, .comments p, .comments * {
	font-size: 17px;
	line-height: 20px;
}

ol.comments {
	list-style-type: none;
	
}

.comment .comment-body {
	background-color: #dcdcdc;
	padding:10px;
	border-radius: 7px;
	
}