/* Main Style Sheet for rowphoto.co.uk 
 *
 * Copyright 2006, Fraser Clarke, rowphoto.co.uk.
 */

body {
/*	text-align: center; */
/*	background-color: #b0bfc2; */
	background-color: #fff;
	color: #000;
	font: 100% arial, helvetica, sans-serif;
}

#container {
	text-align: left;
	margin: 0;
	min-width: 800px;
	background: #fff url("http://www.rowphoto.co.uk/images/header-base.gif") repeat-y;
}

 
h1 {
/*	background: #d36832; */
/*	background: #036; */
	background: #036 url(http://www.rowphoto.co.uk/images/header_background_dark.jpg) 0% no-repeat; 
	color: #fff;
	padding: 5px 15px 20px 40px;
	margin: 0;
	border-bottom: 1px solid #fff;
	font-size: 300%;
        position: relative;
}


/****** Styling of horizontal nav bar ******/

ul#hnav {
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: #036; 
	float: left;
	width: 100%;
}

ul#hnav li {
	display: inline;
}

ul#hnav a {
	display: block;
	float: left;
	/* Should really add in width constraint here... */
	color: #fff;
	padding: .2em 1em;
	text-decoration: none;
/*	background: #036; */
	border-right: 1px solid #fff;
}

ul#hnav a:hover {
	color: #000;
	background: #69c;
	text-decoration: underline;
}

/******* END of horizontal nav bar *******/


#header {

}

#leftnav {
	float: left;
	width: 130px;
	display: inline;
	margin-left: 15px;
	padding: 10px 0;
}

/********* Event navigator styling ********/

#eventnav {
	text-align: center;
	background: #036;
}

#eventnav h2 {
	color: #fff;
	margin: 1px;
}
#eventnav ul {
	margin: 0;
	padding: 5px 5px;
	list-style-type: none;
	text-align: left;
}

#eventnav ul.year_event_list {
	background: #b0c4d7;
	margin-top: -3px;
	padding: 0px 0px 5px 15px;
	border: 1px solid #fff;
	border-top: 0;
	font-size: 12pt;
}

#eventnav li.selected_year {
	border-bottom: 0;
	background: #b0c4d7;
}

#eventnav li {
	border: 1px solid #fff;
	margin-top: 3px;
	padding: 5px;
	background: #b0c4d7
}

#eventnav ul.year_event_list li {
	border: 0px;
	padding: 0px;
	font-size: 80%;

}

#eventnav a {
	text-decoration: none;
	display: block;
	color: #000;
}

#eventnav a:hover {
	text-decoration: under-line;
	color: #fff;
}

/****** END of event navigator styling *******/


/******* News navigator styling ******/

#newsnav {
	background: #036;
	color: #fff;
	margin: 0 auto;
	padding: 5px 5px;

}

#newsnav h2 {
	text-align: center;
	margin: 1px;

}

#newsnav p {
	font-size: 10pt;
}



/***** END of news navigator styling *****/


#shopbox{
	background-color: #036;
	color: #fff;
	padding: 2px 2px;
	margin-top: 45px;
	text-align: center;
}

#shopbox h2 {
	text-align: center;
	margin: 1px;
}

#shopbox p {
	font-size: 10pt;
}

#content {
	float: left;
	width: 600px;
	margin-left: 45px;
	padding: 15px 0px 15px 0px;
/*	border: 1px solid #f00;*/
	background: #fff;
}

#bestofbar {
	float: right;
	width: 600px;
	margin: 100px 0px 10px 0px;
	padding: 0px;
}

#bestofbar img {
	border-style: none;
}

#bestofbar a:link {
}

ul.sublist {
	font-size: 75%;
}

#copyright{
	clear: both;
	text-align: right;
	color: white;
	padding: 5px 10px;
	background-color: #036;
	font-size: 80%;
}

#newsbox{
	float: right;
	width: 200px;
	text-align: left;
	margin: 20px 20px 10px 5px;
	padding: 0px 5px 2px 5px;
	background: #036;
	color: #000;
}

#newsbox h2 {
	background: #036;
	color: white;
	margin: 0px auto;
}

#newsbox p {
	padding: 6px;
	background: #b0c4d7;
	margin: 2px auto;
	margin: 2px 2px 10px 2px;
	border: 1px solid #fff;
}

#listbox{
	float: left;
	margin: 0px 10px 5px 5px;
	width:340px;
}

p.formwarning {
   color: #f00;
}