/*
Theme Name: Flexx Theme - Canvas
Theme URI: http://flexxtheme.com/canvas/
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
	1.1.2 - 2009-01-28
		Updated functions.php and header.php with new SEO code
	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/header.jpg with new images
		Added images/FlexxHeader.psd
	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*/
@import url(css/reset.css);
/*Get the grid, baby!*/
@import url(css/grid.css);

body { /* This is where you set many of the universal defaults */
	background: #ddd; 
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

#dataEntryTable {background-color:#E9F3CF;border:1px solid #376924;margin:auto;}
#dataEntryTable th {text-align:left;background-color:#BAE632;height:25px;}
#dataEntryTable td {padding:4px;padding:5px;}
#dataEntryTable .input,select {border:1px solid #3FC0DC;border-left:1px solid #000;background-color:#fff;padding:3px;}
#freeReportTable {border:1px solid #093;margin:auto;margin-bottom:20px;}
#freeReportTable td {padding:4px;color: #060;vertical-align:middle;}
#bonusTable {border:1px solid #000;margin:auto;margin-bottom:20px;margin-top:20px;}
#bonusTable td {padding:4px;vertical-align:middle;}
#bonusTable img {border:none;}
.hilite {background-color:#FF0;}
#cleanTable img {border:none;}
#cleanTable td {padding:4px;vertical-align:middle;}
#tag-link-7 {line-height:none;}
#topFeatureTable td {padding:2px;}
#topFeatureTable p {padding:2px;}
#disqus_thread {padding-left:15px;padding-right:15px;}
.dsq-comment-message {font-size:110%;line-height:21px;}

/*********************************************
		Universal Link Styles
*********************************************/
a {
	color: #3d73b9;
	text-decoration: underline;
}
a:hover { 
	color: #3d73b9; 
	text-decoration: underline; 
}
/*********************************************
		Universal Text Elements
*********************************************/
ol, ul {
	margin: 5px 35px;
}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: square;
}
blockquote {
	margin: 5px 0px 5px 10px; padding: 0px 0px 0px 10px;
	font-style: italic;
}
img { border: 0px; 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: 25px;
	line-height: 24px;
	font-weight: bold;
}
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: 25px;
	line-height: 24px;
	font-weight: bold;
}
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;
}
.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;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.post img {border:0px;}

/*********************************************
		Container Div
*********************************************/
#container {
	background: #FFF;
	margin-top: 20px;
	border: 1px solid #000;
}

/*********************************************
		Header Styles
*********************************************/
#header {
	clear: both;
	background: #000;
	position: relative;
}
#header #title a {
	display: block;
	overflow: hidden;
}
/*********************************************
		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: #1d1d1d url(images/menu-bg.gif) repeat-x;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	width: 100%; height: 22px;
	margin: 0px; padding: 5px 0px;
}
/* This is the style for the first UL (horizontal) */
#pagemenu ul,
#catmenu ul {
	float: left;
	background: transparent;
	height: 22px; line-height: 22px;
	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: 22px; line-height: 22px;
	margin: 0px; padding: 0 0 0 10px;
}
#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: #FFF;
	text-decoration: none;
	background: #767676 url(images/menu-active-bg.gif) repeat-x;
}
/* 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: 20px; line-height: 20px;
	margin: 0px; padding: 0px 10px;
	text-decoration: none;
	border: 0px solid #cacaca;
}
/* 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;
}
/* 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: 5000;
}

/* 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 {
	width: 120px;
	display: block;
	margin: 0px; padding: 0px 5px;
	height: 20px; line-height: 20px;
	border: none;
	border: 0px solid #cacaca;
	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: #111 url(images/menu-item-bg.gif) repeat-x;
}

/*********************************************
		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 {
	width: 100%;
	background: #fff;
	float: left;
	margin: 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom: 1px solid #000;
}
#divSubTable td {padding:3px;}
#feature-bottom {
	width: 100%;
	background: #ccc;
	float: left;
	margin: 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom: 1px solid #000;
}
#feature-top {
	margin-bottom: 0px;
}
#feature-top a {
	text-decoration: none;
}
#feature-top a:hover {
	color: #000;
	text-decoration: underline;
}
#feature-bottom {
	color: #4C4C4C;
	background: #ccc;
}
#feature-bottom a {
	color: #4C4C4C;
	text-decoration: none;
}
#feature-bottom a:hover {
	text-decoration: underline;
}
#feature-top .widget {
	padding: 0px;
}
#feature-bottom .widget {
	padding: 0px 0px 10px 0px;
}
#feature-top h4 {
	background: url(images/feature-top-title.gif) repeat-x;
	margin: 0px; padding: 5px 10px;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	border: 1px solid #FFF;
	border-left: none; border-right: none;
}
#feature-bottom h4 {
	
	margin: 0px; padding: 5px 10px;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	
}
#feature-top h4 a {
	color: #FFF;
	text-decoration: none;
}
#feature-bottom h4 a {
	color: #000;
	text-decoration: none;
}
#feature-top h4 a:hover {
	color: #FFF;
	text-decoration: none;
}

#feature-bottom h4 a:hover {
	color: #000;
	text-decoration: none;
}
#feature-top-left h4,
#feature-top-middle h4  {
	border: 1px solid #FFF;
	border-left: none;
}

#feature-bottom-left h4,
#feature-bottom-middle h4 {

}

#feature-top p,
#feature-top ul,
#feature-top ol,
#feature-top img  {
	padding: 5px;
}
#feature-bottom p,
#feature-bottom ul,
#feature-bottom ol,
#feature-bottom img {
	padding: 10px;
}
#feature-top .textwidget  {
	padding: 10px 10px 0px 10px;
}
#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;
}
.entry_author_image {width:80px;height:100px;float:left;}
.dateLine {font-weight:bold;}
.post {
	padding: 20px 20px 20px 20px;
}
.post p {font-size:110%;line-height:21px;}

.post li {font-size:110%;line-height:21px;}
.post blockquote {border-left:2px solid #666;padding-left:10px;color:#666;font-style:italic;}
.post .title {
	width: 580px;
}
.page .date {
	display: none;
}
.post .date {
	display: block;
	width: 55px; height: 75px;
	text-align: center;
	color: #FFF;
	float: left;
}
.post .date .month {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	background: #333;
}
.post .date .day {
	font-size: 35px;
	line-height: 45px;
	background: #333;
	border-top: 2px solid #FFF;
}
.post .post-title {
	float: left;
	width: 460px;
	line-height: 28px;
	padding: 5px 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 0px; padding: 10px 0px 0px 0px;
}
.meta-bottom .alignleft {
	width: 70%;
}
.meta-bottom .categories {
	background: url(images/folder.png) 0px 0px no-repeat;
	padding: 0px 0px 0px 18px;
}
.meta-bottom .comments {
	background: url(images/comments.png) 0px 2px no-repeat;
	padding: 0px 0px 0px 18px;
}
.photometa {
	margin: 0px 5px 0px 5px; padding: 0px 0px;
	width: 100%;
}
.EXIF {
	margin: -22px 0px 0px 10px; padding: 0px 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;

}
.sidebar {
	background: #FFF;
}
.sidebar div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align:top;
}
#sidebar .sidebar {
	background: none;
}
.sidebar a {
	text-decoration: none;
}
.sidebar a:hover {
	text-decoration: underline;
}
.sidebar h4 {
	clear: both;
	background: #000 url(images/feature-top-title.gif) repeat-x;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0 0 10px 0; padding: 4px 0px 4px 4px;
	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: 5px 10px;
font-size:95%;
}
.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 0px 0px 8px;
	line-height: 18px;
	background: url(images/arrow.gif) 0px 4px no-repeat;
}
.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 5px 0px; padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border: 1px solid #999;
}
#comments .alt {
	margin: 5px 0px 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 {
}