/* ---------------------------------------------------------------------------------------------------------------------------- */
/*	Resets default browser CSS.	*/
/* ---------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body
{
line-height: 1.5;
background: #fff;
margin:1.5em 0;
font-size: 80%; /* The percentage is of 16px (0.75 * 16px = 12px). */
color: #555555;
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}

/* Tables still need cellspacing=0 in the markup. */
table
{
border-collapse: separate;
border-spacing: 0;
}

caption, th, td
{
text-align: left;
font-weight:400;
}

/* Remove possible quote marks () from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after
{
content: "";
}

blockquote, q
{
quotes: "" "";
}

a img
{
border: none;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/*typography */



/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
font-weight: normal;
color: #555555;
font-family: Georgia;
}

h1
{
font-size: 1.7em;
line-height: 1;
margin-bottom: 0.6em;
}

h2
{
font-size: 1.5em;
margin-bottom: 0.75em;
}

h3 {font-size: 1.3em;line-height: 1;margin-bottom: 1em;}
h4 {font-size: 1.2em;line-height: 1.25;margin-bottom: 1.25em;}
h5 {font-size: 1em;font-weight: bold;margin-bottom: 1.5em;}
h6 {font-size: 1em;font-weight: bold;}

/* Text elements
-------------------------------------------------------------- */

p
{
margin: 0 0 1.5em;
}

p.last
{
margin-bottom: 0;
}

p img
{
float: left;
margin: 1em 1em 1em 0;
padding: 0;
}

p img.top
{
margin-top: 0;
} /* Use this if the image is at the top of the p tag */

img
{
margin: 0 0 1.5em;
}

ul, ol
{
margin:0 1.5em 1.5em 1.5em;
}

ul
{
list-style-type: disc;
}

ol
{
list-style-type: decimal;
}

dl
{
margin: 0 0 1.5em 0;
}

dl dt
{
font-weight: bold;
}

dd
{
margin-left: 1.5em;
}

abbr, acronym
{
border-bottom: 1px dotted #666;
}

address
{
margin-top: 1.5em;
font-style: italic;
}

del
{
color:#666;
}

a:focus, a:hover
{
color: #555555;
}

a
{
color: #5a82b5;
text-decoration: underline;
}

blockquote
{
margin: 1.5em;
color: #666;
font-style: italic;
}

strong
{
font-weight: bold;
}

em, dfn
{
font-style: italic;
background: #ffc;
}

dfn
{
font-weight: bold;
}

/* code and pre */
pre, code
{
margin: 1.5em 0;
white-space: pre;
border: 1px solid #DBE9B9;
background-color:#F3F8E8;
padding: 10px;
}

pre, code, tt
{
font: .8em 'courier new', 'andale mono', 'monotype.com', 'lucida console', monospace;
line-height: 1.5;
}

tt
{
display: block;
margin: 1.5em 0;
line-height: 1.5;
}

/* Tables
-------------------------------------------------------------- */

table
{
margin-bottom: 1.4em;
}

th
{
border-bottom: 2px solid #ccc;
font-weight: bold;
}

td
{
border-bottom: 1px solid #ddd;
}

th, td
{
padding: 4px 10px 4px 0;
}

tfoot
{
font-style: italic;
}

caption
{
background: #ffc;
}

/* Use this if you use span-x classes on th/td. */
table .last
{
padding-right: 0;
}

/* Some default classes
-------------------------------------------------------------- */

.small
{
font-size: .8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}

.large
{
font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;
}

.quiet
{
color: #ccc;
}

.hide
{
display: none;
}

.highlight
{
background:#ff0;
}

.added
{
color:#060;
}

.removed
{
color:#900;
}

.dotted
{
border-bottom: 1px dotted;
}

.top
{
margin-top:0;
padding-top:0;
}

.bottom
{
margin-bottom:0;
padding-bottom:0;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* grid */

/* A container should group all your columns. (except the nav bar) */
.container
{
width: 1100px;
margin: 0 auto;
}

/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
to create any composition of columns in a layout. */

.column
{
float: left;
margin-right: 10px;
}

/* The last column in a row needs this class. */
.last
{
margin-right: 0;
}

/* Use these classes to set the width of a column. */
.span-1
{
width: 30px;
}

.span-2
{
width: 70px;
}

.span-3
{
width: 110px;
}

.span-4
{
width: 150px;
}

.span-5
{
width: 190px;
}

.span-6
{
width: 230px;
}

.span-7
{
width: 270px;
}

.span-8
{
width: 310px;
}

.span-9
{
width: 350px;
}

.span-10
{
width: 390px;
}

.span-11
{
width: 430px;
}

.span-12
{
width: 470px;
}

.span-13
{
width: 510px;
}

.span-14
{
width: 550px;
}

.span-15
{
width: 590px;
}

.span-16
{
width: 630px;
}

.span-17
{
width: 670px;
}

.span-18
{
width: 710px;
}

.span-19
{
width: 750px;
}

.span-20
{
width: 790px;
}

.span-21
{
width: 830px;
}

.span-22
{
width: 870px;
}

.span-23
{
width: 910px;
}

.span-24
{
width: 1100px;
margin: 0;
}

.span-100
{
width: 100%;
margin: 0;
}

/* Add these to a column to append empty cols. */
.append-1
{
padding-right: 40px;
}

.append-2
{
padding-right: 80px;
}

.append-3
{
padding-right: 120px;
}

.append-4
{
padding-right: 160px;
}

.append-5
{
padding-right: 200px;
}

.append-6
{
padding-right: 240px;
}

.append-7
{
padding-right: 280px;
}

.append-8
{
padding-right: 320px;
}

.append-9
{
padding-right: 360px;
}

.append-10
{
padding-right: 400px;
}

.append-11
{
padding-right: 440px;
}

.append-12
{
padding-right: 480px;
}

.append-13
{
padding-right: 520px;
}

.append-14
{
padding-right: 560px;
}

.append-15
{
padding-right: 600px;
}

.append-16
{
padding-right: 640px;
}

.append-17
{
padding-right: 680px;
}

.append-18
{
padding-right: 720px;
}

.append-19
{
padding-right: 760px;
}

.append-20
{
padding-right: 800px;
}

.append-21
{
padding-right: 840px;
}

.append-22
{
padding-right: 880px;
}

.append-23
{
padding-right: 920px;
}

/* Add these to a column to prepend empty cols. */
.prepend-1
{
padding-left: 40px;
}

.prepend-2
{
padding-left: 80px;
}

.prepend-3
{
padding-left: 120px;
}

.prepend-4
{
padding-left: 160px;
}

.prepend-5
{
padding-left: 200px;
}

.prepend-6
{
padding-left: 240px;
}

.prepend-7
{
padding-left: 280px;
}

.prepend-8
{
padding-left: 320px;
}

.prepend-9
{
padding-left: 360px;
}

.prepend-10
{
padding-left: 400px;
}

.prepend-11
{
padding-left: 440px;
}

.prepend-12
{
padding-left: 480px;
}

.prepend-13
{
padding-left: 520px;
}

.prepend-14
{
padding-left: 560px;
}

.prepend-15
{
padding-left: 600px;
}

.prepend-16
{
padding-left: 640px;
}

.prepend-17
{
padding-left: 680px;
}

.prepend-18
{
padding-left: 720px;
}

.prepend-19
{
padding-left: 760px;
}

.prepend-20
{
padding-left: 800px;
}

.prepend-21
{
padding-left: 840px;
}

.prepend-22
{
padding-left: 880px;
}

.prepend-23
{
padding-left: 920px;
}

/* Border on right hand side of a column. */
.border
{
padding-right: 4px;
margin-right: 5px;
border-right: 2px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder
{
padding-right: 24px;
margin-right: 25px;
border-right: 2px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1
{
margin-left: -40px;
}

.pull-2
{
margin-left: -80px;
}

.pull-3
{
margin-left: -120px;
}

.pull-4
{
margin-left: -160px;
}

.push-0
{
margin: 0 0 0 18px;
}

.push-1
{
margin: 0 -40px 0 18px;
}

.push-2
{
margin: 0 -80px 0 18px;
}

.push-3
{
margin: 0 -120px 0 18px;
}

.push-4
{
margin: 0 -160px 0 18px;
}

.push-0, .push-1, .push-2, .push-3, .push-4
{
float: right;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box
{
padding: 1.5em;
margin-bottom: 1.5em;
background: #D9D8D7;
}

/* Use this to create a horizontal ruler across a column. */
hr
{
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.4em;
border: none;
}

hr.space
{
background: #fff;
color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear
{
display: inline-block;
}

.clear:after, .container:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clear
{
height: 1%;
}

.clear
{
display: block;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* forms */

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label
{
font-weight: bold;
}

/* Fieldsets */
fieldset
{
padding:1.4em;
margin: 0 0 1.5em 0;
border: 1px solid #ccc;
}

legend
{
font-weight: bold;
font-size:1.2em;
}

/* Text fields */
input.text, input.title
{
width: 300px;
margin:0.5em 0.5em 0.5em 0;
}

input.text, input.title
{
border:1px solid #bbb;
background:#f6f6f6;
padding:5px;
}

input.text:focus, input.title:focus
{
border:1px solid #999;
background:#fff;
}

input.title
{
font-size:1.5em;
}

/* Textareas */
textarea
{
width: 400px;
height: 250px;
margin:0.5em 0.5em 0.5em 0;
}

textarea
{
border:1px solid #bbb;
background:#eee;
padding:5px;
}

textarea:focus
{
border:1px solid #999;
background:#fff;
}

/* Select fields */
select
{
border:1px solid #ccc;
background:#f6f6f6;
width:200px;
}

select:focus
{
border:1px solid #999;
background:#fff;
}

/* Success, error & notice boxes for messages and errors. */
.error, .notice, .success
{
padding: .8em;
margin-bottom: 1em;
border: 2px solid #ddd;
}

.error
{
background: #FBE3E4;
color: #D12F19;
border-color: #FBC2C4;
}

.notice
{
background: #FFF6BF;
color: #817134;
border-color: #FFD324;
}

.success
{
background: #E6EFC2;
color: #529214;
border-color: #C6D880;
}

.error a
{
color: #D12F19;
}

.notice a
{
color: #817134;
}

.success a
{
color: #529214;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* main */

body
{
margin-bottom: 0;
margin-top: 0;
}

#outside
{
background: url('images/get.png') top left no-repeat;
}

code
{
line-height:8px;
font-size: 10px;
}

blockquote
{
font-style: normal;
padding: 0 0 0 0;
color: #000;
background: url('images/quote.png') .5em top no-repeat;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
color: #555555;
}

a
{
color: #5a82b5;
text-decoration: none;
}

a:active, h2 a:active, h3 a:active
{
color: #5a82b5;
text-decoration: none;
}

a:hover, h2 a:hover, h3 a:hover
{
color: #ooo;
text-decoration: underline;
}

blockquote p
{
padding: 0 20px 0 30px;
}

hr
{
background: #CCC;
height: 1px;
}

img
{
margin: 0;
}

.photo_align_left
{
float: left;
padding: 0 1.5em 1.5em 0;
}

a.button
{
float: left;
}

/* Fix for buttons */

input
{
padding-left: 0;
border: 1px solid #CCCCCC;
}

ol
{
margin-left: 35px;
}

label
{
font-weight: normal;
}

textarea
{
height: 200px;
width: 500px;
}

.small
{
font-size: .9em;
}

.nomargin
{
margin: 0;
}

a.button, button
{
font-weight: normal;
}

dl.small dd
{
font-size: .9em;
}

span.meta_align_right
{
color: #ccc;
font-size: .6em;
float: right;
}

span.meta_align_right a
{
color: #ccc;
}

span.meta_align_right a:hover
{
color: #000;
}

.linkcat
{
list-style: none;
}

.post_first
{
background: #fff;
padding: 1em;
}

.post_alt
{
background: #eee;
padding: 1em;
}

.meta
{
color: #ccc;
font-size: .8em;
line-height: 1.875em;
font-family: Georgia;
}

.meta a
{
color: #ccc;
}

.meta a:hover
{
color: #000;
}

.byline
{
color: #ccc;
font-size: .8em;
line-height: 1.875em;
}

.byline a
{
color: #FF3706;
text-decoration: none;
line-height: 1.875em;
}

.byline a:hover
{
color: #000;
}

.five_posts h6 a, .five_posts h4 a, .five_posts h3 a
{
text-decoration: none;
margin-bottom: 0;
}

#maincontent h2, #feature h2
{
color: #3B4A25;
margin-bottom: 15px;
}

h2 a
{
color: #3B4A25;
text-decoration: none;
}

#maincontent .post h2, #feature .post h2
{
margin-bottom: 5px;
}

#maincontent .content
{
padding: 25px 30px 20px 48px;
}

#feature p img
{
margin: 7px 0 2em 0;
}

.feature_text
{
margin-top: 2em;
}

#home_right
{
padding: 0;
}

#home_right .entry
{
padding: 0 0 2em 0;
}

.author
{
padding: 1.5em;
margin-bottom: 1.5em;
background: #eee;
}

.author img
{
float: left;
padding: 0 1em 1em 0;
}

.author p
{
margin-left: 8em;
}

.author h6
{
margin-left: 7em;
border-bottom: 1px #000 dotted;
}

.navigation, .navigation a
{
color: #AAA;
}

.alignright
{
float: right;
}

.alignleft
{
float: left;
}

.post
{
margin-bottom: 25px;
}

.entry
{
padding-bottom: 25px;
}

/* HEADER */

#header
{
height: 75px;
width: 1100px;
padding: 4px 0 0 0;
}

#header h1, #header .description
{
padding: 0;
margin: 0;
line-height: 2em;
}

/* NAVIGATION IN POSTS */

.entry #nav .content
{
padding: 0;
margin: auto;
}

.entry #nav
{
margin-bottom: 15px;
background: #FFF;
}

.entry #nav li a
{
color: #FFF;
border-right: 1px solid #AAA;
background: #666;
}

.entry #nav li.last a
{
border-right: none;
}

.entry #nav li a:hover
{
background: #333;
color: #FFF;
}

/* FOOTER */

#footer
{
text-align: center;
font-size: .9em;
margin: 0;
}

#footer a
{
text-decoration: none;
}

/* SEARCH */

#search
{
float: right;
}

#search #s
{
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
padding: 2px 0 2px 17px;
width: 135px;
color: #CCCCCC;
font-size: 0.9em;
margin-right: 0px;
margin-top: 10px;
}

#search #s:hover
{
color: #000;
}

.search-excerpt
{
margin: 0;
}

/* COMMENTS */

.commentlist li
{
padding: 8px 15px;
}

.comments-alt
{
background: #EEE;
}

/* LISTS */

.bottombar
{
}

.bottombar h2
{
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
}

ul
{
list-style-type: none;
margin-left: 1em;
padding: 0;
}

ul li
{
list-style-image: url('images/icons/li.png');
background-repeat: no-repeat;
line-height: 2em;
margin: 0;
padding: 0;
}

ul li a
{
color: #000;
}

/* COMMENT STYLES */

#comments
{
width: 100%;
}

dl#comment_list
{
margin: 0 0 0 0;
}

dl#comment_list dt
{
padding: 0 0 33px 0;
background: url('images/comment_top.gif') 0 100% no-repeat;
font-size: 1.1em;
line-height: 1.8182em;
color: #999;
}

dl#comment_list dt.author
{
background: url('images/comment_author_top.gif') 0 100% no-repeat;
}

dl#comment_list dt .comment_num
{
padding: 0 0.3636em 0 0;
}

dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited
{
color: #999;
}

dl#comment_list dt .comment_num a:hover
{
color: #a90000;
}

dl#comment_list dt strong
{
font-size: 1.4545em;
color: #000;
}

dl#comment_list dt strong a, dl#comment_list dt strong a:visited
{
color: #000;
border-bottom: 1px dotted #999;
}

dl#comment_list dt strong a:hover
{
color: #000;
border-bottom: 1px solid #a90000;
}

dl#comment_list dd
{
padding: 20px;
margin: 0 0 1.5385em;
background: #dfdfdf;
}

dl#comment_list dd.author
{
background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat;
}

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote
{
margin-bottom: 1.1538em;
}

/* COMMENT FORM */

#comment_form
{
width: 46.8em;
margin: 0 0 4.0em 0;
}

#comment_form a:hover
{
text-decoration: underline;
}

#comment_form p
{
padding: 0.7692em 0;
}

#comment_form label
{
padding: 0 0 0 0.83333em;
font-size: 1.2em;
}

#comment_form .text_input
{
width: 15.3846em;
padding: 0.23077em;
color: #a90000;
font: bold 1.3em Verdana, sans-serif;
border-top: 0.15385em solid #999;
border-left: 0.15385em solid #999;
border-right: 0.07692em solid #eee;
border-bottom: 0.07692em solid #eee;
}

#comment_form .text_input:focus
{
border-top-color: #666;
border-left-color: #666;
border-right-color: #ddd;
border-bottom-color: #ddd;
}

#comment_form .text_area
{
width: 32.9231em;
}

#comment_form p.subscribe-to-comments
{
font-size: 1.3em;
}

#comment_form p.subscribe-to-comments label
{
font-size: 1.0em;
}

#comment_form .form_submit
{
padding: 0.5em;
background: url('images/submit_bg.gif') repeat-x;
color: #000;
border: 0.21429em double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}

#comment_form .form_submit:hover
{
color: #0099cc;
}

/*------------------------------------------------------------------------------------------------------------*/
/* navigation menu -  Root = Horizontal, Secondary = Vertical */
/*------------------------------------------------------------------------------------------------------------*/
#navwrapper
{
background: #ffffff;
margin: 5px 0 1em 0;
border: 0 none;
padding: 0;
width: 100%;
height: 29px;
background: url('images/gradient.png') repeat-x;
}

/*
#navmenu-h
{
background: #fff;
}
*/

#navmenu-h li.alignright {float: right;} /* tells right list items to go right */

ul#navmenu-h /* applies to the main UL tag */
{
border: 0 none;
padding: 0;
width: 1100px;
/*For KHTML*/
list-style: none;
height: 29px; 
/*background: url('images/gradient.png') repeat-x;*/
}

ul#navmenu-h li  /* applies to the main UL tag */
{
margin: 0;
border: 0 none;
padding: 0;
float: left;
/*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 29px;
}

ul#navmenu-h ul
{
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 29px;
left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/
{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-h ul li
{
width: 160px;
float: left;
/*For IE 7 lack of compliance*/
display: block !important;/*For IE*/
}

/* Root Menu */
ul#navmenu-h a
{
padding: 3px 20px 2px 20px;
float: none !important;
/*For Opera*/
/*For IE*/
display: block;
background: #000;
color: #ffffff;
font: 12px/24px verdana;
text-decoration: none;
height: auto !important;
background: url('images/gradient.png') repeat-x;/*For IE*/
text-align: left;
}


/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a
{
background: #5a82b5;
color: #FFF;
}

/* 2nd Menu */

ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a
{
float: none;
background: #5a82b5;
color: #fff;
height: 29px;
}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a
{
background: #5a82b5;
color: #FFF;
}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a
{
background: #5a82b5;
color: #ffff;
}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a
{
background: #CCC;
color: #FFF;
}

/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a
{
background: #EEE;
color: #666;
}

/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover
{
background: #CCC;
color: #FFF;
}

ul#navmenu-h ul ul, ul#navmenu-h ul ul ul
{
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul
{
display: none;
}

ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul
{
display: block;
}