/*



Theme Name: Flexx Theme - Canvas



Theme URI: http://flexxtheme.com/canvas/



Author: iThemes



Author URI: http://ithemes.com/



Version: 2.0.2



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



*/



/*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: #000;



	font-family:"Times New Roman", Times, serif;



	font-size: 14px;



	text-align: center;



}







/*********************************************



		Universal Link Styles



*********************************************/



a {



	color: #000;



	text-decoration: underline;



}



a:hover { 



	color: #333; 



	text-decoration: underline; 



}







/*********************************************



		Universal Text Elements



*********************************************/



p, ul, ol, blockquote {



	color: #333;



	font-family: Verdana, Geneva, sans-serif;



    font-size: 14px;

	



}



ol, ul {



	margin: 5px 35px;



}



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;



        line-height: 18px;



}



/*********************************************



		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;



}



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: 2px solid #cfcfcf;}







/*********************************************



		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: #912834;



	float: left;



	font-size: 12px;

	

	font-weight:bold;

	

	font-family:"Times New Roman", Times, serif;



	text-transform: uppercase;



	width: 100%; height: 20px;



	margin: 0px; padding: 5px 0px;



}



/* This is the style for the first UL (horizontal) */



#pagemenu ul,



#catmenu ul {



	float: left;

	

	font-family:"Times New Roman", Times, serif;



	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;



    font-size: 30px;



	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;

	

	font-size: 16px;



}



/* 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: #912834;



        border: 1px solid #FFF;



}



/* 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: 160px;



	display: block;



	padding: 0px; margin: 0px;



	height: 21px; line-height: 21px;



	overflow: hidden;



	text-align: left;



        border: 1px solid #FFF;



}



/* 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: 200px;



	display: block;



	margin: 0px; padding: 0px 5px;



	height: 20px; line-height: 20px;



	border: none;



	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: #cacaca;



        border: 1px solid #fff;



}







/*********************************************



		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: #e1d4b9;



	float: left;



	margin: 0px; padding: 0px 0px 0px 0px;



	overflow: hidden;



border-bottom: 1px solid #000;



}



#feature-top {margin-bottom: 10px;}



#feature-top a {



	text-decoration: none;



}



#feature-top a:hover {



	color: #000;



	text-decoration: underline;



}



#feature-bottom {



	background: #e1d4b9;



}



#feature-bottom a {



	color: #000;



	text-decoration: none;



}



#feature-bottom a:hover {



	text-decoration: underline;



}



#feature-top .widget,



#feature-bottom .widget {



	padding: 0px 0px 0px 0px;



        line-height: 16px;



}



#feature-top h4,



#feature-bottom h4 {



	background: #912834;



	margin: 0px; padding: 5px 10px;



	color: #fff;



	font-size: 12px;



	text-transform: uppercase;



	border: 1px solid #FFF;



	border-left: none; border-right: none;



}



#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-top-left h4,



#feature-top-middle h4,



#feature-bottom-left h4,



#feature-bottom-middle h4 {



	border: 1px solid #FFF;



	border-left: none;



}







#feature-top p,



#feature-top ul,



#feature-top ol,



#feature-top img,



#feature-top form{



      padding: 10px;



}





#feature-top .widget div  {



	padding: 5px;



}



#feature-bottom p,



#feature-bottom ul,



#feature-bottom ol,



#feature-bottom img{



        color: #000;



	padding: 10px 10px 0px 10px;

	

	font-family: Arial, Helvetica, sans-serif;





}







#feature-bottom form,



#feature-bottom .widget div  {



	color: #000;



	padding: 0px;



}



#feature-top .widget .textwidget .inquiry {



	color:ffffff;



}



#feature-bottom .widget .textwidget .inquiry {



	padding: 0px 10px 10px 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;



}







.post {



	padding: 5px 10px 10px 10px;



}



.post .title {



	width: 580px;



}



.post p {



	text-indent: 20px;
	line-height: 28px;



}

.post .tabs{

	clear: both;

	width: 100%;

	margin: 10px;

}



.post .tab_active {

	border-color: #aaa;

	border-width: 1px;

	border-style: solid;

	background-color: #912834;

	color: #fff;

	float: left;

	width: auto;

	cursor: default;

	font-weight: bold;

	padding: 4px;

	font-size: 14px;

	text-align: left;

}



.post .tab_inactive {

	border-color: #aaa;

	border-style: solid;

	border-width: 1px;

	background-color: #ddd;

	color: #000;

	float: left;

	width: auto;

	cursor: default;

	padding: 4px;

	font-size: 14px;

	text-align: left;

}



.post .tab_content {

	width: 92.5%;

	border-color: #aaa;

	border-style: solid;

	border-width: 1px;

	background-color: #EBEBEB;

	float: left;

	color:#000;

	text-align: left;

	padding: 10px;

	margin: 0px 10px 10px 0px;

}



.post .tab_content ul{

	list-style-type:disc;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 14px;

}



.post .tab_content p{

	text-indent: 0px;

	font-size: 12px;

	font-family:"Times New Roman", Times, serif;

}



.post .privacy{



    font-size:10px



}



.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: 500px;



	line-height: 25px;



	padding: 5px 0px 0px 0px;



}



.post .post-title a {



	text-decoration: none;



}







/*********************************************



		Post Meta Styles, if needed



*********************************************/



.meta-top-page {



	clear: both; /* we need this so floats in the post are cleared */



        border-top: 1px solid #d7d7d7;



	margin: 1px 0px 0px 0px; padding: 1px 0px 5px 0px;



}



.meta-top-post {



	clear: both; /* we need this so floats in the post are cleared */



        border-top: 1px solid #d7d7d7; 



        width: 124%;



	margin: 1px 0px 0px 0px; padding: 1px 0px 5px 0px;







}







.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 .sidebar {



	background: none;



}



.sidebar a {



	text-decoration: none;



}



.sidebar a:hover {



	text-decoration: underline;



}



.sidebar h4 {



	clear: both;



	background: #912834;



	font-size: 12px;



	text-transform: uppercase;	



    font-weight: bold;



	color: #fff;



	padding: 4px 0px 4px 4px;



	line-height: 17px;



}



.sidebar h4 img {



	padding: 0px;



}



.sidebar h4 a {



	color: #FFF;



	text-decoration: none;



	margin: 0px; padding: 0px;



}



.sidebar .widget {



	clear: both;



	padding: 5px 10px;



}



.sidebar .widget p,



.sidebar .widget ul,



.sidebar .widget ol,



.sidebar .widget img,



.sidebar .widget form,



.sidebar .widget div  {



	padding: 5px 0px;



}



.sidebar p, 



.sidebar .textwidget {



	padding: 0px 0px;

	

	margin: 0px 0px 0px 4px;

	

    font-family: Arial, Helvetica, sans-serif;



}



.sidebar .textwidget img{



  padding: 0px 0px 0px 100px;



}



.sidebar img {



	text-align: center;



}



.sidebar form {



	margin: 0px; padding: 0px;



}



.sidebar ul {



	list-style-type: none;



	margin: 0px; padding:  0px;



}



.sidebar ul li {



	margin: 0px 0px 0px 8px; padding: 0px 0px 0px 8px;

	

	font-size: 12px;



	line-height: 16px;



	background: url(images/arrow.gif) 0px 4px no-repeat;

	

	font-family: Arial, Helvetica, sans-serif;



}



.sidebar .priv p {



	font-size: 10px;

	line-height: 12px;

	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;

}



.sidebar .priv a {



	text-decoration: underline;



}



.sidebar .news {



    clear: both;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;



}



.sidebar .newstext {

	clear: both;

	text-align: center;



}



.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 {



}



.post .contact{

	width:auto;

	padding: 3px, 10px, 10px, 30px;



}



.post .contact .info{

	float:left;
	width: 45%;
}

.post .contact .info p{
	text-indent: 0px;
	padding-left: 10px;
}

.post .contact .inquiry{

	float:left;

}

.post .contact .inquiry p{

	text-indent: 0px;

}



.post .contact .map{

	clear:both;
	margin-left:auto;
	margin-right:auto;

}

.post .contact .map p{
	text-align:center;

}
.post .contact .mapp-div{

	clear:both;
	margin-left:auto;
	margin-right:auto;

}

.post .contact .mapp-poweredby{

	margin-left:auto;
	margin-right:auto;
	text-align:center;

}