/*

	Theme Name: Relaxation_accessified
    URI: http://chasingdaisy.com
	Description: A simple 3 column design with scalable fonts (based on the relaxation theme)
	Version: 1.0


    [TO BE ADDED: comments on code to help those using the theme to adapt it to their needs]

    Based on (with many thanks): Relaxation_3column
	URI: http://clemens.orth.me.uk/
	Description: A simple 3 column design (based on the relaxation theme)
	Version: 1.0.2
	Author: Clemens Orth
	Author URI: http://clemens.orth.me.uk/


	The original theme was designed by John Wrana (http://www.jowra.de/wp/)
	and built by John Wrana and Clemens Orth (http://clemens.orth.me.uk)

	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php


	I'm not there yet but it's getting there - here are the amendments I've made so far:
    1. index.php - changed the way extended posts are linked - see the explanation here - http://chasingdaisy.com/2005/11/29/accessible-extended-posts-in-wordpress/
    2. Created a new class .boldpost for spanning bold text in posts
            Example html: [put here or in sample post later]
    3. Created a new class .deleted to replace <del></del> tags.
            Example html: [put here or in sample post later]
    4. Created a new class .italics for spanning italicised text in posts.
    5. All fonts are now set in ems rather than pixels so that text can be resized in Internet Explorer.
    6. Live comment preview plugin added (http://dev.wp-plugins.org/wiki/LiveCommentPreview) so that commenters can more easily add links with title tags etc.
    7. 2006-07-08: Added a new div that straddles the two sidebars


    Extras:
    1. Custom 404 page created.
    2. Live comment preview plugin [details here]
    3. [TO DO] CSS code reorganised and grouped (learned at Roger Johansson's 456 Berea St, http://www.456bereastreet.com/)


    CURRENT WIDTHS TO BE CHANGED:
    #comment        width: 350px;
    #content        width: 430px;
    #header         width: 490px;
    #page           width: 864px;    780
    #s              width: 115px;
    #sidebar        width: 128px;
    #sidebar2       width: 128px;
    #across3cols    width: 700px;    [I added this? delete?]
*/


/* Global
================================================*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}


body {
	background: #a9ac99;
	font-size: 100.1%;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	padding: 20px 0;
}


/* Styles for delicious links
================================================*/
#delicious-posts #delicious-posts-learnal

.delicious-posts { margin: 1em; border: 2px solid #ddd; padding: 0.1em; width: 30em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, h2.delicious-banner { font-size: 100%; margin: 0; padding: 0; text-align: left;}
.delicious-post { border-top: 1px solid #eee; padding: 0; font-size: 80% }
.delicious-odd { background-color: #f8f8f8; }
.delicious-banner a { font-size: 80%; }
.delicious-posts a:hover { text-decoration: underline; }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0; }
.delicious-post a { font-size: 80%; color: #04a1ff; }
p.delicious-extended { font-size: 100%;}
.delicious-network-username { font-size: 50%; color: green; margin: 0; padding: 0;}
.delicious-link {  }

/* #delicious-posts-learnal a {font-size: 50%; color: green;} */





/* Quoted text
================================================*/

blockquote {
	border-left: 4px solid #990000;
	padding-left: 10px;
	margin: 0 30px;
}



/* Links for content area
================================================*/

a:link {
	color: #990000;
	}

<!--text rollover--->

a:link { color: #990000; text-decoration: none }
a:visited { color: #990000; text-decoration: none }
a:active { color: #990000;; text-decoration: none }
a:hover { color: #990000; text-decoration: underline; background: #ffffcc
}



/* Displaying html and css code
[don't forget to convert the code from html entities with the WordPress Encoder Widget, http://wordpress.org/resources/tools/encode.php]

================================================*/

code {
	color: #005577;
	text-align: left;
}



/* Headings
================================================*/

h1, h1 a {
	color: #990000;
	font-size: 1.1em;
    line-height: 1.4em;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	margin: 40px 0 0 0;
	padding: 0;
	text-decoration: none;
}



h2, h2 a {
	color: #990000;
	font-size: 1em;
    line-height: 1.2em;
	font-weight: normal;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
}

h2.home a {
    padding: 0 0 0 25px;
    background:url(http://chasingdaisy.com/wp-content/themes/relaxation/images/home.png) no-repeat left;
}


h3 {
	color: #990000;
	font-size: 0.9em;
    line-height: 1.1em;
	margin: 15px 0 15px 0;
	padding: 0;
}



h4 {
	font-size: 0.8em;
    line-height: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}



/* Images
================================================*/

img {
	border: none;
}

img.left-float {
     float: left
}



/* Text and paragraphs
================================================*/

ol {
	padding-left: 10px;
	margin: 0 30px;
}


form {
	margin: 0;
	padding: 0;
   	background: #CCFF00;
}

.pds-box-top {
  width: 400px;
  font: #990000;
}

#pds-answer {
  width: 400px;
}

#pds-answer-feedback {
  width: 400px;
}

.pds-question-top {
  font-color: #990000;
  font-weight: bold;
}

#PDI_form {
  background:url(http://chasingdaisy.com/blogpics/santa-poll.jpg) no-repeat right;
}



p {
	font-size: 0.9em;
    line-height: 1.4em;
    text-align: left;
}

p.divider {
	padding-top:20px;
	background:url(images/divider.gif) no-repeat center;
}


p.divider-star {
	padding-top:20px;
	background:url(images/redstar.gif) no-repeat center;
}


p.dividersmall {
	padding-bottom: 5px;
	background:url(images/dividersmall.png) no-repeat center;
}

p.center {
    text-align: center;
}

p.centerbold {
    text-align: center;
    font-weight: bold;
}

.tagtechnorati{
  border-top: 1px dotted #990000;
  font-size: 0.7em;
  line-height: 1em;
}

acronym {
  border-bottom: 1px dotted #990000;
}

/* [Removed on 28 July 2006] This will automatically spell out acronyms when printing.
(This only works when printing from Mozilla and Opera, but it's harmless in other browsers.)
Thanks to Mark Pilgrim's Dive into Accessibility, http://diveintoaccessibility.org/day_17_defining_acronyms.html */
/*
acronym:after {
  content: " (" attr(title) ")";
}

end removed section 28 July 2006 */


/* Lists
================================================*/

li {
  border-left: 0px;
  margin-top: 20px;
  padding-left: 2px;
  font-size: 0.9em;
  line-height: 1.3em;
}



/* Span text ==  Use <span class="xxx">TEXT YOU WANT TO AFFECT</span>, e.g. <span class="boldpost">This text will be bold</span>
================================================*/

.boldpost {
    font-weight: bold;
}

.deleted {
    text-decoration: line-through;

}

.italics {
  font-style: italic;
}


.dashed-underline {
  border-bottom: dashed #990000 1px;
}



/* WORK TO DELETE THIS ONE
================================================*/

small {
	font-size: 0.6em; /*[check this and the line height]*/
	line-height: 1.2em;
}



/* Main layout
================================================*/

#comment {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 1.4em;
	padding-left: 2px;
	vertical-align: middle;
	width: 350px;
}



#content {
	background: transparent;
	border: none;
	color: #000000;
	float: left;
	left: 1px;
	margin: 0;
	padding: 0 30px 30px 67px;
	text-align: left;
	width: 430px;
}



#content a:hover {
	text-decoration: underline;
}



#content img {
	margin: 5px 15px 0 0;
	border: 1px solid #e0e0d0;
}



#email, #author {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 0.8em;
	padding-left: 2px;
	vertical-align: middle;
}



#footer {
	background: transparent url(images/bottom.gif) no-repeat bottom center;
	clear: both;
	color: #808979;
	font-size: 0.8em;
	height: 65px;
	margin: 0;
	padding: 10px 10px 10px 67px;
}


#header {
	background: transparent;
	color: #a0a999;
	float: left;
	font-size: 0.8em;
	height: 120px;
	margin: 0;
	padding: 8px 30px 0 7px;
	text-align: right;
	width: 490px;
}


#header a {
	color: #990000;
}



#header img {
	border: none;
}



#page {
	background: transparent url(images/middle.gif) repeat-y top center;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 864px;
}


#s {
	background: #ffffff;
	border: 1px solid #e0e0d0;
	color: #595949;
	font-size: 0.8em;
	height: 15px;
	padding-left: 2px;
	vertical-align: middle;
	width: 115px;
}

#quackr {
	background: transparent;
	border: none;
	color: #443;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 0 25px 30px 20px;
	text-align: center;
	width: 258px;
}


#straddle {
	background: transparent;
	border: none;
	color: #443;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 0 25px 10px 20px;
	text-align: left;
	width: 258px;
}

#straddle ul.piclinks {
	margin: 20px 0;
	padding: 0;
	}

#straddle ul.piclinks:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
	}

#straddle ul.piclinks li {
	display: inline;
	list-style-type: none;
	float: left;
	margin: 3px;
	padding: 0;
	background-image: none;
	}

#straddle ul.piclinks li a img { border: 3px solid #ddd; }

#straddle ul.piclinks li a:hover img { border: 3px solid #333; }

html>body #straddle ul.piclinks li a { background-color: transparent; }


#sidebar {
	background: transparent;
	border: none;
	color: #443;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 0 25px 30px 20px;
	text-align: left;
	width: 128px;
}



#sidebar2 {
	background: transparent;
	border: none;
	color: #443;
	float: right;
	font-size: 0.8em;
	margin: 0;
	padding: 0 25px 30px 0px;
	text-align: left;
	width: 128px;
}



#sidebar a {
	color: #444433;
}


#sidebar2 a {
	color: #990000;
}


#sidebar a:hover {
    color: #ffffcc; text-decoration: underline; background: #990000;
}


#sidebar2 a:hover {
    color: #ffffcc; text-decoration: underline; background: #990000;
}



#sidebar h2 {
	color: #990000;
	font-size: 1em;
    line-height: 1.2em;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}



#sidebar2 h2 {
	color: #990000;
	font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 10px;
	padding: 0;
}



#sidebar li {
	font-size: 0.9em;
    line-height: 1.4em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}



/*
#sidebar2 li {
	line-height: 1.8em;
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
}
*/



#sidebar2 li {
    background-image: url('images/redstar3.gif');
    background-repeat: no-repeat;
    background-position: top;
	line-height: 1.8em;
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
    border-bottom: medium solid #990000;
}


#sidebar ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar2 ul {
    font-size: 0.9em;
    line-height: 1.2em;
	margin: 0 0 0 10px;
	padding: 0;
    text-align: left;
}

#sidebar2 p {
    text-align: left;
}

#sidebar2 p.magnolia {
  text-align: left;
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 0 0 0px;
  padding: 0;
}

.magnolia-description {
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 0 0px;
  padding: 0;
}

.magnolia-mark {
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 4px 0 0 0;
  padding: 0;
}


#noindent {
	margin: 0 0 0 -10px;
	padding: 0;
}

#noindent2 {
	margin: 0 0 0 -10px;
	padding: 0;
}

.minipost {                 /* format this if necessary */

	font-size: 1em;
    line-height: 1.2em;
}

.minipost_permalink {       /* format this for hover!*/
	font-size: 1em;
    line-height: 1.2em;
}

.sidebar-thumb {
	border: none;
    text-align: center;
}



/* Comments in main content
================================================*/

#submit {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #990000;
	font-size: 1em;
	margin: 0;
	padding: 0 10px;
}



/* Post information
================================================*/

#today {
	background: #ffffff;
}



#top {
    background: transparent no-repeat top center;
    background-image: url(headers/rotate.php);
	height: 185px;
}



/* Link styles for top banner
================================================*/

#top a:link {
	color: #000000;
	}

<!--text rollover--->


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

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

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

#top a:hover { color: #ffffcc; text-decoration: none; background: 000000;}





/* to be sorted and named
================================================*/

#url {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 0.8em;
	padding-left: 2px;
	vertical-align: middle;
}



#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}



.alignleft {
	float: left;
	text-align: left;
}



.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}



.commentbody {
	color: #595949;
	font-size: 1em;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	background: #f7f7f0;
	border: 1px solid #f0f0e0;
	position: relative;
}


.commentbody p {
	font-size: 1em;
    line-height: 1.2em;
}



.commentlink {
	font-size: 1em;
    line-height: 1.2em;
}



.commentlist {
	list-style: none;
}


.commentcount {
	position: absolute;
	right: 36px;
	top: 0;
	font-family: Georgia,sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	color: #e0e0d0;
	float: right;
}


html[xmlns] .commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}



.date {
	color: #808979;
	font: 0.8em trebuchet ms,verdana,arial,helvetica,sans-serif;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0 0 0 2px;
}



.navigation {
	font-size: 0.8em;
	padding: 40px 0 0 0;
}



.pagetitle {
	font-size: 0.8em;
	letter-spacing: 0.09em;
	text-align: right;
}



.postmetadata {
	color: #808979;
	font-size: 1em;
    line-height: 1.3em;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
	text-align: left;
    border-top: 1px dotted #990000;
}



.postmetadata a {
	color: #990000;
}



/* different postmetadata style for single.php */

.alt {
	font-size: 1em;
	line-height: 1.3em;
 	padding: 0 0 10px 10px;
}



.alt a {
	color: #005577;
}


#across3cols {
	background: transparent url(images/middle.gif) repeat-y top center;
	margin: 10px 20px 10px 20px;
	padding: 0 15px 15px 30px;
	text-align: left;
	width: 700px;
}



/* Top navigation bar
================================================*/

#navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  }

#navcontainer ul li {
  display: inline;
  }


#navcontainer ul li a {
  text-decoration: none;
  color: #ffffcc;
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-size: small;
  font-weight: normal;
  padding: .2em 1em;
  background-color: #990000;
  }


#navcontainer ul li a:hover {
  text-decoration: underline overline;
  color: #ffffcc;
  background-color: #000000;
  }


/*Image floats*/
.imgfloatl {
  float:left;
  border: none;
  padding:5px;
  margin-right:10px;
  }

.imgfloatr {
  float:right;
  border: none;
  padding:5px;
  margin-left:10px;
  }

.imgcenter {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

/*end image floats*/


/* Styles for blankpage1.php
================================================*/

#blankpagecontent {
	background: transparent;
	border: none;
	color: #000000;
	float: left;
	left: 1px;
	margin: 0;
	padding: 10px 20px 0px 20px;
	text-align: left;
	width: 800px;
}