/*  Copyright James Netherton

	You may learn and take elements from the styles below but direct copying of
	the website layout - E.g the unique combination of image and text positioning
	is prohibited
*/

/* Base elements */
body {
	margin:0;
	background-color:#B7CB87;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:14px;
	line-height:20px;
}

img{
	border:none;
}

div{
	margin:0;
	padding:0;
	border:0;
}

h1,h2,h3,h4{
	font-weight:normal;
}

ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

a{
	text-decoration:none;
	color:#000000;
}

a:hover{
	text-decoration:underline;
	color:#000000;
}

input, textarea{
	background-color:#FFFFFF;
	border:solid #67743E 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
}

input[type=submit]{
	border:solid #67743E 1px;
}

blockquote{
	margin:0;
	padding:0;
}

/* Header elements */
#header{
	margin:30px 0 0 20px;
	height:175px;
	width:972px;
	border-bottom:solid #ABBE7E 1px;
}

#banner{
	background:url(images/banner.jpg) no-repeat;
	height:175px;
	width:715px;
	float:left;
}

#stripe{
	background-color:#91A16B;
	width:25px;
	height:175px;
	float:left;
}

#logo{
	background-color:#D7E8A1;
	height:175px;
	width:231px;
	float:left;
}

#logo #navbar{
	margin:0;
	padding:0;
	list-style-type:none;
	text-transform:uppercase;
}

#logo #navbar a{
	color:#4F726E;
}

#logo #navbar a:hover{
	color:#000000;
}

#logo #navbar li{
	padding:10px 0px 0px 10px;
	border-bottom:dotted #4F726E 1px;
	height:33.75px;
}

#navbar .active{
	background-color:#91A16B;
	color:#FFFFFF;
}

#logo #navbar .active a{
	color:#FFFFFF;
}

#logo #navbar li:hover{
	background-color:#ABBE7E;
	color:#000000;
	cursor:pointer;
}

/* Content elements */
#wrap{
	width:971px;
	margin:0;
	padding:0;
	background:url(images/line.gif);
	border-left:solid #ABBE7E 20px;
}

#content{
	margin:0;
	margin-left:-20px;
	width:735px;
	float:left;
}

.post, #comments, #commentEntry, #relatedPosts{
	float:left;
	margin-left:20px;
	width:715px;
	padding-top:10px;
	padding-bottom:40px;
	background-color:#D7E8A1;
}

.postRelative{
	float:left;
	margin-left:20px;
	padding:8px 0px 5px 0px;
}

.relatedLink a{
	margin-top:12px;
	text-decoration:underline;
}

.postHeader{
	margin-left:20px;
	padding-bottom:5px;
	border-bottom:dotted #4F5F65 1px;
	width:680px;
}

.postHeader p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#395F54;
	padding:0;
	margin:5px;
}

.postHeader h2, #comments h2, #relatedPosts h2{
	border:0;
	margin:0;
	padding:0;
	font-size:24px;
	letter-spacing:-1px;
	color:#398E88;
}

#relatedPosts h2{
	margin-left:20px;
}

.postHeader h2 a, .postHeader p a{
	color:#398E88;
}

.postHeader h2 a:hover, .postHeader p a:hover{
	color:#67743E;
}

.postBody, .sitemapBody{
	padding:0;
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
	color:#000000;
	padding-bottom:5px;
	border-bottom:dotted #4F5F65 1px;
	font-size:.94em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.postBody a{
	color:#708E88;
	text-decoration:none;
	border-bottom:dotted #009999 1px;
}

.postBody a:hover{
	text-decoration:underline;
	border:none;
	background-color:#D9EFA4;
}

.postFooter{
	color:#4F8688;
}

.postFooter a{
	color:#4F8688;
	border:none;
}

.footerIcons li{
	font-size:11px;
	float:left;
	padding-left:20px;
	padding-right:15px;
}

.footerIcons .comments{
	background:url(images/comment.gif) 0px 4px no-repeat;
}

.footerIcons .send{
	background:url(images/email.gif) 0px 2px no-repeat;
}

.footerIcons .print{
	background:url(images/printer.gif) 0px 2px no-repeat;
}

.footerIcons .delicious{
	background:url(images/icon_delicious.gif) 0px 5px no-repeat;
}

.footerIcons .reddit{
	background:url(images/icon-reddit.png) 0px 3px no-repeat;
}

.footerIcons .digg{
	background:url(images/digg.gif) 0px 3px no-repeat;
}

.footerIcons .stumbleupon{
	background:url(images/icon-stumbleupon.png) 0px 2px no-repeat;
}

.footerIcons .views{
	margin-left:-20px;
}

.code{
	font-family:"Courier New", Courier, monospace;
	background-color:#F5F5F5;
	border:solid #91A16B 1px;
	padding:5px;
}

.highlight{
	background-color: yellow;
}

#comments{
	margin-right:20px;
	background-color:#D7E8A1;
}

#commentIntro{
	margin-left:20px;
	padding-bottom:5px;
	width:680px;
}

#commentIntro h2{
	margin:0;
	padding:0;
	float:left;
}

#commentIntro h4{
	margin:0;
	padding:0;
	float:right;
	font-size:12px;
	padding-top:3px;
	letter-spacing:2px;
}

#comment{
	margin-left:20px;
	width:680px;
}

.commentNumber{
	float:left;
	width:100px;
	font-weight:bold;
	color:#4E6D58;
	text-align:center;
	margin-right:40px;
}

.commentNumber p{
	font-size:18px;
	padding:0;
}

.commentHeader{
	width:500px;
}

.commentHeader p{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#395F54;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:dotted #4F5F65 1px;
}

.commentOdd{
	float:left;
	background:url(images/bgcomment.gif);
	margin-left:20px;
	width:680px;
}

.commentEven{
	float:left;
	background:url(images/bgcommenteven.gif);
	margin-left:20px;
	width:680px;
}

.commentBody{
	float:left;
}

.commentText{
	font-size:.80em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

.commentText p{
	width:530px;
}

.commentText a{
	color:#398E88;
}

#commentEntry{
	margin-left:20px;
	background-color:#D7E8A1;
}

#commentForm{
	margin-left:20px;
	padding-left:10px;
	border:solid #AEC37B 2px;
	width:666px;
}

#commentForm label{
	font-size:13px;
}

#commentBanner{
	margin-left:-10px;
	background-color:#AEC37B;
	padding:0;
}

#commentBanner h2{
	font-size:18px;
	padding:5px;
	margin:0;
	color:#4E5948;
}

#commentErrors{
	color:#FF0000;
}

#commentErrors p{
	margin-top:5px;
}

.recaptcha-error{
	display:none;
}

#moreentries{
	padding:0px 0px 10px 40px;
	margin:0;
}

#noentries{
	margin:0px 0px 0px 35px;
}

.postyear:hover{
	cursor:pointer;
}

.postyear ul li{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:70px;
	margin-right:10px;
	border-bottom:dotted #4F726E 1px;
	height:20px;
	width:100px;
	background:#ABBE7E;
	color:#000000;
}

.postmonth{
	width:100%;
	background-color:#ABBE7E;
}

.postmonth p{
	padding-top:3px;
}

.postmonth a{
	padding-left:10px;
	border:none;
	color:#FFFFFF;
}

.postmonth a:hover{
	color:#FFFFFF;
	background:none;
}

.postcol{
	width:310px;
	margin-right:27px;
	float:left;
}

.postcol a{
	text-decoration:underline;
}

.postcol h3{
	color:#8E7461;
	font-weight:bold;
}

.sitemapBody{
	border:none;
}

.hidden{
	display:none;
}

.date{
	float: left;
	height: 32px;
	width: 32px;
	margin-right: 8px;
	padding-top: 11px;
	background-color: transparent;
	background-image: url(images/icon-calendar.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	font: normal 24px/26px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}

.date span.month{
	font-size: 9px;
	height: 12px;
	display: block;
}

.date span.day{
	font-size: 18px;
	display: block;
}

.date p {
	text-align:center;
	color:#9b9b8e;
	margin:-5px 0 0 -3px;
	text-transform:uppercase;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

/* Sidebar elements */
#sidebar{
	padding:0;
	margin:0;
	width:230px;
	float:left;
	background-color:#D7E8A1;
	padding-top:30px;
	border-left:solid #91A16B 25px;
}

#sidebar a{
	color:#67743E;
}

#sidebar a:hover{
	text-decoration:none;
	border-bottom:dotted #009999 1px;
	background-color:#D9EFA4;
}

.pod{
	margin-left:10px;
	margin-right:10px;
}

.pod h2{
	font-size:18px;
	text-transform:uppercase;
	color:#4F726E;
	border-bottom:dotted #4F5F65 1px;
}

.pod p{
	font-size:14px;
}

.pod .archives, .pod .links{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:14px;
	color: #67743E;
	letter-spacing:2px;
}

.archives li{
	padding-bottom:5px;
	/*padding-left:30px;*/
}

.archives .feed{
	background:url(images/feed-icon.gif) 0px 2px no-repeat;
}

.archives .feed a{
	padding-left:30px;
}

.links li{
	background:url(images/icon-squares.gif) 2px 6px no-repeat;
	padding-bottom:5px;
	padding-left:30px;
}

.pod .rss{
	font-size:18px;
}

.subscribe{
	background:url(images/rsssubscribe.gif) no-repeat;
	padding-left:40px;
	height:37px;
	color:#678871;
}

.subscribe p{
	padding-top:10px;
	padding-left:5px;
}

#bookshelf{
	width:800px;
	margin-left:20px;
}

.bookCategory, #bookCategories, #books{
	width:800px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}

#stationtabs{
	width:800px;
}

.bookCategory ul, #books ul, #stationtabs ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#books{
	padding-left:20px;
}

#books li{
	float:left;
	padding-right:120px;
}

.bookCategory li, #stationtabs li{
	float:left;
	width:320px;
	margin-right:30px;
	margin-bottom:3px;
	padding-bottom:10px;
	background-color:#ADC374;
	border-bottom:solid #91A16B 1px;
	border-right:solid #91A16B 1px;
}

.bookCategory li:hover, #stationtabs li:hover{
	background-color:#ABBE7E;
	cursor:pointer;
}

#stationtabs li{
	width:200px;
	text-align:center;
	text-decoration:underline;
}

.bookCategory li a{
	padding-left:5px;
}

#bookCategoryHeader h3{
	font-size:12px;
	margin-left:20px;
	padding-bottom:5px;
	border-bottom:dotted #4F5F65 1px;
	width:140px;
	font-size:16px;
	letter-spacing:-1px;
	color:#398E88;
	text-transform:uppercase;
}

#quotebody{
	padding:10px;
	margin:10px;
}

#quote{
	padding:10px 0px 5px 0px;
	font-style:italic;
	font-size:11px;
}

.stations{
	font-size:14px;
}

.stations td{
	border:none;
	background:none;
}

.stations th{
	font-size:14px;
	border:none;
	border-bottom:dotted #000000 1px;
}

#footer{
	width:991px;
	height:30px;
	border-top:solid #91A16B 1px;
	text-align:center;
	padding-top:10px;
	letter-spacing:3px;
	color:#736451;
}

#footer a{
	color:#67743E;
}

.footerLeft{
	margin-left:10px;
	float:left;
}

.footerCenter{
	margin-left:280px;
	float:left;
}

.footerRight{
	float:right;
}

/* Misc */
.clear{
	position:relative;
	margin:0;
	padding:0;
	clear:both;
	width:auto;
}

#wp-calendar {
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing:0;
	border-left: 1px solid #ABBE7E;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #398E88;
	text-align: center;
	background-color: #fff;
}

#wp-calendar.nav, #wp-calendar .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #558E88;
	text-align: center;
	text-decoration: none;
}


#wp-calendar caption {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ADC374;
	color: #558E88;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#wp-calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D7E8A1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

#wp-calendar #today, #wp-calendar td#today a, #wp-calendar td#today a:link, #wp-calendar td#today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #9DAF78;
}

#wp-calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(images/bg_calendar.gif) no-repeat right bottom;
}

#wp-calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#wp-calendar td a:link, #wp-calendar td a:visited {
	color: #608194;
	background: url(images/bg_calendar.gif) no-repeat;
}

#wp-calendar td a:hover, #wp-calendar td a:active {
	color: #6aa3ae;
	background: url(images/bg_calendar.gif) no-repeat right top;
}

#trainline input{
	border:solid #000 1px;
	font-size:13px;
	padding-right:5px;
}

#trainline select{
	border:solid #000 1px;
	font-size:13px;
}

#trainline label{
	padding-bottom:5px;
	padding-top:10px;
}

#blueright{
	padding:3px;
	width:210px;
}

.attachment{
	float:left;
	text-align:center;
	text-decoration:none;
	padding:5px;
	margin-right:10px;
	width:110px;
}

.attachment a{
	font-size:10px;
	margin:0;
	padding:0;
}

.pod #s{
	width:135px;
}

.dp-highlighter{
	font-family: "Consolas", "Courier New", Courier, mono;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 680px;
	margin: 18px 0 18px 0;
	padding-top: 1px;/* adds a little border on top when controls are hidden */
	overflow: auto;

	/* fixes for IE: "overflow: auto" causes unnecessary vertical bar */
	/* corrects bottom scroll bar overlapping */
	overflow-y: hidden;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? '15px' : 'none');
}