/*
 * Global reset
 */
*
{
   margin: 0;
   padding: 0;
}

/*
 * Global settings
 */
html, body, div#footer, div#main-content, div#center { margin: 0 auto; }
html
{
   background: #dadada;
   color: #373d48;
   font: 12px "Helvetica","Arial",sans-serif;
}
a
{
   background-color: inherit;
   color: #6c94af;
}
a:visited
{
   background-color: inherit;
   color: #577f9b;
}
a:hover
{
   background-color: inherit;
   color: #666;
}
div#main-content
{
   background: #fff url('/images/bg.png') repeat-x;
   color: #777d88;
   padding: 0 0 20px 0;
}
div#center
{
   width: 980px;
}
ul.categories, ul.category-links
{
   list-style-type: none;
   float: right;
   padding-right: 15px;
}
ul.category-links li { display: inline; float: left; }
ul.categories li, ul.category-links li a
{
   display: block;
   float: left;
   background: #8cafc7;
   color: #fff;
   padding: 2px 5px;
   margin: 0 2px;
   text-decoration: none;
}
ul.category-links li a:hover
{
   background: #fff;
   color: #8cafc7;
}
a.view-more
{
   display: block;
   background: #ebecef;
   color: #777d88;
   font-weight: bold;
   padding: 6px;
   text-decoration: none;
}
a.view-more:hover, a.read-full:hover
{
   background: #979da8;
   color: #fff;
}
a.read-full
{
   display: block;
   background: #e7e7e7;
   color: #6c7079;
   padding: 4px 6px;
   text-decoration: none;
}
.error
{
   background: #fee;
   color: #373d48;
}

/*
 * General Form Styles
 */
textarea
{
   border: 1px solid #c4c4c4;
   padding: 4px 0;
   width: 90%;
   background: #fff;
   color: #6c7079;
}
input, input.button, select
{
   border: 1px solid #c4c4c4;
   margin: 6px 0;
}
input
{
   background: #fff;
   color: #6c7079;
   padding: 4px;
   height: 17px;
}
select
{
   background: #fff;
   color: #6c7079;
   height: 23px;
   padding: 1px;
}
input.button
{
   background: #fff url('/images/button_bg.png') repeat-x bottom;
   color: #6c7079;
   height: 27px;
   font-size: 90%;
}


/*
 * Header
 */
h1, h2
{
   background-color: transparent;
   color: #fff;
   text-align: right;
   float: right;
   text-shadow: #65696f 1px 1px;
}
h1
{
   margin: 56px 0 0 0;
   font-size: 240%;
}
h2
{
   margin: 90px -150px 0 0;
   font-size: 110%;
   font-weight: normal;
}
p#page-description
{
   background-color: transparent;
   color: #fff;
   width: 380px;
   text-shadow: #65696f 1px 1px;
   padding: 16px 0 0 0;
   margin: 0 0 40px 0;
}

/*
 * Main Navigation
 */
ul#navigation
{
   list-style-type: none;
   width: 600px;
   height: 40px;
   padding: 0 0 0 10px;
}
ul#navigation li { display: inline; }
ul#navigation li a
{
   background-color: transparent;
   color: #eee;
   float: left;
   display: block;
   padding: 12px 15px 14px;
   height: 14px;
   margin: 0 8px 0 8px;
   font-weight: bold;
   text-decoration: none;
   text-shadow: #65696f 1px 1px;
}
ul#navigation li#current a, ul#navigation li a:hover
{
   height: 40px;
   padding: 0;
   margin: 0;
   margin: 0 8px 0 8px;
}
ul#navigation li#current a { background:    url('/images/link_focus_left.png') no-repeat left; }
ul#navigation li a:hover { background:    url('/images/link_alt_left.png') no-repeat left; }
ul#navigation li#current a span, ul#navigation li a:hover span
{
   display: block;
   float: left;
   height: 14px;
   padding: 12px 15px 14px;
}
ul#navigation li#current a span { background:    url('/images/link_focus_right.png') no-repeat right; }
ul#navigation li a:hover span { background:    url('/images/link_alt_right.png') no-repeat right; }

/*
 * Page Footer
 */
div#footer
{
   width: 1050px;
   background: #dadada;
   color: #60636b;
   clear: both;
}
div.recent-blog
{
   height: 286px;
   padding: 10px 15px 10px 0;
   margin-left: 15px;
   border-right: 1px solid #c5c5c5;
   float: left;
   width: 211px;
}
div.left-border { border-left: 1px solid #c5c5c5; padding-left: 15px; }
div.recent-blog h3
{
   background-color: inherit;
   color: #888b91;
   font-size: 140%;
}
div.recent-blog h3 a
{
   background-color: inherit;
   color: #888b91;
   text-decoration: none;
}
div.recent-blog h3 a:hover
{
   text-decoration: underline;
}
div.recent-blog h4
{
   background-color: inherit;
   color: #888b91;
   font-size: 100%;
   font-weight: normal;
}
div.recent-blog p
{
   padding: 6px 0 10px;
}
div#footer p.copyright
{
   clear: both;
   padding: 10px;
   font-size: 95%;
}
div#footer p.copyright strong
{
   font-size: 110%;
}
div#footer p.copyright a, div#footer p.copyright a:visited
{
   background: #dadada;
   color: #888b91;
   text-decoration: none;
}
div#footer p.copyright a:hover
{
   background: #dadada;
   color: #60636b;
}