/*
    Fat Davey's Cookies
	Project for Web Development Fundamentals
	by David Cicero
*/

body {
    font-family: "Trebuchet MS", serif;
    background: url(../images/tile_chalkboard.jpg);
    margin: 0;
    padding: 0;
}

@font-face {
	font-family: RabioheadRegular;
    src: url(../font/rabiohead-webfont.ttf);
    font-weight: normal;
    font-style: normal;
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}


div#outerDiv {
    width: 900px;
    margin: 0 auto;
    background: transparent;
}

#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: transparent;
}

#outerDiv a:hover, #outerDiv a:active {
    text-decoration: none;
    color: transparent;
}

div#header {
    height: 105px;
    position: relative;
	background: #000 url(../images/tile_chalkboard.jpg);
	padding: 15px;
	color: #fff;
	font-family: RabioheadRegular, "Trebuchet MS";
	font-size: 20px;
	box-shadow: 1px 3px 3px #333;
}

/* ===== end of header ===== */

/* ===== navigation links ===== */

#mainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
	position: absolute;
    top: 0px;
}

#mainMenu li {
	position: relative;
	display: inline;
    left: 450px;
    top: 80px;
    margin: 0px;
    padding: 0px;
}

#mainMenu li a:link, #mainMenu li a:visited {
    font-family: RabioheadRegular, "Trebuchet MS";
	font-size: 1.5em;
	font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 0 15px 0 30px;
    margin-right: 10px;
    line-height: 20px;
    border: none;
}

#mainMenu li a:hover, #mainMenu li a:active {
    color: rgb(235,137,25);
}

#mainMenu ul li a.current {
    margin-top: -5px;
    height: 30px;
    color: #c5c5c5;
    line-height: 20px;
}

#mainMenu ul li a.current:hover {
    cursor: default;
}

/* ===== end of navigation links ===== */


/* ====- main content ===== */

div#content {
    background: rgb(249,242,224);
    padding: 5px;
}

div#mainContent {
    float: left;
    width: 550px;
    margin: 0 0;
    padding: 10px;
}

#mainContent a:link, #mainContent a:visited {
	text-decoration:none;
	color: #000000;
}

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

#mainContent p {
    font-family: "Trebuchet MS", serif;
    font-size: 0.9em;
    line-height: 1.4em;
    color: #000;
    margin: 1ex 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: RabioheadRegular, "Trebuchet MS";
}

#mainContent h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: rgb(11,11,11);
    margin: 0 0 .4ex 0;
}

#mainContent h2 {
    font-size: 1.2em;
    color: #3C3809;
    margin: .4ex 0;
}

#mainContent h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    margin: 1ex 0 -.2ex 0;
}

#mainContent ul {
    font-family: Georgia, serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}

#mainContent ol {
    font-family: "Trebuchet MS", serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}

#mainContent img {
  display: block;
  margin-left: auto;
  margin-right: auto;
	border: 2px;
	border-radius: 15px;
}

/* ===== Menu Items ===== */

div#menuContent {
    float: left;
    width: 550px;
    margin: 0 0;
    padding: 10px;
}

div#menuItem1, #menuItem2, #menuItem3, #menuItem4, #menuItem5 {
    float: left;
    width: 275px;
    margin: 5px 0;
    padding: 0px;
}

div#menuItem1, #menuItem2, #menuItem3, #menuItem4, #menuItem5 img {
	display: block;
	float: left;
}

#menuContent h1, #menuItem1, #menuItem2, #menuItem3, #menuItem4, #menuItem5  p {
	font-family: RabioheadRegular, "Trebuchet MS";
}

#menuItem1, #menuItem2, #menuItem3, #menuItem4, #menuItem5 {
	text-align: center;
}

/* ===== sidebar ===== */

#content div#sideBar {
    float: right;
    width: 270px;
    padding: 10px 10px;
    margin: 0;
    border-left: solid #aaa 1px;
}

#sideBar h1 {
	font-family: RabioheadRegular, "Trebuchet MS";
    font-size: 1.6em;
    font-weight: bold;
    color: rgb(11,11,11);
    margin: 0 0 .4ex 0;
}

#sideBar p {
     font-family: "Trebuchet MS", serif;
    font-size: 0.9em;
    line-height: 1.4em;
    color: rgb(11,11,11);
    margin: 1ex 0;
}

#sideBar img {
    margin: 0 0 20px 0;
}


#sideBar ul {
    font-family: "Trebuchet MS", serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}

#sideBar li {
   font-family: "Trebuchet MS", serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}

#sideBar a:link, #mainContent a:visited {
	text-decoration:none;
	color: #000000;
}

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

/* ===== footer ===== */

div#footer {
    clear: both;
    background: transparent;
    margin: 0 auto;
    padding: 5px;
	box-shadow: -1px -3px 3px #333;
}

#footer p {
    font-family: RabioheadRegular, "Trebuchet MS";
    font-size: 1.2em;
	  font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

.clear { clear: both }