@charset "UTF-8";

/*
Theme Name: HappiFace
Theme URI: http://www.happiface.com/
Description: A cute but professional design that exudes the fabulousness of happiface.com.
Version: 3.0
Author: Chad Holden
Author URI: http://www.maifith.com/
*/

@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/century_gothic-webfont.eot');
	src: local('☺'), url('fonts/century_gothic-webfont.woff') format('woff'), url('fonts/century_gothic-webfont.ttf') format('truetype'), url('fonts/century_gothic-webfont.svg#webfonta3PoMXsF') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {width:100%; height:100%}
body {background: #FFF; margin: 0px; padding: 0px; color:#666; font-family: "Century Gothic", "CenturyGothicRegular", Helvetica, Arial, sans-serif; font-size: 72.5%; text-align:center; position: relative;}

.clear {clear: both; height: 0px; width: 100%; overflow: hidden; padding: 0px; margin: 0px;}

a img {border:none;}
.sidebar h2.strong, a {font-weight: bold; color: #FF00CC; text-decoration: none;}
a:hover {color: #6ffdfe;}

.alignright {float:right; margin:0 0 0 10px; padding-bottom:10px}
.alignleft {float:left; margin:0 10px 0 0px; padding-bottom:10px}
.middle {vertical-align:middle; margin:0 4px 0 0;}

.caps {text-transform: uppercase!important;}
.black {color: #000!important;}
.brushes .black {font-size: 1.2em;}
.bigger {font-size: 1.2em; margin-top: 5px; padding-top: 5px; border-top: 1px solid #ccc; display: block;}

.img-border {padding:2px; background:#fff; border:1px solid #999999}

#flickr img {display: block; float: left; padding: 0px; position: relative; height: 55px; width: 55px; border-width:0; margin:2px; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix  { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#commentform textarea {width:350px;}

.rss {text-align: center; height: 25px;}
.technorati {text-align: center; height: 25px;}

input {padding: 2px; border:1px solid #999; font: normal 1em Verdana, sans-serif; color:#777;}
textarea {width:300px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #999; display:block; color:#777;}

blockquote {margin:20px; padding:1px 10px 1px 70px; background:url('image/bg_blockquote.gif') #eee top left no-repeat;}

.navigation {margin-top: 1.2em; padding-bottom: 1em; clear:left; margin:10px 0px 0px; border-top:1px solid #333; overflow: hidden;}
.previous {float: left;}
.next {float: right; text-align: right;}


/*  -------------- Start of centered container  ----------------  */
#container {width:1000px; margin:0px auto; height:100%; text-align:left; position: relative}

	#header {width:1000px; margin: 0px; padding: 40px 0 20px; position: relative; }
	#header h1 {display: block; margin: 0px; padding: 0px; background: #ff00e3 url(images/biglogo.png) center 20px no-repeat}
		#header h1 a {display: block; width:1000px; height: 190px; text-indent: -2500px;}
	
	#header h2 {display:block; width:167px; height: 279px; background: url(images/girl.png) top left no-repeat; text-indent: -2500px; position: absolute; top:5px; right: 30px; margin: 0px; padding: 0px; z-index: 25 !important;}
	
	.menu {display:block; list-style: none; margin: 17px 0 0; padding: 0px; height: 36px; background: #6ffdfe; position: relative; overflow: hidden;}
		.menu li {display: block; float: left; padding: 0 28px 0 18px; background: url(images/menu-middot.gif) right center no-repeat;}
		.menu li:last-child {display: block; float: left; padding: 0 0 0 20px; background: none;}
		.menu li a {display: block; padding: 6px 0 10px 0; font-size: 150%; font-weight: normal; color: #000; text-decoration: none; margin: 0 2px 0 0; white-space: nowrap; text-transform: uppercase;}
		#header .menu li.home {position: absolute; right:0px; background: none; padding: 0 10px 0 0; z-index: 30!important;}
		.menu li a:hover {color: #ff00e3;}
			.menu li.current-menu-item a {color: #ff00e3;}	

/*  -------------- Start of Body Content  ----------------  */
	#body_cont {padding: 0; margin: 0; overflow: hidden;}

	/*   rounded corners   */		
	.content_bottom {position: absolute; bottom:0px; left: 0px; width: 986px; display: block; height: 4px; overflow: hidden; background: url(images/content_bottom.gif) top left no-repeat}

	/*   content   */	
	.home #content_col {border: 1px solid #ccc;}
	#content_col {width: 750px; padding: 0 0 10px 0; margin: 0 22px 0 0; float: left; height:100%; overflow:auto;}
		/* special sizing for the homepage */
		.home #content_col {width: 500px; padding: 0 0 10px 0; margin: 0 22px; float: left; height:100%; overflow:auto;}
	
		#content_col h2 {color: #000000; font-weight:normal; font-size: 1.9em; letter-spacing: -1px; padding: 8px 0 8px 55px; background: url(images/flower_white-bg.gif) center left no-repeat; margin: 5px 0 0 0;}
		#content_col h3 {color: #FF00CC; font-weight:normal; font-size:2em; letter-spacing:-1px; padding:3px 0 3px 5px; margin:0 0 6px 0; background: #EcEcEc}
		p {margin: 0 0 10px 0; padding:0px}
		.entry {padding: 0 10px; line-height: 160%; overflow: hidden;}
		.post {overflow: hidden; padding:10px 0 0 0; border-bottom:solid 2px #ccc; margin:0 0 10px;}
		.entry h2 a, .entry h3 a {font-weight: normal}
		.entry h4 {margin:0 0 3px 0; font-size:1.2em; font-weight:normal; color:#666666}
		.entry h4 {color:#333333; font-size:1.1em}
		
		.entry ul {margin: 15px 0 15px 20px; }
		
		.postmeta {margin:5px 0 10px 0; padding:5px; clear:both}
			.postmeta .comments {display:block; height:24px; width:30px; background:url(images/comments.gif) top left no-repeat; color:#FFFFFF; text-align:center; font-size:1em; font-weight:bold; padding:2px 0 0; line-height:100%; float:right}
				.postmeta .comments a {color:#FFFFFF}

	.videos {list-style:none; margin:10px 0; padding:0px;}
		.videos li {display:block; float:left; width:290px; margin:0 5px 0 0; text-align:center; padding:0 0 10px 0}
		
	.portfolio {list-style:none; margin:10px 0; padding:0px;}
		.portfolio li {display:block; float:left; width:110px; margin:0 5px 0 0; text-align:center; padding:0 0 10px 0}

	.commentlist {list-style:none; margin:0px; padding:0px}
		.commentlist li {padding:5px;}
		.commentlist li.alt {padding:5px; background: #FFF4FF; border-top:1px dotted #FF00CC; border-bottom:1px dotted #FF00CC;}
		.commentlist li.author {padding: 10px 5px; background: #ddd; border-top:1px dotted #000; border-bottom:1px dotted #000; color: #000}
		#commentform textarea {width:97%; padding:1%; border:1px dotted #FFCCFF}
		#comments {font-size:1.3em;}
	
	/*   Sidebar   */	
	.sidebar {width:225px; padding: 0 0 10px; float: left;}
	.sidebar h2 {color:#000; font-size:1.3em; font-weight:normal; padding: 0; text-transform: uppercase; text-align: center; margin: 0 0 5px 0;}
	.sidebar h2.left {text-align: left; padding-left: 5px;}
	.sidebar .link a {color: #ddd;}
	.sidebar h2.bt {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ccc;}
	.sidebar .search {background: url(images/icons/search-archives.gif) 181px 4px no-repeat;}
	.sidebar > ul > li {border: 1px solid #ccc; margin-bottom: 5px; padding: 5px 2px;}
		.sidebar ul {margin: 0; padding: 0;}
		.sidebar > ul {list-style:none;}
		.sidebar > ul {margin:0 0 10px;}
		.sidebar > ul > li {overflow: hidden;}
		.sidebar ul li {display:block; list-style:none;}
			.sidebar li a {font-weight:normal;}
			.sidebar .video_icons {border-top: 1px solid #ccc;}
			.sidebar .video_icons li {padding:0; border-bottom:1px solid #ccc}
			.sidebar .video_icons li:last-child {border:none;}
			.sidebar .video_icons li a {display: block; position: relative; color: #000; text-align: center; padding: 10px 0 10px 75px; min-height: 45px; line-height: 170%}
			.sidebar .small li a {padding: 15px 0 0 48px; min-height: 35px;}
			.sidebar .video_icons li.noimg a {display: block; position: relative; color: #000; text-align: center; padding: 10px 0 0; min-height: auto; line-height: 170%;}
			.sidebar .video_icons li a span {color: #FF00CC; display: block;}
			.sidebar .video_icons li a img {position: absolute; left: 0px; top: 2px;}
			.sidebar .small li a img {position: absolute; left: 0px; top: 5px;}
			.sidebar li a:hover {color: #6ffdfe!important;}
		.sidebar li p {text-align: center;}
		
	#searchform {background: #eee; display: block; overflow: hidden; margin: 0 0 0 5px; width: 148px;}
		#searchsubmit {background: #efefef; color: #aaa;}
		
	.selectlist {background: #eee; display: block; overflow: hidden; margin: 0 0 0 5px; width: 144px; padding: 2px;}
		.selectlist select {width: 141px;}
		
	.feedburner {color: #000; text-align: left; padding: 10px;}
		.feedburner div {border: 2px solid #6ffdfe;}
		.feedburner div .form {display: block; background: #eee; display: block; overflow: hidden; margin: 0 0 0 5px; width: 148px;}
		.feedburner strong {font-weight: normal; display: block; padding: 0 0 8px 0;}
		.feedburner input.subscribe {width:auto; font-size: 10px; text-transform:uppercase; background: #efefef; color: #aaa;}
		.feedburner span {display: block; padding: 5px 0; color: #000; font-size: 10px;}
	

/*  -------------- End of Body Content  ----------------  */
	/*   Footer   */	
	#footer {padding: 10px; position: relative; width: 100%; color: #000}
	
	
	/*
	*ADDED BY RADIO ACTIVE MEDIA
	*/
	.menu li:last-child {padding:0 0 0 15px !important}
.menu li{padding:0 16px 0 11px !important;}
.menu li a{padding:8px 0 !important; font-size:120%;}
.sidebar .no_border li, .no_border{ border: none !important; padding:0 !important; margin:0 !important;}
.sidebar li a{display:block; float:left;}
.sidebar ul li, .sidebar ul{display:block; float:left;}
.social_right{width:218px; margin:0 0 0 4px; padding-bottom:5px}
.site_admin{width:218px; margin:0 0 0 4px; padding-bottom:5px; padding-bottom:7px !important;}
.social_right h2{border-bottom:1px solid #999999; padding:5px 0;}
.social_icons{padding:6px 0 0 20px; outline:none; border:none;}
.social_icons a{padding:0 13px 0 0; outline:none; border:none;}
.feedburner div{border:none !important;}
.feedburner strong{padding:0 0 1px 5px}
.envelope_icon{float:left; display:block; padding-top:8px}
.email_form{float:left; width:155px}
#feedburner_delivered_by{color:#999999}

.google_ad{border: none !important; padding:10px 0 0 35px !important; margin:0 !important;}
.search_form{background:#EEEEEE; padding:3px; width:202px;}
#searchform, .selectlist{overflow:visible}
.selectlist select{width:202px;}