/* Normalizes margins and padding */
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0; padding: 0;
}

/* no list-markers by default, since lists are used more often for semantics */
ul {
	list-style: none;
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img {
	border: none;
}

/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}

/* Removes underlines from links */
:link, :visited {
	text-decoration: none;
}

/* normalize font weight of h3 */
h3 {
font-weight: normal;
}

a {
color: #f0e681;
}

#blogger_area {
float: left;
width: 500px;
}

body {
position: relative;
background-color: #343434;
width: 750px;
margin: auto;
font-family: Trebuchet MS, trebuchet, helvetica, sans-serif;
font-size: 90%;
margin-top: 32px;
color: #ffffff;
}

#main {
background-color: #686868;
width: 730px;
padding-left: 20px;
padding-bottom: 20px;
background-image: url('https://www.mattsmessyroom.com/images/bg.gif');
}

#text_area {
margin-right: 20px;
}

#text_area p, #text_area h3, #text_area h1, #text_area ul {
margin-bottom: 10px;
}

#text_area ul {
list-style: disc;
}

#text_area li {
margin-left: 20px;
}

#randimage_projects {
float: left;
margin-right: 10px;
}

#main_shadow {
width: 532px;
height: 8px;
background-image: url('images/main_bg.gif');
margin-left: -20px;
}

#welcome {
padding: 6px 0px 10px 0px;
text-align: center;
font-size: 80%;
color: #000000;
}

#sidenav {
float: right;
width: 217px;
background-color: #ed7410;
width: 217px;
background-image: url('images/side_bar_bg.gif');
margin-right: 5px;
font-size: 90%;
}

.sidenav_menu {
width: 203px;
margin-left: 9px;
background-color: #343434;
color: #fcac17;
text-align: right;
}

.sidenav_category {
background-color: #686868;
background-image: url('images/side_bar_header_inner_shadow.gif');
background-repeat: no-repeat;
padding: 5px;
width: 193px;
margin-left: 9px;
text-align: right;
color: #fcac17;
font-weight: bold;
}

.sidenav_menu li {
padding: 3px;
border-bottom: 1px solid #858585;
}

.sidenav_menu li:hover {
background-color: #858585;
}

.sidenav_menu a {
color: #fcac17;
}

#header {
width: 750px;
height: 160px;
background-image: url('images/header.jpg');
font-style: italic;
}

#randquote {
padding: 10px 30px;
font-size: 80%;
color: #343434;
}

#title {
position: absolute;
width: 381px;
height: 52px;
background-image: url('images/logo.gif');
top: 105px;
left: 15px;
text-indent: -9999px;
}

#top_nav_home {
position: absolute;
width: 32px;
height: 11px;
background-image: url('images/home_off.gif');
text-indent: -9999px;
top: 138px;
left: 420px;
}

#top_nav_home:hover {
background-image: url('images/home_on.gif');
}

#top_nav_about {
position: absolute;
width: 34px;
height: 11px;
background-image: url('images/about_off.gif');
text-indent: -9999px;
top: 138px;
left: 469px;
}

#top_nav_about:hover {
background-image: url('images/about_on.gif');
}

#top_nav_links {
position: absolute;
width: 29px;
height: 11px;
background-image: url('images/links_off.gif');
text-indent: -9999px;
top: 138px;
left: 523px;
}

#top_nav_links:hover {
background-image: url('images/links_on.gif');
}

#top_nav_links:hover div {
display: block;
}

#project_links_dropdown {
position: absolute;
top: 11px;
left: -102px;
background-color: #343434;
font-size: 80%;
z-index: 1;
padding: 10px;
font-style: normal;
border: 1px solid #ed7410;
}

#project_links_dropdown a {
color: #fcac17;
}

#project_links_dropdown a:hover {
color: #a5a5a5;
}

#project_links_dropdown h3, #project_links_dropdown ul {
margin-bottom: 10px;
}

#project_links_dropdown ul {
list-style-type: disc;
}

#project_links_dropdown li {
margin-left: 14px;
}

#home_links_dropdown {
position: absolute;
top: 11px;
left: -412px;
background-color: #343434;
font-size: 80%;
z-index: 1;
padding: 10px;
font-style: normal;
border: 1px solid #ed7410;
}

#home_links_dropdown a {
color: #fcac17;
}

#home_links_dropdown a:hover {
color: #a5a5a5;
}

#home_links_dropdown h3, #home_links_dropdown ul {
margin-bottom: 10px;
}

#home_links_dropdown ul {
list-style-type: disc;
}

#home_links_dropdown li {
margin-left: 14px;
}

#header td {
vertical-align: top;
padding: 4px;
}

#top_nav_archive {
position: absolute;
width: 47px;
height: 11px;
background-image: url('images/archives_off.gif');
text-indent: -9999px;
top: 138px;
left: 569px;
}

#top_nav_archive:hover {
background-image: url('images/archives_on.gif');
}

#top_nav_travel_way_back {
position: absolute;
width: 101px;
height: 14px;
background-image: url('images/travel_way_back_off.gif');
text-indent: -9999px;
top: 138px;
left: 630px;
}

#top_nav_travel_way_back:hover {
background-image: url('images/travel_way_back_on.gif');
}

#top_nav_travel_way_back:hover div {
display: block;
}

#home_travel_way_back_dropdown {
position: absolute;
top: 11px;
left: 0px;
background-color: #343434;
font-size: 80%;
z-index: 1;
padding: 10px;
font-style: normal;
border: 1px solid #ed7410;
}

#home_travel_way_back_dropdown a {
color: #fcac17;
}

#home_travel_way_back_dropdown a:hover {
color: #a5a5a5;
}

#home_travel_way_back_dropdown h3, #project_links_dropdown ul {
margin-bottom: 10px;
}

#home_travel_way_back_dropdown ul {
list-style-type: disc;
}

#home_travel_way_back_dropdown li {
margin-left: 14px;
}

#sidenav_bottom_shadow {
width: 217px;
height: 19px;
background-image: url('images/side_bar_bottom.gif');
margin-right: 5px;
}

#yahoo_search {
float: left;
padding-right: 5px;
margin-bottom: 15px;
}

#google_search {
background-color: #686868;
margin-bottom: 15px;
width: 600px;
}

#counter {
margin: 15px 0px;
}

#blogger_logo {
margin: 15px 0px;
}

#ICD_logo {
float: left;
}

#footer_text {
padding-top: 10px;
margin-left: 140px;
font-size: 90%;
font-style: italic;
margin-right: 20px;
}

#gamertag {
height: 140px;
width: 203px;
margin-left: 9px;
margin-top: 4px;
margin-bottom: 4px;
}

#moon_phase {
width: 203px;
margin-left: 9px;
}

#lastfm {
margin-left: 19px;
margin-top: 4px;
width: 184px;
}

#chore_wars {
margin-top: 4px;
margin-left: 9px;
}

.clear {
clear: both;
}

.hidden {
display: none;
}

.right {
float: right;
margin-left: 10px;
}

.left {
float: left;
margin-right: 10px;
}

.icon {
vertical-align: middle;
}

.image_area img {
width: 250px;
}

.image_area_small img {
width: 160px;
}

.sidenav_sub {
padding: 5px;
width: 193px;
margin-left: 9px;
text-align: right;
color: #959595;
font-weight: bold;
background-color: #343434;
}

.download {
font-weight: bold;
font-size: 120%;
padding: 5px 0px 5px 0px;
letter-spacing: -1px;
}