/*
Theme Name:		My Life with Fibro
Theme URL:		http://www.mylifewithfibro.com/Blog
Description:    WordPress theme for My Life with Fibro
Version:		4.0
Author:			Kate Blaylock
Author URI:		http://kateblaylock.com
*/
 
/* Eric Meyer's reset.css file - http://meyerweb.com/eric/tools/css/reset/ */
@import url("reset.css");
body { background:  #000 repeat; font: 62.5% Helvetica, Arial, sans-serif; }
 
.avatar {
float: left;
margin: 4px 4px 10px 0;
}
 
/* =LAYOUT
====================================================================================================================================== */
 
#container { width: 900px; margin: 0 auto; padding: 20px 0; color: #333; }
 
    #top { width: 900px; margin: 0 0 20px 0; overflow: hidden; }
    
        #logo { float: left; width: 410px; height: 70px; background: url("images/2009.08.06-Logo.gif") #000 0 0 no-repeat; text-indent: -9999px; }
        
            #logo a { display: block; width: 410px; height: 70px; }
        
        #search { float: right; color: #ccc; margin: 22px 0 0 0; }
        
    #header { width: 900px; clear: both; overflow: hidden;}
        
    #nav { float: left; background: #000  bottom left repeat-x; width: 900px; padding: 0; clear: both; z-index: 9990; }
    
    #content { float: left; width: 860px; padding: 20px; background: url("images/content-bg_4.0.gif") 0 0 repeat-y; overflow: hidden; }
    
        #left { float: left; width: 508px; }
            
            .navigation { float: left; clear: both; margin: 0 0 1.5em 0; overflow: hidden; width: 506px; font-size: 1.2em; font-weight: bold; }
            
                span.previous { float: left; width: 200px !important; text-align: left; }
                span.next { float: right; width: 200px !important; text-align: right; }
    
        #right { float: right; width: 320px; }
        
    #footer { float: left; width: 100%; padding: 10px 0; color: #ccc; font-size: 1.2em; }
    #footer p.copyright {font-size: 1.0em; float:left;}
    #footer p.wordpress {font-size: 1.0em; float: right;}
    
    .align-left{ float: left; }
    .align-right{ float: right; }
    
/* =COMMON ELEMENTS
====================================================================================================================================== */    
 
h1 { float: left; font-size: 2.8em; font-weight: bold; margin: 0 0 .1em 0; color: #F06060 ; line-height: 1.1em; letter-spacing: -1px; }
 
    h1.pagetitle { float: none; font-size: 2.8em; font-weight: bold; color: #F06060 ; border-bottom: 1px solid #888; padding: 0 0 .2em 0; margin: 0 0 1em 0; width: 100%; text-decoration: none; }
    h1.pagetitle a {color:#f06060;text-decoration: none;}
    h1.pagetitle a:visited {color:#f06060;text-decoration: none;}

 
h2 {}
 
    .entry h2 { float: left; font-size: 2.4em; font-weight: bold; letter-spacing: -1px; margin: 0 0 0.3em 0; line-height: 1.1em; }
	
 
h3 {}
 
    h3.gen { font-size: 1.4em; font-weight: bold; color: #333; margin: 2em 0 .5em 0; }
    .contents h3.gent { margin: 1em 0 .5em 0; }
    
    h3.center { text-align: center; }
 
    #right h3 { font-size: 1.6em; font-weight: bold; margin: 0 0 0.5em 0; }
    
    .entry h3, .entry-single h3, #next h3, #comments h3 { font-size: 1.6em; font-weight: bold; padding: 0 0 .3em 0; margin: 0 0 1em 0; line-height: 1.3em; color: #333; border-bottom: 1px solid #888; }
	
 
h4 {}
 
    #next h4 { font-size: 1.4em; font-weight: bold; color: #f06264 ; margin: 0 0 1em 0; }
    .tabberlive .tabbertab h4 { font-size: 1.3em; font-weight: normal; margin: 0 0 0.3em 0; font-weight: bold; }
    
    h4.gen { color: #f06264; font-weight: bold; margin: 0 0 .3em 0; font-size: 1.3em; }
 
p { font-size: 1.3em; margin: 0 0 1.0em 0; line-height: 1.4em; }
 
    p.center { text-align: center; }
    p.right { text-align: right; clear: both; line-height: 1.6em; }
    p.date { font-size: 1.1em; color: #666; text-transform: uppercase; margin: 0 0 .2em 0; letter-spacing: 0.5px; }        
    p.meta { float: left; width: 100%; font-size: 1.2em; color: #333; border-bottom: 1px solid #888; padding: 0 0 .5em 0; margin: 0 0 1.2em 0; height: 1%; }
    #pop-in p.meta { font-size: 1.1em; color: #aaa; border: none; margin: 0; padding: 0; }
    p.comment_etiquette { color: #000; }
    .contents p { margin: 0 0 .1em 0; }
    p.single_date { font-size: 1.1em; color: #888; font-style: italic; clear: both; margin: 0 0 0 0 !important; }
    
strong { font-weight: bold; }
strong.pink { color: #F06060; }

em { font-style: italic; }
em.alert { display: block; padding: 5px; background: #ffc; color: #333; font-size: 1.2em;}
 
a, a:link { color: #A80000 ; }
a:visited { color: #780000 ; }
a:hover { color: #A80000 ; text-decoration: none; }
 
a.more-link { font-weight: bold; font-size: 0.9em; }    
a.fn { font-size: .8em; }
    
#footer a { color: #888 ; }
#footer a:hover { text-decoration: none; }
    
a img { border: none; }
 
ul.gen { padding: 0 25px; margin: 0 0 1.5em 0;}
ul.gen li { font-size: 1.3em; margin: .3em 0; list-style: disc; line-height: 1.4em; }
 
ol { padding: 0 25px; list-style: decimal; margin: 0 0 1.5em 0; font-size: 1.3em; line-height: 1.4em; }
ol li { margin: 0 0 .5em 0; }
 
/* ==[ Top, Header, and Nav Styles ]== */
        
#picture { float: left; width: 548px; }
        
#kate { float: right; width: 322px; padding: 20px 15px; background: #F02222 url("images/kate-bg_4.0.gif") 0 0 repeat-x; height: 190px; }
    
    #kate img { float: left; padding: 0 10px 0 0px; }    
    
    #kate ul { float: left; width: 322px; padding: 0 0 0px 0; margin: 0 0 10px 0; border-bottom: 1px solid #F08080; }
    
    #kate li { font-size: 1.4em; font-weight: bold; color: #000; padding: 3px 0; }
    
    #kate p { font-size: 1.2em; color: #000; font-weight: lighter; line-height: 1.2em; width: 322px; padding: 0 0 0 0px; }
    
    #kate p span { display: block; margin: 7px 0; padding: 0; color: #000; font-size: 0.95em; line-height: 1.1em; font-weight: normal; }
	
		#links {float: left; width:300px; height: 50px; padding: 0 18px 0 18px; }
 
#nav ul li { float: left; font-size: 1.2em; padding: 0; background: url("images/nav-border_4.0.gif") 100% 50% no-repeat; z-index: 9997; }
 
    #nav ul a { color: #fff; text-decoration: none; display: block; padding: 12px 15px 13px 15px; }
    #nav ul a:hover { color: #fff; background: #888 url("images/nav-hover-bg_4.0.gif") bottom center no-repeat; }
    #nav ul a.here { color: #fff; background: #F08080 url("images/nav-here-bg_4.0.gif") bottom center no-repeat;}
    #nav ul li.last { background: none; border: none; margin-bottom: 0; }
    
    /* Dropdowns */
    
    #nav ul li ul { position: absolute; width: 220px; left: -9999px; border: 1px solid #888 ; border-bottom: 3px solid #888 ; border-right: 3px solid #888 ; border-top: none; padding: 10px 10px 0 10px; }
    #nav ul li ul li, #nav ul li.sfhover ul li { background-image: none; float: none; background: #fff; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #888; font-size: 11px; color: #387ec6; }
    #nav ul li ul li.last { border: none; }
    #nav ul li:hover ul, #nav ul li.sfhover ul { position: absolute; top: 353px; left: auto; z-index: 9997; background: #fff; width: 170px; }
    #nav ul li ul a, #nav ul li.sfhover ul a { color: #387ec6; background: none; font-size: 11px; padding: 5px 0; }
    #nav ul li ul a:hover, #nav ul li.sfhover ul a:hover { color: #387ec6; text-decoration: underline; background-image: none; background: none; }
 
#nav #subscribe { float: right; line-height: 1.6em; color: #f1f1f1; font-size: 1.2em; width: 352px; text-align: right; padding: 8px 0 0 0; }
 
    #nav #sub_button { position: absolute; top: 308px; margin: 0 0 0 -28px; z-index: 1000; display: block; }    
    #nav #subscribe a { color: #387ec6; }
    #nav #subscribe a:hover { color: #387ec6; text-decoration: none; }
    #nav #subscribe span { float: left; display: block; margin: 0 10px 0 40px; }
    
    
input.search_input { float: left; width: 200px; border: 1px solid #888; padding: 4px; font-size: 12px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; }
#searchsubmit {float: left; padding: 0 0 0 10px; }
    
/* ==[ Post Styles ]== */
 
.entry, .entry-single { float: left; width: 506px; margin: 0 0 2.5em 0; display: block !important; }
    
    .entry-single { margin: 0 0 1em 0; }
    
    .entry-header { float: left; width: 100%; }
 
    .entry h2 a { color: #F06060 ; text-decoration: none; }
    .entry h2 a:hover { color: #888; }
    .entry h2 span, .entry-single h1 span { font-size: .625em; letter-spacing: 0; font-weight: normal; display: block; float: left; clear: both !important; width: 100%; }
    .entry h2 span a, .entry-single h1 span a { color: #666; text-decoration: none; }
    .entry h2 span a:hover, .entry-single h1 span a:hover { color: #888 ; }
    
    .entry h3, .entry-single h3 { font-size: 1.8em; font-weight: normal; color: #F06060 ; }
    
    .entry blockquote, .entry-single blockquote { font-size: 12px; padding: 0 10px; border-left: 1px solid #888; margin: 0 25px; background: #f1f1f1; }
    .entry blockquote p, .entry-single blockquote p {font-size: 12px; }
    
    span.author { display: block; float: left; width: 300px; }
    span.topics { display: block; float: left; width: 500px; text-align: left; }
    
    .entry ul { margin: 0 0 1.5em 0; padding: 0 0 0 30px; }
    .entry ul li { font-size: 1.3em; margin: .3em 0; line-height: 1.4em; list-style: disc; }
    
    .entry img, .entry p img { margin: 0 auto .3em auto; }
    
    .entry p small, .entry small, * small, * small strong, * small em { font-size: 11px; }
    
/*    .diggthisplugin { float: left; margin: 0 10px 1.5em 0; clear: both; }
    
    .diggbuzz { float: left; width: 100%; clear: both; margin-bottom: 1em; }
    
      .diggbuzz .alignleft { float: left; }
      .diggbuzz .alignright { float: right; }
      
    .yahoo { float: left; margin: 0; }*/
    
    #next { float: left; clear: both; width: 486px; padding: 10px; background: #ffffff; overflow: hidden; margin: 0 0 2em 0; border: 1px solid #F04040; border-left: none; border-right: none;}
    
        #next ul { float: left; width: 224px; margin-right: 20px; }
        #next ul.right { margin: 0; }
        
            #next ul li { font-size: 1.2em; line-height: 1.4em; margin: 0 0 .5em 0; }
            #next ul li.feed { padding: 0 0 0 20px; background: url("images/minifeed.png") 0 0 no-repeat; }
            #next ul li.print { padding: 0 0 0 20px; background: url("images/print.png") 0 0 no-repeat; }
            #next ul li.stumble { padding: 0 0 0 20px; background: url("http://www.stumbleupon.com/images/stumbleit.gif") 0 0 no-repeat; }
            #next ul li.comment { padding: 0 0 0 20px;  }
/*            #next ul li.comment { padding: 0 0 0 20px; background: url("images/comment.png") 0 0 no-repeat; }
*/
            #next ul li.del { padding: 0 0 0 20px; background: url("images/del.png") 0 0 no-repeat; }
            #next ul li.email { padding: 0 0 0 20px; background: url("images/email.png") 0 0 no-repeat; font-size: 12px !important; }
            
        ul.related_post li { padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #888;  }
        
    #single_ad { float: left; margin: 0 0 2em 0; width: 486px; clear: both; text-align: center; overflow: hidden; }  
    
    ul.pop-page { list-style: none; padding: 0; }
    ul.pop-page li { list-style: none; padding: 5px; }
    ul.pop-page li.alt { background: #eefbdc; border: 1px solid #888; border-left: none; border-right: none; }
    
    .entry-bottom { background: #EEDFDF; font-size: 1.2em; float: left; clear: both; border: 1px solid #888; margin: 0 0 1.5em 0; padding: 10px; }
            
    .caption { float: left; background: #ddd; padding: 5px; margin: 0 0 20px 0; clear: both; width: 496px; }
    .caption img { margin: 0 auto 10px auto; }
            
/* ==[ Comment Styles ]== */
 
#comments { clear: both; }
 
ul#comment_list { margin: 0 0 2em 0; }
ul#comment_list li.comment { width: 100%; overflow: hidden; background: #F0F0F0; padding: 1em 0; border: 1px solid #888; border-right: none; border-left: none; }
ul#comment_list li.alt { background: #fff; border: none; }
ul#comment_list li.author { background: #eefbdc; width: 505px; color: #333; border: 1px solid #F06060 ; }
ul#comment_list li.comment .comment_meta { float: left; width: 135px; padding: 0 0 0 5px; }
ul#comment_list li.comment .comment_entry { float: right; width: 360px; padding: }
 
    li.comment .entry blockquote { margin: 0 10px .5em 0; padding: 8px 5px 5px 33px; border: 1px solid #888; background: #fff url("images/quote.png") 0 0 no-repeat; }
    
    span.comment_author { font-size: 1.2em; line-height: 1.4em; font-weight: bold; }
    li.comment span.comment_author, li.alt span.comment_author a { font-weight: bold; }
    li.author span.comment_author a, li.author span.comment_author { font-weight: bold; color: #F06060 ; font-size: 1.4em; text-decoration: none; }
    span.comment_time, span.quote { float: left;  display: block; font-size: 1.1em; color: #888 ; clear: both; line-height: 1.4em; }
     li.author span.comment_time, li.author span.comment_time a { color: #F06060 ; }
        span.comment_time a { text-decoration: none; color: #aaa; }
        
input.text_input { border: 1px solid #888; padding: 3px; width: 200px; font-size: 14px; font-family: "helvetica", arial, sans-serif; }
textarea.text_input { border: 1px solid #888; font-size: 14px; font-family: "helvetica", arial, sans-serif; padding: 3px; width: 500px; }
    
/* ==[ Sidebar Styles ]== */
 
#right ul#sidebar { width: 322px; margin-left: 10px; }
 
    #right ul li { margin: 0 0 2.5em 0; clear: both; overflow: hidden; }
    
    #right ul.cat_list { margin: 0; display: inline-block; }
    #right ul.cat_list li { float: left; clear: none; font-size: 1.1em; margin: 0 10px .5em 0; vertical-align: top !important; line-height: 1.2em; width: 130px; }
    
    #right ul li ul.inside { margin: 0; font-size: 1.2em; }
    #right ul li ul.inside li { margin: 0 0 .5em 0; background: url("images/sidebar_bullet.png") 0 -3px no-repeat; padding: 0 0 0 18px; }

#widgets h2 {font-size: 1.6em;}

#widgets ul li {margin:0 0 1.2em 0; clear: both; overflow: hidden;}

#widgets ul li ul li {margin:0 0 1.2em 0; clear: both; overflow: hidden;font-size: 1.0em;}

    
#tweet { float: left; width: 312px; background: ; color: #000; padding: 0 0 0 0 ; font-size: 1.5em; line-height: 1.5em; text-decoration:none; border-bottom:solid 5px #f06060;font-family: 'Walter Turncoat', cursive; color: #000; } 

#tweet p {font-size: .8em;font-family: 'Walter Turncoat', cursive; color: #000; }

#tweet a {text-decoration: none; font-family: 'Walter Turncoat', cursive; color: #000; }