Theme Name: cfh - modified
Theme URI: 
Description: Modified by <a href="http://quicksilverspider.com/">Quicksilver Spider</a>
Author: <a href="http://quicksilverspider.com/">Quicksilver Spider</a>


#category-i{
    }
.category{
    border-bottom: 1px dotted red;
    margin-top: 3em;
    font:sans-serif, Arial, Helvetica;
    }    
.category img{
    }
#testimonials{
    margin-bottom: 3em;
    clear:left;
    }    
#testimonials li{
    margin: 12px 10px 0 10px;
    border-bottom: 1px dotted #ffcccc;
    padding-bottom: 3px;
    }
#testimonials strong{
    background: #ffebef;
    }    

body{

    background: #fff; 

    color: #333; 

    font: 62.5% Georgia, "Times New Roman", Times, serif; 

    text-align: center; 

    }



* {padding: 0; margin: 0;}



/*---:[ global elements ]:---*/



ul{

        list-style: none;

    }

#content a{

    color: #036;

}

a{

    color: #0060ff; 

    text-decoration: underline; 

    }

a:visited{

    color: #333; 

    text-decoration: underline; 

    }

a:hover{

    color: #df0000; text-decoration: underline;

    }

a img{

    border: none;

    }

blockquote{

    font-style: italic; 

    font-family: Georgia, "Times New Roman", Times, serif; 

    color: #555; 

    margin: 0 30px 1.5em 30px; 

    padding: 0 0 0 10px; 

    border-left: 1px solid #aaa;

    }

abbr, acronym{ 

    border-bottom: 1px dotted #aaa; 

    text-transform: uppercase; 

    cursor: help;

    }

code{ 

    color: #090; font-family: Courier, monospace; 

    }

pre{

    margin: 0 0 1.5em 0; 

    overflow: auto; 

    font-size: 1.3em; 

    clear: both; 

    }

p.center{

    text-align: center !important;

    }

p.bottom{

    margin: 0 !important;

    }

p.unstyled{

    font-size: 1.4em; 

    }

.flickr_blue{

    color: #007ae4;

    text-transform: lowercase; 

    }

.flickr_pink{ 

    color: #ff2a96; 

    text-transform: lowercase; 

    }

.green{ 

    color: #090; 

    }

.red{ 

    color: #f00; 

    }



.orange { color: #f40; }



.purple { color: #909; }



/*---:[ headlines ]:---*/



    h1, h2, h3{ 

        font-weight: bold; 

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

        color: #000; 

        }

    h1{ 

        font-size: 3.6em; 

        letter-spacing: -0.03em; 

        }

    #masthead h1{ 

        padding: 0.4em 0 0.2em 0; 

        border-top: 1px solid #ccc; 

        text-align: center; 

        clear: both; 

        background: transparent url(images/logo.png) no-repeat center -5px;

        height: 115px;

    }

    #masthead a.logo{

        display: block;

        height: 122px;

        width: 200px;

        position: relative;

        left: 450px;

    }

    h1 a, h1 a:visited, h1 a:hover{ 

        color: #000; 

        text-decoration: none;

        }

    h2{

        font: italic 2.2em Georgia, "Times New Roman", Times, serif;

        color: #888; 

        }

    #content h2, h2 a{ 

        color: #000;
        font-weight: bold;
        font-style: italic; 
        font-family: Verdana;
        background: #fcc; 

        text-decoration: none;

        }

    h2 a:visited,h2 a:hover{ 

        color: #036; 

        text-decoration: none; 

        }

    

    .posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }

    

    .pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }

    

    h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #036 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }

    

    h3 { font-size: 1.2em; text-transform: uppercase; }

    h5, h5 a, h5 a:visited { 

        font-size: .6em;

        font-weight: bold; 

        }



    #masthead h3 { margin: 5px 0 0.75em 0; text-transform: none; color: #036; 

    width: 450px; position: relative; top: -50px; left: 260px;

    text-align: center; font: italic 2.2em Georgia, "Times New Roman", Times, serif; color: #036;}



    .entry h3 { margin: .5em 0 0.5em 0; font-weight: bolder; }

    

    .entry h3.top { margin: 1.5em 0 0.5em 0 !important; }

    

    h3.comments_headers { font-size: 1.4em; }



    h4 { font: italic 1.2em Helvetica, Arial, sans-serif; color: #036; }



    h4 a, h4 a:visited { color: #888; text-decoration: none; }

    

    h4 a:hover { color: #888; text-decoration: underline; }

    

    .posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }



/*---:[ core layout elements ]:---*/

    #container{ 

        width: 970px; 

        margin: 0 auto 0 auto; 

        }

    #masthead{

        background: #000 url(images/header.png) repeat-x;

        height: 140px; 

        width: 970px; 

    }

    #header-left{
    margin-left:10px;

        float: left;

        width: 25%;

        height: 100%;

        text-align: left;

        font-size: 1.07em;

        letter-spacing: .2px;

        }

    #header-left ul{

        margin: 15px 0 0 30px;

        }

    #header-left a, #header-left li{

        text-decoration: none;

        color: #ffff67;

        margin-top: 2px;

        }

    #header-left a:hover{

        color: #c00;    

        }    

    #header-middle{

        float: left;

        width: 50%;

        height: 100%;

        background: transparent url(images/logo.png) no-repeat center 0;

        }

    * html #header-middle{

        background: transparent url(images/logo.gif) no-repeat center 0;    

        width: 49.5%;

        }    

    #header-right{

        float: left;

        width: 15%;

        height: 100%;

        }            

    #content_box{

        width: 970px; 

        text-align: left; 

        float: left; 

        clear: both; 

        }

    #content{

        width: 500px; 

        padding: 1em 0 0 20px; 

        float: left;

        }

    #sidebar{ 

        background: #fff url(images/sidebar.png) no-repeat;

        padding-top: 1em;

        width: 210px; 

        min-height: 300px;

        float: right; 

        }

    * html #sidebar{

        height: 300px;

        }

    #sidebar ul h4 p{

        margin-top: 10px;

        }

    #l_sidebar{ 

        background: #fff url(images/sidebar.png) no-repeat;
        text-align:left;
        width: 210px;
        float: left; 
        }

    * html #l_sidebar{

        height: 300px;

        }

    #footer{ 

        width: 970px; 

        padding: 0; 

        border-top: 2px solid #ccc; 

        float: left; 

        clear: both;

        background: #ccf;

        }



/*---:[ header and navigation styles ]:---*/


    .title_header{
        color: #f00;
        text-align: center;
        font-size: 1.4em;
        }


    #header-nav{

        list-style: none;

        height: 56px; 

        width: 970px; 

        padding: 0; 

        background: #f00 url('images/header-nav.png') repeat-x; 

        border-top: 2px solid #fff; 

        float: left; 

        clear: both;

        }

    ul#sidebar_list{

        list-style: none;

        height: 110px;

        width: auto;
        margin-top: 5px;

        }



    ul#sidebar_list li{ 

        font: normal 1.2em sans-serif, Arial, Helvetica;

        float: left;

        }        
    ul.sidebar_list li a{
        font:sans-serif, Arial, Helvetica;
        padding: 2px 0px 2px 20px;
        text-decoration: none;
        margin-top: 5px;
        display: block;
        color: #036;
        font-size:18px;
        }
    ul.sidebar_list li a:hover{
        color: red;
        text-decoration: underline;
        }
    ul#sidebar_list2 li{ 
        font: normal 1.2em;
        float: left;
        }    
    ul.sidebar_list2 li a{
        font-family:Arial, Helvetica, sans-serif;
        padding: 2px 0px 2px 20px;
        text-decoration: none;
        margin-top: 5px;
        display: block;
        color: red;
        font-size:15px;
        }
    ul.sidebar_list2 li a:hover{
        color: #036;
        text-decoration: underline;
        }
        
        

    ul#sidebar_list li a{
        /*"Consumers Need To Know" area*/
        display: block;
        font-size:15px;
        padding: 10px 5px 5px 20px;
        width: 185px;
        text-decoration: none;
        color: #000;
        border-bottom: 1px dotted #ccc;
        }

    ul#sidebar_list li a:hover{ 

        color: #c00;

        border-bottom: 1px dotted #c00;

        }

    .side-h4{

        height: 18px;

        width: 210px;

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

        color: #fff;
        padding: 1px 0 0 5px;
        font-size: 14px;
        text-align: center;

        }

        

    #header_img { position: relative; margin: 0; float: left; clear: both; border-left: 1px solid #036; border-right: 1px solid #036;}



    #header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */



    table{

        border-spacing: 10px;

        width: 400px;

    }

    table.mine{

        border-spacing: 0px;
        width:220px;

    }


/*---:[ content styles ]:---*/

    .entry { font-size: 1.4em; line-height: 1.65em; }

        

    .entry blockquote { font-size: 1.0em; }

    

    .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }

        

    .entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }

    

    .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }

    

    .entry p { margin: 0 0 1em 0; line-height: 1.4em; text-align: left; color: #464646; font-family: Verdana}



    .entry ul, .entry ol { margin: 0 0 1.5em 40px; }

    

    .entry ul { list-style-type: square; }

    

    .entry li { margin: 0 0 0.5em 0; }

        

    .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }

    

    .entry dl { margin: 0 0 1.5em 0; }

            

    .entry dt { font-weight: bold; margin: 0 0 0.5em 0; }

    

    .entry dd { margin: 0 0 1.5em 20px; }

        

    .entry .ad { margin: 0 0 0.5em 15px; float: right; }

    

    .entry .ad_left { margin: 0 15px 0.5em 0; float: left; }



    .entry img { }



    .entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }

    

    .entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }

    

    .entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }



    .entry img.off { padding: 0 !important; border: none !important; }

    

    .entry img.stack { clear: none !important; }



    .tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }



    .tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }

    

    .tagged a:hover { color: #fff; background: #333; text-decoration: none; }

    

    .add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }



    .navigation { width: 500px; font-size: 1.4em; float: left; }

    

    .previous { padding: 0 20px 0 0; float: left; }

    

    .next { float: right; }



    .clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }



    .rule { background: url('images/hr_tag_sep.gif') no-repeat; }

    

    .flat { margin: 0 0 2.0em 0 !important; }

    

    .whitespace { margin: 0 0 3.5em 0 !important; }

/*---:[ sidebar styles ]:---*/



#l_sidebar_content{

    margin-top: 15px;

    background: url(images/tipchence.png) no-repeat bottom center;

    height: 300px;

}



#l_sidebar_content li.grey{

    margin-top: 7px;

    text-align: justify;

    background-color: #ccc;

    font-size: 12px;

}



#l_sidebar_content li.white{

    margin-top: 7px;

    text-align: justify;

    background-color: #ffc;

    font-size: 11.5px;

}



    

    ul.sidebar_list { list-style: none; font-size: 13px;}
    
    ul.sidebar_list div{margin: 10px 0;}
        

    ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 210px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }



    li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }



    li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }

    

    li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }

    

    li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }

    

    li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }

        

    li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }

            

    li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }

        

    li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }

    

    li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }

    

    li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }

        

    li.widget ul.flickr_stream li a img { padding: 3px; }

            

    li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }

    

/*---< FlickrRSS styles for the widget only >---*/

    

    li.widget_flickrrss { }

            

    li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }

    

    li.widget_flickrrss a:hover img { background: #ff2a96; }

                

/*---< Calendar widget styles >---*/

        

    #calendar_wrap { font-size: 1.3em; }

                

/*---:[ footer styles ]:---*/



    #footer-links{

        background: #c00;

        width: 100%;

        height: 50px;

        padding: 0;

        }

    #footer-disclaimer{

        background: #fff url(images/disclaimer.png) repeat-x;

        width: 100%;

        height: 150px;

        padding: 0;

        }





    #footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: center;}



    #footer a, #footer a:visited { color: #888; text-decoration: none; }

        

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



/*---:[ comment styles ]:---*/



    #comments { width: 500px; float: left; clear: both; }



    ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }

        

    ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }

        

    ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }

                

    .comment_meta { margin: 0 0 1.2em 0; }

            

    .comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }

    

    .trackback .comment_num { padding: 0 0 0 20px; }

                

    .comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }

                    

    .comment_num a:hover { color: #df0000; text-decoration: none; }

                

    .comment_meta strong { font-size: 1.6em; }

                    

    .comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }



    .comment .entry { padding: 0 15px; }



    .comment .entry p { margin: 0 0 1.0em 0; text-align: justify;}

            

/*---:[ comment form styles ]:---*/



    #comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }



    #comment_form p { padding: 0.6em 0; }

    

    #comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }



    #comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

    

    #comment_form .text_area { width: 321px !important; }



    #comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }



    #comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }

    

    #comment_form p.subscribe-to-comments { font-size: 1.4em; }

    

    #comment_form p.subscribe-to-comments label { font-size: 1.0em; }

            





/*---:[ search form styles ]:---*/



#search_form { }



    #search_form .search_input { width: 201px; padding: 3px; color: #f00; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }

    

    li.widget .search_input { font-size: 1.1em !important; }

    

        #search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

        

img.alignright {

    margin: 0 7px 2px 0;

}



img.alignleft {

    margin: 0 0 2px 7px;

}



.alignright {

    float: right;

}



.alignleft {

    float: left;

}

code {

    display:block;

    direction:ltr;

    text-align:left;

}

acronym, abbr, span.caps {

    letter-spacing:0; /* fix opera bug */

}



.post-footer {

    clear:both;

    }
    
.nav-button{
    width: 89px;
    height: 30px;
    position: relative;
    top: -15px;
    display: block;
}

#nav-left-button{background: transparent url('images/blog.png') no-repeat;}

#nav-left-button:hover{background: transparent url('images/blog-over.png') no-repeat;}
#nav-middle-button{background: transparent url('images/blog.png') no-repeat;}
#nav-middle-button:hover{background: transparent url('images/blog-over.png') no-repeat;}

#nav-right-button{background: transparent url('images/new.png') no-repeat;}

#nav-right-button:hover{background: transparent url('images/new-over.png') no-repeat;}
    

.nav{

width: 203px;

float: left;

height: 100%;

text-align: center;

border-right: 1px solid #fff;

}


.nav span a{
    font: 1.5em normal Verdana,Arial,Sans-Serif;
    color: #fff;
    position: relative;
    top: -10px;
    text-decoration: none;
    width: 100%;
    }
.nav span a:hover{text-decoration: underline; color: #fcc;}    

.nav1{

width: 100px;

float: left;

height: 100%;

text-align: center;

border-right: 1px solid #fff;

}


.nav1 span a{
    font: 1.5em normal Verdana,Arial,Sans-Serif;
    color: #fff;
    position: relative;
    top: -5px;
    text-decoration: none;
    width: 100%;
    }

.nav1 span a:hover{text-decoration: underline; color: #fcc;}  

.nav2{

width: 279px;

float: left;

height: 100%;

text-align: center;

border-right: 1px solid #fff;

}


.nav2 span a{
    font: 1.5em normal Verdana,Arial,Sans-Serif;
    color: #fff;
    position: relative;
    top: -10px;
    text-decoration: none;
    width: 100%;
    }

.nav2 span a:hover{text-decoration: underline; color: #fcc;}    
  
.nav3{

width: 200px;

float: left;

height: 100%;

text-align: center;

border-right: 1px solid #fff;

}


.nav3 span a{
    font: 1.5em normal Verdana,Arial,Sans-Serif;
    color: #fff;
    position: relative;
    top: -5px;
    text-decoration: none;
    width: 100%;
    }

.nav3 span a:hover{text-decoration: underline; color: #fcc;}  

.nav4{

width: 184px;

float: left;

height: 100%;

text-align: center;

}


.nav4 span a{
    font: 1.5em normal Verdana,Arial,Sans-Serif;
    color: #fff;
    position: relative;
    top: -5px;
    text-decoration: none;
    width: 100%;
    }

.nav4 span a:hover{text-decoration: underline; color: #fcc;}    
  

#search{list-style: none; margin-top: 15px;}

h5 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    color:#CC0000;
}


h6 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    color: #000000;
}