/* 
                Theme Name: Fragile Families Network
                Description: Code Blue is a 2-column Widget-ready theme created for WordPress.
                Author: Deidre Hughey
                Author URI: http://www.deidrehughey.com
                Tags: two columns, fixed width, brown, blue, sidebar widgets
                
                The CSS, XHTML and design is released under GPL:
                http://www.opensource.org/licenses/gpl-license.php
                
                
*/

body {
/*           background: #1A4E88 url(images/bg.gif) repeat-x; */
                background: #F0ECDF; 
                color: #202020; 
                font-size: 12px;
                font-family: Georgia, Tahoma, Geneva;
                margin: 0px auto 0px;
                padding: 0px;
                }
                
#wrap {
/*           background: #FFFFFF; */
                background: #D6E591; 
                width: 960px;
                margin: 125px auto 0px;
                padding: 0px;
                }
                
/************************************************
*             Hyperlinks                                                                                                                                           *
************************************************/

a, a:visited {
                color: #2255AA;
                text-decoration: none;
                }
                
a:hover {
                color: #7DAE12;
                text-decoration: underline;
                }
                
a img {
                border: none;
                }
                
/************************************************
*             Header                                                                                                                                                 *
************************************************/

#header {
                width: 960px;
                height: 157px;
                background: #90CACE url(images/Header.jpg) no-repeat left top;
/*           color: #FFFFFF; */
                color: #F0ECDF;
                font-size: 16px;
                font-weight: normal;
                margin: 0px auto 0px;
                padding: 0px;
/*           overflow: hidden; */
                }
                
#header p {
                padding: 0px 0px 5px 0px;
                margin: 0px;
                line-height: 20px;
                }
                
#header h1 {
/*           color: #FFFFFF; */
                color: #F0ECDF;
                font-size: 36px;
                font-family: Georgia, Tahoma, Geneva;
                font-weight: normal;
                margin: 0px 0px 0px 10px;
                padding: 20px 0px 0px 0px;
                text-decoration: none;
                }
                
#header h1 a, #header h1 a:visited {
/*           color: #FFFFFF; */
                color: #F0ECDF;
                font-size: 36px;
                font-family: Georgia, Tahoma, Geneva;
                font-weight: normal;
                margin: 0px 0px 0px 10px;
                padding: 20px 0px 0px 0px;
                text-decoration: none;
                }
                
#header h1 a:hover {
/*           color: #FFFFFF; */
                color: #F0ECDF;
                text-decoration: none;
                }

.headerleft {
                width: 470px;
                float: left;
                margin: 0px;
                padding: 0px;
/*           overflow: hidden; */
                }
                
.headerright {
                width: 480px;
                float: right;
                margin: 0px;
                padding: 10px 0px 0px 0px;
                text-align: right;
                }
                
.headerright a, .headerright a:visited {
/*           color: #FFFFFF; */
                color: #F0ECDF;
                font-size: 11px;
                text-transform: uppercase;
                text-decoration: none;
                padding: 0px 0px 0px 3px;
                }
                
.headerright a:hover {
/*           color: #FFFFFF; */
                color: #F0ECDF;
                text-decoration: underline;
                }
                
.headerright a img {
                border: none;
                margin: 0px 0px 3px 0px;
                padding: 0px;
                }

/************************************************
*             Navbar                                                                                                                                                 *
************************************************/

#navbar {
/*           background: #1A4E88; */
/*           background: #3C200F; */
                width: 956px;
                height: 30px;
                color: #FFFFFF;
                margin: -156px auto 0px; 
                padding: 0px 0px 0px 0px;
                }
                
#navbarleft {
                background: #3C200F; 
                width: 956px;
                height: 30px;
                float: left;
                margin: 0px 0px 0px 2px;
                padding: 0px;
                }
                
#navbarright {
                width: 300px;
                height: 30px;
                float: right;
                margin: 0px;
                padding: 0px;
                text-align: right;
                }
                
#nav {
                margin: 0px 0px 0px 5px;
                padding: 0px;
                list-style: none;
                }
                
#nav ul {
                margin: 0px;
                padding: 0px;
                list-style: none;
                }

#nav a {
/*           color: #FFFFFF; */
                color: #F0ECDF;
                display: block;
        font-weight: bold;
        margin: 0px 20px 0px 0px;
                padding: 8px 10px 7px 10px;
                }
                
#nav a:hover {
/*           background: #4A7EB8; */
                background: #90CACE;
/*           color: #FFFFFF; */
                color: #F0ECDF;
                display: block;
                text-decoration: none;
        margin: 0px 20px 0px 0px;
                padding: 8px 10px 7px 10px;
                }

#nav li {
                float: left;
                margin: 0px;
                padding: 0px;
                }
                
#nav li li {
                float: left;
                margin: 0px;
                padding: 0px;
                width: 140px;
                }
                
#nav li li a, #nav li li a:link, #nav li li a:visited {
/*           background: #4A7EB8; */
                background: #3C200F;
/*           color: #FFFFFF; */
                color: #F0ECDF;
                width: 140px;
                float: none;
                margin: 0px;
                padding: 6px 10px 5px 10px;
                border-bottom: 1px solid #3C200F;
                border-left: 1px solid #3C200F;
                border-right: 1px solid #3C200F;
                }
                
#nav li li a:hover, #nav li li a:active {
/*           background: #1A4E88; */
                background: #3C200F;
/*           color: #FFFFFF; */
                color: #F0ECDF;
                border-bottom: 1px solid #3C200F;
                border-left: 1px solid #3C200F;
                border-right: 1px solid #3C200F;
                }

#nav li ul {
                position: absolute;
                width: 10em;
                left: -999em;
                }

#nav li:hover ul {
                left: auto;
                display: block;
                }
                
#nav li:hover ul, #nav li.sfhover ul {
                left: auto;
                }
                
/************************************************
*             Content                                                                                                                   * 
************************************************/

#content {
/*                background: #D6E591; */
                background: #FFFFFF; 
                width: 960px;
                margin: 0px 0px 0px 10px;
                padding: 0px 0px 0px 0px;
/*                border-top: 3px solid #F0ECDF; */
                }

#content p {
                padding: 0px 10px 10px 0px;
                margin: 0px 0px 0px 10px;
                line-height: 20px;
                }
                
#content h1 {
                color: #2255AA;
                font-size: 24px;
                font-family: Georgia, Tahoma, Geneva;
                font-weight: normal;
                margin: 0px 0px 0px 10px;
                padding: 0px 0px 5px 0px;
                }
                
#content h1 a  {
                color: #2255AA;
                text-decoration: none;
                }

#content h1 a:hover {
                color: #7DAE12;
                text-decoration: none;
                }
                
#content h3 {
                color: #2255AA;
                font-size: 24px;
                font-family: Georgia, Tahoma, Geneva;
                font-weight: normal;
                margin: 0px 0px 0px 10px;
                padding: 0px 0px 5px 0px;
                }
                
#content h4 {
                font-size: 12px;
                font-family: Georgia, Tahoma, Geneva;
                font-weight: bold;
                margin: 0px 0px 20px 10px;
                padding: 0px 0px 5px 0px;
                }
                
#content img.wp-smiley {
                float: none;
                border: none;
                padding: 0px;
                margin: 0px;
                }

#content img.wp-wink {
                float: none;
                border: none;
                padding: 0px;
                margin: 0px;
                }
                
#content {
/*           float: left; */
                width: 710px;
                margin: 0px 0px 0px 200px;
                padding: 20px 10px 0px 0px;
                }
                
#content ol {
                margin: 0px 0px 0px 20px;
                padding: 0px 0px 10px 0px;
                }
                
#content ol li {
                margin: 0px 0px 0px 20px;
                padding: 0px 0px 5px 0px;
                }
                
#content ul {
                list-style-type: square;
                margin: 0px 0px 0px 20px;
                padding: 0px 0px 10px 0px;
                }
                
#content ul li {
                list-style-type: square;
                margin: 0px 0px 0px 20px;
                padding: 0px 0px 5px 0px;
                }
                
.date {
                font-size: 11px;
                font-weight: bold;
                padding: 0px 0px 10px 0px;
                margin: 0px 0px 15px 10px;
                border-bottom: 1px dotted #999999;
                }
                
.postmeta {
/*           width: 500px; */
                font-size: 11px;
                font-weight: bold;
/*           padding: 10px 0px 0px 0px;
                margin: 0px 0px 40px 10px; */
                border-top: 1px dotted #999999;
                }
                
blockquote {
                font-style: italic;
                margin: 0px 25px 15px 25px;
                padding: 0px 25px 0px 10px;
                border-left: 2px solid #4A7EB8;
                }
                
#content blockquote p {
                margin: 0px 0px 0px 10px;
                padding: 10px 0px 10px 0px;
                }
                
/************************************************
*             Images                                                                                                                     * 
************************************************/

img.centered  {
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 10px;
                padding: 0px;
                }
                
img.alignnone {
                padding: 0px;
                margin: 0px 0px 10px 0px;
                display: inline;
                }

img.alignright {
                padding: 0px;
                margin: 0px 0px 10px 10px;
                display: inline;
                }

img.alignleft {
                padding: 0px;
                margin: 0px 10px 10px 0px;
                display: inline;
                }
                
.aligncenter {
                display: block;
                margin-left: auto;
                margin-right: auto;
                }

.alignright {
                float: right;
                }

.alignleft {
                float: left;
                }
                
.wp-caption {
                margin: 0px;
                padding: 0px;
                }
                
.wp-caption img {
                margin: 0px 0px 10px 0px;
                padding: 0px;
                border: 0px;
                }

.wp-caption p.wp-caption-text {
                margin: 0px;
                padding: 5px 0px 0px 0px;
                font-size: 10px;
                font-style: italic;
                font-weight: bold;
                line-height: 12px;
                }
                
/************************************************
*             Left Sidebar                                                                                            * 
************************************************/

#l_sidebar {
                background: #90CACE;
                float: left; 
                width: 168px;
                margin: -25px 0px 0px 1px;
                padding: 10px 0px 20px 0px;
                line-height: 20px;
                border-right: 3px solid #F0ECDF;
                }
                
#l_sidebar h2 {
/*                background: #FFFFFF url(images/headline_left.gif); */
                color: #FFFFFF;
                font-size: 11px;
                font-family: Georgia, Tahoma, Geneva;
                font-weight: bold;
                text-transform: uppercase;
                margin: 10px 0px 5px 10px;
                padding: 3px 0px 3px 10px;
                }
                
#l_sidebar p {
                padding: 0px 0px 0px 0px;
                margin: 0px;
                line-height: 20px;
                }
                
#l_sidebar ul {
                list-style-type: none;
                margin: 0px 0px 10px 0px;
                padding: 0px;
                }
                
#l_sidebar ul li {
                list-style-type: none;
                margin: 0px 0px 5px 0px;
                padding: 0px;
                }

#l_sidebar ul ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px;
                }
                
#l_sidebar ul li li {
                background: #90CACE url(images/arrow.gif) no-repeat top left;
                padding: 0px 0px 0px 15px;
                margin: 0px;
                }
                
#l_sidebar ul li ul li {
                background: #90CACE url(images/arrow.gif) no-repeat top left;
                padding: 0px 0px 0px 15px;
                margin: 0px;
                }
                
/************************************************
*             Right Sidebar                                                                                         * 
************************************************/
/*           
#r_sidebar {
                float: right;
                width: 250px;
                margin: 0px 0px 0px 0px;
                padding: 10px 0px 20px 0px;
                line-height: 20px;
                }
                
#r_sidebar h2 {
                background: #FFFFFF url(images/headline_right.gif);
                color: #FFFFFF;
                font-size: 11px;
                font-family: Georgia, Tahoma, Geneva;
                font-weight: bold;
                text-transform: uppercase;
                margin: 10px 0px 5px 10px;
                padding: 3px 0px 3px 10px;
                }

#r_sidebar p {
                padding: 0px 0px 0px 0px;
                margin: 0px;
                line-height: 20px;
                }
                
#r_sidebar ul {
                list-style-type: none;
                margin: 0px 0px 10px 0px;
                padding: 0px;
                }
                
#r_sidebar ul li {
                list-style-type: none;
                margin: 0px 0px 5px 0px;
                padding: 0px;
                }

#r_sidebar ul ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px;
                }
                
#r_sidebar ul li li {
                background: #FFFFFF url(images/arrow.gif) no-repeat top left;
                padding: 0px 0px 0px 15px;
                margin: 0px;
                }
                
#r_sidebar ul li ul li {
                background: #FFFFFF url(images/arrow.gif) no-repeat top left;
                padding: 0px 0px 0px 15px;
                margin: 0px;
                }
*/
                
/************************************************
*             Footer Background                                                                                                         *
************************************************/

#footerbg {
/*           background: #1A4E88; */
                background: #90CACE;
                width: 960px;
                margin: 0px auto 0px; 
                }
                
/************************************************
*             Footer                                                                                                                                                  *
************************************************/

#footer {
                width: 960px;
                height: 30px;
                color: #FFFFFF;
                margin: 0px auto 0px; 
                padding: 0px;
                }
                
#footer p {
                color: #FFFFFF;
                font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
                margin: 0px 10px 0px 10px;         
                padding: 0px;
                }

#footer a {
                color: #FFFFFF;
                text-decoration: none;
                }
                
#footer a img {
                border: none;
                margin: 0px;
                padding: 0px;
                }

#footer a:hover {
                color: #FFFFFF;
                text-decoration: underline;
                }
                
.footerleft {
                width: 956px;
                float: left;
                margin: 0px;
                padding: 8px 0px 8px 0px;
                }
                
.footerright {
                width: 250px;
                float: right;
                margin: 0px;
                padding: 8px 0px 8px 0px;
                text-align: right;
                }
                
/************************************************
*             Search Form                                                                                                                                       *
************************************************/

#searchdiv {
                float: right;
                margin: 0px 2px 0px 0px;
                padding: 0px;
                }
                
#searchform {
                float: right;
                margin: 0px 2px 0px 5px;
                padding: 4px 0px 0px 0px;
                }
                
#s {
/*           background: #FFFFFF; */
                background: #F0ECDF;
                width: 150px;
                color: #333333;
                font-size: 11px;
                font-family: Georgia, Tahoma, Genevaa;
                padding: 3px;
                margin: 0px 2px 0px 0px;
                border-top: 1px solid #666666;
                border-right: 1px solid #666666;
                border-left: 1px solid #999999;
                border-bottom: 1px solid #999999;
                }
                
#sbutt {
                background: #1A4E88 url(images/submit.png);
                color: #FFFFFF;
                font-size: 11px;
                font-family: Georgia, Tahoma, Geneva;
                padding: 1px;
                margin: 0px 2px 0px 0px;
                border: 1px solid #FFFFFF;
                }
                
/************************************************
*             Comments                                                                                                                                          *
************************************************/
                
#commentblock {
                width: 500px;
                float: left;
                padding: 0px 0px 10px 0px;
                margin: 0px 0px 0px 0px;
                line-height: 20px;
                }
                
.commentleft {
                width: 150px;
                float: left;
                padding: 0px 20px 0px 0px;
                margin: 0px 0px 0px 0px;
                }
                
.commentright {
                width: 300px;
                float: right;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                }
                
#commentblock ol {
                margin: 0px 5px 0px 20px;
                padding: 0px 0px 10px 0px;
                }
                
#commentblock ol li {
                margin: 0px;
                padding: 0px;
                }
                
.commentdate {
                font-size: 12px;
                padding-left: 0px;
                }
                
#commentlist li p {
                margin-bottom: 8px;
                line-height: 20px;
                padding: 0px;
                }

.commentname {
                color: #333333;
                margin: 0px;
                padding: 5px 5px 5px 0px;
                }

.commentinfo {
                clear: both;
                }
                
#name, #email, #url {
                background: #EAEAEA !important;
                color: #202020;
                font-size: 12px;
                font-family: Georgia, Tahoma, Geneva;
                margin: 0px;
                padding: 4px;
                border-top: 1px solid #666666;
                border-right: 1px solid #DDDDDD;
                border-left: 1px solid #666666;
                border-bottom: 1px solid #DDDDDD;
                }
                
#words {
                background: #EAEAEA !important;
                width: 460px;
                color: #000000;
                font-size: 12px;
                font-family: Georgia, Tahoma, Geneva;
                padding: 4px;
                margin: 0px;
                border-top: 1px solid #666666;
                border-right: 1px solid #DDDDDD;
                border-left: 1px solid #666666;
                border-bottom: 1px solid #DDDDDD;
                }
                
#submit {
                background: #1A4E88 url(images/submit.png);
                color: #FFFFFF;
                font-size: 11px;
                font-family: Georgia, Tahoma, Geneva;
                text-transform: uppercase;
                padding: 3px;
                margin: 0px;
                border: 1px solid #1A4E88;
                }