/* 

Your Name

*/

/* to set general font styles across the entire site, do it here. this will help ensure consistency */
body {
	font-family: sans-serif;
	background-color: #ED7B84;
}

/* to set font styles on specific elements, do it like this. you will now overwrite the styles set on the body */
p {  
	font-family: sans-serif;
	margin-bottom: 1em;
}

h1 {
	color: #FFF05A;
}

/* style your links */
a:link { 
text-decoration: none;
color:#FFF8F0;
}

a:visited {
text-decoration: line-through;
text-decoration: underline;
}

a:hover {
color: #FFC09F;
text-decoration: underline;
}

a:active {
text-decoration: line-through;
}

/* you can style your elements however you'd like. I'm adding a border so we can see them */
iframe {
	border: dashed;
	border-width: 2px;
	border-color:#FFC09F;
	width: 100%;
	height: 75px;
}

pre {
	border: dashed; 
	border-width:2px;
	border-color:#FFC09F;
	overflow: auto;
}

/* max-width: 100%; will prevent an element from extending beyond the page boundaries */
img {
	max-width: 100%;
}



/* CONTAINERS
---------- */
/* why we use wrappers, here: http://stackoverflow.com/a/5275428 */
.wrapper {
	margin: 30px auto;
	max-width: 90%;
}