* {
    box-sizing: border-box;
    margin: 5px;
    padding: 0;
}

/* General Body Rules */

body {
    background-color: #000000;
    font-family: georgia, serif;
    font-size: 16px;
    line-height: 24px;
}

#wrapper {
	max-width:960px; 
	height: auto;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	border:10px;
	border-style:solid;
	border-color: #6c6a6a; 
	padding:5px;
	}

p {
    margin: 16px 0px 0px 16px;
}

/* Header Rules */

.banner {
    background-color: #000000;
    width:99%;
    max-height:100px;
}

.klink {
    font-family: 'Mr Bedfort', cursive;
    font-size: 20px;
    display: inline; 
    margin: 10px 0px 10px 10px;
        
}

header {
    background-color: #000000;
    height: 155px;
    width: 98%; 
    font-size: 18px;
    margin: 10px;
}

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

header a:hover {
    color: #6c6a6a; /* Found on a color picker website */
}

header a:active {
    text-decoration: underline;
}

nav .social {
    margin-top: -10px;
    float: right;
}

.social img {
    border: 0;
    max-width: 32px;
    max-height: 32px;
}


/* More specific article rules */

article {
    padding: 0 20px 0 20px;
}


article h1 {
    font-family: "Goudy Bookletter 1911", Georgia, Times, serif;
    font-size: 36px;
    line-height: 44px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.kathleen h1 {
    font-family: 'Mr Bedfort', cursive;
    margin-top: 20px; 
}

article h2 {
    font-family: "Goudy Bookletter 1911", Georgia, Times, serif;
    font-size: 22px;
    line-height: 36px; 
    margin-top: 5px;
    margin-bottom: 5px;
}

aside {
    float: right; 
    max-width: 450px;
    max-height: 400px;
    margin: 10px; 
}
  

footer {  
    font-size: 12px;
    padding: 0 10px 0 10px;
}

/*help here */
.left {
    float: left;
    height: 450px;
    width: 265px;
}
.right {
    margin-left: 275px;
    height: 450px; 
}


.inline {
    margin: 0px; 
    padding: 0px;
}

.resources img {
    float: left; 
    max-width: 75px;
    max-height: 75px;
    margin: 10px 10px 0px 10px;
    padding: 0px;
}
.blog {
    margin-left: 55px;
}
/*Specific resume rules */
.resume {
    font-family: "times new roman", sans-serif; 
}

.resume a {
    color: #000000;
}

.resume a:hover {
    text-decoration: none;
    color: #6c6a6a;
}

h3 { 
    text-align: center;  
    font-size: 20px; 
    margin-top: 40px; 
    margin-bottom: 0px;
}

.resumesubtitle {
    clear: both; 
    margin: 0px; 
    text-align: center; 
    border-bottom: 5px solid black; 
}

.resume p {
    margin: 0px;
    padding: 0px;
}

.date {
    float: right; 
}


ul {
    margin: 0px 0px 0px 35px;
    padding: 0px; 
}

li {
    padding: 0px;
    margin: 0px;
}
/*End resume rules*/

    
    
/* More general things at the top and more specific on the bottom */
/* When talking about height use pxs, width use percents */

@media (max-width: 600px) {
    #wrapper {
        width: 95%;
    }
}