/*



Theme Name: Flexx Theme - Professional



Theme URI: http://flexxtheme.com/



Author: iThemes



Author URI: http://ithemes.com/



Version: 2.0.12



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



	See history.txt



*/



/*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: #000000 url(http://mr3days.com/images/background.png) no-repeat center top;



	color: #333;



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



	font-size: 12px;



	line-height: 16px;



}

.tablepadding {
	padding: 20px;
	border: thin solid #009999;
	display: table;
	width: 700px;
	text-indent: 2px;
}



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



		Universal Link Styles



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



a {



	color: #023565;



	text-decoration: none;



}



a:hover { 



	color: #023565; 



	text-decoration: underline; 



}







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



		Universal Text Elements



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



i, em {



	font-style: italic;



}



b, strong {



	font-weight: bold;



}



ol, ul {



	margin: 5px 35px;



}



ol {



	list-style-type: decimal;



}



ul {



	list-style-type: square;



}



blockquote {



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



	font-style: italic;



	background: none;



	border: 0px solid #555;



	border-left: 0px 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: 0px solid #cfcfcf;}







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



		Container Div



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



#container {



	background: #71D5D6;



	margin-top: 0px;



	border: 0px solid #FFF;



}







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



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



	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.gif) 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: #131313 url(images/menu-item-bg.gif) top center no-repeat;



}



/* Home link */



#pagemenu ul li.home a {



	width: 40px;



	text-indent: -9999px;



	overflow: hidden;



	background: #131313 url(images/menu-home-bg.gif) top center no-repeat;



}



#pagemenu ul li.home a:hover {



	width: 40px;



	text-indent: -9999px;



	overflow: hidden;



	background: #0b2300 url(images/menu-home-active-bg.gif) 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: #131313 url(images/menu-item-bg.gif) top center no-repeat;



	width: 120px;



	display: block;



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



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



	border: 1px solid #FFF;



	border-top: none;



}



/* This is the style for the hover state on the links within the LI items within the nested UL */



#pagemenu li:hover ul li a:hover, 



#pagemenu li.sfhover ul li a:hover,



#catmenu li:hover ul li a:hover, 



#catmenu li.sfhover ul li a:hover {



	text-decoration: none;



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



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



	background: #0b2300 url(images/menu-active-bg.gif) 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: #71D5D6 url() 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: #71D5D6;



}



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



	background: #71D5D6 url(images/grad.gif) repeat-x;



}







.post {



	padding: 30px 0px 10px 20px;



}



.post .title {



	width: 640px;



}



.page .date {



	display: none;



}



.post .date {



	display: block;



	width: 69px; height: 75px;



	background: url(images/date.png) no-repeat;



	text-align: center;



	color: #FFF;



	float: left;



}



.post .date .month {



	font-size: 16px;



	line-height: 32px;



	text-transform: uppercase;



}



.post .date .day {



	font-size: 35px;



	line-height: 35px;



}



.post .post-title {



	float: left;



	width: 500px;



	padding: 50px 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/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 url(images/grad.gif) repeat-x;



}



.sidebar {



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



}



#sidebar .sidebar {



	background: none;



}



.sidebar a {



	text-decoration: none;



}



.sidebar a:hover {



	text-decoration: underline;



}



.sidebar h4 {



	clear: both;



	background: #013565 url(images/sidebar-h4-bg.gif) 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 {



}







.bottomBullets {



	font-size: 14px;



	font-weight: bold;



	padding-left: 13px;



	padding-right: 13px;



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



	padding-top: 0px;



}







.optin-form {







	height: 238px;



	width: 291px;



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



	font-size: 12px;



	font-weight: bold;



	padding: 120px 0 0 0;



	background-image: url(http://mr3days.com/images/form-bg.png);



	background-repeat: no-repeat;



	background-position: center top;



	margin-left: 50px;



	margin-top: 50px;



	margin-bottom: 0px;



	margin-right: 0px;



}