/*
Theme Name: Orchard News Browser
Description: Back issue browsing for OrchardNews.
Version: 2.1
*/

body {
	background: #404040 url(images/orchard-bg-bar.jpg) repeat-x;
	margin: 0px auto;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px;
	}
	
#outerlimits {
	width: 1060px;
	margin: 0px auto;
}
	
#wrap {
	width: 960px;
	padding: 0px;
	margin: 0px auto;
	}
	
.clear {
	clear:both;
	float:none;
}
	
/* Globals */

a, a:visited {
	color: #002200;
	text-decoration: none;
	}
	
a:hover {
	color: #000;
	text-decoration: underline;
	}
	
a img {
	border: 0px;
}
	
h4.contactsize {
	font-size: 12pt;
	}
	
/* Header */

#header {
	background: url(images/ONtrans.gif) center no-repeat;
	height: 150px;
	width: 960px;
	}

#content {
	height: 220px;
	width: 960px;
	}
	
/* Riding on the carousels.. Hold on tight */	
	
.infiniteCarousel {
  width: 900px;
  position: relative;
  margin: 0px auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.infiniteCarousel .wrapper {
  width: 640px; 
  overflow: auto;
  height: 200px;
  margin: 0 130px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
border: 0px solid #fff;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px 15px;
  height: 200px;
  width: 180px;
}

.infiniteCarousel ul li a img {
  display:block;
}

/* Keeping control */

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrows.jpg) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/* Something bigger */

#mainbox {
	margin: 0px auto;
	width: 620px;
}

#large-cover {
	width: 282px;
	height: 400px;
	float: left;
}

#large-cover img{
	border: 0px;
}

#chapter {
	width: 318px;
	float: right;
	padding: 0 0 20px 0;

}

#chapter h4 {
	padding: 15px 0 10px 20px;
	font-size: 16px;
	color: #000;
	background: #fff;
	margin: 0px;
	text-transform: uppercase;
}

#chapter h3  {
	padding: 10px 20px 5px 20px;
	font-size: 12px;
	color: #003e5e;
	margin: 0px;
	background: #013d5f url(images/bar.jpg) bottom center no-repeat;
	text-transform: uppercase;
}

#chapter h3.autumn2009 {
	padding: 10px 20px 5px 20px;
	font-size: 12px;
	color: #003e5e;
	margin: 0px;
	background: #002200 url(images/bar.jpg) bottom center no-repeat;
	text-transform: uppercase;
}

.autumn2009 #spacer  {
	width: 318px;
	height: 20px;
	background: #002200;
}

.index #spacer {
	width: 318px;
	height: 20px;
	background: #003e5e;
}

#pdf {
	float: left;
	width: 150px;
	height: 60px;
	margin: 10px 0 0 0;
	background: url(images/pdf.jpg);
}

#flash {
	float: right;
	width: 150px;
	height: 60px;
	margin: 10px 0 0 0;
	background: #03F;
}