/*
Theme Name: Flexx Theme - Professional
Theme URI: http://flexxtheme.com/
Author: iThemes
Author URI: http://ithemes.com/
Version: 2.2.11
Description: Flexx is an endlessly extensible, highly configurable blog theme from iThemes.com.
Tags: blog, theme options, multiple layouts, multiple color schemes

Copyright (c) 2009 iThemes Media, LLC.
See license.txt for terms and conditions.

See history.txt for version history.
*/
/*CSS Reset*/
@import url(css/reset.css);
/*Get the grid, baby!*/
@import url(css/grid.css);
.medio td {vertical-align: middle;}
body { /* This is where you set many of the universal defaults */
	background: #e5e5e5 url(images/body-bg.gif) repeat-x; 
	color: #333;font-align: justify;font-family: Verdana, Helvetica, sans-serif;font-size: 12px;line-height: 16px; text-align: justify;}

/*********************************************
		Universal Link Styles
*********************************************/
a {color: #333;text-decoration: none;}
a:hover {color: #2481D1; 
	/*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: 5px 20px 5px 20px; padding: 0px 20px;font-style: italic;background: #F5F5F5;/*border: 1px solid #053969; 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: verdana;font-size: ;color: px;margin: px; padding: px;}

/* This style is generally used as title on single posts and pages */
h1 {font-size: 16px;line-height: 20px;}
/* This style used as a sub-header in post/page content */
h2 {font-size: 16px;}
/* This style used as the post titles on homepage/archive */
h3 {clear: both;font-size: 16px;line-height: 20px;}
h3 a {}
h3 a:hover {}
/* This style used as title for comments and as the identifying header on archive page  */
h4 {font-size: 14px;padding: 15px 0 0 15px;}
h5 {font-size: 14px;}
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: 1px solid #cfcfcf;}

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

/*********************************************
		Header Styles
*********************************************/
#header {clear: both;background: none;position: relative;}
#header #title a {display: block;overflow: hidden;}
#header #title /*{border-left: solid 1px #424B52; border-right: solid 1px #424B52;}*/
/*********************************************
		Horizontal Navigaion Styles 
				(with dropdowns)
*********************************************/
#above-header #pagemenu,
#above-header #catmenu {/*border-bottom: 1px solid #424B52;*/}
#below-header #pagemenu,
#below-header #catmenu {/*border-top: 1px solid #424B52;*/}
#pagemenu,
#catmenu {/*border: 1px solid #424B52;*/ width: 100%;margin: 0 auto 0; padding: 0;/*background: #131313;*/ background-color: #FFF; background-image:url(images/menu-item-bg.gif);height: 32px;text-transform: none;font-size: 10px;}
#pagemenu ul,
#catmenu ul {float: left;list-style: none;margin: 0; padding: 0;}
#pagemenu li,
#catmenu li {float: left;list-style: none;margin: 0; padding: 0;}
#pagemenu li a,
#catmenu li a {color:#424B52;display: block;font-weight: bold; margin: 0; padding: 8px 10px;text-decoration: none;/*border-right: 1px solid #424B52;*/ background-color:#FFFFFF; background-image:url(images/menu-item-bg.gif); background-repeat: repeat-x;/*background: #131313 url(images/menu-item-bg.gif) top center no-repeat;*/}
#pagemenu li a:hover,
#catmenu li a:hover {background: #FFFFFF url(images/menu-active-bg.gif) top center no-repeat;}
/* Home link */
#pagemenu ul li.home a {width: 15px;text-indent: -9999px;overflow: hidden;background: #fff url(images/menu-home-bg.gif) top center no-repeat;}
#pagemenu ul li.home a:hover {width: 15px;text-indent: -9999px;overflow: hidden;background: #FFFFFF url(images/menu-home-active-bg.gif) top center no-repeat;}

/* second level stuff */
#pagemenu li ul,
#catmenu li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 190px;margin: 0; padding: 0;/*border-top: 1px solid #424B52;*/}
#pagemenu li li,
#catmenu li li {padding: 0;}
#pagemenu li li a,
#catmenu li li a {width: 180px;float: none;margin: 0px;padding: 2px 10px;/*border: 1px solid #053969;*/ border-top: none;background: #fff url(images/menu-item-bg.gif) top center repeat-x;}
#pagemenu li li a:hover,
#catmenu li li a:hover {color: #FFFFFF;background: #424B52 /*url(images/menu-active-bg.gif)*/ top center repeat-x;padding: 2px 10px;}
#pagemenu li ul,
#catmenu li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 190px;margin: 0; padding: 0;}
#pagemenu li ul ul,
#catmenu li ul ul {margin: -22px 0 0 189px;}
#pagemenu li:hover ul ul,
#pagemenu li:hover ul ul ul,
#pagemenu li.sfhover ul ul,
#pagemenu li.sfhover ul ul ul,
#catmenu li:hover ul ul,
#catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul,
#catmenu li.sfhover ul ul ul {left: -999em;}
#pagemenu li:hover ul,
#pagemenu li li:hover ul,
#pagemenu li li li:hover ul,
#pagemenu li.sfhover ul,
#pagemenu li li.sfhover ul,
#pagemenu li li li.sfhover ul,
#catmenu li:hover ul,
#catmenu li li:hover ul,
#catmenu li li li:hover ul,
#catmenu li.sfhover ul,
#catmenu li li.sfhover ul,
#catmenu li li li.sfhover ul {left: auto;}
#pagemenu li:hover,
#pagemenu li.sfhover,
#catmenu li:hover,
#catmenu li.sfhover {position: static;}

/*********************************************
		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: #053969 url(images/feature-top-bg.gif) bottom center no-repeat;color: #FFF;float: left;margin: 0px; padding: 0px 0px 0px 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: #1c1c1c;}
#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 #053969;}
#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: #FFF url(images/grad.gif) repeat-x;}

.post {padding: 10px 10px 10px 10px;}
.post .title {width: 580px;}
.page .date {display: none;}
.post .date {display: block;width: 46px; height: 50px;background: url(images/datepeq.png) no-repeat;text-align: center;/*color: #FFF;*/float: left;}
.post .date .month {font-size: 9px;line-height: 24px;color: #FFF;text-transform: uppercase;}
.post .date .day {font-size: 20px;line-height: 20px;color: #2582D2;}
.post .post-title {float: left;width: 570px;padding: 0px 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: #424B52 url(images/sidebar-h4-bg.gif) top left no-repeat;color: #FFF;font-size: 11px;text-transform: capitalize;font-align: center;letter-spacing: 1px;margin: 0px;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 5px;}
.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 {margin: 0; padding: 20px 10px;}
#comments .title {font-size: 25px;margin: 0px; padding: 15px 0px;}
#comments ol.commentlist {margin: 0px; padding: 0px;background: #333;}
#comments ul.children {margin: 0px; padding: 10px 0px 0px 20px;}
#comments .vcard {}
#comments .vcard .avatar {display: block;float: left;margin: 0px; padding: 0px 10px 0px 0px;}
#comments .comment-meta {padding: 0px 0px 20px 0px;}
#comments li.even,
#comments li.odd {clear: both;list-style-type: none;margin: 5px 0px 5px 0px; padding: 10px;background: #FFFFFF;overflow: hidden;border: 1px solid #999;}
#comments ul.children li {}
#comments li.even {margin: 5px 0px 5px 0px;padding: 10px;overflow: hidden;}
#comments li.odd {margin: 5px 0px 5px 0px;padding: 10px;overflow: hidden;}
#comments blockquote {margin: 10px 0px; padding: 10px;}
#comments .alert {background: #fffbd6;border: 1px solid #ebe067;margin: 5px 0px; padding: 5px;}
#comments p {margin: 0px 0px 10px; padding: 0px;}

#respond {overflow: hidden;padding: 10px;}
#respond #commentform {margin: 5px 0px 0px 0px;padding: 0px;overflow: hidden;}
#respond #commentform #author,
#respond #commentform #email,
#respond #commentform #url {width: 50%;margin: 0px 0px 5px 0px; padding: 5px;}
#respond #commentform #comment {width: 90%;margin: 10px 0px 15px 0px; padding: 5px;}

/*********************************************
		Footer Styles
*********************************************/
#footer {text-align: left;color: #EFEFEF;}
#footer .alignleft,
#footer .alignright {padding: 10px;}
#footer .alignright {text-align: right;}
#footer a {color: #EFEFEF;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 {}