/*



Theme Name: FlexxCanvas-Nextgentraffic



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-14



		Updated style.css for IE7 fix



		Updated /lib/flexxlayout.php



		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



		No file changes



		Version update to match other releases



	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{



margin:0;



padding:0;



background-color: #0067A2;



font-family: "Trebuchet MS";



font-size: 15px;



color: #000000;



line-height: 18px;



}







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



		Universal Link Styles



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



a {



	color: #0067A2;



	text-decoration: none;



}



a:hover { 



	color: #8CC63E; 



	text-decoration: none; 



}







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



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







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



		Container Div



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







#container {



	width: 936px; 



	margin: 0 auto;



	background-image: url(images/bg.jpg);



	background-repeat: repeat-y;



}











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



		Header Styles



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







#topsection{



height: 253px;



background-image: url(images/header.png);



background-repeat: no-repeat;



background-position: right;



font-size: 20px;



font-weight: bold;



overflow: hidden;



width: 936px; 



margin: 0 auto;



}







#topsection .key{



background-image:url(images/key.png);



height: 24px;



background-position: right;



background-repeat: no-repeat;



width: 120px;



float: right;



font-size: 12px;



color: #FFFFFF;



padding-top: 8px;



margin-top: 20px;



margin-right: 20px;



}







#topsection .paper{



background-image:url(images/paper.png);



height: 24px;



background-position: right top;



background-repeat: no-repeat;



width: 120px;



float: right;



font-size: 12px;



color: #FFFFFF;



padding-top: 8px;



margin-top: 20px;



margin-right: 30px;



}











#topsection .paper a, #topsection .key a{



color: #FFFFFF;



text-decoration: none;



}







#topsection a{



color: #000000;



text-decoration: none;



}







#topsection a:hover{



color: #8CC63E;



text-decoration: none;



}







#topsection .wrapper{



float: left;



margin-top: 160px;



width: 530px;



}







#topsection .one{



float: left;



text-align: center;



width: 160px;



padding-left: 25px;



}







#topsection .two{



float: left;



text-align: center;



width: 125px;



}







#topsection .three{



float: left;



text-align: center;



width: 110px;



}







#topsection .four{



float: left;



text-align: center;



width: 110px;



}







.logo {



float: left;



padding: 0;



margin: 0;



}



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



		Horizontal Navigation Styles 



				(with dropdowns)



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



#above-header #pagemenu,



#above-header #catmenu {



	border-bottom: 0px solid #EEEEEE;



}



#below-header #pagemenu,



#below-header #catmenu {



	border-top: 1px solid #EEEEEE;



}



#pagemenu,



#catmenu {



	width: 936px;



	font-size: 11px;



	text-transform: uppercase;



    height: 22px;



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



	background-image: url(images/bg.jpg);



	background-repeat: repeat-y;



	border-bottom: 1px solid #EEEEEE;



}



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



	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: #0067A2;



}



/* 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: 275px;} .w260- {width: 295px; margin: 0px;}



.w390 {width: 420px;} .w390- {width: 440px; margin: 0px;}



.w480 {width: 420px;} .w480- {width: 440px; margin: 0px;}











#feature-top,



#feature-bottom {



	padding: 0px 20px;



	overflow: hidden;



	width: 896px; 



	margin: 0 auto;



}



#feature-top {



	background-image: url(images/bg.jpg);



	background-repeat: repeat-y;



}



#feature-top a {



	text-decoration: none;



}



#feature-top a:hover {



	color: #000;



	text-decoration: underline;



}



#feature-bottom {



	background-image: url(images/bg.jpg);



	background-repeat: repeat-y;



}



#feature-bottom a {



	text-decoration: none;



}



#feature-bottom a:hover {



	text-decoration: underline;



}



#feature-top .widget,



#feature-bottom .widget {



	padding: 0px 0px 10px 0px;



}



#feature-top h4,



#feature-bottom h4 {



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



	color: #8CC63E;



	font-size: 18px;



	font-weight: bold;



	border: 0px solid #FFF;



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



	font-weight: bold;



}



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



	border-left: none;



}







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



margin: 0 auto;



}







#contentmain{



margin: 0 20px;



padding-top: 10px;



}







#green{



background-image: url(images/curveright.jpg);



background-repeat: no-repeat;



background-position: right;



height: 43px;



background-color: #8CC63E;



margin-bottom: 20px;



}







#green .text{



background-image: url(images/curveleft.jpg);



background-repeat: no-repeat;



background-position: left;



height: 33px;



padding: 10px 30px 0 30px;



font-weight: bold;



color: #FFFFFF;



}







.post {



	padding: 5px 10px 10px 10px;



}



.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-color: #0067A2;



}



.post .date .day {



	font-size: 35px;



	line-height: 45px;



	background-color: #0067A2;



	border-top: 2px solid #FFF;



}



.post .post-title {



	float: left;



	width: 500px;



	line-height: 28px;



	padding: 5px 0px 0px 0px;



}



.post .post-title a {



	text-decoration: none;



}







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



		Post Meta Styles, if needed



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



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



	height: 30px;



}



.meta-bottom .alignleft {



	float: left



}







.meta-bottom .alignright {



	float: right



}







.meta-bottom .categories {



	background: url(images/folder.png) 0px 0px no-repeat;



	padding: 0px 0px 0px 18px;



}



.meta-bottom .comments {



	background: url(images/comment.png) 0px 2px no-repeat;



	padding: 0px 0px 0px 20px;



}







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



	margin-top: 6px;



}



.sidebar {



	background: #FFF;



}



#sidebar .sidebar {



	background: none;



}



.sidebar a {



	text-decoration: none;



}



.sidebar a:hover {



	text-decoration: underline;



}



.sidebar h4 {



	clear: both;



	background: #fff;



	color: #000;



	font-size: 14px;



	font-weight: bold;



	text-transform: uppercase;



	letter-spacing: 0px;



	padding: 4px 0px 4px 0px;



	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



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







#footer2 .alignleft,



#footer2 .alignright {



	padding: 10px;



}



#footer2 .alignright {



	text-align: right;



}



#footer2 a {



	color: #CCCCCC;



	text-decoration: none;



}



#footer2 a:hover {



	text-decoration: underline;



}







#footer{



clear: left;



width: 936px;



margin: 0 auto;



color: #000000;



text-align: center;



height: 36px;



background-image: url(images/bottom.png);



background-repeat: no-repeat;



}







#footer2{



clear: left;



width: 936px;



margin: 0 auto;



color: #FFFFFF;



text-align: center;



font-size: 12px;



}







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



		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 {



}


a.link {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #0067A2;
	text-decoration: none;
    font-weight: bold;
}

a.link:hover {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
}

.payfrm1{
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#8BC53D;
}