@charset "utf-8";

body { background: url(_img/BG.jpg) top; /* This is the main paper BG */ margin: 0px; padding: 0px; color: #454545; font: .8em Verdana, Arial, Helvetica, sans-serif; }

#header { background: url(_img/header.jpg) no-repeat top; /* This is the red on the side ending, as well as the beginning of the blue, the Bear Man, and the Name*/ height: 370px; width: 680px; margin: 0px; padding: 30px 0px 0px; }

#nav ul { margin: 0px; padding: 0px; list-style: none; position: relative; }

#nav ul li { margin: 0px; padding: 0px; width: 150px; position: relative; }

#nav ul li a { text-decoration: none; color: #D5B88E; padding-top: 10px; padding-bottom: 10px; display: block; padding-left: 20px; }

#updown { padding: 0px; margin: 20px; }

#updown img { padding: 0px; margin: 5px; }

#nav a:hover { background: #B92500; }

#nav ul ul { /* controls the position of all sub navs (sub sub navs, sub sub sub navs, and so on) as well as the BG image */ position: absolute; left: 150px; top: 0px; width: 150px; background: url(_img/subNavBG.png); *background:#CC0000; visibility: hidden; /* Keeps the sub navs hidden until... */ }

#nav li:hover > ul { /* BAM! This strange little thing happens */ visibility: visible; }

#content { background: url(_img/BG2.jpg) repeat-y; /* This is the Paper BG, with the added Blue on the side */ width: 700px; float: left; margin-bottom: 50px; }

#words { float: left; width: 475px; padding-right: 20px; padding-left: 57px; }

#sidebar { width: 141px; float: left; /* Arbitrary number until some content gets in there */ margin-left: 7px; }

#footer { width: 640px; clear: both; float: none; background: url(_img/footer.jpg) no-repeat; /* This is the ending of the blue on the side */ height: 75px; margin: 0px; padding: 0 20px; }

p.date { color: #FFFFCC; font-weight: bold; font-size: .8em; margin-bottom: 50px; }

p {
	text-align: justify;
	font-size: 0.8em;
	color: #333333;
}

hr { color: #D7BA90; margin: 50px; height: 10px; background: url(_img/H2BG.png) repeat center center; border-style: none; clear: both; }

h1 { clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; color: #535353; 
}
h2 { font-size: 1em; color: #696C61; font-weight: bold; }


#sidebar h2 { font-weight: bold; color: #D6B98F; background: url(_img/SidebarHeaderBG.jpg); padding-left: 7px; padding-top: 3px; display: block; margin: 0px 0px 5px -2px; padding-bottom: 6px; letter-spacing: -1px; word-spacing: .5em; font-size: .9em; }

#sidebar a { color: #C43100; margin-top: 5px; margin-bottom: 10px; display: block; font-size: .8em; font-weight: bold; }

#sidebar a:hover { color: #333333; }

#twitter_div { width: 125px; margin-bottom: 20px; }

ul#twitter_update_list { list-style: none; font-size: .8em; margin: 0px; padding: 0px; }

ul#twitter_update_list li { border-bottom: 1px solid #666666; padding-bottom: 10px; padding-top: 10px; }

ul#twitter_update_list a { display: inline; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

a { color: #D82D02; font-weight: bold; text-decoration: none; -webkit-transition : color .25s ease-in;
}

a:hover { color: #333333; }

h1.PageHeader { font-size: 2.5em; font-weight: bolder; text-transform: lowercase; background: url(_img/HeaderBG.jpg) no-repeat right center; color: #D8B88F; display: block; margin-top: -10px; margin-bottom: 10px; margin-left: -10px; overflow: visible; float: left; padding: 10px 40px 10px 10px; }

#sidebar p { margin: 0px 0px 10px; padding: 0px; color: #D8C09C; text-align: left; }

a img { border: 1px solid #FFFFFF; }

a img:hover { border-color: #333333; }

ul.gallery { margin: 0px; padding: 0px; }
.gallery  img {
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.AlignLeft { float: left; margin-right: 20px; }

table { clear: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 25px; }

table h1 { margin: 0px; padding: 0px; }

.AlignRight { float: right; margin-left: 20px; margin-bottom: 5px; }