/*  
Theme Name: Happiland
Theme URI: http://ethelwenn.com/
Description: I wanna live in a land of free and happy! 
Version: 0.1
Author: CJ Kastum 
Author URI: http://forevertulip.com/

*/

/********* LAYOUT ********/

body { 
	font-family:Georgia, 'Times New Roman', serif; 
	font-size: 11px; 
	background:#cdcd49 url(images/happibg.jpg) fixed; 
	color:#222; 
}

#wrapper { 
	width:551px; 
	margin:10px auto; 
	padding:0; 
}

a:hover { 
	text-decoration:none; 
	color:#666; 
	border:none;  
}

#box { 
	background:transparent; 
	border:none; 
	width:551px; 
	table-layout:fixed; 
	margin:0 auto; 	
	padding:0; 
}
 
#header { 
	background:url(images/happiheader.png); 
	height:256px; 
	line-height:26px; 
	margin:5px auto; 
	padding:0 5px; 
}

.entry { 
	background:url(images/happibodybg.png); 
	line-height:20px; 
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px;
	text-align:justify; 
	overflow:hidden; 
	margin:5px auto;
	padding:10px 35px 0 40px; 
}

.entry p{
	margin-top: 4px;
	line-height: 24px;
	padding: 0px 0px 10px 0px;
}

a:link,a:active,a:visited { 
	text-decoration:none; 
	color:#666; 
	border:none; 
}

.entry-head{
	float: left;
	width: 520px;
	padding: 0 0 7px;
}

.entry-head h2, .entry-meta{
	margin-top: 8px;
	
}

.entry-head h2{
	font: 22px Georgia, Times New Roman, Serif;
}

.entry-head h2 a{
	color: #baba35;
	text-decoration: none;
}

.entry-head h2 a:hover{
	color: #f1a2c1;
}

.entry a:hover { 
	text-decoration:none; 
	color: #ee9ea3; 
	border:none; 
}

.entry-date {
	margin: 5px 0 0px 0;
	color: #7d7d7d;
	font-size: 0.8em;
        padding: 0 0 10px;
}

.entry-meta{
	margin: -10px 0 10px 0;
	padding: 1px 0 0;
	font-size: 11px;
	color: #777;
}

.entry-foot{ 
	display: block; 
	margin: 10px 0 40px; 
	padding: 5px 10px; 
	clear: both; 	
	overflow:hidden; 
	height:100%;
	border-top: 1px solid #fdeeef;
	border-bottom: 1px solid #fdeeef;
	background: #fff7f8 url(images/happisheeps.png) right no-repeat;
	 
}

.entry-content p a{
	border-bottom: 1px dotted #f49abd;
	color: #f49abd;
}

.entry-content p a:hover{
	border-bottom: 1px dotted #cccc4c;
	color: #cccc4c;
}

.post img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.post img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.post img.wp-smiley{
	padding: 0;
	border: 0;
}

.time {
	background:url("images/time.gif") no-repeat;
	padding-left: 15px;
	padding-right: 5px;
	}	
	
.category {
	background:url("images/folder.gif") no-repeat;
	padding-left: 15px;
	}

.commentscount {
	margin-left: 8px;
	padding-left:15px;
	background:url("images/commentscount.gif") left no-repeat;
	position: absolute;
}

.edit {
	margin-left: 100px;
	padding-left:20px;
	position: absolute;
	
}

#s {
	
  	height:1.5em;
  	width:110px;
  	margin:0 5px 0 35px;
  	padding: 0;
  	font-size:1.0em;
  	vertical-align:middle;
	border: 2px solid #FBCED0;
	background-color: #fff3f4;
	
}


#searchbutton {
  	height:22px;
  	width:42px;
  	padding:0 1px;
  	vertical-align: middle;
	margin: 0px 5px 0 0;
  	padding:0;
	border: 0;
}
 
a img {
	border: none;
}

.post ul li {
	background: url('images/happiheart.png') left no-repeat;
	padding-left: 25px;
	list-style: none;
}

.post ol {
	padding: 0 0 0 15px;
	margin: 0;
}

.post ol li {
	margin: 0;
	padding: 0;
}
	
.post ol li, #single ol li {
	list-style: none;
	margin-left: 15px;
}

/********* NAVIGATION ********/

#nav { 
	height:34px; 
	margin:-5px auto; 
	padding:0;
	background:url(images/happibodybg.png);  
}

ul.nav { 
	float:left; 
	list-style:none; 
	margin:0 30px 0 40px; 
	padding:0;
	position: relative; 
}

ul.nav li { 
	float:left !important; 
 	list-style-type: none;
	margin:0; 
	height: 34px;
	padding:0; 
}

ul.nav li a {   
 
	display:block;
	padding: 34px 0px 0px 0px; 
	overflow: hidden;
	height: 0px;
}

ul.nav li a:hover,ul.nav li a:active { 
	background-position: 0px -34px !important;
} 

ul.nav li#link_home a {
	width: 96px;
	background: url(images/link_home.gif) left top no-repeat;
}

ul.nav li#link_about a {
	width: 96px;
	background: url(images/link_about.gif) left top no-repeat;
}

ul.nav li#link_links a {
	width: 96px;
	background: url(images/link_links.gif) left top no-repeat;
}

ul.nav li#link_contact a {
	width: 96px;
	background: url(images/link_contact.gif) left top no-repeat;
}


ul.nav li ul { 
	float:left; 
	margin:0; 
	padding:0; 
}

.navigation { 
	display:block; 
	text-align:center; 
	margin-top:10px; 
	margin-bottom:10px; 
}

/********* TAGS ********/

.alignright { 
	float:right; 
}
 
.alignleft { 
	float:left; 
}

blockquote { 
	margin: 0 0 0 5px; 
	padding: 8px 25px 0 25px; 
	font-size: 11px; 
	font-style: italic; font-family: Georgia, "Times New Roman", Serif;
	background: url(images/happiquote.gif) left no-repeat;
}

blockquote:first-letter { 
	font-size: 18px; 
	font-family: Georgia, "Times New Roman", Serif; 
	font-style: italic; 
}

blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.readmore { 
	text-align:right;
   	font-size: 12px;
	font-weight: bold;
	padding: 5px; 
	color: #ffffff !important;
	background-color: #cde579;
}

.readmore:hover{
	background-color: #ffd9e8;
}

/********* PAGE NAVIGATION ********/


.navigate { 
	font-family: Georgia, "Times New Roman", Serif; 
	font-style: italic; 
	margin-top: 0; 
	margin-bottom: 28px;
	float: left;
	width: 498px;
	margin: 17px 0 7px;
	display: inline; 
}

.navigate span.nav-previous{
	margin: 0 0 0;
	padding: 0 0 0 16px;
	background: url(images/arrow-left.gif) no-repeat 0 5px;
}

.navigate span.nav-next{
	margin: 0 20px 0;
	padding: 0 16px 0;
	background: url(images/arrow-right.gif) no-repeat right 5px;
}

/********* COMMENTS ********/

#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  text-align:justify;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 3em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.commentBox {
}
.commentBox p {
	padding-top: 0px;
	margin-top: 0px;
}

.sideText, input {

  font-family: tahoma, serif; font-size: 8pt;

}

#comments a{
	color: #f6a7ad;
	font-size: 13px;
}

#comments a:hover{
	color: #aad9d3;
	text-decoration: none;
}


/******** BOTTOM ********/



#bottom {
	width: 550px;
	margin: -5px auto;
	border:none;  
	table-layout:fixed;  	
	padding:0;
}

.bottom {
	width: 550px;
	margin: -5px auto;
 	border:none;  
	table-layout:fixed;  	
	padding:0;
}

#bottom h2 {
	padding: 8px 10px 6px 28px;
	color: #666;
	text-transform: uppercase;
	font: lighter 10px "Lucida Sans Unicode",sans-serif;
	background: url(images/happiheart.png) 10px 11px no-repeat;
}

#bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #666;
}

#bottom ul li {
	line-height: 15px;
}

#bottom ul li a {
	padding: 0 15px;
	color: #888;
}

#bottom ul li a:hover {
	text-decoration: none;
	color: #fff;
}

#bottom .bottom {
	float: left;
	width: 540px;
	height: 100%;
	margin: 0 0 0px;
	padding-top: 20px;
	padding-left: 5px;
	padding-bottom: 10px;
	background:url(images/happibodybg.png) ; 
	
}

#bottom .bottom-left {
	float: left;
	width: 235px !important;
	width: 50%; /* Stupid IE */
	height: 100%;
	margin: 0 0px 0 30px;
	background: #fbeaeb;
	padding-bottom: 10px;
}

#bottom .bottom-right {
	float: right;
	width: 235px !important;
	width: 50%;
	margin: 0 25px 0 0px;
	background: #fbeaeb;
	padding-bottom: 10px;
}

/********* FOOTER ********/
 
#footer { 
	background:url(images/happifooter.png); 
	height:239px; 
	font-size: 11px;
	line-height:15px; 
	clear:both; 
	margin:-30px auto; 	
	padding:0 25px 0 30px; 
}

.copyright { 
	float:center; 
	text-align:center;
	margin-top: 30px; 
	padding-top: 35px;

}

.copyright a { 
	color: #aeb139; 
	text-decoration:none;
}

.copyright a:hover {
	color: #eb8d93; 
	text-decoration:none; 
}


