/*















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*/















@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: #e5e5e5 url(images/body-bg.jpg) repeat-x; 















	color: #333;















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















	font-size: 12px;















	line-height: 16px;















	text-align: center;















}















div.padded







{  







padding-top: 10px;  







padding-right: 0px;  







padding-bottom: 0.25in;  







padding-left: 5em;  







}























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















		Universal Link Styles















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















a {















	color: #5A0808;















	text-decoration: none;















}















a:hover { 















	color: #6A4040; 















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















	font-style: italic;















	background: #DDD;















	border: 1px solid #555;















	border-left: 3px solid #555;















}















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















}















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: 3px;















	border: 1px solid #FFF;















}































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















		Header Styles















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















#header {















	clear: both;















	background: #000;















	position: relative;















}















#header #title a {















	display: block;















	overflow: hidden;















}















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















		Horizontal Navigation 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: #5A0808;















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















	text-decoration: none;















	background: #0b2300 url(images/menu-active-bg.jpg) top center no-repeat;















}















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















}















/* Home link */















#pagemenu ul li.home a {















	width: 40px;















	text-indent: -9999px;















	overflow: hidden;















	background: #5A0808 url(images/menu-home-active-bg.jpg) top center no-repeat;















}















#pagemenu ul li.home a:hover {















	width: 40px;















	text-indent: -9999px;















	overflow: hidden;















	background: #5A0808 url(images/menu-home-active-bg.jpg) top center no-repeat;















}















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















	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: #5A0808 url(images/menu-active-bg.jpg) top center no-repeat;















}































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















		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) bottom center no-repeat;















	color: #FFF;















	float: left;















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















	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: #2B1C00 url(images/bottom_bg.jpg) bottom center no-repeat;















}















#feature-bottom a {















	color: #FFF;















	text-decoration: none;















}















#feature-bottom a:hover {















	color: #FFF;















	text-decoration: underline;















}















#feature-top .widget,















#feature-bottom .widget {















	padding: 0px 0px 10px 0px;















}















#feature-top h4,















#feature-bottom h4 {















	background: none;















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















	color: #FFF;















	font-size: 11px;















	text-transform: uppercase;















	border-bottom: 1px solid #3e6a2b;















}















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

position: relative;

background: #FFF url(images/grad.jpg) repeat-x;

}



#contentNew {

width: 960px;

}



.bucketLeftHeadline {



width: 290px;

position: absolute;

visibility: show;

left: 30px;

top: 20px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #FFFFFF;

font-weight: bold;

font-size: 120%;

text-align: left;

}



.bucketMiddleHeadline {



width: 290px;

position: absolute;

visibility: show;

left: 345px;

top: 20px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #FFFFFF;

font-weight: bold;

font-size: 120%;

text-align: left;

}



.bucketRightHeadline {



width: 290px;

position: absolute;

visibility: show;

left: 660px;

top: 20px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #FFFFFF;

font-weight: bold;

font-size: 120%;

text-align: left;

}







.bucketLeft {



width: 115px;

position: absolute;

visibility: show;

left: 195px;

top: 45px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #5A0808;

font-size: 90%;

text-align: left;

}



.bucketMiddle {



width: 140px;

position: absolute;

visibility: show;

left: 345px;

top: 45px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #5A0808;

font-size: 90%;

text-align: left;

}



.bucketMiddleLinks {



width: 145px;

position: absolute;

visibility: show;

left: 500px;

top: 89px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #5A0808;

font-size: 90%;

text-align: left;

}



.bucketRight {



width: 140px;

position: absolute;

visibility: show;

left: 660px;

top: 45px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #5A0808;

font-size: 90%;

text-align: left;

}



.LatestNews {



width: 350px;

position: absolute;

visibility: show;

left: 635px;

top: 45px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #5A0808;

font-size: 90%;

text-align: left;

}



.bucketRightLinks {



width: 350px;

position: absolute;

visibility: show;

left: 660px;

top: 139px;

z-index: 2;

padding: 0px 0px 0px 0px;

color: #5A0808;

font-size: 90%;

text-align: left;

}





.votedAward {















        width: 225px;















        position: absolute;















        visibility: show;















        left: 205px;















        top: 45px;















        z-index: 2;















        padding: 0px 0px 0px 0px;















        color: #5A0808;















        font-size: 90%;















        text-align: left;















}























.post {















	padding: 5px 10px 10px 10px;















}















.post .title {















	width: 580px;















}















.page .date {















	display: none;















}















.post .date {















	display: block;















	width: 0px; height: 10px;















	background: ;















	text-align: center;















	color: #FFF;















	float: left;















}















.post .date .month {















	font-size: 10px;















	line-height: 20px;















	text-transform: uppercase;















}















.post .date .day {















	font-size: 10px;















	line-height: 20px;















}















.post .post-title {















	float: left;















	width: 500px;















	padding: 12px 0px 0px 0px;















}















.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/read.jpg) 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 url(images/grad.jpg) repeat-x;















}















.sidebar {















	background: #FFF url(images/grad.jpg) repeat-x;















}















#sidebar .sidebar {















	background: none;















}















.sidebar a {















	text-decoration: none;















}















.sidebar a:hover {















	text-decoration: underline;















}















.sidebar h4 {















	clear: both;















	background: #2B1C00 url(images/sidebar-h4-bg.jpg) top left no-repeat;















	color: #FFF;















	font-size: 11px;















	text-transform: uppercase;















	letter-spacing: 1px;















	margin: 0 0 10px 0; 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: 5px 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 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: #fff;















}















#footer .alignleft,















#footer .alignright {















	padding: 10px;















}















#footer .alignright {















	text-align: right;















}















#footer a {















	color: #fff;















	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 {















}















.social



{



padding: 8px 0px 0px 0px;



}