body {
	background-color: #dfdfd6; /*rgb(rval,gval,bval)*/
	padding: 20px; /*get the content away from the edges of the browser; make it easier to read*/
	color: #355465;
	background-image: url(images/tile.png); /*adds a repeating background image to the site*/
	font-family: Calibri, sans-serif; /*first typeface, backup typeface if first doesn't load*/
}

a { /*a{} changes the properties of the links.*/
	color: #612c2c; 
	text-decoration: none; /*get rid of the standard underline with links*/
}

a:hover {
	color:#b23c3c; 
} /* :hover is a pseudo element*/




h2 {
	text-transform: uppercase;
	font-size: 16px;
	font-family: Calibri, sans-serif;
}

#location-header { /*pound key means id of; targets specific id in index.html*/
/*id is great when you want to target an item that only occurs once per page*/
	border-top: 1px solid #b9afaf;
	margin-top: 40px;
	padding-top: 20px;
}

.price { /*dot or period key means class of
/*class is great for changing multiple elements under a same type you yourself lable*/
	color: #901b2e;
}

#name {
	font-family: Calibri, sans-serif;
	color: #132630;
}

#name.price { /*targets selectors containing both id="name" and class="price"*/
	color: #008490;
}

/* ----------- step 1 ----------- */
body { /*will add to or overwrite whatever rules are on top*/
	font-family: Calibri, sans-serif;
	font-size: 17px;
	line-height: 27px;
	width: 700px;
	margin: 0px auto;
}


/* ---------- step 2 -------------*/
ul {
	list-style: none;
	padding-left: 0px;
}

ul li {
	margin-bottom: 25px;
}

img { max-width: 100%; } /*so the large image is controlled / not so damn big */


/* ------------step 3 -------------*/
.ornament{color:#901b2e;}

/* ------------step 4 -------------*/

.with { 
	font-style: italic;
	font-size: 15px;
	color: #a7b5bc;
	display: block; /*makes chunk of text bump into a new line, and the ornaments and price into their own line as well.*/
}


/* ------------ step 5 -----------*/

ul { 
	text-align: left; /*centering all the list items*/
	line-height: 22px;
	margin-bottom: 40px;
	margin-top: 30px;
}

#location { 
	text-align: left;
	font-size: 15px;
}

h2 {
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;
	font-style: italic;
	font-size: 22px;
	color: #000;
	border-bottom:4px double #a7b5bc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

h3 {
	text-align: left;
	font-weight: bold;
/*	text-transform: lowercase; */
/*	letter-spacing: 5px; */
	color: #000;
	border-bottom: 4px double #a7b5bc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

h4 {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	margin-top: 25px;
	margin-bottom: 0px;
}


/*-----------step 6-----------*/

h1#name { /*targets h1 title, specifically. Use id's, signified by pound key, whne instance only occurs once.*/
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 40px;
	margin-bottom: 10px;
}

h2.sub-title { /*the dot or period key, or class, targets instances that happens more than once.*/
	font-size: 14px;
	margin-bottom: 10px;
	border-bottom: 0px;
	font-style: Calibri, sans-serif;
	text-align: left;
	margin-top: 0px;
	color: #a7b5bc;
}

h3.menu-section { /*the dot or period key, or class, targets instances that happens more than once.*/
	width:300px;
	margin: 0 auto;
	margin-bottom: 15px;
	border-bottom: 1px solid #a7b5bc;
}

#location h2 {
	margin-top: 0px;
}

/*--------step 7-------------*/


.price { color: #000; }

p {margin:0px;} /*paragraph margins; default styling puts margins on top and bottom. Stylistic preference: set zero, then change if needed.*/

p#address {
	font-style: italic;
	border-bottom: 4px double #a7b5bc;
	padding-bottom: 8px;
	margin-top: -10px;
}


/*--------step 8----------*/

img.big-image{
	border:10px solid #a7b5bc;
	width: 680px; /*680px*/
	margin-bottom: 20px;
}


/*---own stuff*/

#launchpad-footer ul{
	border-top: 1px solid #a7b5bc;
	padding-top: 10px; /*pushes links below the border downwards*/
}

#launchpad-footer ul li{
	padding-left: 80px;
	display: inline;
	margin-left: -8px;
	width: 300px;
}