/* Default Styles for my website */
/* Colors
 Burgandy: #800020
 Light Grey: #c0c0c0
 Mid Grey: #808080
 Dark Grey: #404040
 Black: #000000
 White: #ffffff

*/

/*
* {
	margin: 0;
	padding: 0;
}
*/
body {
	margin: 0;
	padding: 0;
	background-color: #404040;
	}
	
a:visited, a:active, a:link {
	color: #202020;
}
h1,h2,h3,h4,h5 {
	font-family: "Myriad Pro", "Trebuchet MS", Tahoma;
	color: #800020;
}
p, ul {
    font-size: 80%;
}
#wrapper {
	background-color: #800020;
	color: #000000;
	font-family: "Arial";
	/* background: url(locos.jpg) repeat-y left top; */
	padding:0;
	margin:0 auto;
	width:680px; 
	text-align:left;
	border:1px solid #444444;
	min-height:450px;
	height: 100%;
	/* This breaks my page */
	/* width: 100%; */
	position: relative;

}
#titlebar h1 {
	color: #800020;
	padding:0px;
	padding-left: 40px;
	margin: 0px;
}
#titlebar p {
	color: #c0c0c0;
	padding:0px;
	padding-left: 40px;
	font-size:12px;
	margin: 0px;
	
}

#titlebar {
	/* background: url(images/locos.jpeg);*/
	background: transparent url(../images/locomotive-title.png) no-repeat bottom left;
	/*background-color: #000000; */
	position: absolute;
	/* padding:10px; */
	width: 600px;
	height: 80px;
	left: 20px;
	top: 10px;
	z-index: 99;
}
h1 #titlebar {
	color: #800020;
	padding: 0px;
}

#foo {
	float: right;
	padding: 20px;
	padding-right: 20px;
	color: #d0d0d0; }
.cleartop {
	height: 100px;
	/* clear: top; */
}


#menubar {
	background-color: #800020;
	/*position: fixed;*/
	left: 0px;
	width: 66px;
	min-height: 600px;
	height: 100%;
	position:relative;
	float:left;
	text-align: right;
	/* padding:10px; */
}
#menubar ul {
	
    padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;
    font-size: 100%;
}
#menubar li {
	/* margin: 5px 0; */
	width: 100%;
	padding-right: 1px;
	margin: 0px;
	padding: 1px;
	font-size: 80%;
}
#menubar a:link, #menubar a:visited {
	font-size: 80%;
	display: block;
	/* width: 1em; */
	border: 1px solid #d0d0d0;
	padding-right: 4px;

	color: #d0d0d0;
	background-color: #404040;
	/* background: #404040 url(../images/double-arrow.gif) no-repeat left center; */
	padding-left: 30px;
	text-decoration: none;
	width: 100%;
	/* padding: 0px; */
	margin: 0px;
	
}

#menubar a:hover {
	color: #d0d0d0;
	background-color: #800020;
	/* background: #800020 url(../images/double-arrow.gif) no-repeat left center; */
}
#menubar pre {
	color: #d0d0d0;
	font-family: arial;
	font-size: 66%;
	padding: 5px;
	margin: 5px;
}


#main {
	background-color: #d0d0d0;
	/* position: fixed;*/
	height: 200px;
	position:relative;
	/* left:140px; */
	float:right;

	width:550px;

	padding:10px;
	height: 100%;
}

.ds {

	background: transparent url(../images/shadow.gif) no-repeat bottom right;
	clear: right;
	float: left;
	position: relative;
	margin-top: 5px;

}
img {
    border: 0px;
}
.ds img,.ds .quote {
background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 0px;
	margin: -2px 2px 2px -2px;
	display: block;
	position: relative;
}
.ds p {
    /* border: 1px solid #a9a9a9; */
    margin: 20px;
    font-size: 60%; 
    /* width: 30em; */
}

.box-left {
	background: transparent url(../images/box-left.png) no-repeat bottom right;
	width: 10px;
	height: 40px;
	float: left;
}
.box-right {
	background: transparent url(../images/box-right.png) no-repeat bottom right;
	width: 10px;
	height: 40px;
	float: left;
}
.box-center {
	/* vertical-align: bottom; */
	background-color: white;
	height:40px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 300px;
}
.box-center h3 {
	/* vertical-align: bottom; */
	/* bottom: 10%; */
	padding-top: 6px;
	padding-bottom: 3px;
	margin: 3px;
}

/* explorer doing something wanky */
.wtf a{
    display: inline;
    background-color: transparent;
    color: #202020;
    border: none;
    
}

"display: inline;background-color: transparent;
}