/*
Theme Name: Mysterious Illusion
Theme URI: http://wordpress.org/
Description: Mysterious Illusion is a nice Wordpress theme with implemented "Add to" social bookmarking links. Brought to you by <a href="http://www.enquira.com/" title="web directory">enQuira</a>, <a href="http://www.rakcha.com/" title="web directory">rakCha</a> and <a href="http://www.allseasonlimos.com/limousine-service/" title="limousine service">limo</a>.
Version: 1.0
Author: Erik Gyepes
Author URI: http://www.erikgyepes.com/

	This theme was provided by Erik Gyepes,
	whose website you will find at http://www.erikgyepes.com

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

	Mysterious Illusion uses:

	Social Bookmark Script
	http://www.social-bookmark-script.com/
*/


body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
background: #ffffff;
color: #ffffff;
background-image: url('images/wpbg.jpg');
background-repeat: repeat;
}

#wrapper{
margin: 0 auto 0 auto;
width: 677px;
text-align: left;
}

#header{
float: left;
width: 677px;
height: 191px;
background-image: url('images/wpheader.png');
background-repeat: no-repeat;
background-position: top left;
}

#container{
float: right;
width: 454px;
color: #000000;
}

#containertop{
width: 100%;
margin: 0px;
background-color: #D5DDE4;
height: 30px;
background-image: url('images/wptop.jpg');
background-repeat: no-repeat;
}

#containermiddle{
width: 374px;
padding-left: 40px;
padding-right: 40px;
color: #000000;
background-color: #EEF2F5;
background-image: url('images/wpcontainer.jpg');
background-repeat: repeat-x;

}

#containerbottom{
width: 100%;
margin: 0px;
background-color: #EEF2F5;
height: 15px;
background-image: url('images/wpbottom.jpg');
background-repeat: no-repeat;
}

hr {
height: 1px;
color: #ccc;
margin-top: 15px;
margin-bottom: 5px;
}

.sidebar{
float: right;
text-align: right;
width: 179px;
margin: 0 0 0 0px;
color: #ffffff;
padding-right: 10px;
padding-top: 50px;
background-image: url('images/wpleftbg.png');
background-repeat: no-repeat;
background-position: top right;
}

#footer{
float: left;
text-align: right;
padding-right: 30px;
color: #C9C9C9;
margin-bottom: 15px;
width: 424px;
font-size: 11px;
}

.search {
position: relative;
padding-right: 17px;
clear: both;
top: 35px;
text-align: right;
height:1%;
}

.logo {
position: relative;
height: 117px;
text-align: right;
padding-top: 10px;
}

.logo h1 a {
	color: #c0df72;
}

.logo h1 a:hover {
	text-decoration: none;
}


.logo h2 {
	color: #40a2e6;
	font-size: 16px;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

.post{
padding: 10px 0 10px 0;
}

.post h2{
font-family: Georgia, Sans-serif;
font-size: 19px;
color: #33BD1C;
}

.entry{
line-height: 18px;
}

p{
padding: 10px 0 0 0;
}

.postmetadata{
margin: 10px 0 0 0;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
line-height: 20px;
}

.sidebar ul li{
padding: 10px 0 10px 0;
list-style-type: none;
line-height: 10px;
}


.sidebar ul li h2{
font-family: Trebuchet MS;
font-size: 15px;
padding-bottom: 10px;
padding-top: 10px;
}

.sidebar ul ul li{
padding: 0;
line-height: 18px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Hevletica, Georgia, Sans-seriff;
	font-size: 12px;
}

.post h2 a:link{
font-family: Trebuchet MS;
font-size: 22px;
color: #33BD1C;
text-decoration:none;
font-weight: bold;
}

.post h2 a:visited{
font-family: Trebuchet MS;
font-size: 22px;
color: #33BD1C;
text-decoration:none;
font-weight: bold;
}

.post h2 a:hover{
font-family: Trebuchet MS;
font-size: 22px;
color: #33BD1C;
text-decoration:underline;
font-weight: bold;
}

.post h2 a:active{
font-family: Trebuchet MS;
font-size: 22px;
color: #33BD1C;
font-weight: bold;
text-decoration:none;
}

.searchstyle {
border-top: 1px solid #6A6A6A;
border-left: 0px solid #6A6A6A;
border-right: 0px solid #6A6A6A;
border-bottom: 1px solid #6A6A6A;
background-image: url(images/wpsearchbg.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #cccccc;
width: 150px;
height: 16px;
background-color: #151618;
}

img {
border: none;
}

.post img {
	border: none;
	margin: 5px;
}

.post img.left {
	display: inline;
	float: left;
	margin: 5px 5px 5px 0;
}
.post img.right {
	display: inline;
	float: right;
	margin: 5px 0 5px 5px;
}
.post img.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.datestamp {
color: #B5B5B5;
font-size: 11px;
}


.sidebar a{
color: #40A2E6;
font-family: Arial, Helvetica, Georgia, Sans-serif;
text-decoration: underline;
}

.sidebar a:hover {
	text-decoration: none;
}

.post a{
color: #3B5E11;
font-family: Arial, Helvetica, Georgia, Sans-serif;
text-decoration: underline;
}

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

.navigation a{
color: #3B5E11;
font-family: Arial, Helvetica, Georgia, Sans-serif;
}


.navigation div.next a {
	background: url("images/wpnext.jpg") no-repeat;
	display: block;
	float: right;
	height: 20px;
	width: 102px;
}
.navigation div.previous a {
	background: url("images/wpprevious.jpg") no-repeat;
	display: block;
	float: left;
	height: 20px;
	width: 131px;
}

.clear {
	clear:both;
}


#footer a{
color: #fff;
text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

.commentbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #E6E6E6;
color: #000;
padding: 3px;
}


.commentgroup{
border: 1px dotted #B2B2B2;
background-color: #CDE1F0;
padding: 15px;
}