body {
	font: 1em Arial, Helvetica, sans-serif;
	text-align: center;
}

#main { 
	margin: 0 auto 0 auto;
	text-align: left;
}

div.clear {
	clear: both;
}

a:link { 
	color: #0063DC; 
	text-decoration: underline;
}
a:visited { 
	color: #2E67C7; 
	text-decoration: underline;
}
a:hover { 
	color: #FFFFFF;
	text-decoration: none;
}
a:active { 
	color: #FFFFFF;
	text-decoration: none;
	background: #0259C4;
}

ul.imagelist {
	padding: 0px;
	margin: 0px;
}
ul.imagelist li {
	display: inline;
	list-style-type: none;
}
ul.imagelist li img {
	width: 160px;
	height: 180px;
}
p.setbox img {
	width: 100px;
	height: 110px;
}
p.imagelist img {
	width: 160px;
	height: 180px;
}

div#setlist {
	width: 500px;
	margin-bottom: 10px;
}
div#setlist h2 {
	margin: 10px 0 0 20px;			
	font: 1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
}
ul.setlist {
	padding: 0px;
	margin: 0px;
}
ul.setlist li {
	float: left;
	list-style-type: none;
	text-align: center;
	font-size: 0.75em;
	width: 165px;
	margin: 5px 0 0 0;
}
ul.setlist li img {
	width: 100px;
	height: 110px;
}




div#mainbox {
	text-align: left; 
	width: 500px;
	float: left;
	margin: 10px 10px 10px 0;
}
div#mainbox img.info {
	max-width: 450px;
}

div#sidebar {
	width: 24%;
	font: 0.9em Arial, Helvetica, sans-serif;	
	float: right;
}

/* cursor box contains a next or prev image button */
div.cursor {
	float: left;
	margin: 10px 10px 0 0;
	text-align: center;
}
div.cursor img {
	width: 100px;
	height: 110px;
}

div#sidebar h2 {
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#sidebar p {
	text-align: center;
}

ul.taglist {
	margin: 0px;
	padding-left: 25px;
}
ul.taglist li {
	list-style-type: none;
	list-style-image: none;
}
ul.taglist li:before {
	content: "\00B7 \0020";
}

div#footer {
	margin: 20px 0 20px 0;
	font-size: 0.8em;
	text-align: center;
}

div#topbar {
	width: 100%;
	background: #ddd;
	border-bottom: 1px solid #bbb;
	padding: 3px 0 3px 0;
}
div#topmenu {
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: left;
}
ul.menu {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	text-align: right;
	margin-right: 20px;
}
ul.menu li {
	list-style-type: none;
	display: inline;
	margin: 0 5px 0 0;
}
ul.menu h1 {
	display: inline;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}

/* New LP stuff */

/* harmonicdevice.css is the stylesheet for louisaparry.co.uk.  Thanks to Plone.org, johnleach.co.uk and newworldodour.co.uk for inspiration.  It is the bastard child of dancebear.css, kneetoucher.css and a whole lot more understanding of css. */

body {
	margin: 0px;
	background-color: #ffffff;
	background-image: url("background.gif");
	font: normal 80%/140% "Verdana", "Arial", sans-serif;
	}

h1 {
	color: #e1912a;
	background-color: transparent;
	font-size: 160%;
	}

h2 {
	color: #e1912a;
	background-color: transparent;
	font-size: 120%;
	}

h3,h4,h5,h6 {
	color: #e1912a;
	background-color: transparent;
	font-size: 100%;
	}

hr#left {
	margin-right: 45%;
	color: #333366;
	background-color: #7f7f9c;
	}

hr#right {
	margin-left: 45%;
	color: #333366;
	background-color: #7f7f9c;
	}

/* The css for the tabbed navigation bar is borrowed from Plone.org */

#globaltabs {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background-color: transparent;
    border-collapse: collapse;
    padding-bottom: 0.3em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
	}

ul#globaltabs li {
    display: inline;
}

ul#globaltabs li a {
    /* The normal, unselected tabs. They are all links */
    background-color: #e9ffca;
    border-color: #98d841;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #98d841;
    height: auto;
    padding: 0em 1.5em 0.3em 1.5em;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: bold;
}

ul#globaltabs li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #98d841;
    border: 1px solid #98d841;
    border-bottom: #98d841 1px solid;
    color: #ffffff;
}
ul#globaltabs li a:hover {
    background-color: #98d841;
    border-color: #98d841;
    border-bottom-color: #98d841;
    color: #ffffff;
}

/* Outside box of the site */
#outerbox {
	max-width: 850px;
	min-width: 550px;
	width: 100%;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #98d841;
	border-spacing: 0px;
	}

/* Tabs */
#outerbox #tabs {
	border-right: 0px;
	border-left: 0px;
	text-align: right;
	}


/* Header */
#header {
	text-align: left;
	background-color: #e9ffca;
	font-size: 1em;
	border-right: 1px solid #98d841;
	border-left: 1px solid #98d841;
	padding: 5px;
	}


/* Tag and Location bar */
#tagbar {
	background-color: #98d841;
	color: #ffffff;
	text-align: right;
	padding-right: 5px;
	}
	
#locationbar {
	background-color: #98d841;
	color: #ffffff;
	text-align: right;
  padding-right: 5px;
  font-weight: bold;
	}

/* Main */
#main {
	text-align: left;
	background-color: #ffffff;
	color: black;
	font-size: 1em;
	padding: 5px;
	border-right: 1px solid #98d841;
	border-left: 1px solid #98d841;
	}

/* Links */
a:link {
	text-decoration: underline;
	color: #98d841;
	}

a:visited {
	text-decoration: underline;
	color: #98d841;
	}

a:active {
	text-decoration: underline;
	color: #98d841;
	}

a:hover {
	text-decoration: none;
	color: #98d841;
	}

/* Image boxes */
div.imgright {
	border: 1px solid #e1912a;
	background-color: #e8ecee;
	font-size: 80%;
	float: right;
	margin: 10px 10px 10px 10px;
	text-align: center;
}
div.imgleft {
	border: 1px solid #e1912a;
	background-color: #e8ecee;
	font-size: 0.8em;
	float: left;
	margin: 10px 10px 10px 0px;
	text-align: center;
}
div.imgmiddle {
	border: 1px solid #e1912a;
	background-color: #e8ecee;
	font-size: 0.8em;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.imgright img,
div.imgleft img,
div.imgmiddle img {
	border-bottom: 1px solid #000000;
}

/* Photos */
div.photoleft {
	border: 1px solid #e1912a;
	background-color: #e8ecee;
	font-size: 80%;
	float: left;
	margin: 0px 10px 0px 10px;
	text-align: center;
}

div.container {
  border: 1px solid #e1912a;
  background-color: #e8ecee;
  }

div.spacer {
  clear: both;
  }



/* Other boxes */
div.block {
	border: 1px solid #bbc6cd;
	background-color: #e8ecee;
	font-size: 80%;
	float: center;
	margin: 10px 10px 10px 10px;
	text-align: left;
}


/* New Stuff */
#logo {
  padding: 5px;
  float: right;
}

ul li {
  list-style-type: square;
  color: #e1912a;
}

.footer {
  text-align: center;
  font-size: 0.8em;
  color: #000000;
  clear: both;
}

.featureimage {
	float: right;
	margin: 10px;
	padding: 4px;
	text-align: center;
	border: 1px solid #e1912a;
}

#main {
	padding: 10px 20px 10px 20px;
}

.subcat {
	padding: 0px 20px 0px 20px;
}

.subhead {
  color: #e1912a;
	background-color: transparent;
	font-size: 120%;
	font-weight: bold;
}

.lojocotext {
  color: #000000;
}

#images {
  width: 74%;
}

br#clear {
  clear: both;
}

#photonav {
  padding: 0px 15px;
}