/*
Theme Name: FranklyRealty_Fluid
Theme URI: http://azzcatdesign.com
Description: Derived from Starkers by Elliot Jay Stocks: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.1 (WordPress ver. 2.8.4)
Author: Catherine Azzarello, Azzcat Design
Author URI: http://azzcatdesign.com
Tags: custom, jello, distressed, grunge
*/
/*==================== COLOR KEY ==================== 
FranklyPurple: #670099
FranklyPurple hover: #9a00e5
Purple shadow: #69457f
sidebar boxes: #e5e0b9
green shadow for bevel: #7c7e3f
tab rose hover: #9f4f79
tab yellow/green: #babd59
pale grey: #e9e9e9
rss rose: #cc6699
footer copy: #c86ffb
footer hover: #e7b8fb
==================== END COLOR KEY ====================*/

/*==================== RESET ====================*/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td 
{ margin:0; padding:0; }
table	{ border-collapse:collapse; border-spacing:0; }
fieldset, img	{ border:0; }
address, caption, cite, code, dfn, em, strong, th, var 
{ font-style:normal; font-weight:normal; }
ol, ul, li	{ list-style:none; }
caption, th	{ text-align:left; }
h1, h2, h3, h4, h5, h6	{ font-size:100%; font-weight:normal; }
q:before, q:after	{ content:'';}
strong	{ font-weight: bold; }
em	{ font-style: italic; }
a img	{ border:none; } /* Gets rid of IE's blue borders */
div	{	position: relative; }	/* This will save having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/*==================== END RESET ====================*/
/* LAYOUT * *ORIG FROM STARKERS*/
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; }
.alignright { float:right; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; }
.wp-caption img 
{  margin: 0;
   padding: 0;
   border: 0 none; }
.wp-caption p.wp-caption-text 
{  font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0; }
.more	{ clear: both; }
.categories {...}
.cat-item {...}
.current-cat {...}
.current-cat-parent {...}
.pagenav {...}
.page_item {...}
.current_page_item {...}
.current_page_parent {...}
.widget {...}
.widget_text {...}
.blogroll {...}
.linkcat{...}

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0; } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0; } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* AZZCAT'S CUSTOMIZATION */
/*==================== TYPOGRAPHY ====================*/
/*Azzcat added @font-face 10/01/2009 
		
/* * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. * http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ * The fonts included are copyrighted by the vendor listed below. * * @vendor: Yanone * @vendorurl: http://www.yanone.de * @licenseurl: http://www.fontsquirrel.com/license/Yanone-Kaffeesatz * * */

/* Font definition for Internet Explorer */
/*         (*must* be first)             */
/* can't use format() */
 
@font-face 
{ 	font-family: 'YanoneKaffeesatz-Thin'; 
	src: url('fonts/YanoneKaffeesatz-Thin.eot'); 
	src: local('Yanone Kaffeesatz Thin'), local('YanoneKaffeesatz-Thin'), url('fonts/YanoneKaffeesatz-Thin.otf') format('opentype'); } 

@font-face 
{ 	font-family: 'YanoneKaffeesatz-Light'; 
	src: url('fonts/YanoneKaffeesatz-Light.eot'); 
	src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url('fonts/YanoneKaffeesatz-Light.otf') format('opentype'); } 

@font-face 
{ 	font-family: 'YanoneKaffeesatz-Regular'; 
	src: url('fonts/YanoneKaffeesatz-Regular.eot'); 
	src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('fonts/YanoneKaffeesatz-Regular.otf') format('opentype'); } 

@font-face 
{ 	font-family: 'YanoneKaffeesatz-Bold'; 
	src: url('fonts/YanoneKaffeesatz-Bold.eot'); 
	src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url('fonts/YanoneKaffeesatz-Bold.otf') format('opentype'); } 

@font-face
{	font-family: 'Miso-Bold';
	src: url('fonts/miso-bold.eot'); }			
	
/* @vendor:     Vic Fieger
 * @vendorurl:  http://www.vicfieger.com
 * @licenseurl: http://www.fontsquirrel.com/license/Underwood-Champion *
 */

@font-face {
	font-family: 'Underwood-Champion-Regular';
	src: url('fonts/underwood_champion.eot');
	src: local('Underwood Champion Regular'), local('UnderwoodChampion-Regular'), url('fonts/underwood_champion.ttf') format('truetype');
}

@font-face 
{	font-family: 'Cuomotype';
	src: local('Cuomotype'), local('Cuomotype'), url("fonts/Cuomotype.TTF"); format("trutype"); }
		
.yanoneK
{	font-family: 'YanoneKaffeesatz-Regular', 'LucidaSans'; }

.cuomo
{	font-family: 'Cuomotype', 'Underwood-Champion-Regular'; }
	
body 				
{ 	font-size:75%;
	color:#222;
	font-family: 'Verdana', 'Helvetica', Arial, sans-serif;
	background-color: #fff;
	line-height: 1.5; }
h1, h2, h3, h4, h5, h6 
{ 	color: #000;
	margin: 0.5em 0;
	line-height: 1;
	font-family: 'Georgia', serif; }	
h1 	{ 	font-size:3em; font-family: 'YanoneKaffeesatz-Regular', 'Miso-Bold'; }
h2 	{ 	font-size:2em; font-family: 'Cuomotype', 'Underwood-Champion-Regular'; }	
h3 	{ 	font-size:1.75em; font-family: 'Cuomotype', 'Underwood-Champion-Regular'; }	 
h4 	{ 	font-size:1.5em; font-family: 'Cuomotype', 'Underwood-Champion-Regular'; }	
h5	{	font-size:1.5em; font-family: 'Cuomotype', 'Underwood-Champion-Regular'; color: #670099; }
h6 	{ 	font-size:1em; font-weight: bold;}

p 	{ 	margin:0 0 1em; }		
blockquote	{ 	margin: 1em; padding: 1em; }	
cite	{ 	font-family: 'Georgia', serif; font-style: italic; font-size: .9em; color: #666; }
code	{	font-family: 'Courier New', 'Courier', monospace; }	
sup, sub	{ 	line-height:0; }	
abbr, acronym	{ 	border-bottom:1px dotted #666; }	
address 	{ 	margin:0 0 1.5em;font-style:italic; }	
caption 	{ 	background:#eee; }	
.small 	{ 	font-size:.8em; }	
.large 	{ 	font-size:1.2em; }
/*==================== END TYPOGRAPHY ====================*/

/*==================== LINKS AND IMAGES ====================*/	
a:link	{ 	color: #670099; text-decoration: none; }    
a:hover, a:active	{ 	color: #9a00e5; text-decoration: underline; }
a:visited	{	color: #666;}
/*==================== END LINKS AND IMAGES ====================*/

/*==================== FORMS AND TABLES ====================*/    
form 
{	margin: 0;
    	padding: 0;
     display: inline; }
input		
{	padding: 2px;
	text-align: right;
	color: #666;
	font-size: .9em;
	margin-bottom: 5px;}
input[type=submit],label,select,.pointer	{	cursor:pointer; }

table	{	margin: 0; padding: 0; border: none; }
 
/*==================== END FORMS AND TABLES ====================*/

/*==================== MAIN CONTAINERS ====================*/
/*These rules are for main container positioning, and background images. DO NOT CHANGE Z-INDEX VALUES!!!*/

html, body, #wrapper	{	height: 100%; }
body > #wrapper	{	height: auto; min-height: 100%; }
body 				
{ 	position: relative;
	z-index: 100;
	background: url(jello_img/bkgd_FranklyBlog.jpg) fixed left top; }
#wrapper /*presentational div container*/
{	margin: 0 0; /*note this differs from original to achieve jello*/
	padding-bottom: 90px; /* must be same height as the footer */ }
#paper_wrap /*presentational div container*/
{	z-index: 200;
	margin-bottom: -90px;
	padding-bottom: 90px;
	max-width: 1310px;
	min-height: 1100px;
	background: url(jello_img/bkgd_paper1280.png) no-repeat 40px bottom fixed; }  
#header
{	z-index: 800;
	height: 150px;
	margin: 0 20px 0 160px;	} 
#content_wrap /*presentational div container*/
{	z-index: 700;
	margin: 0 0 20px 160px;
	overflow: hidden;
	clear: both; } 
#main_content /*no padding here as it interferes with % width */
{	position: relative;
	z-index: 800;
	width: 65%;
	margin-top: 10px;
	float: left; }
#sidebar /*no padding here as it interferes with % width */
{	position: relative;
	z-index: 900;
	width: 25%;
	float: right; }
#footer 
{	z-index: 1100;
	height: 90px;
	width: 100%;
	margin-top: -90px; /* negative value of footer height */
	background-color: black;
	background: url(jello_img/footer.png) no-repeat top center; }
/*==================== END MAIN CONTAINERS ====================*/

/*==================== SUB CONTAINERS ====================*/
#top_edge /*presentational div container*/
{	position: fixed;
	z-index: 1400;
	top:0;
	width: 100%;
	height: 42px;
	background: url(jello_img/purple-paper-top.png) no-repeat -250px -5px; /* moved left to "center" over wrapper */	
}

/*---------- within wrapper ----------*/
#thumbs_up /*presentational div container*/
{	position: absolute;
	z-index: 600;
	width: 109px;
	height: 252px;
	top: -40px; /*different placement for jello layout */
	left: 32px;
	background: url(jello_img/Frank_thumb.png) no-repeat; }
		
	/*----- within header -----*/
	#header h1
	{	display: block;
		width: 320px;
		height: 115px;
		float: left;
		text-indent: -9999px;
		background: url(jello_img/headline_80.png) no-repeat left 20px; }
	
	#header h1 a
	{	display: block;
		width: 320px;
		height: 115px; }
		
	#logo
	{	width: 157px;
		height: 98px;
		margin: 35px 220px 0 100px;
		float: left; }
	
	#tear /*presentational div container*/
	{	display: block;
		position: absolute;
		width: 82px;
		height: 320px;
		top: 0;
		left: 70%; /* now % positioning for jello */
		background: url(jello_img/bkgd_tear.png) no-repeat top right; }

		.peek
		{	display: block;
			position: absolute;
			z-index: 700;
			top: 0;
			left: 2px; }
	
	#search_box
	{	position: absolute;
		top: 10px; /* slight difference for jello */
		z-index: 650;
		left: 77%;
		width: 240px;
		height: 110px;
		background: url(jello_img/bkgd_search.png) no-repeat left -30px;;
		padding: 15px 5px 10px 30px; }	
		#search_box input
		{	float: left; }
		#search_box input.box_input
		{	margin-top: 5px; }		
		/*----- end within header -----*/
	
	/*---------- left side tabbed navigation -----------*/
	#main_nav
	{	position: fixed;
		z-index: 500;
		width: 120px;
		height: 550px;
		left: 70px;
		top: 170px; }	
	#edge /*presentational div container*/
	{	position: fixed;
		z-index: 600;
		width: 160px;
		height: 900px;
		top: 0;
		left: 120px;
		background: url(jello_img/paper_edge.png) no-repeat top left; }	
		#main_nav li a
		{	display: block;
			top: 0;
			left: 0;
			width: 120px;
			height: 110px;
			background: url(jello_img/sidetabs_sprites.png) no-repeat;
			text-indent: -9999px; }
	
			/* normal state */			
			li#about a
			{	background-position: 0 0; }		
			li#videos a
			{	background-position: 0 -110px; }		
			li#local a
			{	background-position: 0 -220px; }		
			li#activeRain a
			{	background-position: 0 -330px; }					
			li#questions a
			{	background-position: 0 -440px; }
					
			/* hover state */		
			li#about a:hover, li#about a:active
			{	background-position: -110px 0; }		
			li#videos a:hover, li#videos a:active
			{	background-position: -230px -110px; }		
			li#local a:hover, li#local a:active
			{	background-position: -350px -220px; }		
			li#activeRain a:hover, li#activeRain a:active
			{	background-position: -470px -330px; }							li#questions a:hover, li#questions a:active
			{	background-position: -590px -440px; }			
	/*---------- end left side tabbed navigation -----------*/	

	/*----- within main_content ----*/
	.box
	{	-moz-border-radius: 8px;
		-khtml-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border-top: 3px #69457f groove;
		border-left: 3px #69457f groove;
		border-right: 3px #fff solid;
		border-bottom: 3px #fff solid;
		padding: 20px;
		background: url(jello_img/bkgd_white_fill.75.png)	repeat; }
	.box_input
	{	-moz-border-radius: 8px;
		-khtml-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;	
		border-top: 1px #7c7e3f groove;
		border-left: 1px #7c7e3f groove;
		border-right: 1px #fff solid;
		border-bottom: 1px #fff solid; }	
		/*----- within post -----*/
		
		.post
		{	background: url(jello_img/bkgd_post_rule.png) no-repeat bottom center;
			padding-bottom: 20px;
			margin-top: 10px;
			clear: both; }	
		.post h2
		{	padding-left: 80px; }				
		.post img
		{	background: #fff;
			padding: 6px;
			-moz-border-radius: 8px;
			-khtml-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;	
			border: 1px #670099 solid; 
			margin: 10px; }		
		.post .date
		{	position: absolute;
			z-index: 850;
			top: -30px;
			left: -20px;
			width: 95px;
			height: 75px;
			background: url(jello_img/bkgd_date_bot.png) no-repeat 0 8px; }		
			.post:first-child .date
			{	background: url(jello_img/bkgd_date_top.png) no-repeat 5px 0; }			
			.post .day 
			{	font-family: 'Cuomotype', 'Underwood-Champion-Regular';
				font-size: 2.5em;
				position: absolute;
				left: 30px;
				top: 2px;	}			
			.post .month 
			{	font-family: 'YanoneKaffeesatz-Light', 'Miso-Bold';
				font-size: 1.35em;
				color: #fff;
				position: absolute;
				left: 25px;
				top: 33px; }				
			.post .year 
			{	font-family: 'YanoneKaffeesatz-Regular', 'Miso-Bold';
				font-size: 1.35em;
				position: absolute;
				left: 65px;
				top: 18px; }			
		.post .comment_flag
		{	position: absolute;
			z-index: 5000;
			width: 60px;
			height: 126px;
			top: 5px;
			right: -65px;
			background: url(jello_img/bkgd_comments.png) no-repeat top left; }			
			.post .comment_flag li
			{	font-family: 'Cuomotype', 'Underwood-Champion-Regular';
				padding-left: 8px; font-size: 2.5em; }			
			.post .comment_flag a
			{	color: #fff; text-decoration: none; }			
			.post .comment_flag a:hover
			{	text-decoration: underline; }	
		.read_more, .comments, count_number
		{	margin-right: 5px; float: left; }			
		/*----- end within post -----*/
	.morePrev	{text-align: right;}	
				
	/*----- end within main_content ----*/
		
	/*----- within sidebar -----*/	
	#subscription 
	{	display: block;
		position: relative;
		top: 0;
		left: 0;
		z-index: 800;
		width: 250px;
		height: 187px;
		text-align: center;
		background: url(jello_img/bkgd_subscribe.png) no-repeat top center; }	
		#subscription h4
			{ 	font-family: 'YanoneKaffeesatz-Light', 'Miso-Bold';
				font-size: 2em; 
				margin:0; 
				padding: 30px 0 0 0; }	
		#sub_input
		{	position: relative; top: 0; }
			#subscription #join
			{	float: right; margin-right: 20px; }	
			#subscription a.textleft	{	margin-left: 12px; }	
	#rss 
	{	text-indent: -9999px;
		display: block;
		position: absolute;
		top: 40px;
		right: -10px;	}	
		#rss a
		{	display: block;
			width: 77px;
			height: 77px;
			background: url(jello_img/rss_sprite.png) no-repeat bottom center; }		
		#rss a:hover
		{	background: url(jello_img/rss_sprite.png) no-repeat top center; }
		
	#AIM
	{	position: relative;
		display: block;
		z-index: 950;
		width: 256px;
		height: 250px;
		margin-top: 20px;
		background: url(jello_img/bkgd_aim.png) no-repeat top center; }			#AIM #wimzi
		{	position: absolute;
			display: block;
			top: 15px;
			left: 45px;
			width: 162px;
			height: 192px;	}			
			#AIMBuddyListContainer /* This line FIXES the footer jump up problem. 09/30/2009*/
			{	position:absolute; top:0; left:0; }
			
/* Below ADDED on 6.16.2009 by Michael for New Blog Video Walkthrough */
	#NEW
	{	position: relative;
		display: block;
		z-index: 950;
		width: 256px;
		height: 250px;
		margin-top: 20px;
		margin-bottom: -10px;
		background: url(jello_img/bkgd_aim.png) no-repeat top center; }
		#NEW #newvideo
		{	position: absolute;
			display: block;
			top: 25px;
			left: 22px;
			width: 162px;
			height: 192px;		}
/* END New Blog Video Walkthrough by Michael */			
	
	#sidebar h2.widgettitle
	{	width: 200px;
		margin-left: 30px;
		color: #670099;
		font-size: 1.75em;
		border-bottom: #670099 solid thin;
		padding-top: 20px; }	
		.widget > p
		{	text-align: left;
			padding: 20px 30px 0 30px; }	
		.widget a
		{	color: #000; text-decoration: none; }		
		.widget a:hover
		{	color: #670099; }	
	li.widget
	{	display: block;
		width: 250px;
		background: url(jello_img/bkgd_topics_top.png) no-repeat top center; }	
		li.widget ul
		{	display: block;
			width: 250px;
			background: url(jello_img/bkgd_sidebar_bot.png) no-repeat bottom center;
			padding-bottom: 40px;}		
			li.widget ul li
			{	background: url(jello_img/bkgd_topics_bot.png) no-repeat bottom center; 			
				padding: 0 20px 0 25px; }	
	#text-443825731
	{	display: block;
		height: 340px;
		background: url(jello_img/bkgd_mls.png) no-repeat top center;}	
		.textwidget
		{	top: 10px; left: 20px; }							
	/*----- end within sidebar -----*/		
/*---------- end within wrapper ----------*/

/*---------- footer -----------*/	

#smile /*presentational div container*/
{	position: absolute;
	z-index: 1200;
	width: 220px;
	height: 227px;
	left: 78%;
	bottom: 0;
	background: url(jello_img/Frank_lookup.png) no-repeat; }
#footer_bkdg_container
{	z-index: 1300;
	width: 100%;
	background: url(jello_img/footer.png) no-repeat top center; }
	#footer_content
	{	max-width: 1310px;
		padding: 20px 30px 0 0;
		color: #c86ffb; }	
	#footer_content a
	{	text-decoration: underline; color: #c86ffb; }	
	#footer_content a:hover
	{	color: #e7b8fb; }	
	#footer_content a:visited
	{	color: #666; }
	ul#copyright
	{	float: right; width: 25%; text-align: right; }
	ul#credits
	{	float: right; text-align: right; }
	#featured
	{	position: absolute;
		z-index: 4000;
		width: 220px;
		height: 200px;
		bottom: -70px;
		left: 2%;
		background: url(jello_img/bkgd_featured.png); }	
		#featured img
		{	margin: 20px 30px 25px 50px; }				
/*==================== END SUB CONTAINERS ====================*/

/*==================== COMMENTS TEMPLATE ====================*/

#comments_template 
{	margin: 10px;
	padding: 15px;
	clear: both;
	overflow: hidden;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	border-top: 1px #7c7e3f groove;
	border-left: 1px #7c7e3f groove;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid; }
#comments_template h3
{	font-size: 2em; }
#comments_template input 
{	background: #e5e0b9;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; } 
#comments_template li 
{	clear: left;
	border-bottom: 1px solid #666;
	border-top: 1px solid #fff;
	padding: 2em 0;
	overflow: hidden; }
#comments_template li:first-child 
{	border-top: none; }
#comments_template li:last-child 
{	border-bottom: none; }
#comment
{	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	border-top: 1px #7c7e3f groove;
	border-left: 1px #7c7e3f groove;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid; }
#comments_template img
{			background: #fff;
			padding: 6px;
			-moz-border-radius: 8px;
			-khtml-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;	
			border: 1px #670099 solid; 
			margin-right: 5px; 
			width: 60px; 
			height: 60px; }
.fn	{	font-size: 1.25em; }
/*==================== END COMMENTS TEMPLATE ====================*/

/*==================== COMMON CLASSES ====================*/

.clear	{ clear: both; }
.textLeft	{ text-align: left; }
.textRight	{ text-align: right; }
.textCenter	{ text-align: center; }
.textJustify	{ text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } 
/* remember to set width */
    
.bold	{ font-weight: bold; }
.italic	{ font-style: italic; }
.underline	{ text-decoration: underline; }
.noindent	{ margin-left: 0; padding-left: 0; }
.nomargin	{ margin: 0; }
.nopadding	{ padding: 0; }
.nobullet	{ list-style: none; list-style-image: none; }
/*==================== END COMMON CLASSES ====================*/

/*==================== FIXES AND HACKS ====================*/

/* CLEAR FIX*/
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*==================== END FIXES AND HACKS ====================*/