/*  
	Theme Name: 	Frankie's Folio Theme
	Theme URI: 		www.frankiesfolioblog.com
	Description:	A theme for Frankie by Frankie
	Version: 		2.8
	Author: 		Template_Help.com/Modified by Frankie's Folio
	Author URL: 	http://www.frankiesfolio.com/ 
*/

* { padding:0; margin:0;}

	html { font-size:100.01%; }
	body { font-size:11px; font-family: Arial, Helvetica, sans-serif; background:url(images/footer-bgr.jpg) scroll repeat 50% 0; color:#1a1a1a;}
	
.clear { clear: both;}

	table, td, div, img { border:0; border-collapse:collapse;}
	td {vertical-align:top;}
	ul { list-style: none;}
	p { padding:0px 0px 18px 0px;}
		
a {text-decoration: underline; color:#1a1a1a; outline:none;}
a:hover {text-decoration: none;}
	
	input, select, textarea, html body textarea { vertical-align:middle; font-size:11px; color:#484747; font-family:Arial;}
	input.text, select, textarea { padding:2px 0px 3px 6px; border:1px solid #e5e5e5; background:#fff;}
	
/*** Main ***/
	/*.tail-right {
		float:right;
	 	position:absolute;top:0; right:0;
		width:50%; height:472px;
		background:url(images/tail-right.gif) repeat-x 0 61px;}*/
	
	.main { /*width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "960px" : "100%"); min-width:980px;*/}
	.main { background:#e5e4dd; padding:0px 0px 0px 0px;}
	
	.main-bgr { background:url(images/bgr-top.gif) repeat-x 0 0;}
	
	.main-bgr02 { background:url(images/rulers.gif) no-repeat left 49px;}
	
	.main-width { width:976px; margin:0 auto;}
	
	.header { height:276px; padding:0px 0px 0px 15px;}
	
	.header .bgr { background:url(images/ffheader.jpg) repeat-y 0 0; height:212px; }
	
/*** Menu ***/

	.bgr02 {
		clear:both; float:right;
		*width: auto; height:56px;
		margin:38px 0px 0px 0px;
		}
	
	.main-menu {
		background:url(images/menu-bgr.gif) repeat-x 0 0; width: 316px;
		}
		
	.menu { background:url(images/menu-left.gif) no-repeat 0 0; *width: auto;}
	
	.menu-bgr { background:url(images/menu-right.gif) no-repeat right 0; *width: auto; padding:0px 2px 0px 0px; *padding:1px 6px 1px 0px;}
	
	.menu ul { list-style:none; width:100%; *float:left; *width:auto; overflow:hidden; text-align:left; margin:0 auto; margin:0px 0px 0px 6px;}
	.menu ul li { float:left; overflow:hidden; padding:16px 18px 16px 16px;}
	
	.menu ul li a {
		display: block; overflow:hidden;
		font-size:2.1em; color:#fff; 
		text-align:left; text-decoration:none;
		padding:0px 0px 0px 0px;
		}		

	.menu ul li a:hover {}
	
	.menu ul li.current_page_item a {}
	
/*** Logo ***/
	.logo { float:left;}
	.logo .indent { padding:48px 0px 0px 30px;}
	.logo h1 {font-size:0em; color:#abc713;}
	.logo h1:hover { text-decoration:none;}
	
/*** Slogan ***/
	.slogan { clear:both; height:256px; background:url(images/slogan.jpg) no-repeat 0 0; overflow:hidden;}
	
	.slogan h2 { width:235px; height:59px; overflow:hidden; text-indent:-1000em; background:url(images/slogan.gif) no-repeat 0 0; margin:29px 0px 0px 31px;}
	
	
	
/*** Search ***/
	.search { height:64px; overflow:hidden;}
	.search .indent { overflow:hidden; padding:10px 4px 0px 0px;}
	
	.search form { float:right; padding:0px 0px 0px 0px; background:url(images/search-bgr.gif) no-repeat 0 3px;}
	.search .text { width:237px; padding:3px 0px 3px 5px; border:0; background: transparent; margin:0px 6px 0px 0px;}
	.search .but { cursor: pointer; margin:0px 0px 0px 0px;}
	
/*** Rss ***/
	.rss {}
	
/*** Column ***/
	.content { clear:both; overflow:hidden; height:100%; padding:0px 0px 0px 0px; background:url(images/main-width-bgr.gif) repeat-y 0 0;}
	
	.content .corner-left-top { background:url(images/corner-left-top.gif) no-repeat 0 0;}
	.content .corner-right-top { background:url(images/corner-right-top.gif) no-repeat right 0;}
	.content .corner-left-bot { background:url(images/corner-left-bot.gif) no-repeat 0 bottom;}
	.content .corner-right-bot { background:url(images/corner-right-bot.gif) no-repeat right bottom; overflow:hidden; height:100%; padding:3px;}
	
	/******/
		/*.column-left { float:right; width:186px; margin:0px 6px 0px 0px; _margin:0px 3px 0px 0px;}*/
		.column-right { float:right; width:280px; margin:0px 0px 0px 15px; _margin:0px 0px 0px 12px; background:url(images/column-bgr.gif);}
		
		.column-right .corner-top { background:url(images/column-top.gif) no-repeat 0 0;}
		.column-right .corner-bot { overflow:hidden; height:100%; background:url(images/column-bot.gif) no-repeat 0 bottom; padding:25px 0px 0px 0px;}
	
	
/*** Widgets  ***/
	.widget {
		clear:both; overflow:hidden;
		width:219px; height:100%;
		padding:0px 0px 0px 0px;
		margin:0px 0px 3px 20px;
		
		}
	
	.widget-bgr {
		overflow:hidden; height:100%;
		padding:0px 0px 20px 0px;
		}
	
	.widget .title {
		overflow:hidden; height:100%;
		background:#f5f5f5; padding:12px 10px 11px 18px;
		margin:0px 0px 17px 0px;
		}
	
	.widget h2 {
		overflow:hidden; height:100%;
		background:url(images/widget-top.gif) no-repeat 0 0;
		font-size:1.4em; /*font-weight: normal;*/
		color:#313131; text-transform:uppercase;
		}
	
	.widget ul { clear:both; overflow:hidden; height:100%; font-size:1.3em; color:#fff; margin:0px 0px 0px 6px;}
	
	.widget ul li { overflow:hidden; height:100%; background:url(images/marker02.gif) no-repeat 0px 6px; padding:2px 0px 8px 13px;}
	
	.widget ul li a { display:block; height:100%; color:#fff; text-decoration:none;}
	.widget ul li a:hover { text-decoration: none;}
	
	.widget ul ul { font-size:1.3em; margin:0px 0px 0px 0px;}
	
	.widget ul ul li { border:0;}
	
	/*** widget_tag_cloud ***/
		.widget_tag_cloud h2 { height:10px; text-indent:-1000em; background:url(images/widget04.gif) no-repeat 0 0;}
		.widget_tag_cloud a { color:#fff; font-size:1.4em; padding:0px 5px;}
	
	/*** widget_text ***/
		.textwidget { color:#212121; font-size:1.3em; line-height:1.3em; padding:0px 20px 40px 20px;}
		.textwidget a { color:#212121;}
		
	/*** widget_page ***/
	
	/*** widget_categories ***/
		.widget_categories h2 { height:10px; text-indent:-1000em; background:url(images/widget02.gif) no-repeat 0 0;}
	
	/*** widget_meta ***/
		.widget_meta h2 { height:10px; text-indent:-1000em; background:url(images/widget03.gif) no-repeat 0 0;}
		.widget_meta ul li a { font-size:1.3em;}
	
	/*** widget_archive  ***/
	
	/*** widget_links  ***/
	
	/*** widget_recent_entries  ***/
		.widget_recent_entries .title { background:#00baff;}
		.widget_recent_entries h2 { height:10px; text-indent:-1000em; background:url(images/widget01.gif) no-repeat 0 0;}
		.widget_recent_entries ul li { background:url(images/marker.gif) no-repeat 0px 6px;}
		.widget_recent_entries ul li a { color:#00baff;}
	/*** widget_recent_comments  ***/
	
	/*** widget_other ***/
		#search .title { margin:0px 0px 0px 0px;}
		#search form { padding:10px 0px 10px 10px; background:#fff;}
		
		#search form .text { display:block; margin:0px 0px 8px 0px;}
		
		#search form .but { margin:0px 0px 0px -3px;}
		
		.widget_calendar table { margin:10px 0px 0px 20px;}
	
/*** Content  ***/

	/******/
		.column-center { /*overflow:hidden; height:100%;*/ float:left; width:681px;}
		
		.column-center-indent { padding:0px 0px 0px 16px; position:relative;}
		
		/******/
			.content .column-center .border-left { background:url(images/border-left.gif) repeat-y 0 0 #fff;}
			.content .column-center .border-right { background:url(images/border-right.gif) repeat-y right 0;}
			
			.content .column-center .corner-left-top { background:url(images/corner-left-top.gif) no-repeat 0 0;}
			.content .column-center .corner-right-top { background:url(images/corner-right-top.gif) no-repeat right 0;}
			.content .column-center .corner-left-bot { background:url(images/corner-left-bot.gif) no-repeat 0 bottom;}
			.content .column-center .corner-right-bot { background:url(images/corner-right-bot.gif) no-repeat right bottom; /*overflow:hidden; height:100%;*/ padding:17px 0px 0px 0px;}
			
			.column-center .indent { overflow:hidden; height:100%; padding:0px 21px 7px 0px; margin:0px 0px 21px 0px; background:url(images/content-line.gif) no-repeat 40px bottom;}
		
		/******/
			.column-center .title {
				/*overflow:hidden; height:100%;*/
				padding:0px 0px 0px 0px;
				margin:0px 0px 42px 0px;
				}
			
			.column-center .title h2 {
				overflow:hidden; height:100%;
				font-size:2em; /*font-weight: normal;*/
				color:#191919; line-height:1.3em;
				text-transform:uppercase;
				padding:16px 0px 0px 71px;
				}
				
			.column-center .title h3 {
				overflow:hidden; height:100%;
				font-size:2em; /*font-weight: normal;*/
				color:#191919; line-height:1.3em;
				text-transform:uppercase;
				padding:16px 0px 0px 71px;
				}
		
		/******/
			.column-center .title h2 a,
			.column-center .title h3 a { color:#191919; text-decoration:none;}
			
			.column-center .title h2 a:hover,
			.column-center .title h3 a:hover { text-decoration: underline;}
		
		/******/
			.title-page01 * {  font-size:1.8em; color:#191919; text-transform:uppercase; padding:0px 0px 10px 21px;}
			.title-page02 * {  font-size:1.8em; color:#191919; text-transform:uppercase; padding:0px 0px 10px 21px;}
			
		/******/
			.date {
				float: left; /*overflow:hidden;*/
				width:75px; height:75px;
				font-size:14px; background:url(images/date.gif) no-repeat 0 0;
				font-weight: bold; color:#fff;
				text-align: center; text-transform:uppercase;
				z-index:1; position: absolute; left:0; _margin:0px 0px 0px -16px;
				}
				
			.date span { display:block; font-size:36px; padding:11px 0px 0px 0px; margin:0px 0px -7px 0px;}
			
			.category a { color:#000; text-decoration:none;}
			.category a:hover { text-decoration: underline;}
			
			.author {
				overflow:hidden; height:100%;
				background:url(images/line.gif) repeat-x 0 bottom;
				font-size:11px; color:#559a10; line-height:1.2em;
				margin:-1px 27px 0px 23px;
				padding:0px 0px 14px 0px;
				}
				
			.column-center .bgnone { background: none; border:0;}
		
	/*******/
		.text-box {
			clear:both;
			/*overflow:hidden; height:100%;*/
			font-size:1.3em; line-height:1.6em;
			padding:2px 0px 0px 19px;
			}
			
		.pd { padding:0px 0px 0 0px;}
			
		.text-box p { padding:0px 0px 18px 2px;}
		
		.text-box p strong {}
		.text-box p em {}
		
		.text-box .list { float:left; margin-top:14px; width:290px;}
		.text-box .mr { margin-right:25px;}
		
		.text-box .fleft { margin:0px 22px 16px 0px; padding:0px 0px 0px 0px; display: inline; float:left; overflow:hidden; height:100%;}
		.text-box .fleft img { margin:0px 0px 0px 0px;}
		
		.text-box .fright { margin:2px 0px 7px 20px; padding:0px 0px 0px 0px; display: inline; float:right; overflow:hidden; height:100%;}
		.text-box .fright img { margin:0px 0px 0px 0px;}
		
		.text-box p.img {  padding:0px 0px 17px 0px; margin:-30px 0px 0px 0px;}
		
		/******/
			.more-link {
				clear:both; display:block;
				font-size:11px; font-weight: bold; color:#61b1c8;
				margin:0px 0px 0px 0px;
			}
			
			.more-link { text-decoration:none;}
			.more-link:hover { text-decoration:underline;}
		
		/******/
			.comments {
				float:right; width:32px; height:32px; text-align:center;
				background:url(images/comments.gif) no-repeat 0 0;
				margin:7px 0px 0px 0px;
				}
			
			.comments a { display:block; height:100%;
				font-size:1.9em; /*font-weight: bold;*/
				color:#fff; text-decoration:none;
				padding:5px 0px 0px 1px;
				}
				
			.comments a:hover { text-decoration:underline;}
		
		/******/
		
			.postmetadata { clear:both; font-size:1.2em; color:#1a1a1a; padding:5px 0px 10px 21px;}
			.postmetadata a { padding:0px 1px 0px 5px; color:#61b1c8; text-decoration:none;}
			.postmetadata a:hover { text-decoration: underline;}
		
		/******/
			.link-edit { padding:0px 0px 10px 21px; color:#61b1c8;}
			.link-edit a { font-size:11px; font-weight:bold; color:#61b1c8;}
			
		/******/
			.navigation { clear:both; font-size:11px; color:#61b1c8; padding:0px 22px 0px 23px;}
			
			.navigation a { font-size:11px; color:#61b1c8; padding:0px 0px 0px 0px;}
			
			.nav-top { margin:0px 0px 0px 0px; padding:23px 25px 25px 21px; overflow:hidden; height:100%; background:url(images/navigation.gif) repeat-x 0 0;}
			.nav-top a { font-size:17px;}
			/*.navigation a {text-decoration:none;}
			.navigation a:hover { text-decoration:underline;}*/
		
	/*******/
		.text-box h1, .text-box h2, .text-box h3, .text-box h4, .text-box h5, .text-box h6 { color:#000; font-family:Arial; line-height:1.5em;}
		.text-box h1 { font-size:2.2em; font-weight: normal;}
		.text-box h2 { font-size:2em; font-weight: normal;}
		.text-box h3 { font-size:1.8em;}
		.text-box h4 { font-size:13px; text-transform:uppercase; font-family:Arial;}
		.text-box h5 { font-size:1.4em;}
		.text-box h6 { font-size:1.2em;}
	
	/*** OL UL style***/
		.text-box ul { padding:0px 0px 7px 3px; overflow:hidden; height:100%;}
		.text-box ul li { background:url(images/marker.gif) no-repeat 0 5px; padding:1px 0px 5px 13px; list-style-image:none; list-style:none; font-weight:normal;}
		.text-box ul li ul { margin-left:10px;}
		.text-box ul li ol { margin-left:15px;}
		.text-box ul li ol li { list-style-type:decimal;}
		
		.text-box ol { padding-left:2px;}
		.text-box ol li { /*background:none;*/ padding:0px; margin-left:13px;  font-weight:normal;list-style-type:decimal;}
		.text-box ol li ul { padding:2px 0px 5px 2px;}
		.text-box ol li ul li { font-weight:normal; background:url(images/marker.gif) no-repeat 0 5px; padding:3px 0px 9px 13px;}
		
		.text-box ul li { list-style-image:none; list-style:none;}
		
		/*.text-box ul li a { text-decoration:none;}
		.text-box ul li a:hover { text-decoration:underline;}*/
		
		.text-box ul li ul { margin-left:15px;}
		.text-box ul li ol {margin-left:20px;}
		.text-box ul li ol li { list-style-type:decimal;background:none;}
		.text-box ul li ol li a { /*background:none;*/}
		
		.text-box ol { padding:5px 0px 5px 2px;}
		.text-box ol li{ /*background:none;*/ padding:0px; margin-left:20px;}
		.text-box ol li a { padding-left:0px; text-decoration:none; font-weight:normal;}
		.text-box ol li a:hover{ text-decoration:underline; }
		.text-box ol li ul li a { font-weight:normal; text-decoration:underline;}
		.text-box ol li ul li a:hover {text-decoration:none;}

/*** Footer ****/
	.line { overflow: hidden; background:url(images/line.gif) repeat-x 0 0;}
	
	.line .width { width:976px; margin:0 auto; height:65px; background:url(images/main-width-bgr.gif) repeat-y 0 0;overflow: hidden;}
	
	.footer {
		clear:both;	overflow:hidden;
		background:url(images/footer-top-bgr.gif) repeat-x 0 0;
		font-size:1.3em; color:#b1b1b1;
		line-height:1.5em;
		}
	
	.footer .footer-bgr { background:url(images/footer-top.gif) no-repeat left 0;}
		
	.footer .width { width:976px; margin:0 auto;}
		
	.footer .indent {
		overflow:hidden; height:100%;
		padding:38px 0px 63px 33px;
		}
		
	.footer span { color:#1a1a1a;}
		
	.footer a { color:#b1b1b1; text-decoration:none;}
	.footer a:hover { text-decoration: underline;}
		
/* -----------------------------------------------------------------
---------------------------- WP ------------------------------------
----------------------------------------------------------------- */

	.info-sidebar { clear:both; padding:12px 20px 20px 20px; width: auto; color:#fff; overflow: hidden; font-size:1.2em; line-height:1.4em;}
	.info-sidebar a { text-transform:none; color:#fff;}
	
	.pagetitle { font-size:2.1em; font-weight: normal; overflow:hidden; color: #000; text-align:center; padding:6px 12px 10px 12px; *padding:6px 12px 10px 12px;}

/*--- Navigations ---*/
	.navigation { clear:both; overflow:hidden; line-height:13px;}
	.navigation .alignleft { float: left; width:45%; text-align:left;  padding:0px 0px 0px 0px;}
	.navigation .alignright { float: right; width:45%; text-align:right; padding:0px 0px 0px 0px;}
	.nav-top .alignright a { float: right; }
	
	
	.pd-nav { padding:0; margin:0;}
	.pd-nav .alignleft { padding:0; margin:0;}
	.pd-nav .alignright { padding:0; margin:0;}
	
	.pd-title {padding-bottom:0;}
	
	.marg { margin-bottom:10px;}

/*--- Begin Images ---*/
	p img {
		padding: 0;
		max-width: 100%;}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;}
	
	img.alignright { float: right;display:inline;
		padding: 0;
		margin: 3px 0px 10px 20px;}
	
	img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}
	
/*------*/
	#tag_cloud .widget-bottom-left { padding-bottom:15px;}
	#tag_cloud .widget-heading { margin-bottom:15px;}
	#tag_cloud a { padding-left:3px;}
	
	/*--- Popup styles ---*/
	#commentspopup {}
	#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}
	#commentspopup .page-padding {padding:0 5px;}
	#commentspopup .page-width {width:538px; margin:0 auto;}
	#commentspopup .header-top {background:url(images/popup_header_bg_top.jpg) top repeat-x;}
	#commentspopup .header-top-right {background:url(images/popup_header_bg_top_right.jpg) top right no-repeat;}
	#commentspopup .header-top-left {background:url(images/popup_header_bg_top_left.jpg) top left no-repeat; width:100%; height:160px;}
	#commentspopup .header-padding {padding:39px 0 0 89px;}
	#commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-10000em; width:141px; height:27px;}
	#commentspopup h1:hover {text-decoration: none; cursor:pointer;}
	#commentspopup .description {width:141px; height:9px; text-indent:-10000em; margin-top:2px;}
	#commentspopup .description2 {width:249px; height:27px; text-indent:-10000em; margin-top:19px;}
	#commentspopup .border-bottom-left {padding:17px 37px 10px;}
	#commentspopup p {font-size:11px;}
	
	
/*--- Begin Typography & Colors ---*/
	small {	font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
	small * {font-size: 0.9em;}
	small p {font-size: 0.9em;}
	
	select { width: 130px;}
		
	#commentform { font-size:1.2em; overflow:hidden; height:100%; padding:0px 0px 0px 2px;}
	
	/*.commentform {float:left;}*/
	
	#commentform input {
		margin: 5px 5px 1px 0;}
	
	#commentform {
		margin: 5px 10px 0 0;}
		
	#commentform textarea {
		width: 100%;
		padding: 2px;}
		
	#respond:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;}
		
	#commentform #submit {
		/*margin: 0 0 10px auto;
		float: right;*/ margin:0px 0px 0px 334px;}
		
	#respond p { padding:0px 0px 10px 0px; text-indent:0;}
	#respond form p { padding:0px 0px 10px 0px; text-indent:0;}
	
/*--- Begin Calendar ---*/
	#wp-calendar { empty-cells:show; width: 155px;}
	
	#wp-calendar th { padding:3px 0; text-align:center; color:#fff;}
	#wp-calendar td { padding:3px 0; text-align:center; color:#fff;}
	
	#wp-calendar a { display: block; font-weight:bold; color:#fff;}
	#wp-calendar #next a { padding-right: 10px;	text-align: right; font-weight: normal;}
	#wp-calendar #prev a { padding-left: 10px; text-align: left; font-weight: normal;}
	
	#wp-calendar caption { text-align: center; color:#fff; font-weight:bold; font-size:1.3em; padding:0px 0px 6px 0px;}
	
	.widget-bot #wp-calendar * { color:#fff;}
	
	.widget-bottom #wp-calendar * { color:#fff;}
	
	
/* Begin Various Tags & Classes */
	acronym, abbr, span.caps {
		cursor: help;
		}
	
	acronym, abbr {
		border-bottom:1px dashed #999;
		}
	
	blockquote {
		border:1px solid #4488d2;
		background:#dad9d3; padding:15px 10px 10px 20px; margin:5px 0; color:#000;
		}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}
	
	
/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;}
	
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-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;}
	
	
/* Begin Comments*/
	.alt { clear:both; padding-bottom:20px; font-weight: normal;}
	
	.alt a { padding:0px 0px 0px 0px; text-decoration:underline;}
	
	.commentlist { color:#000;
		text-align: justify;
		}
	.commentlist a { color:#000}
	.commentlist span { color:#000; font-weight: bold;}
	
	ol.commentlist  li { list-style: none; font-size:11px;
		margin:6px 0px 6px 0px;
		padding: 5px 10px 3px;
		/*list-style: none;*/
		background:#e5e4dd;
		}
		
	.commentlist li .avatar { 
		float: right;
		border: 1px solid #000;
		padding: 2px;
		background: #fff; /*margin:0px 20px 15px 0px;*/
		}
	
	.commentlist p { color:#000;
		margin: 10px 5px 10px 0;
		}
	
	#commentform p {
		margin: 5px 0;
		padding-left:15px;
		}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
	.commentmetadata {
		margin: 0;
		display: block;
		}