/* 
Theme Name: Happy
Version: 1.0
Author: Arvee Marie T. Arroyo
Author URI: http://www.flutterhappy.com
*/

body {
	background:url('images/bg/bgdots.gif')repeat fixed;
	background-color:#FAFCDC;
	font-family: Verdana, sans-serif;	
	color:#333333;
	height:100%;
	text-align: left; 
	margin:0;
	padding:0;	
	}


a:hover {
color:#EDC732;
text-decoration:none;
}

a:active,a {
outline:none;
}

ul,ol {
list-style:decimal;
margin:10px 0 15px 10px;
padding:0;
}

ul li,ol li {
margin:4px 0;
padding:1px 0;
}

*,form {
margin:0;
padding:0;
}

blockquote {
border-bottom:0 solid #fbe3a9;
border-top:0 solid #f8cd6f;
font-family:Georgia, serif;
font-size:12px;
font-style:italic;
font-weight:400;
letter-spacing:0.3px;
line-height:1.6em;
margin:5px 5px 5px 10px;
padding:3px 12px;
text-transform:none;
}

h1 {
border-bottom:1px dashed #CCC;
color:#000;
font-size:22px;
font-weight:400;
margin:4px 0 30px;
padding:4px 0;
}

h2 {
color:#DBA900;
font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
line-height:normal;
margin:10px 0 0;
padding:5px 0;
}

h3 {
border-bottom:1px solid #000;
color:#000;
font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
font-size:12px;
font-weight:400;
line-height:normal;
margin:0 auto;
padding-top:10px;

}

h4 {
color:#ff7f8d;
font-size:15px;
font-weight:400;
line-height:normal;
margin:0;
padding:5px 0;
}

h5 {
background:#ff7f8d;
color:#fff;
font-size:18px;
font-weight:400;
line-height:normal;
margin:5px 0;
padding:5px;
}

h6 {
background:#8e5b32;
color:#fff;
font-size:15px;
font-weight:400;
line-height:normal;
margin:5px 0;
padding:5px;
}


/* Layout */

#all {
clear:both;
margin:0;
padding:0;
width:100%;
}

#wrapper {
background:#C6E5D9;
margin:0 auto;
clear:both;
padding:0;
position:relative;
text-align:left;
width:850px;
}

#header {
background:#C6E5D9;
border:0;
margin:0 auto;
padding:0;
text-align:center;
width:850px;
height:330px;
}

#header img {
border:0;
}

.headerlink{
clear:both;
}

#header h1 {
border:0;
color:#6a421b;
font-size:35px;
font-weight:400;
letter-spacing:-1px;
line-height:35px;
margin:0;
padding:20px 0 5px;
text-transform:none;
}

#header a {
border:0;
text-decoration:none;
}

#header .description {
border:0;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.4em;
margin:0 auto;
padding:0;
width:350px;
}

#container {
background:#fff !important;
clear:both;
float:left;
margin:0 auto;
padding:0;
width:850px;
}

/* Main */

#content {
float:left;
margin:30px 5px 30px 30px;
overflow:hidden;
width:550px;
word-wrap:break-word;
}

.post {
margin:0 0 15px;
padding:0;
}

.title {
color:#000;
font-weight:300;
letter-spacing: 0px;
line-height: 1.4em;
padding-bottom:5px;
text-transform: normal;
}

.title a {color:#000;
font-family: Georgia, serif;
font-size: 24px;
text-decoration:none;
}

.date {
color:#EDC732;
font-family:Verdana,sans-serif;
font-size:10px;
font-weight:400;
letter-spacing:normal;
margin:0;
padding-right:15px;
text-align:left;
}

.entry {
font-size:11px;
line-height:1.8em;
padding-bottom:15px;
padding-top:5px;
}

.entry a {
color:#9cc9b8;
text-decoration:none;
}

.entry a:hover {
text-decoration:underline;
}

.entry p {
margin:12px 0 0;
}

.entry ul li {
list-style-image:url(http://www.flutterhappy.com/wp-content/themes/happy/images/heartbullet02.png);
}


/* Other Post Stuff */

.post ul {
margin:0;
padding:4px 0 4px 15px;
}

.post ul li {
margin:1px 0;
padding:0 0 0 5px;
}

.post ol {
list-style:decimal;
margin:0;
padding:0 0 0 25px;
}

.post ol li {
list-style:decimal;
margin:1px 0;
padding:0;
}

.entry img {
border:0 dashed #CCC;
margin:5px;
padding:10px;
}

.floatleft{float: left;margin: 0 0 10px 10px;border: 1px solid #666;padding: 2px;}

.floatright{float: right;margin: 0 0 10px 10px;border: 1px solid #666;padding: 2px;}

.entry h4 {
color:#603813;
font-family:Georgia, serif;
letter-spacing:-1px;
line-height:normal;
margin:2px 0;
padding:0;
}

#postmeta,.postmeta {
background:url('images/bg/morelines.png')top repeat-x;
font-family:verdana, sans-serif !important;
font-size:11px;
line-height:1.2em;
margin:5px 0 35px;
padding:10px 0;
text-align:left;
}

#postmeta a,.postmeta a {
color:#e2bb22;
text-decoration:none;
text-transform:capitalize;
}

.commentlink {
float:right;
font-size:11px;
}

.commentlink a {
color:#e2bb22;
font-family:verdana, sans-serif !important;
text-decoration:none;
}

.commentlink a:hover {
text-decoration:none;
}

/* Navigation */

#navigation {
clear:both;
font-family:verdana, san-serif;
font-size:12px;
font-weight:400;
margin:5px 0;
padding:8px;
text-align:center;
}

#navigation a {
color:#E2BB22;
}

/* wp-pagenavi */
.wp-pagenavi a,.wp-pagenavi a:link {
margin:2px;
padding:2px 4px;
}


/* Captions & aligment */
.aligncenter,div.aligncenter {
display:block;
margin:5px auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.wp-caption {
margin:3px;
text-align:center;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
color:#707d77;
font-family:Georgia;
font-size:12px;
line-height:17px;
margin:0;
padding:3px 0;
text-align:center;
}

/* Comments */

#comments-template {
border-top:0px solid #f8f8f8;
margin:0;
padding:10px 0;
}

#comments-template h3 {
color:#434343;
font-family: Georgia, serif;
font-size:18px;
font-style:italic;
line-height:normal;
margin:0 0 10px;
padding:5px 0;
}

#comments-template h3 a {
color:#FA7276 !important;
text-decoration:none;
}

#comments-template ul,ol.commentlist {
clear:both;
list-style-type:none;
margin:0;
padding:0;
}

.commentavatar {
float:left;
margin-right:20px;
}

.commentbody {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background:#E2F2EC;
border-bottom:0 solid #EBEBEB;
border-radius:12px;
line-height:1.5em;
margin:5px 0 10px 80px;
padding:5px;
}

.author {
color:#6A6A6A;
font-size:13px;
font-style:italic;
font-weight:700;
margin-left:30px;
padding-right:20px;
text-align:left;
text-decoration:none;
text-transform:none;
}

.author a {
color:#EDC732 !important;
font-family:verdana,sans-serif;
font-size:11px;
font-style:normal;
line-height:1.8em;
padding-right:20px;
text-decoration:none;
}

.commentdate {
float:left;
font-family:verdana,sans-serif !important;
font-size:10px;
padding:0;
}

.thecomment {
font-family:verdana, arial, sans-serif;
font-size:11px;
line-height:1.6em;
margin:0;
padding:0;
}

.thecomment a {
color:#778982;
}

#comments-template textarea {
background:#fff;
border:1px solid #CED9D5;
margin:5px 0;
padding:5px;
}

#comments-template input {
background:#fff;
border:1px solid #CED9D5;
font-size:11px;
margin:2px;
padding:4px;
}

#comments-template input.submitcomment,#comments-template input.resetcomment {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#EDC732;
border-radius:10px;
color:#000;
font-family:Georgia,serif !important;
font-size:11px;
letter-spacing:1px;
margin-bottom:20px;
text-transform:uppercase;
width:80px;
}

#saysomethings {
color:#000;
font-size:12px;
padding:30px 0 0 5px;
}

#commentform {
font-family:Verdana, sans-serif !important;
font-size:10px;
}

#commentform a {
color:#EDC732;
}

/* Sidebars */

#sidebar {
float:right;
font-family:Verdana,sans-serif !important;
font-size:11px;
margin:10px 30px 30px 10px;
overflow:hidden;
padding-left:10px;
width:200px;word-wrap:break-word;
}

#sidebar2 {
display:none;
float:right;
margin:0;
overflow:hidden;
width:0;
word-wrap:break-word;
}

#sidebar img,#sidebar2 img {
border:0;
}

#sidebar h2,#sidebar h2 a {
color:#000;
font-family:Georgia,serif !important;
font-weight:400;
letter-spacing:0;
list-style:none;
margin-bottom:2px;
padding-bottom:0;
text-transform:capitalize;
}

#sidebar .widget,#sidebar2 .widget {
margin:0 0 5px;
padding:0;
}

#sidebar ul li {
list-style-image:url(http://www.flutterhappy.com/wp-content/themes/happy/images/heartbullet02.png);
margin-left:40px;
padding-left:2px;
}

#sidebar2 ul li {
list-style:none !important;
margin:1px 0;
padding-bottom:10px;
padding-left:2px;
}

/*#sidebar ul li ul,#
sidebar2 ul li ul {
	border:none;
	list-style:none;
	margin:0;
	padding:0;
	}*/
#sidebar ul li ul li,#sidebar2 ul li ul li {
border:none;
list-style-image:url(http://www.flutterhappy.com/wp-content/themes/happy/images/heartbullet02.png);
margin:0;
padding:0 0 5px 5px;
}

.s_archives li {
border:none;
list-style-image:url('http://www.flutterhappy.com/wp-content/themes/happy/images/heartbullet.png');
margin:0 0 0 30px;
padding:0 0 5px 10px;
}

#sidebar p,#sidebar2 p {
margin:0 0 3px;
}

#sidebar a,#sidebar2 a {
color:#333;
text-decoration:none;
}

#sidebar a:hover,#sidebar2 a:hover {
color:#EDC732;
text-decoration:none;
}


/* Footer */

#footer {
background:#fff;
clear:both;
color:#333;
font-size:9px;
font-style:normal;
font-weight:400;
letter-spacing:1px;
line-height:2em;
margin:0 auto;
text-align:center;
text-transform:uppercase;
width:100%;
}

.footer-in {
clear:both;
color:#000;
height:90px;
margin:0 auto;
padding:0;
text-align:center;
width:850px;
}

#siteinfo {
font-family:Georgia, serif;
font-size:10px;
font-style:normal;
font-weight:400;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
}

#siteinfo a {
color:#E2BB22;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
text-decoration:none;
}

/* Search */
.searchwidget {
padding-bottom:10px;
padding-top:25px;
}

.searchtitle {
color:#000;
font-family:Georgia, serif;
font-size:13px;
font-style:normal;
font-weight:400;
line-height:1.7em;
text-transform:none;
}

#searchform input#s {
background:transparent;
border:0 solid #999;
margin:0;
}

.scatter_box_fixed-background {
background:#C6E5D9;
height:35px;
width:164px;
}

.scatter_box_fixed-border1 {
border-left:1px dashed #434034;
border-top:1px dashed #434034;
height:35px;
left:-4px;
position:relative;
top:-3px;
width:162px;
}

.scatter_box_fixed-border2 {
border-bottom:1px dashed #434034;
border-right:1px dashed #434034;
height:35px;
left:1px;
position:relative;
top:-1px;
width:162px;
}

.scatter_box_fixed-content {
display:block;
left:0;
line-height:1.4;
padding:2px 0 0 10px;
position:relative;
text-align:left;
top:5px;
}

/*----misc-----*/
.editlink {
font-size:10px;
padding:0;
}

.pagetitle {
font-size:28px;
}

.pagetitle a,.pagetitle a:hover {
color:#434034;
font-size:28px;
text-decoration:none;
}

.nopost {
color:#505050;
font-family:"lobster", verdana,sans-serif;
font-size:18px;
}

.twitter {
font-family:Georgia,"Times New Roman",Serif !important;
font-size:12px;
line-height:1.4em;
margin-bottom:14px;
}

.error404 {
font-family:Georgia,"Times New Roman",Serif;
font-size:12px;
font-weight:400;
line-height:1.6em;
}

#top img {
border:0;
padding:5px;
}

/*----misc-----*/
ul.twitter {
font-family:Georgia,"Times New Roman",Serif;
font-size:12px;
}

p.twitter-message {
padding-bottom:8px;
}

.twitter-timestamp {
border:none;
color:#898989;
font-family:georgia,serif;
font-size:10px;
font-style:italic;
text-decoration:none;
}

a.twitter-link {
color:#E8BF19 !important;
}

.twitter-anywhere-user {
color:#EDC732 !important;
font-family:verdana, sans-serif !important;
}

a.twitter-user {
color:#ffa3b2 !important;
font-family:georgia,serif !important;
font-style:italic;
}

.recentcomments a {
font-style:italic;
}

.recentcomments a:hover {
color:#ffa3b2 !important;
}

.elsewhere {
line-height:1.5em;
margin-left:13px;
}

/*Roll over feed
-----------------------------------------------*/
#menu {
background:#EDC732;
height:28px;
list-style:none;
margin:0;
padding:0;
position:relative;
width:850px;
}

#menu span {
display:none;
position:absolute;
}

#menu a {
display:block;
outline:none;
position:absolute;
text-indent:-900%;
}

#menu a:hover {
background-position:left bottom;
}

#menu a:hover span {
display:block;
}

#menu .home {
background:url(images/menu/home.png) no-repeat;
height:16px;
left:70px;
top:7px;
width:52px;
}

.home a:active {
background:url(images/menu/home.png) no-repeat;
height:200px;
left:70px;
top:7px;
width:100px;
}

#menu .about {
background:url(images/menu/about.png) no-repeat;
height:18px;
left:170px;
top:7px;
width:93px;
}

#menu .archives {
background:url(images/menu/archives.png) no-repeat;
height:18px;
left:315px;
top:7px;
width:84px;
}

#menu .freebies {
background:url(images/menu/freebies.png) no-repeat;
height:18px;
left:450px;
top:8px;
width:78px;
}

#menu .links {
background:url(images/menu/links.png) no-repeat;
height:18px;
left:575px;
top:7px;
width:51px;
}

#menu .contact {
background:url(images/menu/contact.png) no-repeat;
height:17.5px;
left:680px;
top:7px;
width:90px;
}

.underlinemenu {
border-bottom:1px dashed #b2b2b2;
border-top:1px dashed #b2b2b2;
font-family:Georgia, serif;
font-size:10px;
font-style:normal;
font-weight:400;
letter-spacing:1px;
margin-top:10px;
overflow:hidden;
padding:0;
text-align:center;
text-transform:uppercase;
width:850px;
}

.underlinemenu ul {
margin:0;
text-align:center;
}

.underlinemenu ul li,#menu ul li {
display:inline;
list-style-type:none;
}

.underlinemenu ul li a {
color:#494949;
margin-right:10px;
text-decoration:none;
}

.underlinemenu ul li a:hover,.underlinemenu ul li a.selected {
color:#EDC732;
}
