.hidden-screen, .hidden { 
	display: none; 
}

abbr { 
	border-bottom: 1px dashed #666666; 
}

.hresume {
	background: #ffffff url(http://matthew.reidsrow.com/img/mephone.png) top right no-repeat; 
	width: 100%;
	margin: 0 auto;	
	padding: .2em;
	border-top: .8em solid #666666; 
}

article section { 
	width: 95%;
	margin: 0 auto;
}

h2, span.hello, span.mynameis, iframe, #find_me_at li:first-child, div.lnk a.linkedin {
	display: none; 
}

h1 span.fn span { 
color: #990000; 
display: inline-block;
}

h1 {
	width: 50% !important;
}
#header {
	border-bottom: 1px solid #dddddd;
	padding-bottom: .6em; 
}

img {
	max-width: 100%;
}

span.skillset, span.experience { 
	display: inline-block;
	width: auto; 
}

a:link { 
	color: #990000; 
	text-decoration: none;
}

a:visited { 
	color: #800517; 
}

span.hello { 
	color: #990000; 
}

#loggedinas ul { 
	list-style-type: none;
	}
	
#loggedinas ul li {
	display: inline;
	float: right;
	margin-left: .85em; 
}

input.calendar_button {
	position: relative;
	top: .6em;
}

#error_message {
	color: #990000;
	font-size: 1em;
}

input.del_button { 
	float: right;
	}
	
div.entry { 
	width: 90%; 
	margin: 1.5em auto;  
	float: none;
	font-size: .9em;
}

div.entry a img {
	border: 4px solid #666;
	width: 95%;
	height: auto;
}

div.entry a img:hover {
	border: 4px solid #900;
}

@media (min-width: 640px) {
.hresume {
	width: 90%;
	padding: 2em 3.25em; 
	margin: 3em auto;
}
article section { 
	width: 85%;
}
span.hello, span.mynameis, #find_me_at li:first-child {
	display: inline; 
}

h2, iframe {
	display: block; 
}

h1 span.fn span { 
color: #000; 
display: inline-block;
}

h1 {
	width: 100%;
}

#header {
	border-bottom: none;
	padding-bottom: none;
}
div.entry { 
	width: 47.222222%; 
	height: 26em;
	margin: 1.5em 2% 1.5em 0;  
	float: left;
}

div.entry a img {
	width: 98%;
	margin: auto;
}
}

@media (min-width: 800px) {
.hresume {
	background: #ffffff url(http://matthew.reidsrow.com/img/me.png) top right no-repeat;	
}

div.entry a img {
	width: 95%;
}

}

@media (min-width: 1000px) {
.hresume {
	width: 75%;  
}
article section { 
	width: 70%;
}
h3 {
	border-bottom: 1px solid #000000; 
}

div.lnk a.linkedin {
	display: block;
}

.hresume .linkedin { 
	position: absolute; 
	top: 4em; 
	left: -3em; 
	background-color: #990000; 
	padding: .4em 5em .4em 4em; 
	margin: 0; 
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg); 
	-o-transform: rotate(-45deg);
	color: #fff; 
}

.hresume a.linkedin { 
	text-decoration: none; 
}
span.skillset { 
	width: 23%; 
}

span.experience { 
	width: 12%; 
}

div.entry { 
	width: 30.6666667%; 
	margin: 1.5em 2.5% 1.5em 0;  
	float: left;
}

div.entry a img {
	width: 98%;
}

}

@media (min-width: 1100px) {
.hresume {
	width: 52em;  
}

span.skillset { 
	width: 11em; 
}

span.experience { 
	width: 8em; 
}

}