/*
Theme Name:		Happily Blended
Theme URI:		http://happilyblended.com
Description:	custom theme for happilyblended
Author:			Astacia Carter
Author URI:		http://mamikazemedia.com/
*/

body { background: #963EAD; font: 65% Arial, Tahoma, sans-serif; text-align: center; }

* { padding: 0; margin: 0 }

/*---:[ global elements ]:---*/

a { color: #000; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; }
	a img { border: none; margin: 5px; }
blockquote { font-family: Arial, Tahoma, sans-serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }
code { color: #090; font-family: Courier, monospace; }
pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font: Arial, Tahoma, sans-serif; font-size: 1.4em; }
.flickr_blue { color: #007ae4; }
.flickr_pink { color: #ff2a96; }
.green { color: #090; }
.red { color: #f00; }
.orange { color: #f40; }
.purple { color: #909; }



/*---:[ headlines ]:---*/

h1, h2, h3 { background: #fff;  font-weight: bold; font-family: Arial, Tahoma, sans-serif; color: #000; }
h1 { background: #fff;  font-size: 3.6em; letter-spacing: -0.03em; }
	h1 a, h1 a:hover {  color: #000; text-decoration: underline; }
h2 { background: #fff;  font-size: 2.0em; }
	h2 a { background: #fff;  color: #000; text-decoration: none; }
		h2 a:hover { background: #fff; color: #000; text-decoration: underline; }
	.posts h2 { background: #fff;  margin: 0 0 0.1em 0; line-height: 1.2em; background: #fff; }
	.pages h2, h2.page_header { background: #fff;  margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	h2.archive_head { background: #fff; font-weight: bold !important; font-size: 16px !important; letter-spacing: normal !important; margin: 10px 0 !important; padding: 5px 2px !important;}
h3 { background: #fff;  font-size: 14px;  }
	.entry h3 { background: #fff;  background: #FFF; margin: 10px 0 5px 0; }
	.entry h3.top { background: #FFF; margin: 1.5em 0 0.5em 0 !important; }
	h3.comments_headers { background: #FFF; font-size: 14px; }
h4 { font: 1.2em Arial, Tahoma, sans-serif; color: #000; }
	h4 a { background: #FFF; color: #000; text-decoration: none; }
		h4 a:hover { background: #FFF; color: #000;text-decoration: underline; }
	.posts h4 { background: #fff; margin: 0 0 12px 0; padding: 0 0 10px 0; }

/*---:[ core layout elements ]:---*/

#container { background: #000; width: 950px; margin: 0 auto; }
	#content_box { background: #000; width: 950px; text-align: left; float: left; clear: both; padding: 0 0 5px 0; margin: 0 auto; }
		#content { background-color: #000; width: 500px; margin: 0 5px 0 10px; float: left; }
	#header { margin: 0 auto; padding: 0 auto; height: 30px; border-bottom: 2px solid #f8baf1;}
			#footer { background: url('images/footer-bg.png'); float: left; border-top: 5px solid #000; border-bottom: 10px solid #000; border-left: 10px solid #000; border-right: 10px solid #000; clear: both; margin: 0 auto; width: 930px; font-size: 10px; padding: 10 px; clear:both;}
			.pagenav { padding-top: 10px; }
			#ad-banner {padding: 0 0 5px 0; }
			#featured { margin: 10px 0 20px 34px; text-align:center; border: 2px solid #000; width: 460px; background: #000;}
/*---:[ header styles ]:---*/
#header a { margin: 0 auto; padding: 0 auto; height: 30px; border:0;}
#header_img  { position: relative; margin: 0; clear: both; }
#header_img a { position: relative; margin: 0; clear: both; }
	#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */

ul#nav { background:url('images/li-bg.png') top left repeat; text-align: left; color: #000; list-style: none; width: 940px; padding: 2px 5px; border-top: 3px solid #000; border-bottom: 3px solid #000; float: left; clear: both; height: 20px; }
	ul#nav li { color: #000; text-align: left; margin-right: 10px; padding: 0 4px 0 1px; font: 12px Arial, Helvetica, sans-serif; float: left; font-weight:bold; }
	ul#nav  li img {margin-top:0; }
		ul#nav li a { color: #000; text-decoration: none; }
		ul#nav li a:hover { color: #000; text-decoration: none; font-weight: bolder; font-style:italic;}
		ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover { color: #FFF; text-decoration: underline; font-weight:bolder; text-decoration:underline;}
	
ul#navmenu { text-align: left; background:#000; list-style: none; width: 944px; padding: 0 3px; border-top: 1px solid #000; border-bottom: 1px solid #000; float: left; clear: both; }
	ul#navmenu li { text-align: left; background:url('images/li-bg.png') top left repeat;padding: 3px 4px; font: 12px Arial, Tahoma, sans-serif; float: left;  border-bottom: 3px solid #000; border-right: 3px solid #000;}
		ul#navmenu li a, ul#nav li a:visited { color: #000; text-decoration: none; }
		ul#navmenu li a:hover { color: #303; text-decoration: underline; }
		ul#navmenu li.current_page_item a, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover { color: #000; text-decoration: underline; }

/*---:[ content styles ]:---*/
.entry {font-size: 14px; line-height: 14px; background: #fff; padding: 10px; border-top: #000 10px solid;}
.entry, .comment .reply { font-size: 1.2em; line-height: 1.65em; }
	.entry blockquote { font-size: 1.0em; }
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #000; text-align: center; float: right; }
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #000; text-align: center; float: left; }
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { background: #fff;  margin: 0 0 1.5em 0; }
	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	.entry ul { list-style-type: square; }
		.entry li { margin: 0 0 0.5em 0; }
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	.entry dl { margin: 0 0 1.5em 0; }
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		.entry dd { margin: 0 0 1.5em 20px; }
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }
  .entry p a { color: #000; text-decoration: none; }
   .entry p a:hover { color: #000; text-decoration: underline; } 

/*---:[ image styles ]:---*/	
	.entry img, .entry .gallery img { margin: 5px; }
	.entry img.left, .entry img.alignleft { padding: 3px; margin: 0.5em 15px 0.5em 0; float: left; clear: left; }		
	.entry img.right, .entry img.alignright { padding: 3px; margin: 0.5em 0 0.5em 15px; float: right; clear: right; }
	.entry img.center, .entry img.aligncenter { display: block; padding: 3px; margin: 0 auto 1.5em auto; float: none; clear: both; }
	.entry img.off { padding: 0 !important; border: none !important; }
	.entry img.stack { clear: none !important; }
	.entry div.alignleft { text-align: left; float: left; }
	.entry div.alignright { text-align: right; float: right; }
	.entry div.aligncenter { text-align: center; margin: 0 auto; }
	.entry div.wp-caption { margin-bottom: 1.5em; border: 3px double #000; overflow: hidden; max-width: 490px; }
		.entry .wp-caption img { display: block; margin: 5px auto; border: none; }	
		.entry .wp-caption-text { margin: 0 5px; font-size: 0.8em; line-height: 1.3em; }
	.entry .gallery { margin: auto auto 15px; }
		.entry .gallery .gallery-item { margin: 0 0 0.6em; }
		.entry .gallery .gallery-icon, .entry .gallery .gallery-caption { margin: 0; }
		.entry .gallery .gallery-caption { margin: 5px; font-size: 0.8em; line-height: 1.3em; text-align: left; }

.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }
	.tagged a, { padding: 0.25em; color: #000; text-decoration: none; }
		.tagged a:hover { color: #000; background: #fff; text-decoration: underline; }
	.add_comment { display: block; padding: 0 15px 0 20px; font-weight: bold; float: right; }
.navigation { background: #fff; color: #000; width: 300px; font-size: 1em; float: left; font-style:italic; clear:both; }
	.previous { background: #fff; color: #000; padding: 0 10px 0 0; float: left; }
	.next { background: #fff; color: #000;  float: right; }

.clear { width: 500px; height: 1px; margin: 0 0 10px 0; clear: both; }
.rule { background: url('/images/hr_tag_sep.gif') no-repeat; }
.flat { margin: 0 0 10px 0 !important; }
.whitespace { margin: 0 0 10px 0 !important; }

/*---:[ sidebar styles ]:---*/
#sidebar-wrapper { display: inline; float: right; overflow: hidden; width: 420px; margin: 0 auto; border: #000 5px solid;}
  #sidebar-wrapper img { margin: 5px; background: #FFF;}
#sidebar-top { background: #FFF; display: inline; float:left; border-right: 5px solid #000; overflow: hidden; text-align: center; width: 415px; margin: 0 5px 10px auto; }
  #sidebar-top .textwidget, #sidebar-left .textwidget, #sidebar-left { background: #FFF;}
  #sidebar-top .recentcomments, #sidebar-left .recentcomments, #sidebar-right .recentcomments { background: #FFF; padding-right: 10px; font-size: 9px;}
    #sidebar-top .recentcomments ul, #sidebar-left .recentcomments ul, #sidebar-right .recentcomments ul { background: #FFF; padding-right: 10px; font-size: 9px;}
	  #sidebar-top .recentcomments li, #sidebar-left .recentcomments li, #sidebar-right .recentcomments li { background: #FFF; padding-right: 10px; font-size: 9px;}
	  	  #sidebar-top .recentcomments li a, #sidebar-left .recentcomments li a, #sidebar-right .recentcomments li a { background: #FFF; padding-right: 10px; padding-bottom: 5px; font-size: 9px;}

#sidebar-left { background: #FFF; display: inline; float: left; overflow: hidden;text-align: left; width: 200px; margin: 0 auto;}
#sidebar-right { background:#FFF; display: inline; float: right; overflow: hidden; width: 200px; margin: 0 auto; border-right: #000 5px solid;}

#sidebar-wrapper h2, #sidebar-left h2, #sidebar-right h2, #sidebar-top h2 { background:url('images/li-bg.png') top left repeat; color: #000; padding-bottom: 5px; padding-top: 5px; font-size: 14px; font-weight: bold; padding-left: 10px; border-top: #000 5px solid; }
  #sidebar-wrapper h2, #sidebar-left h2 a, #sidebar-right h2 a, #sidebar-top h2 a { background:url('images/li-bg.png') top left repeat; color: #000; padding-bottom: 5px; padding-top: 5px; text-decoration: none; font-size: 14px; font-weight: bold; border-top: #000 5px solid; padding-left: 10px;  }
	#sidebar-wrapper h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img { display: none; font-size: 14px; margin: 5px; background:url('images/li-bg.png') top left repeat; font-weight: bold; color:#000; border-top: #000 5px solid; }

#sidebar-wrapper ul, #sidebar-left ul, #sidebar-right ul { margin: 0 5px; padding: 0px; font-size: 12px; background: #FFF; }
#sidebar-left ul.main-links li, #sidebar-right ul.main-links li, #sidebar-top ul.main-links li{ font-weight: bold; background: #FFF; }

#sidebar-wrapper li, #sidebar-left li, #sidebar-right li, #sidebar-top li { background: #FFF; list-style-type: none; margin: 0 auto;width: 200px; padding-right: 10px;}
  #sidebar-wrapper li a, #sidebar-left li a, #sidebar-right li a, #sidebar-top li a{ text-decoration: none; padding-right: 10px;background: #FFF;}
	#sidebar-wrapper li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover, #sidebar-top li a:hover { color: #000; text-decoration:underline; background: #FFF; }
#sidebar-wrapper .box { margin-bottom: 10px; padding-top: 5px; border: #000 5px solid;background: #FFF;}
				
		/*---< Calendar widget styles >---*/
		#calendar_wrap { font-size: 1.3em; }
				
/* Float Properties*/
.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfloat { display: inline-block; }

/* Hides from IE-mac \*/

* html .clearfloat { height:1%; }
*+html .clearfloat { height:1%; }
.clearfloat { display:block; }
/*---:[ comment styles ]:---*/

#comments { width: 400px; clear: both; }
	ol#commentlist { margin: 0; border-top: 1px solid #000; }		
		ol#commentlist li.comment { padding: 10px; list-style: none; overflow: hidden; border-bottom: 1px dotted #000; height: 1%; }
		ol#commentlist li.even { background: #fff; }
		ol#commenlist li.odd { background: #fff; }
		ol#commentlist li.trackback, ol#comment_list li.pingback { background: #FFF; }
			ol#commentlist li.comment ol.children { margin: 0 0 0 10px; }
				ol#commentlist li.comment ol.children li.comment { border-top: 1px dotted #000; border-bottom: none; padding-bottom: 0; margin-top: 1.2em; }
				
			.commentmetadata { margin: 0 0 1.2em; }			
				.comment_avatar .avatar { float: right; padding: 0 1.2em 1.2em 1.2em; }			
				.commentnumber { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }				
				.trackback .commentnumber, .pingback .comment_num { padding: 0 0 0 20px; }				
					.commentnumber a, { color: #000; text-decoration: none; }					
						.commentnumber a:hover { color: #000; text-decoration: underline; }				
				.commentmetadata strong { font-size: 1.6em; }					
				.comment_time { font: normal 1.1em Arial, Tahoma, sans-serif; }				
					.comment_time, .comment_time a { color: #888; text-decoration: none; }					
					.comment_time a:hover { text-decoration: underline; }		
				.comment .entry p { margin: 0 1.2em 1.0em 0; }			
				
/*---:[ comment pagination ]:---*/			
	#comments .navigation { overflow: hidden; padding: 1.0em 0; }
		#comments .navigation .alignleft { float: left; }
		#comments .navigation .alignright { float: right; }
			
/*---:[ comment form styles ]:---*/

#respond { width: 400px; padding: 10px ; clear: both; overflow: hidden; }
#commentform { width: 400px; padding: 10px 0 0 0; }
	#commentform p { padding: 3px 0;  }
		#commentform label { padding: 0 0 0 5px; font-size: 12px; }
		#commentform .text { width: 200px; padding: 3px; color: #000; font: normal 12px Arial, Tahoma, sans-serif;  }
                #commentform .text url { width: 200px !important; font: normal 12px Arial, Tahoma, sans-serif; }
                #commentform .text label { width: 200px !important; font: normal 12px Arial, Tahoma, sans-serif;  }
                #commentform .text email { width: 200px !important; font: normal 12px Arial, Tahoma, sans-serif;  }
                #commentform .text author { width: 200px !important; font: normal 12px Arial, Tahoma, sans-serif; }
                #commentform .submit { padding: 10px 4px; background: #FFF; font: bold 12px Arial, Tahoma, sans-serif; cursor: pointer; }
		#commentform p.subscribe-to-comments { font-size: 10px; }
			#commentform p.subscribe-to-comments label { font-size: 10px; }
			
/*---:[ search form styles ]:---*/

#search_form { }
	#search_form .search_input { width: 201px; padding: 3px; color: #090; font: normal 1.0em Arial, Tahoma, sans-serif; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
	li.widget .search_input { font-size: 1.1em !important; }
		#search_form .search_input:focus { border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
		
/*---:[ tweet js ]:---*/
#tweet { float: left; width: 150; }
#tweet a { text-decoration: none; }
#tweet a hover { text-decoration: underline; }
#tweet ul li { float: left;}
.twitterprefix { float: left;}
.twitterstauts { float: left; }
.twittertime {float: left; }