/*** Layout.css last revised 4/9/05 by Andrew Ingram***/

/* Import various other style rules */

@import "utilitybanner.css";
@import "favourites.css";
@import "profile.css";
@import "twitter-box.css";

/*** basic tag styling ***/

/* set the margins and padding to zero to get rid of all the different browser defaults */

* { margin:0; padding:0; }

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 75%;
	background-color: #fff;
	color: #000;
}

.access-info { display:none; }

abbr, acronym, .help {
	border-bottom: 1px dotted;     
	cursor: help;
}

cite {
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
}

blockquote {
	margin: 10px 40px;
	padding: 3px 40px;
}

pre {
	margin: 3px 0;
	padding: 3px 40px;
	font-size: 1.2em;
	padding: 10px;
}

li {	margin-left: 15px; }

table, td, th { font-size: 100%; }

.notbold { font-weight:normal; }

h1 {
	font-size: 170%;
	line-height: 1.3em;
	margin-bottom: 0.4em;
	margin-top: 0.8em;
}

h2 {
	font-size: 150%;
	line-height: 1.3em;
	margin-bottom: 0.2em;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

h3.entryHeader {
	font-size:120%;
	font-weight: bold;
}

h4 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 0.25em;
	margin-top: 1.0em;
}

.commentItem h4 {
	padding:0;
	margin:0;
	display:inline;
}

h4.commentauthor {  /* h4 heading for comments */
	font-size: 100%;
	font-weight: bold;
}

h5 {
	font-size: 120%;
	font-weight: bold;
	margin: 0.2em 0;
}

h6 {
	font-size: 110%;
	font-weight: bold;
	margin: 0.2em 0;
}

/* make sure image links don't have borders */

a img { border: 0; }

/* to shrink long urls in writing about web page*/

p.answer a:link, p.answer a:visited { font-size: 80%; }

p.answer {
	overflow: hidden;
	word-wrap: break-word;
}

#mainContent {
	position:relative;
	/* overflow : hidden; /* rule to prevent IE collapsing content */
}

/* rule to prevent IE collapsing content */
/* Hides from IE5-mac \*/
* html #mainContent { height: 1%; }
/* End hide from IE5-mac */

#container {
	position:relative;
	/* overflow : hidden; /* rule to prevent IE collapsing content */	
}

/* rule to prevent IE collapsing content */
/* Hides from IE5-mac \*/
* html #container { height: 1%; }
/* End hide from IE5-mac */

/* setup a basic position and size for the sidebar */

#sideContent {
	position:absolute;
	top:0;
	width: 220px;
}

/* avoid really short pages */
#centreContent { min-height:800px; }

/* give the centreContent on entries pages a margin to allow for the sidebar */

#entries-page #centreContent {
	position:relative;
	margin-left: 220px;
}

.sideContentItem {
  	font-size: 90%;
	overflow: hidden;
	word-wrap: break-word;
}

.sideContentItem h2 { font-size: 120%; }

.day { line-height: 140%; }

/* rule to prevent IE collapsing content */
/* Hides from IE5-mac \*/
* html #centreContent .day { height: 1%; }
/* End hide from IE5-mac */

#nextprevlinks {
	text-align:center;
	margin:5px 0 20px 0;
}

.entryfooter {
	font-size: 80%;
	text-align:right;
	margin-right:0;
	clear:both;
}

.entry h3 { margin-bottom: 10px; }
.entry p { margin-bottom: 1em; }

.entry ul {
	margin-top: 1em;
	margin-left: 0.7em;
	list-style: disc;
	margin-bottom: 1em;
}

.entry ul li { list-style: disc; }

.entry ol {
	margin-top: 1em;
	margin-left: 0.7em;
	margin-bottom: 1em;
}

.entry ol li { margin-left: 1.5em; }

.content table {
	border-collapse:collapse;
	border-spacing: 0;
}

.hidden { display: none; }
.displayed { display: block; }


img.logo {
	border: none;
	padding-left: 2px;
}

#signincopyrightfooter { font-size: 80%; }
#buttons { text-decoration: none; }

table.calendar { width: 100%; }
table.calendar th { width: 14% }
table.calendar td {
	width: 14%;
	text-align: center;
	padding: 2px 0;
}

#question {
	width: 400px;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid black;
}

/*** review-related rules ***/

.reviewimage { }

.reviewdata {
	border-bottom: 2px solid #E9E9E9;
	border-top: 2px solid #E9E9E9;
	width:100%;
}

.reviewcontent { }

.bookReview td, .musicReview td, .dvdReview td { padding: 0 3px 0 3px; }

div#trackbacks { margin-top: 10px; }

div.trackback { margin-top: 7px; }

/*** Basic calendar styles ***/



#adminImages .image {
	margin:10px;
	margin-bottom:15px;
	padding:5px;
	border-bottom: 1px solid gray;
}

#adminImages .image img { border: 1px solid black; }

#adminImages .gallery {
	margin:10px;
	padding:5px;
	border: 1px solid #1A516A;
}

/* rule to prevent IE collapsing content */
/* Hides from IE5-mac \*/
* html #gallery { height: 1%; }
/* End hide from IE5-mac */

/*** Rules for Galleries, these are for the galleries as they appear when the gallery link in the sidebar is followed ***/

#galleryContainer { padding: 20px; }

#gallery div.image {
	padding: 5px;
	margin:10px 5px 5px 5px;
	border: none;
	float:left;
	width: 210px;
	height: 250px;
	text-align:center;
}

#gallery div.imagesmall		{ width: 95px; height: 130px; }
#gallery div.imagemedium	{ width: 170px; height: 210px; }
#gallery div.imagelarge		{ width: 270px; height: 310px; }

#gallery h3 { font-size: 100%; margin-bottom: 1em; }

#gallery { clear: both; }

p.gallerydescription { margin-bottom: 2em; font-size: 1.1em; }

#gallerycontrols { position: relative; float: left; min-width: 38em; }

* html #gallerycontrols { position: relative; float: left; width: 40em; }

#gallerycontrols p { margin-bottom: 1em; }

#gallerycontrols p.galleryslideshow { position: absolute; top: 0; right: 0; text-align: right; }

#gallerydetail div.image { text-align:center; }

#gallerydetail div#next {
	float:right;
	margin:10px;
}

#gallerydetail div#previous {
	float:left;
	margin:10px;
}

dl dt {
	float:left;
	margin-right: 1em;
	width:4em;
	font-weight:bold;
	margin-bottom:3px;
}

dl dd {
	margin-left: 5em;
	margin-bottom:3px;
}

p.commentfooter {
	text-align:right;
	font-size: 80%;
	margin-right:-25px;
}


.commentsList {
	margin-left:0;
	padding-left:0;
}

/*** Trackbacks ***/

.trackbackItem h4 {
	padding:0;
	margin:0;
	display:inline; /* needed for heading but not needed for the comment body */
}


h4.trackbackTitle {  /* h4 heading for trackbacks */
	font-size: 100%;
	font-weight: bold;
}

#trackbacks ol { margin-left: 0; }
#trackbacks ol li { margin-left: 0; }

.trackbackItem {
	border: 1px solid gray;
	padding:2px;
	margin: 12px 0 12px 2px;
	list-style-position:inside;
}

p.trackbackfooter {
	text-align:right;
	font-size: 75%;
}

.trackbackList {
	margin-left:0;
	padding-left:0;
}

.trackbackItem .caps { font-variant: small-caps; }

.trackbackItem ul li {
	list-style-position: outside;
	list-style-type: disc;
	padding: 0 0 4px 10px;
	line-height: 1.3em;
}

.trackbackItem ol li {
	list-style-position: outside;
	padding: 0 0 4px 10px;
	line-height: 1.3em;
}

#trackbackRuler { margin-top:7px; }

/*** Comments ***/

#comments ol { margin-left: 0; }
#comments ol li { margin-left: 0; }

.commentItem {
	padding:2px 30px 2px 2px;
	margin: 12px 0 12px 0;
	list-style-position:inside;
}

.commentItem .caps {
font-variant: small-caps;
}

.commentItem * html blockquote {
	border: 1px dashed black; /* most styles have comments on a light background */
	background: url(quotemarks.gif) no-repeat 0 3px;
}

.commentItem pre {
	border: 1px solid black; /* most styles have comments on a light background */
}

#comments .commentItem ul { margin-left: 2em; }
#comments .commentItem ol { margin-left: 2em; }

.commentItem ul li {
	list-style-position: outside;
	list-style-type: disc;
	padding: 0;
	line-height: 1.3em;
}

.commentItem ol li {
	list-style-position: outside;
	padding: 0;
	line-height: 1.3em;
}

.commentRuler { margin-top:7px; }

/*** Basic styling for the different types of comment box ***/

.authorComment {
	/* background-color: #EAEAEA; */
 	background-image: url(../images/logged-in-author.gif);
	background-repeat: no-repeat;
	background-position:top right;
 }
 
.nonLoggedInComment {
	/* background-color: #F7F7F7; */
	background-image: url(../images/logged-out.gif);
	background-repeat: no-repeat;
	background-position:top right;
}
 
.loggedInComment {
 	/* background-color: #F7F7F7; */
	background-image: url(../images/logged-in.gif);
	background-repeat: no-repeat;
	background-position:top right;
}

/*** Form Elements ***/

textarea {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #C4C4B8;
	padding: 3px;
	background-color: #F7F7F7;
}
input {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #C4C4B8;
	background-color: #F7F7F7;
}

/*** Sidebar Search Widget ***/

#blogSearch input{
	vertical-align: middle;
	background-color: transparent;
	border: 0;
}

html>body #blogSearch input{
	vertical-align: text-bottom;
	border: 0;
	background-color: transparent;
}

#blogSearch #searchText{
	border: 1px solid #ACA899;
	width: 150px;
	font-weight: bold;
	background-color: white;
}

/*** Favourites List ***/

/* March 15th 2005 - modified favourites listing to use background
   instead of list style for the bullet image allows better
   positioning and browser consistancy - Andrew Ingram */

#sidefavourites * { list-style:none; list-style-image:none; margin-left:0; }

#sidefavourites a.foldername { font-weight:bold; }

#sidefavourites ul li ul { margin-top:4px; }

#sidefavourites li.folder { background:url(../images/folder-open.gif) no-repeat 0 2px; padding-left:19px; }
#sidefavourites li.group { background:url(../images/twopeopleicon.gif) no-repeat 0 2px;	padding-left:17px; }
#sidefavourites li.blog { background:url(../images/peopleicon.gif) no-repeat 0 2px; padding-left:17px; }
#sidefavourites li.url { background:url(../images/globe.gif) no-repeat 0 2px; padding-left:17px; }

#comments-popup	div#banner { height: 30px; }
#comments-popup	body { padding-top: 0; }

#comments-popup	#mainContent {
		margin-right:10px;
		margin-left:10px;
}

#comments-popup	ol.commentsList { padding: 0; margin: 0; }
#comments-popup	ol.commentsList li { margin-left: 0; }

#comments-popup .commentItem ul { margin-left: 2em; }
#comments-popup .commentItem ol { margin-left: 2em; }

.imagesFeed img {
float: left;
margin: 2px;
}

.imagesFeed h2 img {
float: none;
margin: 0;
}

.wimpy_btn {
float: left;
margin: 3px;
background: #eee;
border: 1px solid black;
}

.podcast {
clear: both;
}

pre {
overflow: auto;
}

.commentLoadingMessage {
text-align: center;
font-size: 1.5em;
position: absolute;
right: 0;
}

.commentsHeader {
display: inline;
}

.skipToCommentsEnd {
display: inline;
}

.feedDateHeader {
font-size: 1.0em;
clear: both;
}

#sideContent .titlesOnlyFeed ul {
margin-top: 2px;
}

.closeCommentsButton td {
padding-right: 5px;
font-size: 15px;
}

.closeCommentsButton a {
text-decoration: none;
}

.innerSidebarContent {
clear: both;
}

/** entry tables **/

.entry td, .entry th { padding: 2px; border-collapse: collapse; }

.entry table { margin-bottom: 10px; }

.entry table.outline { border: 1px solid #333; }

.entry table.border td, .entry table.border th { border: 1px solid #333; }

.entry table.divider tr { border-bottom: 1px solid #333; }
.entry table.divider tr+tr { border-bottom: none; }

.entry table.divider td, .entry table.divider th { border-right: 1px solid #333; }
.entry table.divider td+td, .entry table.divider th+th, .entry table.divider th+td, entry table.divider td+th { border-right: none; }

/** reviews **/

.reviewDetails { padding: 10px 0; margin-bottom: 10px; border-top: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9; }
.reviewDetails dl { float: left; }
.reviewDetails dt { width: 6em; }
.reviewDetails img { float: left; margin-right: 10px; }

.clear { clear: both; }

/* HOT FIXES BB-1006 */

.entry img, .entry embed, .entry object { max-width: 100%; }
.entry td img { max-width: none; } /* BB-1252 */

/* Fixes for Firefox 2 where max-width of an img in a floating div is 0px, d'oh... */ 
.entry div>img, .entry div>a>img, .entry div>embed, .entry div>object { max-width: none; }

/* New Recent Entries (Ajax-style) sidebar item */

#mostrecententries #yearsList,
#mostrecententries #yearsList li,
#mostrecententries #yearsList li ul.monthsList,
#mostrecententries #yearsList li ul.monthsList li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#mostrecententries #yearsList li.collapsed ul.monthsList {
	display: none;
}

#mostrecententries #yearsList li ul.monthsList li.collapsed ul.entriesList {
	display: none;
}

#mostrecententries #yearsList {
	line-height: 2em;
}

#mostrecententries a.toggle {
     text-decoration: none;
}


#mostrecententries .entryCount {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
        font-size: 80%; 
}

#mostrecententries .entriesList {
	margin-top: 0.3em;
	margin-bottom: 0em;
}

.like-buttons {
  list-style-type: none;
  margin: 0 0 0px 0;
  padding: 0;
  overflow: visible;
}
.like-buttons div.tweetbutton,
.like-buttons div.likebutton,
.like-buttons div.plusonebutton {
  display: inline-block;
  float: left;
  overflow: visible;
}
.like-buttons .fb_edge_widget_with_comment span.fb_edge_comment_widget {
  width: 450px;
  margin-bottom: 30px;
}
.like-buttons .tweetbutton {
  padding-top: 0;
  width: 100px;
}
.like-buttons .plusonebutton {
  padding-top: 0;
  margin-left: 10px;
}
.like-buttons .likebutton {
  padding-top: 0;
}
.like-buttons .likebutton span {
  padding-bottom: 3px;
}

/* smallscreen changes */
body.is-smallscreen {
	-webkit-text-size-adjust: 100%;
	padding: 0px;
}
body.is-smallscreen div#leftshading, body.is-smallscreen.fixed-width div#leftshading {
	width: auto;
	margin: 5px;
}
body.is-smallscreen div#rightshading, body.is-smallscreen.fixed-width div#rightshading {
	width: auto;
	margin: 0px;
}
body.is-smallscreen div#leftshading div#rightshading div#mainContent div#centreContent {
	margin: 0px;
	padding: 5px;
}
body.is-smallscreen div#sideContent, body.is-smallscreen.fixed-width div#sideContent {
	width: auto;
	position: static;
}
body.is-smallscreen div#siteLogoBar {
	height: auto;
	line-height: 1em;
	padding: 10px;
}
body.is-smallscreen #utilityBar {
	height: auto;
}
body.is-smallscreen .like-buttons > div {
	float: none;
	display: block;
}
body.is-smallscreen p.smallcopy {
	line-height: 2.5em;
}
body.is-smallscreen #commentFormElement input {
	width: 100%;
}