/*** Notes
- text-align does not work on SPANs!! Only on block-elements like divs...

***/

#welcome_content {
	width: 500px;
	height: 285px;
	margin: auto auto; /*center the div itself (left,right)*/
	margin-top: 50px;
	text-align: center; /*center the text inside the div*/
	/*border: solid thin black;*/
}

#welcome_header {
	width: 500px;
	font-weight: 500;
	font-size: 2.8em;
	/*height: 40px;*/
}

#welcome_content img {
	margin-top: 1.5em;
	padding: .4em;
	border-top: solid 1px #afafaf;
	border-bottom: solid 1px #afafaf;
}

#welcome_nav {
	width: 625px;
	margin: auto auto; /*center the div itself (left,right)*/
	text-align: center; /*center the text inside the div*/
	/*border: thin solid black;*/
}

#welcome_nav ul {
	margin: 0; /*some browsers use margins, some use padding. Here we remove both*/
	padding: 0;
	width: 625px;
	line-height: 1.25;
	/*border: thin solid black;*/
}

#welcome_nav ul li {
	/*font-family: georgia, times new roman, times, sans-serif;*/
	font-size: 1.75em;
	font-weight: 500;
	display: inline; /* keep list items from piling on eachother */
	list-style-type: none; /* remove the bullets */
}

#welcome_nav ul li a {
	text-decoration: none;
	padding: 0 .5em; /* top/bottom and right/left */
	color: #333;
	border-left: solid 1px #333;
}

#welcome_nav ul li a.first {
	border-left: none;
}

/* change color on focus for accessibility */
#welcome_nav ul li a:hover, #welcome_nav ul li a:focus {
	color: #69c;
}

#main_nav {
	float: left;
	margin-top: 30px;
	width: 130px;
	/*border: thin solid black;*/
}

#main_content {
	width: 600px;
	margin-left: 150px;
	margin-top: 20px;
	padding-left: .5em;
	padding-right: .5em;
	text-align: justify;
/*	background-image: url('../images/watermelon_trans.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: bottom right;*/
	/*border: thin solid black;*/
}

#main_nav ul {
	margin: 0; /* some browsers use margins, some use padding. */
	padding: 0; /* here we remove both so the UL doesn't take up space. */
	width: 130px;
	list-style-type: none; /* remove the bullets */
}

#main_nav ul li {
	font-size: 1.75em;
	margin-left: .5em; /* push navigation away from window edge */
	margin-top: .5em;
	margin-bottom: .5em;
}

#main_nav ul li a {
	color: #333;
}

#main_nav ul li a:hover {
	color: #69c;
}

#recipes {
	width: 200px;
	height: 50px;
	/*border: thin solid black;*/
	padding-bottom: 30px;
	text-align: left;
	float: left;
}

#recipe_description {
	width: 600px;
	/*border: thin solid black;*/
	float: left;
	margin-right: 7px;
}

#recipe_description ul {
	margin: 0; /* some browsers use margins, some use padding. */
	padding: 0; /* here we remove both so the UL doesnt take up space. */
	list-style-type: none; /* remove the bullets */
}

#recipe_description ol {
  margin: 0; /* some browsers use margins, some use padding. */
  padding: 0; /* here we remove both so the UL doesnt take up space. */
  list-style-type: none;
}

#recipes.left {
	margin-left: 100px;
	margin-right: 30px;
}

#recipes.right {
	margin-right: 70px;
}

#recipes ul {
  margin: 0; /* some browsers use margins, some use padding. */
  padding: 0; /* here we remove both so the UL doesnt take up space. */
  width: 200px;
  list-style-type: none; /* remove the bullets */
}

#recipes ul li {
  font-size: 1.25em;
  /*margin-left: .5em; /* push navigation away from window edge */
  margin-top: .5em;
  margin-bottom: .5em;
}

#recipes ul li a {
  color: #333;
}

#recipes ul li a:hover {
  color: #69c;
}

.light_black {
	color: #333;
}

/****** HTML elements *******/
body {
	font-family: georgia, sans-serif;
	font-size: .75em;
	/*background-color: #fff;*/
	/*background-color: #d9d9d9;*/
	background-image: url('../images/background.gif');
	background-repeat: repeat;
}

a {
	text-decoration: none;
}

.title {
	text-align: right;
	border-bottom: thin solid black;
	/*background-color: #afafaf;*/
	font-size: 1.9em;
	font-weight: 500;
}