/*
Theme Name: Cheer Us Up adopted from Small Little Town
Description: Changing, Happy, Fun Theme!. 
Author: CodeJoust!
Author URI: http://codejoust.com/
Version: 1.1
Tags: happy, nature, sky, changing
*/


/*
PLEASE DON'T STEAL!
However, you are welcome to look at the inner workings of the code. (just don't copy it all and pass it off as your own.
	I'm never good at having perfect, tidy CSS ... hopefully they will come out valid.
	So without further ado,
	In the order of appearance I present to you  */

/**MISC FIXES**/
#content .time { font-size: 10px; }
#content a.stbutton { margin-top:15px; font-size:14px; }
#content a.hideLink { font-size:10px !important }
.postinfo { font-size:12px !important; }
/* ----------- Basic ----------- */
.logoHover {

}
body em {
color:inherit;}
.navigation p a {
font-size:1.6em;
}
#fancy_frame {

display:block !important; 

}
blockquote:before {
content:"“";
color:#9f9f9f;
font-size:2.5em;
padding-top:3px;
margin-left:-10px;
height:10px;
line-height:1px;
float:left;
}
blockquote:first-letter {
text-decoration:italic;
font-size:110%;
}
div.details {
font-size:80%;
}
div.details p {
padding:2px;
}
blockquote {
position:relative;
}
.commentLink {
font-size:0.8em;
float:right;
display:inline;
}
.title {
display:none;
}
#wrapper {
margin:0;
padding:0;
}
#logoWink {
margin-top:-130px;
}
#sun {
	position:fixed;
	right:15px;
	top:5px;
	width:250px;
	height:250px;
	background:url('support/images/sun.png') no-repeat;
z-index:1;
}
#wrapper, .wrapper {
z-index:3;
position:relative;
}
#logoImg {
	background:transparent url('support/images/logo.png') no-repeat;
	width:500px;
	height:130px;
	position:absolute;
	z-index:5;
        /*top:-130px;*/
        bottom:27px;
}
#description {
margin-top:130px;
}
#page {
	width:100%;
}
#rightnavi a {
	margin-right:150px !important;
	position:relative;
	color:#000 !important;
}
#rssImg {
	background:url('support/images/rss.png') no-repeat;
	position:absolute;
	z-index:50;
	width:128px;
	height:128px;
	opacity:0.8;
}
#rssImg:hover {
	opacity:1;
}
img{
	border:none;
	}
#logoContainer {
	position:relative;
	width:500px;
}
a img { border:none }
#searchform #s {
	
}
#searchsubmit {
	margin: 3px 0pt 0pt 5px;
}


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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

  
body{
	background:#fff url('support/images/sky.png') repeat fixed 50%;
	text-align:center;
	margin:0;
	padding:0;
	font-size:68%;
	font-family:GillSans, Calibri, Trebuchet, sans-serif;
	color:#2e1737;
	}
#content .post p {
font-size:1.4em;
}	
p a{
	color:#ae3b88;
	text-decoration:none;
	}
	
p a:hover{
	color:#2e1737;
	text-decoration:none;
	}
	
li a{
	color:#ae3b88;
	text-decoration:none;
	}
	
li a:hover{
	color:#2e1737;
	text-decoration:none;
	}

	
.wrapper{
	width:100%;
	padding-top:15px;
	}
	
h1{
	padding:0;
	margin:0;
	}
	
h1 a{
	color: #ffffff;
    font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 3.0em;
	text-decoration:none;
	font-weight:100;
	}
	
h3{
	font-size: 1.4em;
	}
	
h4{
	font-size:1.2em;
	font-weight:bold;
	}
	
strong{
	border-bottom:#FFCCFF dotted 1px;
	}	
	
em{
	color:#FFCCFF;
	}

/* ----------- Heading ----------- */
	
#description{
	font-size:1.4em;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	text-transform: uppercase;
	color:#580c39;
        margin-top:130px;
	}
#rightnavi a {
	color:#fff !important;
}
/* ----------- Menu ----------- */
		
#topnavi{
	width:100%;
	margin:0;
	height: 70px;
	font: 1.4em Futura, 'Century Gothic', 'Apple Gothic', sans-serif
	}
	
#topnavi a{
	color: #ffffff;
	text-decoration:none;
	}
	
#topnavi a:hover{
	color: #370c42;
	}

.menu{
	float:left;
	}

ul.menu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-left:#c3adae dotted 1px;
	}

ul.menu li{
	display: block;
	float: left;
	padding: 20px 5px 0px 5px;
	margin: 0;
	border-right:#c3adae dotted 1px;
	}

ul.menu li a{
	width: 85px;
	height: 40px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	}

ul.menu li a:hover{
	color: #370c42;
	}
	
ul.menu li:hover{
	  background:url('support/images/menuhover.png') repeat-x;
	}


ul.menu .current_page_item {
	color: #370c42;
  	background:url('support/images/menuhover.png') repeat-x;
	}
	
#rightnavi{
	float:right;
	text-align:right;
	margin-right:0;
	padding: 20px 5px 0px 5px;
	height: 40px;
	color: #000;
	text-decoration: none;
	display: block;
	z-index:1;
	}
	
	#s {
		color:#9f9f9f;
	}

/* ----------- Centerpieces ----------- */
	
#main{
	/*width:800px;*/
        width:850px;
	margin:0 auto 0 auto;
	text-align:left;
	}
	
#content{
	/*width:550px;*/
        width:600px;
	padding:25px;
	-moz-border-radius:20px 0 20px 20px;
        -webkit-border-radius:20px 0 20px 20px;
	background:transparent url('support/images/contentbg.png');
	margin-left:0;
	float:left;
	font-size:1.2em;
	line-height:1.4em;
	z-index:50;
	}
	
#content h2{
	font-size:1.6em;
	font-weight:100;
	text-transform:uppercase;
	/*color:#ffffff;*/
	}
	
#content h2 a{
	color:#121a50;
	text-decoration:none;
	}
	
#content h2 a:hover{
	color:#d23a3a;
	}

#content .time{
	text-transform:uppercase;
	margin-top:-12px;
	border-bottom:#ae537b dotted 1px;
	color:#349954;
	}
	
#content .gray{
	color:#844a76;
	}
	
#content .edit{
	float:right;
	}
	
#content .time a{
	color:#ae3b88;
	text-decoration:none;
	}
	
#content .time a:hover{
	color:#2e1737;
	text-decoration:none;
	border-bottom:#ae3b88 solid 1px;
	}
	
.post{
	/*padding:0 0 30px 0;*/
border-bottom: 1px dashed #;
	}
	
.details{
	background-image:url('support/images/sidebarbg.png');
	padding:0;
	}
	
.details a:hover{
	color:#2e1737;
	border-bottom:#ae3b88 solid 1px;
	}
	

/* ----------- Previous & Next link ----------- */
	
.navigation{
	text-align:center;
	}
/* ----------- Sidebar ----------- */
	
.sidebar{
	font-size:1.2em;
	width:200px;
	float:left;
	margin-right:0px;	
	background:url('support/images/sidebarbg.png');
	color:#d48635;
	-moz-border-radius:0 15px 15px 15px;
        -webkit-border-radius:0 15px 15px 15px;
	}
	
.sidebar h2{
	padding:0;
	margin:5px;
	color:#d26825;
	font-weight:200;
	border-bottom:#c15b8b solid 1px;
	}
	
.sidebar ul{
	margin: 0;
	padding: 2px;
	list-style-type: none;
	}
	
.sidebar ul li{
	background:none;
	padding:2px 0 2px 0;
	margin:5px;
	}
	
.sidebar ul li li{
	border-bottom:#efcb44 solid 1px;
	}

.sidebar a{
	text-decoration:none;
	color:#3d7918;
	}
	
.sidebar ul li li:hover{
/*	background:url('img/sidebarbg.png'); */
	border-bottom:#ae537b solid 1px;
	}

/* ----------- Search ----------- */
	
#searchform{
	padding:0;
	margin:5px;
	color:#f3ee62;
	}
	
#searchform #s{
	/*background:url('support/images/contentbg.png');*/
	
	border:0;
	
	font:1.0em Geneva, Arial, Helvetica, sans-serif;
	}

/* ----------- Footer ----------- */

#footer{
	height:230px;
	width:100%;
	bottom:0;
background-image:url('support/images/grass2.png'); 
	background-repeat:repeat-x;
	clear:both;
	margin-bottom:0;
	/*color:#FFFFFF;*/
	font-size:1.1em;
}
/*
#footerimg{
	width:1000px;
	height:390px;
	background-image:url('support/images/grass.png'); 
	background-color:green;
	}
*/	
	
	
/* ----------- Comments ----------- */

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	
	}	

/*.commentlist a:link, .commentlist a:visited {
	color:#ae537b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#ffffff;
	}*/
pre, code {
	width:450px;
}
.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commenttext {
	background: url('images/sidebarbg.png'); 
	border-top:1px dotted #ffffff;
	padding: 0 20px 10px 20px;
	/*color:#fafcf6;*/
	}