/*

 Theme Name: Flexx Theme - Bold

 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.

 All the CSS, XHTML, design, and images are copyrighted. Please don't steal.

 */



@import url(css/reset.css);

@import url(css/grid.css);



body { /* This is where you set many of the universal defaults */

    background: #454545 url(images/body-bg.gif) repeat-x;

    color: #333;

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

    font-size: 13pt;

}



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

 Universal Link Styles

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

a {

    color: #0000ff;

    text-decoration: underline;

}



a:hover {

    color: #0000ff;

    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;

    background: #DDD;

    border: 1px solid #555;

}



img {

    border: 0px;

    background: none;

}



p {

    padding: 10px 0px;

    margin: 0px;

}



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

 Header Styles

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

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

    text-align: center;

    font-size: 22px;

    line-height: 24px;      



}



h2 { /* This style used as a sub-header in post/page content */

   text-align: center;

    font-size: 28px;

      line-height: 29px;      

  color: maroon;

	margin: 0.5em;

}



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

    margin-top: 20px;

    border: 2px solid #0D0046;

}



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

 Header Styles

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

#header {

    clear: both;

    background: #fff;

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

}



#pagemenu, #catmenu {

    background: #0D0046;

    float: left;

    font-size: 11px;

    text-transform: uppercase;

    width: 100%;

    height: 22px;

    margin: 0px;

    padding: 5px 0px;

}



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

}



/* 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: 1px solid #fff;

    background: #111 url(images/menu-item-bg.gif) repeat-x;

}



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

    width: 120px;

    display: block;

    margin: 0px;

    padding: 0px 5px;

    height: 20px;

    line-height: 20px;

    border: none;

    border: 1px 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: 240px;

}



.w260- {

    width: 260px;

    margin: 0px;

}



.w390 {

    width: 370px;

}



.w390- {

    width: 390px;

    margin: 0px;

}



#feature-top, #feature-bottom {

    width: 100%;

    background: #fff;

    float: left;

    margin: 0px;

    padding: 0px;

    overflow: hidden;

}



#feature-top a {

    text-decoration: none;

}



#feature-top a:hover {

    color: #0000ff;

    text-decoration: underline;

}



#feature-bottom {

	font-size: medium;

    background: #FFF;

    color: #000;

}



#feature-bottom a {

    text-decoration: none;

}



#feature-bottom a:hover {

    text-decoration: underline;

}



#feature-top .widget, #feature-bottom .widget {

    padding: 0px;

}



#feature-top h4, #feature-bottom h4 {

    background: #0D0046;

    margin: 0px;

    padding: 12px;

    color: #E5EDB4;

    font-size: 14pt;

    border: 1px solid #FFF;

    border-left: none;

    border-right: none;

	text-align: center;

}



#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: 1px 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;

}



.post {

    padding: 30px 30px 30px 30px;

}



.post .title {

    width: 780px;

}



.page .date {

    display: none;

}



.post .date {

    display: none;

}



.post .date .month {

    display: none;

}



.post .date .day {

    display: none;

}



.post .post-title {

    float: left;

    width: 500px;

    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;

}



#sidebar .sidebar {

    background: none;

}



.sidebar a {

    text-decoration: none;

}



.sidebar a:hover {

    text-decoration: underline;

}



.sidebar h4 {

    clear: both;

    background: #2d2d2d url(images/white-square.gif) 5px 50% no-repeat;

    color: #FFF;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin: 0 0 10px 0;

    padding: 4px 0px 4px 25px;

    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 {

	font-size: small;

    text-align: left;

    color: #0D0046;

}



#footer .alignleft, #footer .alignright {

    padding: 10px;

}



#footer .alignright {

    text-align: right;

}



#footer a {

    color: #222;

    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 {

}



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

 Class: orderbox

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

table.orderbox {

	margin: 0 auto 0;

	width: 80%;

	background-color: #ffffcc;

	border: solid thin #000000;

}



table.orderbox td {

	padding: 15px;

}



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

 Class: greybox

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

table.orderbox {

	margin: 0 auto 0;

	width: 90%;

	background-color: #DDD;

	border: solid thin #000000;

}



table.orderbox td {

	padding: 15px;

}