/*
Theme Name: Flexx Theme - Professional
Theme URI: http://flexxtheme.com/
Author: iThemes
Author URI: http://ithemes.com/
Version: 2.0.1 (modified)
Description: Flexx is an endlessly extensible, highly configurable blog theme from iThemes.com (optimized).
Tags: blog, theme options, multiple layouts, multiple color schemes
All the CSS, XHTML, design, and images are copyrighted. Please don'€™t steal.

/*CSS Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul,li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/*Grid*/
.c960,.c900,.c840,.c780,.c720,.c660,.c600,.c540,.c480 {display:block;}
.c960 {width:960px;} .c900 {width:900px;} .c840 {width:840px;}
.c780 {width:780px;} .c720 {width:720px;} .c660 {width:660px;}
.c600 {width:600px;} .c540 {width:540px;} .c480 {width:480px;}
.c960,.c880,.c800,.c720,.c640,.c560,.c480 {display:block;}
.c960 {width:960px;} .c880 {width:880px;} .c800 {width:800px;}.c720 {width:720px;}
.c640 {width:640px;} .c560 {width:560px;} .c480 {width:480px;}
.w960,.w960-,.w900,.w900-,.w840,.w840-,.w780,.w780-,.w720,.w720-,.w660,.w660-,.w600,.w600-,.w540,.w540-,.w480,.w480-,.w420,.w420-,.w360,.w360-,.w300,.w300-,.w240,.w240-,.w180,.w180-,.w120,.w120-,.w60,.w60-,.w880,.w880-,.w800,.w800-,.w640,.w640-,.w560,.w560-,.w480,.w480-,.w400,.w400-,.w320,.w320-,.w160,.w160-,.w80,.w80- {display:inline;float:left;margin:0px 10px;text-align:left;overflow:hidden;}
.w960 {width:940px;} .w960- {width:960px;margin:0px;}
.w900 {width:880px;} .w900- {width:900px;margin:0px;}
.w840 {width:20px;} .w840- {width:840px;margin:0px;}
.w780 {width:760px;} .w780- {width:780px;margin:0px;}
.w720 {width:700px;} .w720- {width:720px;margin:0px;}
.w660 {width:640px;} .w660- {width:660px;margin:0px;}
.w600 {width:580px;} .w600- {width:600px;margin:0px;}
.w540 {width:520px;} .w540- {width:540px;margin:0px;}
.w480 {width:460px;} .w480- {width:480px;margin:0px;}
.w420 {width:400px;} .w420- {width:420px;margin:0px;}
.w360 {width:340px;} .w360- {width:360px;margin:0px;}
.w300 {width:280px;} .w300- {width:300px;margin:0px;}
.w240 {width:220px;} .w240- {width:240px;margin:0px;}
.w180 {width:160px;} .w180- {width:180px;margin:0px;}
.w120 {width:100px;} .w120- {width:120px;margin:0px;}
.w60 {width:40px;} .w60- {width:60px;margin:0px;}
.w880 {width:860px;} .w880- {width:880px;margin:0px;}
.w800 {width:780px;} .w800- {width:800px;margin:0px;}
.w640 {width:620px;} .w640- {width:640px;margin:0px;}
.w560 {width:540px;} .w560- {width:560px;margin:0px;}
.w480 {width:460px;} .w480- {width:480px;margin:0px;}
.w400 {width:380px;} .w400- {width:400px;margin:0px;}
.w320 {width:300px;} .w320- {width:320px;margin:0px;}
.w160 {width:140px;} .w160- {width:160px;margin:0px;}
.w80 {width:60px;} .w80- {width:80px;margin:0px;}
.center {margin:0 auto;} .left {float:left;} .right {float:right;} .clearfloat {clear:both;}
.wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

body {background:#e5e5e5 url(images/body-bg.gif) repeat-x;color:#000;font-family:Helvetica, Arial, sans-serif;font-size:13px;text-align:center;}
p{line-height:1.4em;}

/*Link Styles*/
a {color:#023565;text-decoration:none;}
a:hover {color:#023565;text-decoration:underline;}

/*Text Elements*/
p, ul, ol, blockquote {color:#333;}
ol, ul {margin:5px 35px;}
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;}
h1 {font-size:20px;line-height:24px;}
h2 {font-size:18px;}
h3 {clear:both;font-size:20px;line-height:24px;}
h4 {font-size:18px;padding:0 0 0 15px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

/*Obligatory WP Stlying*/
.aligncenter, div.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.alignleft {float:left;margin:0px 8px 8px 0px !important;}
.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:0 solid #cfcfcf;display:block;margin:0 auto;}


#container {background:#FFF;margin-top:20px;border:1px solid #FFF;width:960px !important;}

/*Header*/
#header {clear:both;background:#ffffff;position:relative;}
#header #title{height:146px;width:960px !important;}
#header #title a {display:block;overflow:hidden;}

/*H Nav Menu*/
#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;}
#pagemenu ul, #catmenu ul {float:left;background:transparent;height:32px;line-height:32px;margin:0px;padding:0px;}
#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 */
/* Post Ratings */
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
display: inline;
}
#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: 0;}

.w390 {width: 370px;} 

.w390- {width: 390px; margin: 0px;}

#feature-top,

#feature-bottom {

	width: 100%;

	background: #ebe7e8;

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

}

#feature-bottom a {

	color: #222;

	text-decoration: none;

}

#feature-bottom a:hover {

	color: #222;

	text-decoration: underline;

}

#feature-top .widget,

#feature-bottom .widget {

	padding: 0px 0px 0px 0px;

}

#feature-top h4,

#feature-bottom h4 {

	background: none;

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

	color: #222;

	font-size: 11px;

	text-transform: uppercase;

	border-bottom: 1px solid #3e6a2b;

}

#feature-top h4 a,

#feature-bottom h4 a {

	color: #222;

	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,

#feature-top form,

#feature-top .widget div  {

	color: #FFF;

	padding: 10px;

}

#feature-bottom p,

#feature-bottom ul,

#feature-bottom ol,

#feature-bottom img,

#feature-bottom form,

#feature-bottom .widget div  {

	color: #222;

	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;

}

#feature-bottom ul li{

    line-height:18px;

}	

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

		Content Div

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

#content {

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

}

#feature-top {
    margin: 0 auto;
    width: 960px;
}

.w780-{
    width: 960px;
}

#feature-top  .widget {
    text-align: center;
    width: 960px;
}

.post {

	padding: 5px 10px 10px 10px;

}

.post .title {

	/*width: 580px;*/	width: 100%;

}

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

	padding: 12px 0px 0px 10px;

}

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

}

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

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

}

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

}

#PDI_container5612506 .pds-box {   
    width: 177px !important;
}


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

		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;
	
	width: 960px;

}

#footer .alignleft,

#footer .alignright {

	padding: 10px 0;

}

#footer .alignright {

	text-align: right;

}

#footer a {color:#222;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

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