/*
Theme Name: Annie's Child Center Wordpress Template
Theme URI: http://www.anniescc.com/wordpress/wp-content/themes/anniescc
Description: The default WordPress starting theme for Annie's Child Center
Author: Chris Beecher adapted from Karl Kasischke
Author URI: http://www.thewholebraingoup.com/
Version: 1.0
*/

/*------------------------------------------------------------------
[Screen Stylesheet]

Project: Annie's Child Center
Version: 1.0
Last change:   07/09/09 [creation]
Assigned to:   Chris Beecher
Primary use:   Page Layouts - one & two column layouts
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Table of contents]

A. Global Reset

B. Typography

C. Layout
   1. Body 
      1.1. Skip to content / div#skip
   2. Layout wrapper / div#wrapper
      2.1. Header / div#header
         2.1.1. Logo / h1#logo
         2.1.2. Utility navigation / div#utility
      2.2. Global navigation / div#globalNav
      2.3. Middle section / div#middle     
         2.3.1. Primary column / div#primeCol
            2.3.1.1. Main content / div#mainContent
          2.3.2. Second column / div#secondCol
            2.3.2.2. Sidebar box / div.sidebar
      2.4. Footer / div#footer
         2.4.1. Footer navigation / div#footNav
         2.4.2. Copyright information / div#copy

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Color codes]

#fff     white
#000     black
#f00     red
#b5d0d1  blue
#dae7e8  blue #2: (downloads li border)
#d1c99d  tan/beige

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
A. GLOBAL RESET 
-------------------------------------------------------------------*/

body {font: 62.5%/1.3 georgia,helvetica,arial,verdana,geneva,lucida,sans-serif; background: #fff; color: #000; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, /*fieldset,*/ form, label, input, textarea, select, /*legend,*/ dl, dt, dd, table, caption, th, td, blockquote, cite {margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *, big, small  {font-size: 1em;}

input, textarea, select {font-family: georgia,helvetica,arial,verdana,geneva,lucida,sans-serif; font-size: inherit;}
textarea {overflow: auto;}
/*fieldset {border: solid 0 transparent;}*/
table {border-collapse: collapse;}
img {border: 0;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
cite {font-style: normal;}
#globalNav :focus, #logo :focus {outline: 0;}

.nav, .nav ul, #copy ul, .plain, .downloads ul {margin: 0; padding: 0; list-style: none;}
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}



/*------------------------------------------------------------------
B. TYPOGRAPHY  
-------------------------------------------------------------------*/
strong {font-weight: bold;}
a, .highlight {color: #956E8E; text-decoration: none;}
a:hover, a:focus, #footNav .current_page_item a {text-decoration: underline;}
h1 {font-size: 2.2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}
big {font-size: 1.5em;}
medium {font-size: 1.7em;}
#globalNav a {color: #fff; font-size: 1.4em;}
#footNav a {color: #000;}
#copy {color: #333333;}
.downloads a {color: #000;}
#mainContent p, #mainContent ul, #mainContent ol, #mainContent td, .sidebar p, .sidebar ul, .sidebar ol {font-size: 1.7em;}
h3, h4  {font-weight: normal;}
.home h3 {font-size: 3.6em;}
.downloads li a, .downloads li span {font-size: 1.077em;}
#globalNav .current_page_item a, #globalNav a:hover, #globalNav a:focus {color:#000;}
#footer {font-size: 1.1em;}


/*------------------------------------------------------------------
C. LAYOUT 
-------------------------------------------------------------------*/

/* 1. Body */
body {background: #DDD1DA;}

   /* 1.1. Skip to content / div#skip*/
   #skip {position: absolute; top: -1000px;}

/* 2. Layout wrapper / div#wrapper */
#wrapper {margin: 0 auto; width: 900px; background: #fff;}

   /* 2.1. Header / div#header */
   #header {height: 153px; position: relative; margin-bottom: 2px; background: #fff url(images/Hdr.gif) no-repeat;}

      /* 2.1.1. Logo / h1#logo */
      h1#logo {width: 176px; height: 121px; background: url(images/logo.gif) no-repeat; text-indent: -9000px; z-index:3; position: absolute; top: 17px; left: 27px;}
      h1#logo a {display: block; width: 176px; height: 121px; background: url(images/logo.gif) no-repeat;}
      
      /* 2.1.2. Utility navigation / div#utility */
      #utility {float: none; display: inline;}

   /* 2.2. Global navigation / div#globalNav */
   #globalNav {width: 900px; margin: 3px 0px 35px 5px; height:42px; overflow: hidden; clear: both;}
   #globalNav .nav {width: 885px; margin: 0 auto; background: #b5d0d1 url(images/nav-bg.jpg) no-repeat; text-align: center;}
   #globalNav li {display: inline; margin-right: 35px; padding-right: 35px; background: url(images/nav-divide.gif) no-repeat right; line-height: 42px;}
   #globalNav .page-item-14 {border: 0; margin: 0; padding: 0; background: none;}


	/* 2.2.1 Application Form -- Added by Marisa 10/22/2008 	*/
	.thank_you, #application {padding: 15px; font-size: 1.45em;}

	h1.title {
	 padding: 8px 12px;
	 font-size: 2.25em;
	 color: #fff;
	 font-weight: bold;
	 margin: 0px;
	}
	
	h1.title a {
	 color: #fff;
	 text-decoration: none;
	}
	
	h1.title a:hover {
	 color: #FC0530;
	}
	.middle_blue {
 	background: url(images/nav-bg.jpg) no-repeat 50% 0%;
	}
   
    input, textarea, select, option {font: 1em helvetica,arial,verdana,geneva,lucida, sans-serif;}
	textarea {padding: 2px;}
	
	/*misc */
	.clear {clear: both; font-size: .01em; height: .01em;}
	.clear_fix {clear: both;}
	.bld {font-weight: bold;}
	.blue_txt {color: #698396;}
	.big_blue_txt {color: #698396; font-weight: bold; font-size: 1.1em;}
	.grey_divider {background: #D8D2CA; height: 2px; font-size: .1em; margin: 10px 0; }
	.photo_box {width: 130px; margin: 0 0px 10px 0px;}
	.photo_box .caption {color: #8F8B87; line-height: 120%; padding: 5px 5px 5px 0; font-size: .9em;}
	.red_txt {color: #ae204c;}
	.bigger_txt {font-size: 1.1em;}
	.grey_txt {color: #666;}
	.email_friend {margin: 20px 5px 15px 0;}
	.smaller_txt {font-size: .95em;}
	.thank_you, #application {padding: 15px;}
	.dashed_line {margin: 5px 0 10px 0; border-top: 1px dotted #ccd4db;}
	.warning {font-size: 1.1em; padding: 7px; margin-bottom: 10px; background: #dceaf6; font-weight: bold; border: 1px solid #c41130; }
	.headshot {padding: 2px; border: 1px solid #ccc; float: left; margin-right: 15px;}
	.headshot_txt {padding-top: 30px; color: 666;}
	.supporter {background: #eeebeb; padding: 3px; border: 1px solid #b7b7b7;}
	.photo_right {float: right; margin: 5px 0 10px 10px; padding: 2px; border: 1px solid #ccc;}

   /* form */
	fieldset {border: 3px double #b5d0d1; padding: 10px; margin-bottom: 10px;}
	legend {font-size: 13px; color:#000; background: #b5d0d1; padding: 6px; font-weight: bold; letter-spacing: 2px;}
	#display, #display_1, #display_2, #display_3, #display_4 {display: none;}
	.bold_field {font-weight: bold; text-align: right; color: #666;}
	.submitButton {background: #b5d0d1; font-weight: bold; color:#fff; padding: 3px 5px; border: 1px solid #a6a6a6;}

   table.application td{padding: 8px; vertical-align: top;}
   
   /* 2.3. Middle section / div#middle */     
   #middle {overflow: hidden; margin: 5px 0 10px 15px; width: 100%;}
   img.right {margin: 0 0 8px 10px;}
   img.left {margin: 0 10px 8px 0;}

      /* 2.3.1. Primary column / div#primeCol */
      #primeCol {float: left; display: inline; width: 664px;}
      .oneCol #primeCol {float: none; display: block; width: 860px; margin: 0 20px;}
 
         /* 2.3.1.1. Main content / div#mainContent */
         #mainContent {width: 604px; margin: 0 75px 20px 0;}
         .oneCol #mainContent {width: 820px; margin: 0 20px 20px;}
         #mainContent p, #mainContent ul, #mainContent ol, #mainContent h2, #mainContent h3, #mainContent h4 {margin-bottom: 20px;}
         
         h2#pledgeRed {width: 468px; height: 66px; background: url(images/pledge-red.gif) no-repeat; text-indent: -9000px;}
         
         .downloads {border-top: 1px solid #000; padding-top: 20px; margin: 20px 0;}
         .box {width: 604px; background: url(images/box-bottom.gif) no-repeat bottom; padding-bottom: 9px;}
         #mainContent .downloads .box ul {background: url(images/box-top.gif) no-repeat top; padding-top: 9px; margin: 0;}
         .downloads .box li {padding: 14px 52px; background: #b5d0d1 url(images/rc-file-icon.gif) no-repeat 18px; border-bottom: 2px solid #dae7e8;}
         .downloads .box .last {border: 0;}

      /* 2.3.2. Second column / div#secondCol */
      #secondCol {float: right; display: inline; width: 210px; margin: 0px 25px 0px 0px;}
      .oneCol #secondCol {float: none; display: none;}

         /* 2.3.2.2. Sidebar box / div.sidebar */
         .sidebar {margin: 19px 54px 20px 0px;}

   /* 2.4. Footer / div#footer */
   #footer {overflow: hidden; margin-top: 6px; padding: 30px 0;}
   #footer .page-item-16, #footer .last {border: 0; margin: 0; padding: 0;}

      /* 2.4.1. Footer navigation / div#footNav */
      #footNav {text-align: center;}
      #footNav li {display: inline; border-left: 1px solid #000;}
      #footNav li a {margin-right: 12px; padding-left: 12px;}

      /* 2.4.2. Copyright information / div#copy */
      #copy {text-align: center; margin: 14px 0;}
      #copy li {display: inline; border-right: 1px solid #333333; margin-right: 12px; padding-right: 12px;}
      #copy a {color: #333333; text-decoration:none;}
      #copy a:hover {text-decoration:underline;}
      
/*------------------------------------------------------------------
D. WHOLEBRAIN 
-------------------------------------------------------------------*/
 
/* right column */
#news {
background: #DDD1DA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 10px}
#newshead {background: #DDD1DA url(images/news.gif) no-repeat bottom;}
#newslogo{
display: block;
width: 210px;
height: 50px;
background-color: transparent;
background-image: url(images/news_crop.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
#newscontent {
margin: 8px;
}
#parents {background: #FEE0CC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 10px}
#parentshead {background: #FEE0CC url(images/parents.gif) no-repeat bottom;}
#parentslogo {
display: block;
width: 210px;
height: 70px;
background-color: transparent;
background-image: url(images/parents_crop.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
#parentscontent {
margin: 8px;
}

#accfamily {
background: #DDD1DA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px 6px;
height: 16px;
margin-bottom: 10px;
}

#accfamily p a {
background: none;
font-size: 14px;
background: #DDD1DA;
padding: 0 5px;
margin: 5px 0;
}

#contact {background: #FFFFFF;
border: 1px solid #956E8E;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 10px}

#contactcontent {
margin: 8px;
}

#rightnav1_home, #rightnav2_home, {border: 1px solid #9a9a9a; padding: 6px 5px 5px 5px;  background: #DDD1DA url(/wp-conent/themse/anniescc/images/news_crop.gif) top left repeat-x; margin-bottom: 15px;}
#rightnav1_home p {width: 177px;}      
#rightnav1_home, #sideBar {font-size: 11px;}
#rightnav1_home img, #sideBar {float: right;}
#rightnav2_home img {margin-bottom: 10px;}
#rightnav3_home img {margin-bottom: 10px;}

#rightnav1_home a {line-height: 13px;background: #DDD1DA}
#rightnav2_home a {line-height: 13px;background: #FEE0CC;}

#rightnav1_home h1 {padding-bottom: 15px; margin-bottom: 5px;}
#rightnav2_home h1 {padding-bottom: 15px; margin-bottom: 5px;}

#para_right_1 {padding-bottom: 0px;}


#mainContent ul.network {
font-size: 1em;
list-style-type: none;
}

#mainContent ul.network ul {
list-style-type: none;
color: #F6905D;
}

#mainContent ul.network li h4 {
color: #F6905D;
font-weight: bold;
border-bottom: 1px dotted #F6905D;
}

#mainContent ul.network p {
font-size: .8em;
color: #000;
}