@charset "utf-8";
/*   
Theme Name: PlainMagic
Theme URI: http://woodyhouse.org/i/else/plainmagic/
Description: PlainMagic is a theme designed by Ryan. Simple and easy to use, no JavaScript added.
Author: Ryan
Author URI: http://woodyhouse.org
Version: 0.3
Tags: fixed-width, threaded-comments, orange

	PlainMagic by Ryan
	http://woodyhouse.org/
	
	The CSS, XHTML, design and PHP are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/



/****************************
 **   BASIC SETIINGS
 ****************************/
 
* {
  font-size: 100.01%;
}

html {
  font-size: 10px;
}

* + html {
  font-size: 62.5%;
}

* html {
  font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
	background: #e3dfba url(images/background.jpg) center top no-repeat;
	text-align: left;
	font-family: "Palatino", "Georgia", "Baskerville", serif;
	color: #f79005;
}

a {
	color: #cf7600;
}

a:focus { 
	outline:none;
	}

img {
	border: 0;
}

blockquote{
	border-left: 1px solid #f79005;
	padding-left: 3px;
	}

/****************************
 **  MAIN
****************************/
#main{
	width: 727px;
	height: auto;
	position: relative;
	margin: auto;
	padding: 0;
	}
	
/****************************
 **  HEADER
****************************/
#logo{
	width: 100%;
	height:auto;
	position: relative;
	left: 80px;
	top: 40px;
	}
	
#blog-title a{
	font-size:2.8em;
	text-decoration: none;
	text-transform: uppercase;
	}

#slogon{
	font-size:1.5em;
	}

/****************************
 **  NAVI/M3
****************************/

#navi{
	width: 727px;
	height: auto;
	left: 0;
	padding:7px 0 5px 10px;
	margin:0 2px 10px 0;
	float: left;
	position: relative;
	background: url(images/topline.jpg) bottom left no-repeat;
	border-top: 2px #f79005 solid;
	}

#navi ul{
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
	}

#navi li{
	float:left;
	padding:0;
	margin:1px 0;
	display:inline;
	color: #f79005;
	font-size: 1.1em;
	}
	
#navi li a{
	display:block;
	text-decoration: none;
	color: #f79005;
	border-left: solid 3px;
	padding:0 5px;
	margin:0 5px;
	}

#navi a:hover{
	text-decoration: none;
	color: #FFFFFF;
	border-left: solid 3px;
	}

#navi .current_page_item a{
	text-decoration: none;
	color: #FFFFFF;
	border-left: solid 3px;
}
	
/****************************
 **   M2
 ****************************/
#m2{
	width: 727px;
	height: auto;
	left: 0;
	top: 55px;
	position: relative;
	text-align: left;
	}

#m1{
	width: 727px;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: url(images/bg.gif) repeat-y left top;
	}

#m5{
	width: 727px;
	height: 100px;
	float: left;
	position: relative;
	padding: 0;
	margin: 5px 0 0 0;
	overflow: hidden;
	background: url(images/topline.jpg) top left no-repeat;
	padding-left: 112px;
	}

#m5 p{
	border-left: solid 1px;
	padding:0 5px;
	}
	
/****************************
 **   M4
****************************/
 
#m4{
 	width:557px;
	height: auto;
	float: left;
	position: relative;
	overflow: hidden;
	}
	
.titleh2{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 1.2em;
	}
	
#body{
	padding-left:115px;
	position:relative;
	}

.postHead { 
	position: relative; 
	clear: left; 
	padding-bottom: 10px;
	}
	
.postHead h1 { 
	font-size: 20px; 
	line-height: 20px; 
	letter-spacing: -1px; 
	font-weight: normal; 
	padding: 0px 0px 1px 0px; 
	margin: 0px; 
	color:#cc6600;
	}

.postHead h2 { 
	font-size: 20px; 
	line-height: 20px; 
	letter-spacing: -1px; 
	font-weight: normal; 
	padding: 0px 0px 1px 0px; 
	margin: 0px; 
	color: #fff;
	background-color: #f79005;;
	}
	
.postHead h1 a { 
	text-decoration: none;
	color: #fff;
	background-color: #f79005;;
	}
	
.postHead h1 a:hover {
	text-decoration: none;
	color: #000;
	background-color: #f79005;
	}

.postAuthor { 
	padding: 1px 0px; 
	margin: 0px; 
	font-size: 10px; 
	color: #CCCCCC; 
	font-weight: bold;
}

.postDate { 
	margin: 0px; 
	position: absolute; 
	top: 0px; 
	left: -98px; 
	text-align: center; 
	padding: 0px 10px 6px 10px; 
	border-bottom: 1px dotted #f79005;
}

.postDate small { 
	font-size: 18px; 
	color:#f79005;
	font-weight: bold; 
}

.postDate .month { 
	display:block; 
	text-transform: uppercase; 
	font-size: 12px;
}

.postDate .day { 
	display:block; 
	font-size: 28px; 
	line-height: 24px; 
	font-family: 'Arial'; 
	letter-spacing: -1px; 
	font-weight: normal; 
	color:#f79005;
}
.postDate .year { 
	display:block;
}


/* Sidebar */
#sidebar{
	float: right;
	width: 160px;
	top: 20px;
	position: relative;
	padding: 0px 5px 5px 5px;
	font-size: 1.1em;
	color: #fff;
	margin:0;
	}

#sidebar ul{
	padding: 5px;
	margin:0;
	padding:0;
	}
	
#sidebar ul li{
	text-decoration: none;
	color: #f79005;;
	list-style: none;
	margin:0;
	padding:0;
	}
	
#sidebar ul li a{
	text-decoration: none;
	color: #f79005;;	
	}
	
#sidebar ul li a:hover{
	text-decoration: none;
	color: #000;
	background-color: #f79005;;
	}



/****************************
 **   Content
 ****************************/

/* General */
h1{
	font-size: 1.8em;
	}
	
h2{
	font-size: 1.4em;
	text-decoration: none;
	color: #fff;
	background-color: #f79005;
}

h2 a {
	text-decoration: none;
	color: #fff;
	background-color: #f79005;
}

h2 a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #f79005;
	}
	
.post {
	min-height: 80px;
	}

.post .entry {
	font-size: 1.3em;
	line-height: 20px;
	clear: both;
	color: #a0630b;
	padding: 0 15px;
}

.post .entry a{
	text-decoration: none;
	}
	
.post .entry a:hover{
	color:#fff;
	}

.post .info {
	color: #bcbcbc;
	font-size: 1.0em;
}

.metadata {
	margin-top: 40px;
	text-align: center;
	font-size: 1.0em;
	color: #949494;
}

.metadata a {
	text-decoration: none;
}

.photoblog-thumbnail {
	display: inline;
	vertical-align: middle;
}

.more-link {
	clear: both;
	display: block;
	margin-top: 30px;
	margin-left: 20px;
	font-size: 0.9em;
	color: #88897b;
	padding-left: 30px;
}

.hr {
	clear: both;
	border: 0;
	background: url(images/topline.jpg) center repeat-x;
	color: #fff;
	background-color: transparent;
	width: 100%;
	height: 20px;
}

.hr hr {
	display: none;
}

.navigation {
	width: 100%;
	height: 80px;
	top: -10px;
	position: relative;
}

.navigation a {
	text-decoration: none;
	font-size: 1.0em;
	color: #fff;
	background-color: #f79005;;
}

.navigation a:hover {
	color: #000;
	background-color: #f79005;;
}

.navigation .previous {
	float: right;
}

.navigation .next {
	float: left;
}

.search_result {
	margin-left: 20px;
}

.search_result h4 {
	margin-left: -20px;
	border-bottom: 1px dotted #CCCCCC;
}

.search_result h4 a {
	text-decoration: none;
}

.search_result .metadata {
	color: #BFC4C1;
	margin-top: 10px;
	text-align: left;
}

.search_result .metadata a {
	color: #BFC4C1;
}


/* Standard wordpress */

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
  	float: left;
}

.alignright {
   float: right;
}

.clear{ 
	clear:both;
}

.wp-caption {
   border: none;
   text-align: center;
   background-color: none;
   padding-top: 4px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* Comments */


.commentlist {
	padding: 0;
	list-style-type: none;
	margin-top: 16px;
	margin-left: 0px;
	color: #a0630b;
	position:relative;
}

.commentlist li {
	margin: 20px 10px;
	max-width: 460px;
    border-top: 1px solid #f79005;
    padding: 10px;
	position:relative;
}

.commentlist li .comment-content,
.commentlist li .before-comment,
.commentlist li .after-comment,
.commentlist li .after-comment div {
	background:transparent no-repeat top right;
}

.commentlist li .comment-content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
 	padding: 28px 0 0px 0px;
}

.commentlist li .before-comment {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width: 27px; /* top slice width */
	margin-left: -27px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.commentlist li .after-comment {
	/* bottom */
	position:relative;
	width:100%;
}

.commentlist li .after-comment,
.commentlist li .after-comment div {
	height: 20px /* height of bottom cap/shade */
	font-size:1px;
}

.commentlist li .after-comment {
	background-position:bottom right;
}

.commentlist li .after-comment div {
	position:relative;
	width:27px; /* bottom corner width */
	margin-left: -27px;
	background-position:bottom left;
}

.commentlist .comment {
	margin: 0;
	font-size: 1.1em;
	padding-right: 27px;
}

.comment-text {
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 24px;
	font-size: 1.1em;
}

.comment-text * {
	margin-bottom: 0;
	padding-bottom: 0;
}

.commentlist .comment .reply {
	text-align: right;
	position: relative;
	top: 15px;
	z-index: 100;
	font-size: 0.9em;
}

.commentlist .comment .reply a {
	color: #D7DBD8;
	text-decoration: none;
}

.commentmetadata{
	border-bottom: solid 1px #f79005;
	width: 100%;
	background: #ebe7c2;
	}
	
.commentmetadata a{
	text-decoration: none;
	}

.listNr{
	border-top:1px solid;
	color:#F79005;
	font-family:"Palatino","Georgia","Baskerville",serif;
	font-size:2.9em;
	font-weight:normal;
	left:-62px;
	padding:10px;
	position:absolute;
	text-align:center;
	top:0;
	width:30px;
}
	
.avatar {
	float: left;
	margin:0 10px 0 0!important;
    border:3px solid #FFFFFF;
}

/* Comment Form */

input.text {
	width: 200px;
	padding: 5px;
	border: 1px dotted #f79005;
	color: #000;
    font-size: 1.2em;
}	

input{
	border: 1px dotted #f79005;
	background: transparent;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

input:hover {
	border: 1px dotted #f79005;
}

textarea {
	width: 330px;
	height: 100px;
	margin: 0;
	padding: 5px;
	border: 1px dotted #f79005;
	background-color: transparent;
	color: #a0630b;
    font-size: 1.2em;
}

textarea:hover{
	border: 1px dotted #a0630b;
	}

/* Frame */


.frame-outer.aligncenter {
	text-align: center;
}

.frame-outer span {
	display: inline-block;
	background: url(images/frame-top-left.png) no-repeat left top;
}

.frame-outer span span {
	background: url(images/frame-bottom-left.png) no-repeat left bottom;
}

.frame-outer span span span {
	background: url(images/frame-top-right.png) no-repeat right top;
}

.frame-outer span span span span {
	background: url(images/frame-bottom-right.png) no-repeat right bottom;
	padding: 32px;
	min-width: 150px;
	min-height: 150px;
	text-align: center;
	overflow: hidden;
}

.frame-outer span span span span * {
    max-width: 425px;
}

.frame-outer.small span {
	background: url(images/frame-top-left-small.png) no-repeat left top;
}

.frame-outer.small span span {
	background: url(images/frame-bottom-left-small.png) no-repeat left bottom;
}

.frame-outer.small span span span {
	background: url(images/frame-top-right-small.png) no-repeat right top;
}

.frame-outer.small span span span span {
	background: url(images/frame-bottom-right-samll.png) no-repeat right bottom;
	padding: 10px;
	min-height: 38px;
	min-width: 38px;
}

.frame-outer span span span span span {
	background: none;
}

/* Tag cloud */

.widget_tag_cloud a {
	text-decoration: none;
}

/* Wordpress calendar */

#calendar_wrap {
	margin: 0px;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar th {
	text-align: left;
}