/*  

Theme Name: Donelson Family

Version: 1.0

*/

body{

padding:0px;

margin:0px;

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

font-size:11px;

background:#86addc url(images/bg.gif) repeat-x top center;

width:100%;



}



/* ######### ALL IMAGES STYLE  ######### */



/*img{ /*gray border around images*/

padding: 4px;

background-color: #efecec;

border: 1px solid #c1c1c1;

margin: 4px;
}
*/

img{
border:0px;
}



#blog_right #blogimg {
padding: 4px;
background-color: #efecec;
border: 1px solid #c1c1c1;
margin: 6px;
}

#adimg {
width: 128px;
height: 85px;
padding: 4px;
background-color: #efecec;
border: 1px solid #c1c1c1;
margin: 4px;
}

#menuwidth img{ /*remove gray border around menu*/

padding: 0px;

background: none;

border: 0px;

margin: 0px;

}



/* ######### LINKS  ######### */



a{
color:#0054a6;
text-decoration:none;

}

/*a:hover {
text-decoration: underline;
}*/



/* ######### BASICS  ######### */



#archiveline { /*horizontal line */

border-top: 1px solid #c1c1c1;

margin-left: 8px;

padding-bottom: 8px;

}



form, table, ul, li{

padding:0px;

margin:0px;;

}



.sub{

border:0px;

}



input, textarea{

border:1px solid #cecece;

font-size:12px

}



div#page{

width:811px;

text-align:left;

}



/* ######### HEADER  ######### */



#header{

width:100%;

height:147px;

text-align:left;



}



#header_top{

width:100%;

height:147px;

background:url(images/header_top_bg.gif) no-repeat bottom;

}



#header_end{ /*menu background*/

width:100%;

height:40px;

background:url(images/header_end_bg.gif) no-repeat top;



}



/* ######### HEADER TEXT  ######### */



#header_title{

color:#ffffff;

font-size:20px;

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

padding-top:45px;

padding-left:130px;

}



#header_desc{

color:#ffffff;

font-size:14px;

padding-top: 2px;

font-weight: bold;

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

padding-left:170px;

}



#headersidetxt {

color:#ffffff;

font-size:11px;

line-height:19px;

padding-top: 50px;

padding-right: 12px;

width: 220px;

font-weight: bold;

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



}	

#headersidetxt a {

color:#ffffff;

text-decoration: none;

}	



#headersidetxt a:hover {

color:#ffffff;

text-decoration: underline;

}	



/* ######### SEARCH BOX ######### */



#searchboxwidth{

width: 202px;

}



#menu_search_box{

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

color:#7f7f7f;

font-size:11px;

width:100%;

padding-top:10px;

     

       }



#menu_search_box input.s{

width:95px;

font-size:13px;

color:#666666;

border:0px;

background:none;



}



/* ######### MENU  ######### */



#menu_items{

width:76%;

float:left;



}



#menuwidth {

padding-top: 4px;

padding-left: 20px;

width: 709px;

}



#menu{

padding-left:8px;

}



div#menu #menu_pad{

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

font-size:12px;    

color:#FFFFFF;

}



div#menu a{

color:#FFFFFF;

}



div#menu a:hover{

color:#FFFFFF;      

}



div#menu #menu_items div{

float:left;

margin-right:15px;

padding-right:8px;

padding-left:8px;

padding-top:3px;

background:url(images/menu.gif) repeat-x center left;

height:22px;	

position:relative;

top:-8px;

}



/* ######### OVERALL BLOG  ######### */



div#page #blog{

float:left;

width:100%;    

background:#ffffff; 



}



div#blog #blog_top{ /*background for sidebar and page */

background:url(images/main_bg.gif) repeat-y top left;

float:left;

width:100%;

}



div#blog #blog_right{

width:587px;

float:left;

padding-top:16px;

padding-bottom: 20px;          

background: #fff;

}



div#blog #blog_left{    

width:188px;

margin-top: 5px;

padding-top:0px;   

padding-right: 20px;

padding-bottom: 30px;

float:left;

}





/* ######### SIDEBAR BASICS  ######### */



#blog_left #sidebar{

padding-left:5px;

width:100%;



}



#blog_left #sidebar ul{

padding:0px;

margin:0px;



}



#blog_left #sidebar li{

padding:0px;

margin:0px;

list-style-type:none;

}



div#blog #blog_left #sidebar .textwidget{

padding-left:15px;

font-size:11px;

color:#2b2e31;

font-weight:normal;

}



/* ######### SIDEBAR CALENDAR ######### */



div#blog #blog_left #sidebar .widget_calendar{

padding-bottom:10px;

padding-left:15px;

}



div#blog #blog_left #sidebar table#wp-calendar{

font-size:11px;

color:#003471;

font-weight:normal;

width:90%;

}



div#blog #blog_left #sidebar table#wp-calendar caption{

font-weight:bold;

font-size:14px;

padding:0px;

margin:0px;

padding-top:5px;

}



div#blog #blog_left #sidebar table#wp-calendar thead th{

font-weight:bold;

color:#000;

text-align:center;



}



div#blog #blog_left #sidebar table#wp-calendar td {

padding:2px;

}



div#blog #blog_left #sidebar table#wp-calendar td a{

background:#accfe9;

padding:2px;

}



div#blog #blog_left #sidebar table#wp-calendar tfoot a{

background:none;

color:#000000;

font-weight:bold;

}



/* ######### SIDEBAR TITLE ######### */



#blog_left #sidebar h2, #blog_left #sidebar #sub-page-menu h2 a {

color:#003471;

font-size:18px;

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

margin:0px;

padding-bottom:5px;

padding-top:15px;

font-weight:normal;

/*background:url(images/h2_li.gif) no-repeat center center;*/

height:31px;



}



/* ######### SIDEBAR LINKS ######### */



#blog_left #sidebar #sub-page-menu ul li ul li { /*for subpage widget*/

border-bottom:0;

background: none;

}



#blog_left #sidebar ul li{

color:#2b2e31;

font-size:11px;

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

font-weight:bold;

}



#blog_left #sidebar li a{

color:#2b2e31;

font-size:11px;

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

text-decoration:none;

font-weight:normal;

line-height:19px;

}



#blog_left #sidebar ul li ul li{

font-size:11px;

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

font-weight:bold;

padding-right:5px;

padding-bottom:5px;

background:none;

padding-left:15px;

}



#blog_left #sidebar ul li ul li ul li{

font-size:11px;

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

font-weight:normal;

color:#2b2e31;

padding-bottom:0px;

padding-left:5px;

}



#blog_left #sidebar ul li ul li ul li a{

font-size:11px;

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

font-weight:normal;

color:#2b2e31;

}



#blog_left #sidebar ul li ul li{

border-bottom:0;

background: url(images/solid_li.gif) center bottom no-repeat;

}



#blog_left #sidebar ul li.widget_categories ul li ul li{

border-bottom:0;

background: none;

}



#blog_left #sidebar ul li ul li ul{

padding-left:10px;

}



#blog_left #sidebar ul li ul li a{

background: url(images/bl_li.gif) left top no-repeat;

padding-left:9px;

}



#blog_left #sidebar ul li ul li a:hover{

text-decoration: underline;

}



#blog_left #sidebar ul li.widget_categories ul li a{

background: url(images/cat_li.gif) left top no-repeat;

padding-left:9px;

}



#blog_left #sidebar ul li.widget_archives ul li a{

background: url(images/ar_li.gif) left top no-repeat;

padding-left:9px;

}



#blog_left #sidebar ul li.widget_meta ul li a{

background: url(images/meta_li.gif) left top no-repeat;

padding-left:9px;

}



#blog_left #sidebar ul li.widget_categories li ul.children li a{

background: url(images/line_li.gif) left top no-repeat;

padding-left:9px;

}



/* ######### COMMENT STYLE ######### */



#comment_cont {

padding: 8px;

border: 1px solid #d9e6f4;

}



#blog_right #blog_comm{

margin-left:100px;

float:left;

width:465px;             

}



#blog_right #blog_comm h2{ /*header for comments*/

font-size:16px;

font-weight:bold;

padding-left:0px;     

padding-top: 8px;     

padding-bottom: 12px;

color:#0072bc;

position:relative;

top:-10px;

}



#blog_right #blog_comm .comm_panel{

height:20px;

background:#d5e2f3;

padding-right:10px;

padding-left:10px;

padding-top:4px;

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

width:94%;

}



#blog_right #blog_comm .comm_panel a{

font-weight:bold;

}



#blog_right #blog_comm .comm_text{

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

line-height:18px;

padding-top:5px;

padding-bottom:5px;

padding-left:5px;

padding-right:5px;

color:#000;

width:94%;

}



/*#blog_right #blog_comm .comm_text p{

padding:0px;

margin:0px;

margin-top:10px;

}

*/



/*#blog_right #comments_from_bg{

background:url(images/blog_form_bg.gif) no-repeat top left;

width:460px;

padding-bottom:20px;

*/

}



#blog_right #blog_comm #comm_post_title{

width:430px;

height:65px;

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

font-size:23px;

font-weight:normal;

padding-left:25px;

padding-top:10px;

color:#000000;

font-style:italic;

}



#blog_right #blog_comm #comm_post_form{

padding-left:25px;

}



#blog_right #blog_comm #comm_post_form input.text{

font-size:14px;

}



#blog_right #blog_comm #comm_post_form td{

list-style:none;

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

padding-bottom:10px;

padding-right:10px;

}



#blog_right #blog_comm #comm_post_form td.right{

text-align:right;

vertical-align:top;

}



/* ######### BLOG STYLE ######### */



#blog_right .item_class{

width:90%;

padding-left:10px;

padding-bottom:15px;

float:left;

}



#blog_right .item_class .item_class_title{

width:560px;

}



#blog_right .item_class .item_class_title_text{

/*min-height:52px;*/

}





#blog_right .item_class .item_class_title_text .titles{

float:left;

width:90%;

padding-bottom:5px;

}



#blog_right .item_class .item_class_title_text .top_title_top{

font-size:9px;

padding-right:10px;

padding-left:10px;

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

color:#7f7f7f;

}





#blog_right .item_class .item_class_title_text .top_title {

padding-right:10px;

padding-left:10px;

}



.top_title a{

font-size:19px;

color:#000000;

font-weight:bold;

}



#topp_title{

padding-left:10px;

font-size:19px;

color:#005496;

font-weight:bold;

}



/*end_title: Filed under category X*/



#blog_right .item_class .item_class_title_text .end_title{ 

font-size:9px;

padding-right:10px;

padding-left:10px;

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

color:#000000;

}



#blog_right .item_class .item_class_title_text .end_title a{

font-size:10px;

font-weight:bold;

color:#2e73b6;

}



#blog_right .item_class .item_class_title_text .end_title a:hover{

font-size:10px;

font-weight:bold;

color:#2e73b6;

text-decoration: underline;

}



#blog_right .item_class .item_class_text{

color:#000;

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

font-size:11px;

line-height:16px;

padding-left:10px;

padding-right:0px;

padding-bottom:0px;

float:left;

}



#blog_right .item_class .item_class_text a{

text-decoration: none;

}



#blog_right .item_class .item_class_text a:hover{

text-decoration: underline;

}





/*#blog_right .item_class .item_class_text p{

padding:0px;

margin:0px;

margin-top:10px;

}

*/





#blog_right .item_class .item_class_panel span.panel_comm a{

background:url(images/comm.gif) no-repeat left center;

padding-left:17px;

}



/* ######### FOOTER ######### */



#footer{

width:100%;

text-align:center;

float:left;

}



div#footer #footertxt{

color:#000;

line-height:14px;

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

padding-top:5px;

}



div#footer #footertxt a{

color:#003471;	

text-decoration: none;

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

font-weight:bold;

}



div#footer #footertxt a:hover{

text-decoration: underline;

}



div#footer #footertxt span a{

color:#003471;	

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

font-weight:bold;

}



ul#footertxt {

width:100%;

margin:0 auto;

text-align:center;

font-size:1em;

}



ul#footertxt li {

display:inline;

margin-left:10px;

}



ul#footertxt li span {

position:absolute;

text-indent:-9999em;

}



ul#footertxt li a {

color:#003471;

text-decoration:none;

}



/* ######### PREVIOUS/NEXT NAVIGATION ######### */



#blog_right .navigation{

padding-bottom:40px;

text-align:center;

}



#blog_right .navigation ul{

}



#blog_right .navigation ul li{

list-style:none;

display:inline;

padding-right:20px;

}



#blog_right .navigation .alignright a{

font-weight:bold;

font-size:11px;

padding-right:15px;

color:#021f5f;

}



#blog_right .navigation .alignleft a{

font-weight:bold;

font-size:11px;

padding-left:8px;

color:#021f5f;

}





/* ######### BLOG ######### */



div#blog h2{ /*blog header*/

margin:0px;

padding:0px;

padding-left:20px;

padding-top:0px;

font-size:21px;

color:#0054a6;

padding-bottom: 15px;

}


div#blog .entry{

padding-left:20px;

padding-right:20px;

color:#555658;
}



div#blog .entry a{

font-weight:bold;

}



div#blog .entry p{

margin:0px;

padding: 0 0 15px;

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

line-height:16px;

color:#000;

}


div#blog .entry li{

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

font-size: 11px;

line-height:16px;

margin-bottom: 12px;

}

div#blog .entry li p{

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

font-size: 11px;

line-height:16px;

padding: 0 0 15px;

}

/* ######### BLOCKQUOTES ######### */



.item_class blockquote, #blog_comm blockquote{

background:url(images/block_bg.gif) no-repeat left top;

padding-left:35px;

margin:0px;

margin-top:5px;

margin-bottom:5px;

margin-left:20px;

padding-top:10px;

}



.item_class blockquote blockquote, #blog_comm blockquote blockquote{

background:url(images/block2_bg.gif) no-repeat left top;

padding-left:35px;

margin:0px;

margin-top:5px;

margin-bottom:5px;

margin-left:20px;

}



.item_class ol, #blog_comm ol{

background:url(images/ol_bg.png) repeat-y left;

color:#993300;

}



.item_class ol li, #blog_comm ol li{

color:#7c7c7c;

}



.item_class ul, #blog_comm ul{

padding-left:30px;

}



.item_class img, #blog_comm img{

float: left;

margin:5px;

}



.item_class strong, #blog_comm strong{

color:#0054a6;

}



/* Captions & alignment */



.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}





/* ######### SMOOTH MENU ######### */



.ddsmoothmenu{

font: bold 12px Verdana, Arial, Helvetica, sans-serif;

color:#fff;

/*background: #000; /*background of menu bar (default state)*/

/*background: #414141; background of menu bar (default state)*/*/

/*background: transparent url('images/navmenu-hover-c.gif') repeat-x scroll left bottom; */

width: 100%;

}



.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{

display: block;

color:#fff;

/*background: #000; background of menu items (default state)*/

/*background: transparent url('images/navmenu-hover-c.gif') repeat-x scroll left bottom;*/ 

padding: 8px 10px;

border-right: 0px solid #fff;

text-decoration: none;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{

/*color: white;*/

color:#fff;

}



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' 



LI A element*/

/*background: black; 

color: white;*/

color:#fff;

}



.ddsmoothmenu ul li a:hover{

/*background: black; background of menu items during onmouseover (hover state)*/

color:#fff;

font-weight: bold;

/*color: white;*/

}

	

/*1st sub level menu*/

.ddsmoothmenu ul li ul{

position: absolute;

left: 0;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{

font: normal 13px Verdana, Arial, Helvetica, sans-serif;

width: 160px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid white;

background: #000;

}



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

border: 0px;

padding: 0px;

/*background: #000;*/

}





.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

border: 0px;

padding: 0px;

background: #000;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

/*background: silver;*/

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

opacity: 0.8;

}





/* ######### CATEGORY-3 STYLE AND SEARCH RESULTS  ######### */



#blogtitle, #searchtitle {

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

font-size: 18px;

font-weight: bold;

color: #000;

padding-left: 20px;

}



#blogtitle {

padding-bottom: 11px;

}



#posttitle {

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

font-size: 21px;

font-weight: bold;

padding-left: 20px;

color:#0054a6;

}



#searchtitle{

display: block;

width: 500px;

}



#searchtitle a {

color: #000;

font-weight: bold;

}



#blogtxt, #searchtxt, #blogtxthome {

padding-left: 20px;

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

font-size:11px;

line-height:16px;

}



#blogtxt {

padding-bottom: 35px;

}



#blogtxthome { /*padding under entry on home template*/

padding-bottom: 10px;

}

#archiveblogtxt {

padding-left: 35px;

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

font-size:11px;

line-height:16px;

}



#blogtxt a, #archiveblogtxt a {

font-weight: bold;

color: #0054a6;

text-decoration: none;

}



#blogtxt a:hover, #archiveblogtxt a:hover {

font-weight: bold;

color: #0054a6;

text-decoration: underline;

}





/* ######### EDIT THIS ENTRY BASIC  ######### */



#editlink a {

font-size: 10px;

font-weight: bold;

text-decoration: none;

}



#editlink a:hover {

font-size: 10px;

font-weight: bold;

text-decoration: underline;

}





/* ######### READ MORE PANEL  ######### */



#blog_right #readpanel {

width:520px;

background:#f3f7fc;

margin-left: 10px;

padding-left:10px;

padding-top:5px;

padding-bottom:5px;

margin-bottom: 20px;

float: left;

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

font-weight:bold;

font-size:10px;

}



#arrow {

background:url(images/read.gif) no-repeat left center;

padding-left:17px;

}





#blog_right #readpanel a{

text-decoration: none;

}



#blog_right #readpanel a:hover{

text-decoration: underline;

}

/* ######### PRESCHOOL & CHILDREN HOME PAGE  ######### */

/*PRESCHOOL & CHILDREN BUTTONS*/

#invite{
width: 139px;
height: 66px;
text-indent: 10000px;
overflow: hidden;
background: url(http://www.donelsonfamily.org/wp/wp-content/uploads/2009/10/invite.gif) top left no-repeat;
display: block;

}
 
#invite:hover{
background-position: bottom left;
}

#hands{
width: 139px;
height: 66px;
text-indent: 10000px;
overflow: hidden;
background: url(http://www.donelsonfamily.org/wp/wp-content/uploads/2009/10/hands.gif) top left no-repeat;
display: block;

}
 
#hands:hover{
background-position: bottom left;
}

#kidz{
width: 139px;
height: 66px;
text-indent: 10000px;
overflow: hidden;
background: url(http://www.donelsonfamily.org/wp/wp-content/uploads/2009/10/kidz.gif) top left no-repeat;
display: block;

}
 
#kidz:hover{
background-position: bottom left;
}

#parents{
width: 139px;
height: 66px;
text-indent: 10000px;
overflow: hidden;
background: url(http://www.donelsonfamily.org/wp/wp-content/uploads/2009/10/parents.gif) top left no-repeat;
display: block;

}
 
#parents:hover{
background-position: bottom left;
}

#buttonsl { /*move buttons to the right*/
padding-left: 20px;
}

/*PRESCHOOL & CHILDREN NEWS SLIDER*/

#pnews { /*overall table*/
background: url(http://www.donelsonfamily.org/wp/wp-content/uploads/2009/10/wagon.gif) bottom center no-repeat;
width: 565px;
height: 268px;
margin-left: 20px;
}

#pleft {
width: 200px;
}

#pright{
padding-right: 17px;
}



#blog h3{ /*preschool headers*/

font-size:18px;
color:#0054a6;
font-weight: bold;

}

#preborder{ /*right border in preschool about us table*/ 
border-right: 3px solid #0054a6;
width: 320px;
}

#preborder2 { /*right cell*/ 
width: 200px;
}

#blog_right li {
color: #000;
margin-left:20px;
}


#blog_right li a {
color:#0054a6;
text-decoration:none;

}

#blog_right li a:hover {
text-decoration: underline;
}