/*  
Theme Name: Leaves Revamped
Theme URI: http://www.daikos.net/LeavesRevamped/
Description: Based on the sleak XHTML/CSS design from Anthonyy @ OSWD.org Leaves v1.0. Now also Sidebar Widget ready. http://automattic.com/code/widgets/.
Version: 1.0c
Author: Rune Fjellheim
Author URI: http://www.daikos.net/

	Leaves Revamped
	http://www.daikos.net/LeavesRevamped/

	This theme was built by Rune Fjellheim,
	whose blog you will find at http://www.daikos.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	--------------------------------------------------
	CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
	and Clevatreva Designs ++ (Column layout)
	--------------------------------------------------
*/

/* THE COLUMN LAYOUT IS FROM CLEVATREVA DESIGNS AND WWW.THENOODLEINCIDENT.COM */

/*** The contents of this section were (ostensibly) written by Owen Briggs
@ www.thenoodleincident.com, and any Copyright rests with him. No
credit for the work that has gone into researching the use of font
sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
This is an EDITED version of the original! You will want to play with
these settings to make your own style for fonts and color other
bits. ***/

/* 7/13/08 i replaced all the 410 body widths with 490
header was 720. i made it 820 */

html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  background:#FFFFFF;
  min-width:850px;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:850px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
  background:#FFFFFF;
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:165px;
  width:490px;
  background:#FFFFFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#float-wrap{
  width:490px;
  margin-right:-1px;
  float:left;
  display:inline;
}
#left{
  width:166px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-165px;
}
*>html #left{width:165px;}
#container-left{
  width:165px;
}
#right{
  float:left;
  display:inline;
  width:167px;
  margin-right:-165px;
  margin-left:-1px;
  position:relative;
}
/* \*/
* html #right{
  width:166px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-166px;
}
/* Above style hidden from Mac IE */
#container-right{
/* \*/
  width:165px;
/* Above hidden from IE-Mac */
  margin-left:2px;
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:1px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:490px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:95px;
  overflow:hidden;
}
#clearheaderleft{
  height:95px;
  overflow:hidden;
}
#clearheaderright{
  height:95px;
  overflow:hidden;
}
#clearfootercenter{
  height:50px;
  overflow:hidden;
}
#clearfooterleft{
  height:50px;
  overflow:hidden;
}
#clearfooterright{
  height:50px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:740px;
  height:50px;
  overflow:hidden;
  margin-top:-50px;
}
#subfooter1{
  text-align:center;
  height:50px;
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:820px;
  height:95px;
  overflow:hidden;
}
#subheader1{
  height:95px;
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:490px;
  margin-left:165px;
}
* html #gfx_bg_middle{
  display:none;
}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}


/* HERE IS THE STYLING OF FONTS COLORS AND OTHER LEAVES 1.0 ELEMENTS */
		body { 
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 70%;
			line-height: 1.6em;
			color: #666;
			background-color: #FFF;
		}

		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 250%;
			color: #CC6633;
			margin-bottom: 25px;
			background-color: #FFF;
		}
		
		h2 {
			color: #666666;
			font-size: 150%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		h3 {
			color: #666666;
			font-size: 100%;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom: 20px;
			background-color: #FFF;
		}

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

		a:hover {
			color:#CC6714;
			background-color: #F5F5F5;
			text-decoration: none;
		}		
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}

		textarea {
			background-color: #FFF;
			color: #000;
			border: 1px solid #CCC;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 4px solid #948979;
		}
		#subheader1 {
			padding-top: 20px;
			clear: both;
		}

		#subheader1 form {
			float:right;
			margin-top: -30px;
			font-size: 60%;
		}		

		/* the slogan */

		#subheader1 p { 
			margin-top: -18px;
			margin-left: 30px;
			color: #999999;
		}


/* LEFT SIDEBAR */

		#container-left {
			padding-top: 15px;
		}

		#container-left h2 {
			color: #666666;
			font-size: 120%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}

		#container-left ul {
			list-style-type: none;
			margin-left: 0;
			padding-left: 0px;
		}

		#container-left a:link, a:visited {
			color:#CC6714;
			text-decoration: none;
		}

		.page_item a {
			display: block;
			padding-left: 5px;
			width: 140px;
			padding: 5px;
			border-bottom: 1px solid #CCC;
		}
		
		.page_item a:hover {
			background: #000000 url(arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#CC6714;
		}

/* THE SMALL BOX BELOW NAV */

		#container-left p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
					

/* CONTENT ELEMENTS */

		.postmetadata {
			margin-top: 40px;
			padding: 5px;
			background-color: #F5F5F5;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}

		#container-center {
			padding: 25px;
		}

		#container-center p {
			padding-bottom: 10px;
		}

		#container-center blockquote {
			font-style: italic;
			padding: 3px;
			color:#333;
			background-color: #F5F5F5;
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
		}

/* remove comments if you want to controle the size of post images
		.entry img {
			width: 120px;
			height: 90px;
			float: right;
		}
*/

/* SIDEBAR */

		#container-right {
			padding-top: 15px;
		}

		#container-right h2 {
			color: #666666;
			font-size: 120%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}

		
		#container-right p {
			padding-bottom: 10px;
		}
		#container-right ul, #sidebar ul ol {
			margin: 0;
			padding: 0;
		}

		#container-right ul li {
			list-style-type: none;
			list-style-image: none;
			margin-bottom: 15px;
		}

		#container-right ul p, #sidebar ul select {
			margin: 5px 0 8px;
		}

		#container-right ul ul, #sidebar ul ol {
			margin: 5px 0 0 10px;
		}

		#container-right ul ul ul, #container-right ul ol {
			margin: 0 0 0 10px;
		}

		ol li, #container-right ul ol li {
			list-style: decimal outside;
		}

		#container-right ul ul li, #container-right ul ol li {
			margin: 3px 0 0;
			padding: 0;
		}

/* COMMENTS AND FORMS */

		.entry form { /* This is mainly for password protected posts, makes them look better. */
			text-align:center;
		}

		#commentform input {
			width: 138px;
			padding: 2px;
			margin: 5px 5px 1px 0;
		}

		#commentform textarea {
			width: 100%;
			padding: 2px;
		}

		#commentform #submit {
			margin: 0;
			float: right;
		}

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

		.commentlist {
			padding: 0;
			text-align: left;
		}

		.commentlist li {
			margin: 15px 0 3px;
			padding: 5px 10px 3px;
			list-style: none;
		}

		.commentlist p {
			margin: 10px 5px 10px 0;
		}

		#commentform p {
			margin: 5px 0;
		}

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

		.commentmetadata {
			margin: 0;
			display: block;
		}

/* FOOTER ELEMENTS */

		#subfooter1 {
			margin-top: 20px;
			clear: both;
			background-color:#575352;
			padding: 0px 5px 0px 5px;
		}
		
		#subfooter1 p {
			color:#89817f;
			padding: 5px;
			text-align: center;
		}
		
		#subfooter1 p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#subfooter1 p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}
		
/* And they lived happily ever after. The End. */