/*  
 * Theme Name: 		Facts and Fairy Tales
 * Theme URI: 		http://www.factsandfairytales.com/
 * Author:			Dirk Laukens
 */


* {
    margin:					0;
	padding:				0;
}

body {
    background-color:		#a7c439;
	background-image:		url(images/bg7.gif);
	background-position:	top center;
	background-repeat:		no-repeat;
	text-align:				left;
	font-size:				16px;
	font-family:			Arial, Helvetica, sans-serif;
}

#wrap { 
    margin:					0 auto;
	text-align:				center;
	width:					100%;
}

#top { 
    height:					190px;
	min-height:             190px;
}

#top_block {
	z-index:				101;
	margin:					0 auto;
	height:					190px;
	position:				relative;
}

#top_container {
    height:					190px;
	margin:					0 auto;
	width:					800px;
}

#blogtitle {
    float:					right;
	clear:					right;
	margin:					25px 25px 0 0;
}

#search {
    float:					right;
	margin:					190px 0 0 30px;
	width:					290px;
	height:					30px;
	text-align:				left;
}

* html #search {
    margin-top:				190px;
}

#search input#s { 
    width:					175px;
	border:					1px solid #000;
	padding:                2px 1px;
}

#search input#ss { 
    border:					1px solid #fff;
	background-color:		#c03;
	color:					#fff;
	margin:					0 0 0 10px;
	padding:                1px;
}

#search input#ss:hover {
    border:					1px solid #000;
	cursor:					pointer;
}

#middle { 
	width:					800px;
	margin:					45px auto;
}

* html #middle {
	margin:				0px auto;
}

#middle_top, #middle_bottom {
	height:					11px;
}

#middle_top { }
* html #middle_top {
    margin:					0 0 -5px 0;
}

#content {
	width:					800px;
	margin:					0 auto;
	background-color: #ffffff;
}

#posts { 
    width:					550px;
	text-align:				left;
	float:					right;
}

* html #posts {
    width:					540px;
}




/*---------------------------- footer ----------------*/
#footer {
    clear:					both;
	margin-top: -56px;
}



/*------------------------------ post ----------------*/
.post { 
    padding:                0 12px 0 5px;
	margin:					0 0 25px 0;
	position:				relative;
	z-index:				101;
}

.post-date {
    width:					50px;
	height:					70px;
	position:				absolute;
	left:					-60px;
	top:					0px;
	background-image:		url(images/paper.gif);
	background-repeat:		no-repeat;
	text-align:				center;
	font-size:				18px;
	font-weight:			bold;
	font-style:				italic;
	padding:                12px 0 0 0;
	z-index:				100;
}

* html .post-date {
    left:					-65px;
}

.post .post-main { 
    margin:					0 0 0 0;
	line-height:			1.6em;
}

.post-title h2 a {
    text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
}

.post-title h2 a:visited {
    text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
}

.post-title h2 a:hover {
    text-decoration:		underline;
	font-size: 25px;
	color: #256C7F;
}

.post-title-spp h2 a {
    text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
}

.post-title-spp h2 a:visited {
    text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
}

.post-title-spp h2 a:hover {
    text-decoration:		underline;
	font-size: 25px;
	color: #256C7F;
}

.post-title-about h2 a {
    text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
}

.post-title-about h2 a:visited {
    text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
}

.post-title-about h2 a:hover {
    text-decoration:		underline;
	font-size: 25px;
	color: #256C7F;
}

.post-title, .post-title-spp {
    background-image:       url(images/post.gif);
	background-repeat:		no-repeat;
	height:					49px;
}

* html .post-title, * html .post-title-spp {
    background-image:		url(images/post.gif);
}

.post-title-about {
    background-image:       url(images/about.gif);
	background-repeat:		no-repeat;
	height:					49px;
	 text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
	text-align: left;
	margin-left: 7px;
}

* html .post-title-about {
    background-image:		url(images/about.gif);
	 text-decoration:		none;
	font-size: 25px;
	color: #256C7F;
}

.post-title-spp {
    background-position:	0 0;
}

.post-category {
    font-size:				13px;
	line-height:			1.6em;
	padding-left: 28px;
}

.post-comments { 
    float:					right;
	clear:					right;
}

.post-comments p {
    color:					#000;
	font-weight:			bold;
	font-size:				18px;
}



/*---------------------------- comments --------------*/
.comments {
	margin:					0 25px;
	position:				relative;
	border:					1px solid #000;
}
.comments_top {
    padding:				5px 5px;
	border-bottom:			1px solid #000;
}
.comments_middle strong#awaiting {
    color:					#c00;
}
.comments_graphic { 
	z-index:				99;
	position:				absolute;
	top:					-5px;
	left:					495px;
	width:					38px;
	height:					42px;
}
.trackbacks .comments_graphic { }
.comments_number { 
    display:				block;
    color:					#fff;
	font-size:				16px;
	font-family:			Arial;
	font-weight:			bold;
	width:					32px;
	text-align:				center;
	padding:                0;
	margin:					12px 0 0 0;
}
.comments_poster { 
    font-size:				16px;
}
.comments_inputs, .comments_textarea, .comments_textarea_full {
	margin:					0 5px;
	width:					240px;
	float:					left;
}
.comments_textarea textarea {
    width:					235px;
}
.comments_textarea_full textarea {
    width:					485px;
}
.comments_inputs { }
.comments_inputs p { 
    padding:				0 0 10px 0;
}
.comments_inputs label { 
    width:					60px;
	float:					left;
	padding:                2px 0 0 0;
}
.comments_inputs input { 
    width:					120px;
	margin:					0 0 10px 0;
}
.commentnumcodd {
    background-color:		#eee;
}

#commentform a.button {
    color: 					#444;
    display: 				block;
    float: 					left;
    font: 					normal 12px arial, sans-serif;
    height: 				24px;
    margin-right: 			6px;
    padding-right: 			18px; /* sliding doors padding */
    text-decoration: 		none;
}
#commentform a.button span {
    display: 				block;
    line-height: 			14px;
    padding:                5px 0 5px 18px;
}
#commentform a.button:active {
    background-position: 	bottom right;
    color: 					#000;
    outline: 				none; /* hide dotted outline in Firefox */
}
#commentform a.button:active span {
    background-position: 	bottom left;
    padding:                6px 0 4px 18px; /* push text down 1px */
}

.commentlist {
	width:					500px;
}
#addcomment {
    width:					487px;
}



/*---------------------------- sidebar ---------------*/
#sidebar { 
    width:					230px;
	margin:					-20px 10px 0 0;
	text-align:				left;
	float:					right;
	clear: both;
}

.sidebar_section { 
    position:				relative;
	min-height:             150px;
	height:					auto;
}

.sidebar_top, .sidebar_bottom {
    background-repeat:		no-repeat;
}

.sidebar_top {
    background-image:		url(images/top.gif);
	height:					143px;
	margin:					0 0 0 0;
}

.sidebar_toprec {
    background-image:		url(images/top-rec.gif);
	height:					124px;
	margin:					0 0 0 0;
}

.sidebar_middle {
    background-image:		url(images/mid.gif);
	background-repeat:		repeat-y;
	padding:                0 10px 10px 25px;
}

#sidebar_tag_cloud .sidebar_top, #sidebar_tag_cloud .sidebar_middle, #sidebar_tag_cloud .sidebar_bottom {
    background-image:		none;
}

#sidebar_tag_cloud {
    background-image:		url(images/tagcloud1.jpg);
	background-repeat:		no-repeat;
	height:					335px;
	min-height:             335px;
	padding:                25px;
}



/*------------------------------ text ----------------*/
#footer p {
    padding:				35px 0 5px 0;
}

#sidebar p {
    margin:					0 5px;
}

#sidebar li p {
    margin:					0;
	font-size: 25px;
}

#sidebar li {
	color: #030;
	line-height: 160%;
	font-size: 15px;
}

#sidebar li a {
	color: #030;
	text-decoration: none;
	font-weight: bold;
}

#sidebar li a:visited {
	color: #030;
	text-decoration: none;
	font-weight: bold;
}

#sidebar li a:hover {
	color: #314DA8;
	text-decoration: none;
	font-weight: bold;
}

#sidebar ul, #sidebar ol, #sidebar dl {
    margin:					0px 0 0 25px;
	list-style-type:		disc;
}
#sidebar ul ul, #sidebar ol ol, #sidebar dl dl {
    margin:					0 0 0 0px;
	list-style-type:		disc;
}
#sidebar h3 {
    font-size:				19px;
}

.categories h3 {
    font-size:				16px;
}
.categories ul { 
    font-size:				16px;
}

.post ul, .post ol, .post dl, .comments ul, .comments ol, .comments dl {
    margin:					0 0 0 25px;
}
.post blockquote, .comments blockquote {
    border:					1px solid #030;
	background-color:		#cbda7d;
	padding:                2px 5px;
	margin:					5px;
	color:					#111;
}
.post p {
    margin:					5px 0;
}

.comments p {
    margin:					5px;
} 
p.allowed {
    margin:					5px;
}

h1 {
    font-size:				24px;
}
h2 {
    font-size:				18px;
}
h3 {
    font-size:				11px;
    margin:					10px 0 5px 0;
}
h2+h3 {
    font-style:				italic;
}
h2+h3 a {
    font-style:				normal;
}
h5 {
    margin:					0 5px;
	font-size:				14px;
}


/*------------------------------ links ---------------*/
a {
    color:					#030;
}
a:visited {
    color:					#030;
}
a:hover {
    color:					#314DA8;
}

a h1 {
    text-decoration:		none;
}

.post-category a {
    text-decoration:		none;
}

#sidebar_tag_cloud a {
    color:					#fff;
}
#sidebar_tag_cloud a:hover {
    color:					#000;
}


/*------------------------------ misc ----------------*/
.spacer {
    clear:					both;
}
.full {
    width:					100%;
}
.centered {
    margin:					0 auto;
	text-align:				center;
}
#searchform #s {
    margin:					0 6px;
}

a img {
    border:					0;
}

.imdivright, .alignright { 
    float:					right;
}

.imdivleft, .alignleft { 
    float:					left;
}

.previous {
	float: left;
	font-size: 15px;
}

.next {
	float: right;
	font-size: 15px;
}
	
.post .imdivright {
    margin:					0 0 5px 5px;
}
.post .imdivleft {
    margin:					0 5px 5px 0;
}

.navigation {
    margin:					0 auto;
	text-align:				center;
}
.post .navigation {
    margin:					15px 0 5px 0;
}
.navigation .alignleft {
    margin:					0 0 0 5px;
}
.navigation .alignright {
    margin:					0 5px 0 0;
}



/*------------------- menu -----------*/
#menu {
    margin: 				79px 0 0 0;
    padding:                0;
	background-image:		url(images/menu.gif);
	background-repeat:		no-repeat;
	height:					111px;
	width:					480px;
	float:					left;
}

* html #menu {
    margin:                 109px 0 0 0;
}

@media all and (min-width: 0px) {
    #menu {
	    margin:				109px 0 0 0;
	}
}
*>#menu {
    margin:					109px 0 0 0;
}

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

#menu ul li { float: left; }

#menu ul li a {
    text-decoration: 		none;
    font-size: 				12px/14px;
    float: 					left;
    margin: 				0;
    height: 				42px;
    width: 					75px;
	color:					#fff;
	font-weight:			bold;
}
#menu ul li#one a {
    padding:                86px 0 0 30px;
}
#menu ul li#two a {
    padding:                86px 0 0 15px;
}
#menu ul li#three a {
    padding:                86px 0 0 5px;
}
#menu ul li#four a {
    padding:                86px 0 0 30px;
}
#menu ul li#five a {
    padding:                86px 0 0 15px;
}

#menu li a:hover {
    color: 					#000;
}

.archives {
	text-align: left;
	margin-left: 75px;
}