/*
 Theme Name: Fiftieth anniversary edition 5
 Theme URI: http://www.jamesbisset.com/
 Description: 5th version of the 50th Annversary edition, 960px wide with 3 columns including ads
 Version:5.0a
 Author: James Bisset
 Author URI: http://www.jamesbisset.com/
 */
 
/* colourways 
* 
*   dark blue       #30306c
*   orange          #c63
* 
*/
/* the big reset
------------------------------------------------------ */
/* From Eric Meyer's blog 

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}

/* Containers layout
------------------------------------------------ */

body {
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, san-serif;
	background-color: #fff;
	font-size: 62.5%;
	}
	
.constraint {
  width: 960px;
  margin: 0 auto;
/*   background: transparent url(css/graphics/16-block-guides.png) repeat-y 0 0; */
  }

	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.accessfeature	{
	position: absolute;
	left: -999em;
	}

/* Header
------------------------------------------------ */

#header {
  margin: 30px 0 0 0;
  background: transparent url(css/graphics/header-bg.png) repeat-x center top;
  float: left;
  width: 100%;
	}

#header .constraint {
  height: 128px;
	padding: 0 0 56px 0;
	background: transparent url(css/graphics/header-photos.jpg) no-repeat left bottom;
  }
		
#header img	{
	display: block;
	float: left;
	}	
	
#header img.header-pic {
  padding-left: 10px;
  }
  
#header img.logotype {
  padding: 77px 0 0 20px;
  }
  
#page {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	position: relative;
	}

#page .constraint {

  }
  
#comment-section {
  background-color: #98a970;
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
}

#related-posts {
  background-color: #c8cdd7;
  padding: 15px 0;
  width: 100%;
  float: left;
  }

#related-posts .constraint {
  width: 950px;
  padding: 0 0 0 10px;
  }

	
/* Column layouts
------------------------------------------------ */


#content {
	margin: 30px 0 10px 0; 
	width: 460px;
	padding: 0 0 0 70px;
	float: left;
/* 	background-color: #efefff; */
	}

#submenu {
	margin: 30px 20px;
	float: left;
	padding: 5px 0 0 0;
	width: 180px;
	color: #777;
/* 	background-color: #d0d0b7; */
	}
	
#adbar {
  min-height: 600px;
  float: left;
  width: 200px;
  margin: 30px 0;
  padding: 5px 0 0 0;
  }

#comments-column {
  margin: 0 0 30px 0; 
	width: 460px;
	padding: 0 0 0 70px;
	float: left;
  }

#comments-column:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }


/* Main menu
------------------------------------------------ */

#mainmenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #000;
  padding: 5px 0 0 0;
  }

#mainmenu .inner {
  margin: 0 auto;
  width: 960px;
  }

#mainmenu ul {
  width: 840px;
  margin: 0 auto;
  padding-left: 120px;
  float: left;
  text-align: left;
  list-style-type: none;
  }

#mainmenu ul li {
  list-style-type: none; 
  float: left;
  margin: 0;
  height: 30px;
  padding: 0 0 0 10px;
  }

#mainmenu ul li a {
  float: left;
  font-size: 1.35em;
  line-height: 18px;
  padding: 4px 10px 8px;
  color: #d4d4fb;
  text-decoration: none;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;

  }
  
#mainmenu ul li a:hover {
  color: #d4d4fb;
  background-color: #54548c;
}

#mainmenu ul li.current_page_item a, #mainmenu ul li.current_page_ancestor a, #mainmenu ul li.current_page_parent a  {
  background-color: #54548c;
  color: #fff;
  }


#mainmenu ul li.current_page_item a:hover  {
 background-color: #54548c;
  color: #fff;
  }
  
/* !Top search */

#topsearch {
  width: 170px;
	margin: 0;
	text-align: left;
	float: right;
	margin-top: -30px;
	}
	
#topsearch #tops {
	width: 110px;
	border: 1px solid #999;
	}

#topsearch #search_button {
  vertical-align: top;
	}

  
/* Sub menu
------------------------------------------------ */
	
#submenu a	{ 
	text-decoration: none;
	}
	

/* block level */

#submenu ul {
  
  }
	
#submenu ul li	{ 
	margin: 0 0 20px;
	font-size: 1.15em;
	background-color: #d0d0b7;
	}


/* Inside the blocks */

#submenu h2	{
	color: #fff;
	font-size: 1.3em;
	line-height: 1em;
	margin: 0 0 10px;
	padding: 4px 10px 6px;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	background-color: #6c6c41;
	background-color: #af572b;
	}

#submenu h2 a {
  color: #fff;
  }
#submenu h2 a:hover {
  color: #fff;
  }

#submenu ul ul {
	font-size: 1em;
	list-style-type: none;
	margin: 0.4em 0 1em 0;
	padding: 0 10px 10px;
	}


#submenu ul li ul li	{ 
	margin: 0 0 0.4em;
	padding: 0;
  background-color: transparent;
	}
	
#submenu ul li ul li	{ 
	font-size: 1em;
	color: #777;
	}

#submenu ul li ul li a { 
	color: #c63;
	font-size: 1.15em;
	padding: 2px 0;
	display: block;
	}
	
#submenu ul li a:hover {
	color: black;
	text-decoration: underline
	}

#submenu input	{
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	line-height: 0.8em;
	vertical-align: middle;
	}

/* Twitter widget pro */


#submenu #twitter-3 ul li {
  margin: 0 0 1.6em 0;
  }

#submenu #twitter-3 ul li span {
  font-size: 1em;
  line-height: 1.4em;
  display: block;
  margin: 0 0 6px 0;
  color: #454;
  }

#submenu #twitter-3 ul li span span {
  font-size: 1em;
  }

#submenu #twitter-3 span.from-meta {
  display: none;
  }


/* !Adbar
------------------------------------------------ */

#adbar iframe #ads{ 
  background-color: transparent;
  border: 0;
  }
#adbar div {
  margin: 0 0 10px 0;
}

#adbar .skyscraper-onesixty {
/*   padding-left: 20px; */
  }

/* Content
------------------------------------------------ */

#content .edit-button a {
  color: #777;
  text-align: right;
  text-decoration: none;
  }

#content div.toc	{
	display: none;
	margin-top: 80px;
	}
				
#content div.toc p	{
	margin-left: 20px;
	}	

#content div.post {
  margin: 0 0 10px 0;
  }	

#content div.entry  {
  
  }

#content div.entry strong {
  font-weight: bold;
  }

#content div.entry em {
  font-style: oblique;
  }

/* !Date */

.post-date {
  background: #fff url(css/graphics/post-date-bg2.png) no-repeat right bottom;
  width: 40px;
  padding: 0 0 9px 0;
  text-align: center;
  float: left;
  margin: 0 0 0 -60px;
  }

.post-date span {
  display: block;
  margin: 0;
  padding: 0;
  }
  
.post-date .post-year { 
  background-color: #333; 
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 15px;
  font-weight: normal;
  color: #fff;
  }

.post-date .post-day {  
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 18px;
  margin: 0;
  color: #cf6334;
  }
  
.post-date .post-month { 
  font-size: 8px;
  line-height: 8px;
  margin: 2px 0;
  font-weight: bold;
  text-transform: uppercase;
  }

/* !Time */

div.the-time {
  background-color: #333;
  color: #f90;
  width: 36px;
  font-size: 10px;
  font-family: "Lucida Sans Typewriter", "Andale Mono", Monaco, Courier;
  line-height: 14px;
  padding: 3px 2px;
  margin: 0 0 0 -62px;
  border-width: 2px;
  border-style: solid;
  border-left-color: #aaa;
  border-top-color: #bbb;
  border-right-color: #666;
  border-bottom-color: #555;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  }


#content .entry p {
	color: #003;
	font-size: 1.15em;
	line-height: 20px;
	margin: 0 0 1em;
	text-align: left;
	}

#content .entry .read-on {
  display: inline;
  font-size: 1.15em;
	line-height: 20px;
  }

#content .entry ul li {
	color: #003;
	font-size: 1.15em;
	line-height: 1.5em;
	margin: 0 0 1em;
	}


#content p img.block	{
	display: block;
	float: none;
	margin-right: 0;
	}	

#content h1 	  {
	color: #c63;
	font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	font-size: 1.85em;
	line-height: 15px;
	font-weight: normal;
	margin: 0 0 1.5em;
	}

#content h1 a {
  color: #c63;
  text-decoration: none;
  }

.post h2 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 1.4em;
  margin: 0 0 6px 0;
  color: #c63;
  }

.post h2 a {
  color: #c63;
  text-decoration: none;
  }

#content h3, #content h4 {
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0 0 1em;
  }

#content p a	{
	color: #006;
	}
	
#content p code	{
	font-size: 1.2em;
	font-family: Courier;
	color: gray;
	}

#content .entry ul, #content .entry ol	{
	margin: 0 3em 1.5em 1.5em;
	list-style-type: square;
	color: #c63;
	}
	
	
#content .entry ul li, #content .entry ol li	{
	margin: 0 0 0.4em 0.5em;
	font-size: 1.15em;
	line-height: 1.5em;
	color: #003;
	}

#content .entry ul.music	 {
	list-style-image: url(css/graphics/music-arrow.gif);
	margin: 0.4em 2em 1.5em;
	padding: 0.2em 1em
	}

			
#content .entry ul.music li	  {
	margin: 0.3em 0;
	padding: 0 0.5em
	}


#content blockquote	 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 1em 2em;
	padding: 0
	}

#content blockquote p	 {
	color: #404080
	}

.shh {
	display: none
	}

img {
/* 	display: block; */
	margin: 0;
	padding: 0
	}
	
/* Begin Images */


#content .entry p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

#content .entry .centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}

#content .entry .alignright, #content .entry .alignleft {
	padding: 0;
	display: inline;
	}

#content .entry .alignleft {
	margin: 0 7px 2px 0;
	float: left
	}

#content .entry .alignright {
	margin: 0 0 2px 7px;
	float: right;
	}
	
#content .entry .wp-caption-text {
  font-size: 1em;
  line-height: 1.2em;
  font-style: oblique;
  text-align: left !important;
  color: #aaa; 
  }

#content .entry .wp-caption {
 /* background-color: #efefef; */
  padding: 0 0 10px 0;
  }
/* End Images */

	
object	{
	display: block;
	margin: 0 0 1em 0;
	}

#content dl.truss	{
	margin: 0.5em 1em;
	padding: 0;
	}

#content dl.truss dt img	{
	float: none
	}

#content dl.truss dt	{
	margin: 5px 0 -28px;
	padding: 5px 0 0 0;
	float: left;
	clear: left;
	width: 40px;
	}

#content dl.truss dd	{
	margin: 5px 5px 5px 4em;
	padding: 0;
	clear: left;
	font-size: 1.15em;
	line-height: 1.6em;
	}

#content dl.truss	{
	margin: 0.5em 1em;
	padding: 0;
	}

#content dl.truss dt img	{
	float: none
	}

#content dl.truss dt	{
	margin: 5px 0 -28px;
	padding: 5px 0 0 0;
	float: left;
	clear: left;
	width: 40px;
	}

#content dl.truss dd	{
	margin: 5px 5px 5px 4em;
	padding: 0;
	clear: left;
	line-height: 1.6em;
	}


/* Blog stuff
------------------------------------------------ */
#content div.meta, #content div.feedback	{
	margin-top: 0.5em;
	color: gray;
	text-align: right;
	}

.meta li, ul.post-meta li {
	display: inline;	
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Comments
------------------------------------------------ */

h3#comments, #respond h3 {
  font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	font-size: 1.85em;
	line-height: 15px;
	font-weight: normal;
	margin: 0 0 1.5em;
  }
  
p.rss-comments a {
  font-size: 1.1em;
  padding: 4px 0 4px 20px;
  display: block;
  background: transparent url(css/graphics/feed-icon-14x14.png) no-repeat 0 4px;
  }


.commentlist {
  margin: 0;
  padding: 0;
	text-align: left;
	font-weight: bold;
  }
  
.commentlist li, #commentform input, #commentform textarea {
	font: 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	background-color: #e5e8d8;
	}
	
.commentlist li ul li { 
  margin: 0;
  padding: 0;
  border-top: 3px solid #98a970;
	font-size: 1em;
}

.comment-body {
  padding: 10px;
  position: relative;
  }

.commentlist p {
	
}
.children { margin: 0; padding: 0; }


.commentlist li .avatar { 
	float: left;
	margin: -10px 0 0 -69px;
	border: 1px solid #dde;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}

.commentlist cite {
  font-size: 1.4em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  }

.commentlist cite a{
  color: #333;
  text-decoration: none;
  }

.commentmetadata {
	font-weight: normal;
	position: absolute;
	top: 10px;
	right: 5px;
	}

.commentmetadata a {
	text-decoration: none;
	color: #777;
	}



.commentlist p {
	font-weight: normal;
	line-height: 1.55em;
	text-transform: none;
	margin: 10px 5px 10px 0;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}


.alt {
	margin: 0;
	padding: 10px;
	}


#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


input#s,
input#author,
input#email,
input#url,
textarea	
	{
	border-width: 1px;
	border-style: solid;
	border-color: #888 #ddd #ddd #888;
	}

textarea#comment {
 width: 460px;
 height: 200px;
}
	
/* !Footer
------------------------------------------------ */
#footer {
  background-color: #30306c;
  }

#footer .inner {
  width: 940px;
  padding: 20px 10px;
  margin: 0 auto;
  }

#footer p {
  margin: 0 0 1em 0;
  color: #d4d4fb;
  }

#footer a {
  color: #fff;
  text-decoration: none;
  }

#footer img	{
	display: inline;
	}

#footer a img	{
	border: 0;
	}
	
	
/* and beyond
------------------------------------------------ */


div.sociable { clear: both;}
div.sociable ul {
  width: 100%
  background-color: #555;
  }

/* !Navigation */

.navigation {
  height: 43px;
  margin: 0 -17px;
  position: relative;
  }

.next-post, .previous-post {
  width: 49%; 
  padding: 0;
  }

.next-post {
  float: right;
  text-align: right;
  }

.previous-post {
  float: left;
  text-align: left;
  }

.next-post a, .previous-post a {
  display: block;
  height: 28px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.2em;
  line-height: 14px;
  font-weight: bold;
  padding: 7px 25px 8px;
  text-decoration: none;
  color: #000;
  }

.next-post a {  
  background: #c3c3de url(css/graphics/next-post-bg.png) no-repeat right top;
  }
  
.previous-post a {  
  background: #c3c3de url(css/graphics/previous-post-bg.png) no-repeat left top;
  }

.next-post a:hover, .previous-post a:hover {
  color: #fff;
  background-color: #c63
  }
  
.next-post a:hover {  
  background-image: url(css/graphics/next-post-bg-hover.png);
  }
  
.previous-post a:hover {  
  background-image: url(css/graphics/previous-post-bg-hover.png);
  }

/* newsblock
------------------------------------------------ */

div.newsblock {
  /* background-color: #fff5e6 */
  margin: 10px 0 0 0;
  }

div.newsblock h2 {
  font-size: 1em;
  line-height: 1.4em;
  padding: 5px 10px;
  background: #fff url(css/graphics/top-strip.png) repeat-x left top;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  color: #eee;
  }

#content div.newsblock .post {
  margin: 10px 0 10px 92px;
  padding: 0 20px 10px 0;
  border-bottom: 2px solid #ddd;
  }

#content div.newsblock div.post h3 a {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 1.4em;
  color: #c63;
  text-decoration: none;
  }


#content div.newsblock div.entry p {
  font-size: 1.1em;
  line-height: 1.2em;
  display: inline;
  }

#content div.newsblock div.entry p.read-more {
  display: inline;
  }

/* Subscription blocks
------------------------------------------------ */
.subscribe-container {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
}

.subscribe-container .constraint {

  }
  
#subscribe-top {
  background-color: #30336d;
  margin: 38px 0 0 790px;
  width: 158px;
  border: 1px solid #65669f;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  }
#subscribe-top h4 {
  color: #fff;
  text-align: center;
  margin: 10px;
  color: #8c8ec0;
  font-size: 10px;
  }
  
ul.subscribe {
  float: left;
  }

ul.subscribe li {
  float: left;
  width: 41px;
  height: 41px;
  margin: 10px 0 10px 9px;
  }

ul.subscribe li a {
  float: left;
  width: 41px;
  height: 41px;
  }

ul.subscribe li a span {
  display: block;
  text-indent: -999em;
  }

ul.subscribe li.subscribe-rss a {
  background: transparent url(css/graphics/rss-sprites.png) no-repeat 0 0;
  }
  
ul.subscribe li.subscribe-email a {
  background: transparent url(css/graphics/rss-sprites.png) no-repeat -50px 0;
  }
  
ul.subscribe li.subscribe-podcast a {
  background: transparent url(css/graphics/rss-sprites.png) no-repeat -100px 0;
  }

/* Related Posts */

#related-posts h3 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 1.85em;
  margin: 0 0 1em 60px;
  }

#related-posts h4 {
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0 0 1em;
  }
  
#related-posts h4 a {
  color: #af572b;
  text-decoration: none;
  }

#related-posts ol {
  float: left;
  width: 960px;
  margin: 0 0 10px -20px;
  }

#related-posts li {
  float: left;
  width: 210px;
  height: 145px;
  margin: 0 0 0 19px;
  padding: 5px;
  background-color: #eee;
  border-right: 1px solid #959aa9;
  border-bottom: 1px solid #959aa9;
  }

#related-posts li p {
	color: #003;
	font-size: 1.05em;
	line-height: 1.4em;
	margin: 0 0 1em;
	display: inline;
	}