/**** Universal styles */

body {
	background: #4f89b7;
	margin:0;
	padding: 10px;
	font: 85% "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
}

#rap {
 	margin: 10px auto;
	width: 95%;
}

h1 { /* Main headlines, shop names, etc. */
	border-bottom: 5px solid #fc0;
	font: 3.4em bold serif;
	color: #fc0;
	margin: 10px 0;
}
#homepageHeader {
	border: 5px solid #fc0;
	width:710px;
	background: url(/images/header.jpg) top left no-repeat;
	padding: 170px 20px 10px 20px;
}
h2 { /* Minor headline on index page */
	color:#205076;
	border-bottom: 1px #205076 solid;
	font-size: 1.25em;
	margin: 0 0 12px 0;
	padding: 3px 20px;
}
h3 { /* small blue seperator headlines on index */
	width: 50%;
	background: #D0DFEC;
	font-size: 1.1em;
	color: #205076;
	padding: 2px 20px;
	margin: 20px 0px 0px 0px;
}
h4 { /* Red warnings on shop details */
	font: 1.5em bold;
	color: #F00;
	margin: 10px 0;
}

.box { /* The yellow boxes around chunks of content. */
	width: 750px;
	border: 5px solid #fc0;
	background-color: #fff;
	padding: 10px 0px 25px 0px;
}

P { /* general site text */
	padding: 0px 20px;
	margin: 6px 60px 12px 0px;
	text-align: justify;
	color: #000;
}
.special { /* Special text -- quotes, etc. */
	color: #666;
}
.citation { /* For indented text -- cited from another place */
	padding-left: 40px;
}

.footer { /* Used to link to other sites, etc. */
	font-size: 1.2em;
	font-style: italic;
	font-family: "monospace";
	padding-top: 4px;
}

.redtext { /* red text -- for highlights */
	color: #FF0000;
	font-weight: bold;
}

.upperrightlinks { /* nav link blocks in the upper right hand corner */
	float: right;
	font-size: 1.2em;
	background-color: #CCC;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 5px solid white;
	border-right: 5px solid white;
	text-align: center;
}

.lowerright { /* For items in the lower-right hand corner of a box */
	float: right;
	margin-right: 20px;
}


/* All links behave the same -- underline disappears on hover */
a:link, a:visited, a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* Navigational links -- any link from within the site to another place within the site */
a.navlink:link, a.navlink:hover, a.navlink:visited {
	color: #00D;
}
a.navlink:active {
	color: #F00;
}

/* all regular links */
a:link, a:hover {
	color: #00D;
}
a:visited {
	color: #707;
}
a:active {
	color: #F00;
}

/* In bground sections, we modify the usual color scheme to avoid clashing w/ background */
.bground a:link, .bground a:hover {
	color: #0DB;
}
.bground a.navlink:link, .bground a.navlink:hover, .bground a.navlink:visited {
	color: #0DB;
}


/* for alternating table row colors */
tr.even {
	background-color: #EEE;
}
tr.odd {
	background-color: #FFF;
}


span.nobreak {
	white-space: nowrap;
}


/**** Index page styles */

.title { /* small text above the header picture */
	width: 760px;
	color: #FFF;
	font-family: "Arial", sans-serif;
	font-size: 1.2em;
	font-weight: bolder
}

/* The listings section items */
ol.listings li {
	margin: 6px 100px 6px 0px;
	font-size: 1.2em;
	color: #000;
}

/* The notes section items */
ul.notes li {
	margin: 6px 100px 6px 0px;
	text-align: justify;
	color: #666;
}


/**** Bike Shop List page styles */

table.bikelist { /* The main list */
	/* cellpadding, cellspacing still specified in TABLE -- not well supported in CSS */
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

tr.bikelistrow { /* Data rows on bike shop list */
}
tr.headrow {
	background-color: #FDD;
}
tr.addnewrow {
	background-color: #EFE;
}
tr.inactiverow {
	background-color: #FDD;
}
tr.nomatchrow {
	background-color: #FEE;
}

td.listheader { /* column headings */
	font-weight: bold;
}

td.listcell { /* Data rows on bike shop list */
}



/**** Shop Details page styles */

.rating { /* Rating text */
	color: yellow;
}

.shopDetails { /* shop details text */
	font-size: 1.2em;
}

.shopPhotoArea { /* the picture area */
	float: right;
	margin-right: 10px;
}

.shopPhoto { /* the style for the photo */
}

.shopNoPhoto { /* If there ain't no picture */
	border: 2px dashed #FDD;
	padding: 20px;
	width: 500px;
	height: 375px;
	text-align: center;
	font-size: 1.5em;
}


/**** Message Board styles */

.messageList { /* A div for the whole message area */
	color: #FFF;
	font: 20 serif;
}

.msgHeader { /* For messages that are shown */
	color: #FFF;
	font: 20 serif;
	background-color :#999;
}

.collapsedMsgHeader { /* For messages that are collapsed */
	color: #FFF;
	font: 20 serif;
	background-color :#EEE;
}

.msgBody { /* For message text */
	color: #FFF;
	font: 20 serif;
}


/**** Cruft

ol.listings li a {
	color: #00D;
	text-decoration: underline;
}
ol.listings li a:hover {
	text-decoration: none;
}


p { / * general text * /
	padding: 0 20px;
	margin: 6px 100px 6px 0;
	text-align: justify;
	color: #666;
}

h4 { / * headline for left boxes * /
	font-size: 1em;
	color: #205076;
	font-weight: normal;
	border-bottom: 1px #205076 dotted;
	margin:0;
	padding: 2px 0px 2px 10px;
}

.box_out { / * makes the light-blu borders * /
	width: 750px;
	background: #D0DFEC;
	margin:10px 0;
	padding: 5px;
}
.box_in { /* getting the white background * /
	background: #FFF;
	padding: 0;
	margin: 0;
}

.left { / *  Navigation and statistics * /
	float: left;
	width: 150px;
}
.right{ / * Content * /
	float: right;
	width: 580px;
}

ul.nav { / * Navigationbox * /
	list-style-type: none;
	text-align: left;
	padding: 500px;
	margin: 0;
}
ul.nav li {
	display: inline;
}
ul.nav li a {
	padding-left: 15px;
	text-align: left;
	color: #999;
	display: block;
	text-decoration: none;
}
ul.nav li a:hover {
	color:#FFF;
	background: #FFBF00;
}
ul.nav li a.current {
	color: #666;
}

.copyright{ / * little footer * /
	clear: both;
	text-align: center;
	color: #FFF;
}
.copyright a {
	color: #000;
}

*/