@import url(css/reset.css);
@import url(css/grid.css);
/*
Theme Name: Flexx Theme - Professional
Theme URI: http://flexxtheme.com/
Author: iThemes
Author URI: http://ithemes.com/
Version: 2.0.8
Description: Flexx is an endlessly extensible, highly configurable blog theme from iThemes.com.
Tags: blog, theme options, multiple layouts, multiple color schemes
All the CSS, XHTML, design, and images are copyrighted. Please don't steal.

Version History
1.0.0 - 2008-11-12
Initial Release
1.0.1 - 2008-11-13
Updated featured-images.php code to 1.0.7
1.0.2 - 2008-11-13
Updated featured-images.php code to 1.0.8
Updated iThemesFileUtility.php to 1.1.1
Updated feature-bottom.php and feature-top.php
Updated flexlayout.php
1.0.3 - 2008-11-17
Updated functions.php to add PHP4 compatibility
Updated lib/contact-page-plugin/contact-page-plugin.php to 1.0.2
Updated lib/featured-images/featured-images.php to 1.0.10
Updated lib/flexx-layout-editor/flexx-layout-editor.php to 1.0.2
Updated lib/theme-options/theme-options.php to 1.0.2
Updated lib/theme-options/theme-options-framework.php to 1.0.3
Updated lib/tutorials/tutorials.php to 1.0.4
1.0.4 - 2008-11-24
Updated lib/theme-options/theme-options.php to 1.0.3
Standardized the changelog format in style.css
1.0.5 - 2008-11-24
Updated lib/flexlayout.php
1.0.6 - 2008-11-25
Updated lib/featured-images/featured-images.php to version 1.0.11
Updated lib/contact-page-plugin/contact-page-plugin.php to version 1.0.3
Updated lib/flexx-layout-editor/flexx-layout-editor.php to version 1.0.3
Updated lib/iThemesFileUtility.php to version 1.1.2
Updated lib/theme-options/theme-options-framework.php to version 1.0.4
Updated lib/tutorials/tutorials.php to version 1.0.5
1.0.7 - 2008-12-02
Updated lib/tuturials/tutorials.php to version 1.0.6
1.0.8 - 2008-12-11
Updated footer.php and functions.php
1.1.0 - 2008-12-16
Updated iThemesFileUtility.php to version 1.3.0
Added lib/billboard folder and files
Modified functions.php file to add entry code for lib/billboard/billboard.php
1.1.1 - 2009-01-13
Updated functions.php to fix the tracking code error
2.0.0 - 2009-02-17
Updated style.css - added "position: relative;" to #header
Updated entire lib/featured-images directory to version 1.1.0
Updated lib/theme-options/theme-options.php to version 1.1.1
Updated lib/theme-options/theme-options-framework.php to version 1.0.5
Updated lib/theme-options/js/theme-options.js.php to add header and favicon uploader code
Updated lib/billboard/billboard.php to version 1.0.3
Updated header.php to add text overlay code
Updated header.php to add custom favicon code
Updated menu-pages.php to add support for new Site Name option
Updated lib/iThemeFileUtility.php to version 1.4.0
Added lib/feedburner-widget directory
Updated functions.php to include Feedburner Widget code and adjust default Featured Images height
Replaced screenshot.png and images/random/* with new images
Added images/FlexxHeader-Man.psd and images/FlexxHeader-Woman.psd files
2.0.1 - 2009-02-17
Updated the /css/reset.css file
Updated the search.php file to fix a couple of bugs
Updated style.css to make sure that returned pages never show the "date box"
2.0.2 - 2009-02-17
Updated the /lib/feedburner-widget/css/style.css.php file
2.0.3 - 2009-02-18
Updated style.css and /lib/feedburner-widget/css/style.css.php
2.0.4 - 2009-02-27
Updated style.css to explicitly declare ol and ul styles
2.0.5 - 2009-02-27
Added a filterable footer credit link (happyjoe.com compatibility)
2.0.6 - 2009-03-01
Updated lib/tutorials/tutorials.php to version 1.0.7
2.0.7 - 2009-03-03
Updated lib/feedburner-widget/feedburner-widget.php to version 1.0.1
2.0.8 - 2009-03-03
Updated lib/iThemesFileUtility.php to version 1.4.1

CSS Reset
Get the grid, baby!*/
BODY
{
/*This is where you set many of the universal defaults*/
	background: #E5E5E5 url(images/body-bg.gif) repeat-x;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
/*********************************************
Universal Link Styles
*********************************************/
A
{
	color: #389AB0;
	text-decoration: none;
}
A:hover
{
	color: #389AB0;
	text-decoration: underline;
}
/*********************************************
Universal Text Elements
*********************************************/
OL, UL
{
	margin: 5px 35px;
}
OL
{
	list-style-type: decimal;
}
UL
{
	list-style-type: square;
}
BLOCKQUOTE
{
	margin: 5px 20px;
	padding: 0px 20px;
	font-style: italic;
	background: #DDD;
	border: 1px solid #555;
	border-left: 3px solid #555;
}
IMG
{
	border: 0px solid #000000;
	background: none;
}
P
{
	padding: 10px 0px;
	margin: 0px;
}
/*********************************************
Header Styles
********************************************
Use this for universal styles for all header elements
Be sure to uncomment the styles before using*/
H1, H2, H3, H4, H5, H6
{
/*
font-family: ;
font-size: ;
color: px;
margin: px; padding: px;
*/
}
H1
{
/*This style is generally used as title on single posts and pages*/
	font-size: 20px;
	line-height: 24px;
}
H2
{
/*This style used as a sub-header in post/page content*/
	font-size: 18px;
}
H3
{
/*This style used as the post titles on homepage/archive*/
	clear: both;
	font-size: 20px;
	line-height: 24px;
}
.post H3
{
	color: #389AB0;
	margin-top: 10px;
}
H3 A
{
}
H3 A:hover
{
}
H4
{
/*This style used as title for comments and as the identifying header on archive page*/
	font-size: 18px;
	padding: 0 0 0 15px;
}
H5
{
	font-size: 16px;
}
H6
{
	font-size: 14px;
}
/*********************************************
The Obligatory WP Styles
*********************************************/
.aligncenter, DIV.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft
{
	float: left;
	margin: 0px 8px 8px 0px;
}
.alignleft2
{
	float: left;
	margin-top: 5px;
	margin-right: 200px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.alignright
{
	float: right;
	margin: 0px 0px 8px 8px;
}
.wp-caption
{
	border: 1px solid #DDD;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption IMG
{
	margin: 0;
	padding: 0;
	border: 0 none #000000;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.post IMG
{
	border: 2px solid #CFCFCF;
}
/*********************************************
Container Div
*********************************************/
#container
{
	background: #FFF;
	margin-top: 20px;
	border: 1px solid #FFF;
}
/*********************************************
Header Styles
*********************************************/
#header
{
	clear: both;
	background: #000;
	position: relative;
}
#header #title A
{
	display: block;
	overflow: hidden;
	height: 298px;
}
/************* HOME PAGE **********************/
SPAN.titlethin
{
	font-weight: 100;
}
SPAN.titleblack
{
	font-weight: 100;
	color: #000000;
	font-family: Helvetica;
}
DIV.homepagewelcometitle
{
	font-size: 16pt;
	margin-bottom: 10px;
	color: #389AB0;
	text-transform: uppercase !important;
	font-weight: bold;
}
DIV.homepagehr
{
	border-bottom: 1px dashed #000000;
	margin-top: -10px !important;
}
H6.testimonialauthor
{
	float: right;
	margin-top: 10px;
	font-weight: bold;
	font-style: italic;
	font-size: 9pt;
}
H4.homepagetestimonials
{
	float: left;
	margin-top: 20px;
	color: #389AB0;
	font-size: 10pt;
	font-style: italic;
	font-weight: 100;
	padding-left: 0px;
}
DIV.homepage
{
	padding-top: 10px;
	padding-bottom: 10px;
}
H2.tarnietitle
{
	color: #389AB0;
	font-size: 11pt;
}
DIV.homepageright
{
	display: inline-block;
	width: 378px;
	float: left;
}
DIV.homepageleft
{
	display: inline-block;
	width: 170px;
	float: left;
	margin-right: 20px;
}
/*********************************************
Horizontal Navigaion Styles
(with dropdowns)
*********************************************/
#above-header #pagemenu, #above-header #catmenu
{
	border-bottom: 1px solid #FFF;
}
#below-header #pagemenu, #below-header #catmenu
{
	border-top: 1px solid #FFF;
}
#pagemenu, #catmenu
{
	background: #E5A79A;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	width: 100%;
	height: 32px;
	margin: 0px;
	padding: 0px;
}
/*This is the style for the first UL (horizontal)*/
#pagemenu UL, #catmenu UL
{
	float: left;
	background: transparent;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
}
/*This is the style for the top level list items*/
#pagemenu UL LI, #catmenu UL LI
{
	background: none;
	width: auto;
	display: block;
	float: left;
	list-style-type: none;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0;
}
#pagemenu UL LI.home, #catmenu UL LI.home
{
	background: none;
}
/*The style for all links*/
#pagemenu A, #catmenu A
{
	color: #FFF;
	text-decoration: none;
}
/*The universal hover state colors and background for all LI items and links*/
#pagemenu LI:hover A, #pagemenu LI.sfhover A, #pagemenu LI A:hover, #catmenu LI:hover A, #catmenu LI.sfhover A, #catmenu LI A:hover
{
	color: #389AB0;
	text-decoration: none;
	background: #FFFFFF no-repeat top center;
}
/*This is the style for the top level links, if different than the universal*/
#pagemenu UL LI A, #catmenu UL LI A
{
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0px 10px;
	text-decoration: none;
	border-right: 1px solid #FFF;
	background: #389AB0 no-repeat top center;
}
/*Home link*/
#pagemenu UL LI.home A
{
	width: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: #131313 url(images/menu-home-bg.gif) no-repeat top center;
}
#pagemenu UL LI.home A:hover
{
	width: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: #0B2300 url(images/menu-home-active-bg.gif) no-repeat top center;
}
/*if you want to set a "current page item" style, do it here*/
#pagemenu UL LI.current_page_item A, #catmenu UL LI.current_page_item A
{
}
/******************************
The second-level stuff
******************************
This hides the nested UL before you hover*/
#pagemenu LI UL, #catmenu LI UL
{
	clear: both;
	position: absolute;
	width: 132px;
/*the width of the dropdown*/
	left: -999em;
	border-top: 1px solid #FFF;
}
/*This shows the nested UL when you hover*/
#pagemenu LI:hover UL, #pagemenu LI.sfhover UL, #catmenu LI:hover UL, #catmenu LI.sfhover UL
{
	left: auto;
	display: block;
	z-index: 1000;
}
/*This is the style for the nested UL*/
#pagemenu LI:hover UL, #pagemenu LI.sfhover UL, #catmenu LI:hover UL, #catmenu LI.sfhover UL
{
	background: transparent;
	display: block;
	margin: 0px;
	padding: 0px;
}
/*This is the style for the LI items within the nested UL*/
#pagemenu LI:hover UL LI, #pagemenu LI.sfhover UL LI, #catmenu LI:hover UL LI, #catmenu LI.sfhover UL LI
{
	background: transparent;
	width: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	text-align: left;
}
/*This is the style for the links within the LI items within the nested UL*/
#pagemenu LI:hover UL LI A, #pagemenu LI:hover UL LI.current_page_item A, #pagemenu LI.sfhover UL LI A, #pagemenu LI.sfhover UL LI.current_page_item A, #catmenu LI:hover UL LI A, #catmenu LI:hover UL LI.current_page_item A, #catmenu LI.sfhover UL LI A, #catmenu LI.sfhover UL LI.current_page_item A
{
	background: #131313 url(images/menu-item-bg.gif) no-repeat top center;
	width: 120px;
	display: block;
	margin: 0px;
	padding: 0px 5px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #FFF;
	border-top: none;
}
/*This is the style for the hover state on the links within the LI items within the nested UL*/
#pagemenu LI:hover UL LI A:hover, #pagemenu LI.sfhover UL LI A:hover, #catmenu LI:hover UL LI A:hover, #catmenu LI.sfhover UL LI A:hover
{
	text-decoration: none;
	margin: 0px;
	padding: 0px 5px;
	height: 20px;
	line-height: 20px;
	background: #0B2300 url(images/menu-active-bg.gif) no-repeat top center;
}
/*********************************************
Feature-Top Div
Feature-Bottom Div
*********************************************/
.w260, .w260-, .w390, .w390-
{
	display: inline;
	float: left;
	margin: 0px 10px;
	text-align: left;
	overflow: hidden;
}
.w260
{
	width: 240px;
}
.w260-
{
	width: 260px;
	margin: 0px;
}
.w390
{
	width: 370px;
}
.w390-
{
	width: 390px;
	margin: 0px;
}
#feature-top, #feature-bottom
{
	width: 100%;
	background: #134600 url(images/feature-top-bg.gif) no-repeat bottom center;
	color: #FFF;
	float: left;
	margin: 0px;
	padding: 0px 0px 10px;
	overflow: hidden;
}
#feature-top
{
	border-top: 1px solid #FFF;
}
#feature-top A
{
	color: #FFF;
	text-decoration: none;
}
#feature-top A:hover
{
	color: #FFF;
	text-decoration: underline;
}
#feature-bottom
{
	background: #1C1C1C;
}
#feature-bottom A
{
	color: #FFF;
	text-decoration: none;
}
#feature-bottom A:hover
{
	color: #FFF;
	text-decoration: underline;
}
#feature-top .widget, #feature-bottom .widget
{
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#feature-top H4, #feature-bottom H4
{
	background: none;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#feature-top H4 A, #feature-bottom H4 A
{
	color: #FFF;
	text-decoration: none;
}
#feature-top H4 A:hover, #feature-bottom H4 A:hover
{
	color: #FFF;
	text-decoration: none;
}
#feature-bottom H4
{
	border: none;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 0px;
}
#feature-top P, #feature-top UL, #feature-top OL, #feature-top IMG
{
	padding: 10px;
}
#feature-bottom P, #feature-bottom UL, #feature-bottom OL, #feature-bottom IMG
{
	padding: 10px;
}
#feature-top .textwidget, #feature-bottom .textwidget
{
	padding: 10px;
}
#feature-top UL, #feature-top OL, #feature-bottom UL, #feature-bottom OL
{
	padding: 10px 0px;
	margin: 0px 15px 5px 25px;
	list-style-type: square;
}
#feature-top LI UL, #feature-top LI OL, #feature-bottom LI UL, #feature-bottom LI OL
{
	padding: 0px;
}
#feature-top A.rsswidget IMG, #feature-bottom A.rsswidget IMG
{
	display: none;
}
/*********************************************
Content Div
*********************************************/
#content
{
	background: #FFF url(images/grad.gif) repeat-x;
}
.post
{
	padding: 5px 10px 10px;
}
.post .title
{
	width: 580px;
}
.page .date
{
	display: none;
}
.post .date
{
	display: block;
	width: 69px;
	height: 75px;
	background: url(images/date.png) no-repeat;
	text-align: center;
	color: #FFF;
	float: left;
}
.post .date .month
{
	font-size: 16px;
	line-height: 32px;
	text-transform: uppercase;
}
.post .date .day
{
	font-size: 35px;
	line-height: 35px;
}
.post .post-title
{
	float: left;
	width: 500px;
	padding: 12px 0px 0px 10px;
}
.post .post-title A
{
	text-decoration: none;
}
/*********************************************
Post Meta Styles, if needed
*********************************************/
.meta-top
{
	clear: both;
/*we need this so floats in the post are cleared*/
}
.meta-bottom
{
	clear: both;
/*we need this so floats in the post are cleared*/
	border-top: 1px solid #D7D7D7;
	margin: 10px 0px 0px;
	padding: 10px 0px 0px;
}
.meta-bottom .alignleft
{
	width: 70%;
}
.meta-bottom .categories
{
	background: url(images/folder.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 18px;
}
.meta-bottom .comments
{
	background: url(images/comments.png) no-repeat 0px 2px;
	padding: 0px 0px 0px 18px;
}
.photometa
{
	margin: 0px 5px;
	padding: 0px;
	width: 100%;
}
.EXIF
{
	margin: -22px 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 33%;
}
.photometa H4
{
	border-bottom: 1px solid #666;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.photometa UL
{
	list-style-type: none;
}
/*********************************************
Previous/Next Page Navigation
*********************************************/
.paging
{
	clear: both;
/*To clear any floats*/
	margin: 0px;
	padding: 10px;
}
/*********************************************
Sidebar
*********************************************/
#sidebar
{
/*Wide Sidebar*/
	background: #FFF url(images/grad.gif) repeat-x;
}
.sidebar
{
	background: #FFF url(images/grad.gif) repeat-x;
}
#sidebar .sidebar
{
	background: none;
}
.sidebar A
{
	text-decoration: none;
}
.sidebar A:hover
{
	text-decoration: underline;
}
.sidebar H4
{
	clear: both;
	background: #389AB0 no-repeat top left;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 10px;
	padding: 8px 0px 8px 15px;
	line-height: 13px;
}
.sidebar H4 IMG
{
	padding: 0px;
}
.sidebar H4 A
{
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.sidebar .widget
{
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.sidebar P, .sidebar UL, .sidebar OL, .sidebar IMG
{
	padding: 5px 0px;
}
.sidebar P, .sidebar .textwidget
{
	padding: 5px 0px;
}
.sidebar IMG
{
	text-align: center;
}
.sidebar UL
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sidebar UL LI
{
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}
.sidebar UL LI A
{
	text-decoration: none;
}
.sidebar UL LI A:hover
{
}
.sidebar UL LI UL
{
	margin: 0px;
	padding: 0px;
}
.sidebar UL LI UL LI
{
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
.sidebar A.rsswidget IMG
{
	display: none;
}
/*********************************************
Comment Styles
*********************************************/
#comments
{
	padding: 10px;
}
#comments H4
{
	padding: 0;
}
#comments .comment
{
	margin: 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border: 1px solid #999;
}
#comments .alt
{
	margin: 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border: 1px solid #999;
}
#comments .gravatar
{
	float: left;
	padding: 0 5px 0 0;
}
#comments .commentmeta
{
}
#comments .commentmeta A
{
	text-decoration: none;
}
#comments .commentmeta A:hover
{
	text-decoration: underline;
}
#comments .commenttext
{
}
#respond
{
	padding: 10px;
}
#respond H4
{
	padding: 0;
}
#respond FORM#commentform
{
}
#respond #author
{
}
#respond #email
{
}
#respond #url
{
}
#respond #comment
{
	width: 100%;
}
#respond #submit
{
}
/*********************************************
Footer Styles
*********************************************/
#footer
{
	text-align: left;
	color: #222;
}
#footer .alignleft, #footer .alignright
{
	padding: 10px;
}
#footer .alignright
{
	text-align: right;
}
#footer A
{
	color: #222;
	text-decoration: none;
}
#footer A:hover
{
	text-decoration: underline;
}
/*********************************************
Contact Form Styles
*********************************************/
.ithemes-contact-page
{
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.ithemes-contact-page TD
{
	padding: 5px;
	text-align: left;
}
.ithemes-contact-page TD.label
{
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}
.ithemes-contact-page INPUT, .ithemes-contact-page TEXTAREA, .ithemes-contact-page SELECT
{
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 3px;
}
.ithemes-contact-page INPUT:hover, .ithemes-contact-page TEXTAREA:hover, .ithemes-contact-page SELECT:hover
{
}
.ithemes-contact-page INPUT:focus, .ithemes-contact-page TEXTAREA:focus, .ithemes-contact-page SELECT:focus
{
}
.ithemes-contact-page TEXTAREA, .ithemes-contact-page INPUT
{
}