/**   Styles for "Screen" Media
*     File: colors.css
*     Theme: starts_with_a_spark - blue
*     Author: Stephen Davis & Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-09-04
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { color: #666; }
body { background: #FFF url('bg_body.jpg') top center no-repeat; }

a { color: #18B6EA; }
   a:hover { color: #FF4E00; }
   a:visited { color:#666; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #F70; }
      #contentSlot h1 { color: #13B5E9; }

#outer_wrapper {
   border: 1px solid #FFF;
   background: #CBECFC url('bg_outer_wrapper.jpg') top left no-repeat;
}

#wrapper {
   border: 1px solid #999;
   background: #FFF;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header #masthead a, 
#header #masthead a:visited
{
   position: absolute;
/*   position: relative;*/
/*   float: left;*/
   display: block;
   background: url("logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 245px;
   height: 43px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 25px;
   left: 16px;
}

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
/** @group sideBar */
#sideBar { color: #AAA; }

#sideBar .title { color: #18B7EA; }

#sideBar input {
   border: 1px solid #999;
   background-color: #BCE6FC;
   color: #333;
}

#sideBar button,
.content button,
#formContent input.submit{
   border: 1px solid #999;
   background-color: #18B7EA;
   color: #FFF;
}

#topNavigation ul li a { color: #4498C6; }
   #topNavigation ul li.selected a {
      color: #4498C6;
      background: url('bg_nav.jpg') top left no-repeat;
   }
      #topNavigation ul li a:hover,
      #topNavigation ul li.selected a:hover { color: #333; }
   #topNavigation ul li a:hover { color: #666; }
#topNavigation ul li ul {
   border: 1px solid #CCC;
   border-bottom: 0;
}
   #topNavigation ul li ul li { border-bottom: 1px solid #CCC; }
      #topNavigation ul li ul li a,
      #topNavigation ul li.selected ul li a {
         color: #666;
         background: #FFF;
         font-weight: normal;
      }
      #topNavigation ul li ul li a:hover,
      #topNavigation ul li.selected ul li a:hover { color: #13B5E9; }
/* @end sideBar **/
/* @end contentWrapper **/

/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #F70; }
/* @end formContent **/

/** Footer
-------------------------- **/
/** @group footer */
#footer {}
   #footer, #footer a { color: #13B5E9; }
/* @end footer **/