/*
   Linear variant of TRC v1 theme styles
*/
/* THEME COLORS
   Shade Gray : #bbb
   Lite Gray  - #999
   Med Gray   - #666
   Dark Gray  - #333
   Black      - #000
   Silver     - #eee
   White      - #fff
   Off-white  - #fafafa
   Green      - #667b3b
   Error red  - #bb0000
/*

/* body and layout begin =================================================== */

* {
  margin : 0;
  padding : 0;
}

body {  
  font : 94% 'lucida grande', 'lucida sans', lucida, 'trebuchet ms', helvetica, 'lucida sans unicode', arial, sans-serif;
  background : #fff url(images/body-back.jpg) no-repeat bottom left;
  background-attachment : fixed;
  color : #333;
  padding : 0;
}

#page { 
  max-width : 1280px;
  width : 99%;
  text-align : left; 
  padding-right : 0;
  padding-left : 1%;
  overflow : hidden;
  margin-top : -20px;
}

.maincolumn { 
  margin-left : 6%;
  margin-top : 35px;
  display : inline;
}

#sidebar { 
  background-color : #fff;
  padding : 0 0 50px 0;
  display : inline;
  overflow : hidden;
  font-size : 0.9em; 
  margin-top : -1.4em;
} 

#footer { 
  margin : auto; 
  width : 99%;
  height : 6em;
  clear : both;
  background : url(images/foot-back.gif) no-repeat bottom center; 
}

/* body and layout end */
/* global elements and classes begin ======================================= */

a, #footer p small a.norm { 
  color : #667b3b;
  font-size : 100%;
  text-decoration : underline; 
}

a:hover, a:focus, a:active, 
#footer p small a.norm:hover, 
#footer p small a.norm:focus, 
#footer p small a.norm:active { 
  color : #000;
  text-decoration : none; 
}

a:focus, a:active, 
#footer p small a.norm:focus, 
#footer p small a.norm:active { 
  background-color : #eee; 
}

small {
  color : #333;
}

acronym, abbr, dfn, span.help { 
  cursor : help; 
  border-bottom : 1px dotted #bbb; 
  font-style : normal;
}

ins {
  text-decoration : none;
}

.commentrules dfn {
  border : 0;
}

code, kbd {  
  font : 1em 'courier new', courier, monospace; 
  color : #000;
  background : #fff;
}

blockquote { 
  background : url(images/quote-back.gif) no-repeat top left;
  margin : 15px 0 0 5px;
  padding : 5px 20px 0 25px;
  color : #666;
  text-indent : 30px;
  font-style : italic;
}

blockquote cite {
  background : url(images/quote-end-back.gif) no-repeat top right; 
  display : block; 
  padding-top : 20px;
  padding-right : 50px;
  text-align : right;
  color : #666;
}

div#object { 
  margin-left : -50px;
  padding : 0;
  background-color : #fff;
}

.ex-pullquote, .pullquote { 
  float : right; 
  width : 220px; 
  border : 0; 
  color : #666;
  font-family : georgia, palatino, 'times new roman', serif; 
  font-size : 105%; 
  font-style : italic; 
  margin : 0px 0 15px 10px;
}

blockquote em {
  font-style : normal;
}

.left { 
  text-align : left; 
}

.center { 
  text-align : center; 
}

.right { 
  text-align : right; 
}

.bold {
  font-weight : bold;
}

.italic {
  font-style : italic;
}

div.hr {
  background : transparent url(images/hr-back.gif) no-repeat scroll center;
  height : 40px;
  border : 0;
  margin : 10px;
  clear : both;
}

div.hr.ex {
  margin-left : -10px;
}

hr {
  display : none;
}

.error {
  color : #bb0000;
}

pre {
  background : #fff url(images/pre-back.jpg) repeat; 
  font : 1em 'courier new', courier, monospace; 
  color : #000;
  border : 2px inset #999;
  width : 100%;
  height : auto;
  padding : 4px;
  margin : 10px 0;
  max-height : 500px;
  overflow : auto;
}

strong { 
  color : #666;
}

span.lead {
  font-variant : small-caps;
}

/* global elements and classes end */
/* breadcrumb navigation begin ============================================= */

p#breadcrumb {
  width : 75%;
  height : 1.6em;
  padding-top : 5px;
  font-size : 75%;
  margin-left : 0.5%;
}

p#breadcrumb small {
  color : #333;
}

/* end breadcrumb navigation */
/* offsets begin =========================================================== */

h2.offset, h3.offset, h4.offset, div.offset, p.offset, li.offset, a.offset, img.offset, span.offset {
  position : absolute;
  left : -9000px;
}

ul.offset {
  position : absolute;
  top : 0;
  right : 0;  
  width : 100%;
  z-index : 8;
  text-align : center;
}

ul.offset li {
  display : inline;
  float : right;
}

ul.offset a {
  text-decoration : none;
  display : block;
  width : 15em;
  border : 1px solid #333;
  background : #eee url(images/link-back.jpg) repeat-x;
  color : #333;
  z-index : 9;
  margin-left : 5px;
  line-height : 1.9em;
  white-space : nowrap;
  font-size : 65%;
}

ul.offset a:hover, ul.offset a:focus, ul.offset a:active {
  background : #e4ecec url(images/link-back-on.jpg) repeat-x;
  color : #000;
  outline : 0;
}

/* offsets end */
/* image styles begin ============================================== */

img, a img {
  text-decoration : none;
  text-align : center;
  border : 0;
  font-size : 80%;
}

img.center { 
  display : block;
  margin : auto;
}

img.right, .right { 
  margin : 0 0 4px 12px;
  float : right; 
}

img.left, .left { 
  margin : 0 12px 4px 0;
  float : left; 
}

a img.border, img.border { 
  border : 2px solid #eee; 
}

a:hover img.border, a:focus img.border, a:active img.border { 
  border: 2px solid #bbb; 
  outline : 0;
}

a img.focal, a:hover img.focal { 
  border-right : 2px solid #fff; 
}

a:focus img.focal, a:active img.focal { 
  border-right : 2px solid #999; 
  outline : 0;
}


/* image styles end */
/* page stuff begin ======================================================== */

.older {
  width : 98%;
  padding : 20px;
  margin : auto;
  margin-left : -15px;
  text-align : center;
  font-size : 0.9em;
}

.older a {
  padding : 2px 20px 2px 20px;
  border : 1px solid #bbb;
  text-decoration : none;
  background : #fafafa url(images/link-back.jpg) repeat-x;
  color : #667b3b;
  white-space : nowrap;
}

.older a:hover, .older a:focus, .older a:active {
  border : 1px solid #999;
  background : #eee url(images/link-back-on.jpg) repeat-x;
  color : #000;
  outline : 0;
}

p.continue, .nocomments, .postmetadata, p.edit {
  color : #666;
  font-size : 0.85em;
  margin : 10px;
  clear : both;
}

p.continue {
  font-weight : bold;
}

p.cont {
  text-transform : uppercase;
  font-weight : bold;
  color : #666;
  line-height : 2em;
}

p.cont span.pag-on {
  font-weight : normal;
  padding : 3px 6px;
  border : 1px solid #333;
  background : #fafafa url(images/link-back-current.jpg) repeat-x; 
  color : #333;
  text-decoration : none;
  font-size : 90%;
  cursor : default;
}

p.cont a {
  padding : 3px 6px;
  border : 1px solid #bbb;
  font-weight : normal;
  color : #667b3b;
  background : #fafafa url(images/link-back.jpg) repeat-x;
  text-decoration : none;
  font-size : 90%;
}

p.cont a:hover, p.cont a:focus, p.cont a:active {
  border : 1px solid #666;
  color : #000;
  background : #eee url(images/link-back-on.jpg) repeat-x;
  outline : 0;
}

p.author {
  margin : 0 0 0 10px;
}

p.author small {
  color : #333;
}

p.author small a {
  font-variant : small-caps;
}

p.edit {
  font-style : normal;
}

.postmeta {
  text-align : right;
  color : #666;
  font-size : 0.8em;
  clear : both;
}

.postmeta span {
  font-weight : bold;
}

p.postmetadata {
  text-align : center;
  color : #333;
  font-size : 0.8em;
  padding : 5px;
  line-height : 1em;
  width : 100%;
  clear : both;
}

p.postmetadata.alt small {
  color : #000;
}

p.postmetadata.alt small a {
  color : #667b3b;
}

p.postmetadata.alt small a:hover, p.postmetadata.alt small a:focus, p.postmetadata.alt small a:active {
  color : #000;
  text-decoration : none;
}

#content dl.related {
  font-size : 0.9em;
  text-align : center;
  width : 101%;
  padding : 2px;
  margin-left : 0;
}

#content dl.related.alt dt {
  color : #666;
  font-size : 90%;
}

#content dl.related dd {
  display : inline;
  font-size : 0.85em;
  margin : 0 5px; 
}

/* page stuff end */
/* masthead begin ========================================================== */

#headerimg {
  height : 145px;
  width : 101%;
  position : relative;
  margin-left : -10px;
  margin-bottom : -5px;
  display : block;
  text-align : left;
  overflow : hidden; 
  border-bottom : 1px solid #fff;
  background-color : #fff;
  font-size : 120%;
  margin-top : 20px;
}

#headerimg small {
  font-size : 70%;
  color : #666;
}

#headerimg h1 {
  font-weight : normal;
  color : #999;
  margin : 5px 5px;
  font-size : 130%;
  height : 150px;
}

#headerimg h1 a {
  width : 100%;
  height : 150px;
  display : block;
  cursor : pointer;
  color : #999;  
  text-decoration : none;
  outline : 0;
}

#headerimg h1 span.overspan, #headerimg h1 a span.overspan {
  height : 150px;
  width : 100%;
  display : block;
  background : url(images/sprite-header.jpg) no-repeat 0 0; 
  position : absolute;
  top : 0;
  left : 0;
  z-index : 6;
}

#headerimg h1 a:hover, #headerimg h1 a:focus, #headerimg h1 a:active {
  color : #000;
  background : transparent;
  outline : 0;
}

#headerimg h1 a:hover span.overspan, 
#headerimg h1 a:focus span.overspan, 
#headerimg h1 a:active span.overspan {
  background : transparent url(images/sprite-header.jpg) no-repeat 0 -150px;
}

/* masthead end */
/* headings begin ========================================================== */

h2 a { 
  background : transparent url(images/h3-back.jpg) no-repeat 2px 4px;
  text-decoration : none;
  width : 99%;
  display : block;
  font-size : 0.9em;
  color : #667b3b;
  padding-left : 25px;
  margin-left : -20px;
  border-bottom : 1px dashed #fff;
  font-weight : normal;
}

h2 a:hover, h2 a:focus, h2 a:active { 
  background : transparent url(images/h3-back-over.jpg) no-repeat 0px 4px;
  color : #000;
  border-bottom : 1px dashed #bbb;
}

h2 a:focus, h2 a:active { 
  background : transparent url(images/h3-back-on.jpg) no-repeat 0px 4px;
  outline : 0;
  border-bottom : 1px dashed #999;
}

#content h2 { 
  color : #667b3b;
  padding-left : 25px;
  margin-left : -20px;
  font-size : 1.4em;
  height : 1%;
  margin-top : 15px;
  font-weight : normal;
}

#content h2.error {
  color : #bb0000;
}

h3 { 
  font-size : 1.2em;
  padding-top : 5px;
  margin-top : 2px;
  margin-bottom : 10px;
  color : #667b3b;
  clear : both;
  font-weight : normal;
}

h4, h5, h6 {
  font-size : 1.1em;
  margin : 10px 0 10px 0;
  color : #667b3b;
  clear : both;
  font-weight : normal;
}

h5 {
  font-size : 1em;
}

h6 {
  font-size : 0.95em;
}

h3#respond, h3#comments {
  margin-left : 20px;
}

#sidebar h3 {
  background : transparent url(images/h3-side-back-lin.jpg) repeat-y;
  border : 1px solid #fff;
  padding : 2px 9% 2px 1%;
  margin-bottom : 1px;
  margin-top : 10px; 
  font-size : 100%;
  width : 92%;
  height : auto;
  color : #667b3b;
  display : block;
  text-transform : uppercase;
  cursor : default;
  font-weight : bold;
}

#sidebar h3 abbr {
  border-bottom : 0;
}

/* headings end */
/* nav list begin ======================================================= */

ul.btn {    
  list-style-type : none;
  margin : 0;
  padding : 0;
}

ul.btn li { 
  margin : 0;
  padding : 0;
}

ul.btn a {
  padding : 2px 9% 2px 1%;
  margin-bottom : 1px;
  width : 92%;
  height : auto;
  color : #666;
  font-weight : normal;
  font-style : normal;
  display : block;
  text-decoration : none;
  border : 1px solid #fff;
}

ul.btn a abbr {
  border-bottom : 0;
}

ul.btn li {
  margin-bottom : 1px;
}

ul.btn a:hover, ul.btn a:focus, ul.btn a:active {
  border : 1px solid #eee;
  color : #000;
  outline : 0;
}

ul.btn a:focus, ul.btn a:active {
  background-color : #fafafa;
  border : 1px solid #bbb;
}

ul.btn li.current_page_item a, ul.btn li.current_page_item a:visited, ul.btn li.current_page_item a:hover, ul.btn li.current_page_item a:focus, ul.btn li.current_page_item a:active, li.current-cat a, li.current-cat a:hover, li.current-cat a:focus, li.current-cat a:active {
  border : 1px solid #bbb;
  color : #333;
  text-transform : uppercase;
  letter-spacing : .2em;
  cursor : default;
  outline : 0;
}

/* nav list end */
/* posts and content begin ================================================= */

#content { 
  font-size : 0.95em; 
  letter-spacing : 0.03em;
  line-height : 150%;
  text-align : left; 
}

.post { 
  margin-left: 20px;
  line-height : 165%;
  width : 96%;
}

.entry, .entrytext {
  margin : 10px;
} 

.entry p, .entrytext p {
  margin : 15px 0 15px 0;
  font-size : 95%;
}

.entry ul, .entry ol, .entry dl, .entrytext ul, .entrytext ol, .entrytext dl {
  font-size : 93%;
}

.alt, .tla {
  width : 98%;
  margin : 10px auto;
  padding : 10px; 
}

.alt p, .tla p {
  font-size : 90%;
}

.alt pre, .tla pre {
  width : 97.5%;
}

.alt, .tla {  
  background-color : #fafafa; 
  border : 1px dotted #999; 
}

.tla {  
  background : transparent; 
}

.alt.post-author, .tla.post-author {  
  border : 1px solid #bbb;
  background : #fff url(images/author-back.jpg) no-repeat top right;
}

#links {
  margin : 15px;
}

#links ul ul {
  margin-top : 0;
  margin-bottom : 10px;
}

#content ul, #content ol {
  margin : 15px 10px;
}

#content ul {
  margin-left : 5px;
}

#content ul li {
  margin-left : 10px;
  padding-left : 25px;
  list-style-type : none;
  background : url(images/li-back.gif) no-repeat 3px 3px;
}

#content ol ol li, #content ul ol li {
  margin-left : 15px;
}

#content ul ul li, #content ol ul li {
  margin-left : 0px;
}

#content ol li {
  margin-left : 30px;
}

ol li li {
  list-style-type : lower-alpha;
  margin-left : 15px;
}

#content ul ul, #content ol ol, #content ul ol, #content ol ul {
  margin-top : 0;
  margin-bottom : 0;
}

#content dl {
  margin-left : 10px;
  margin-bottom : 20px;
}

#content dt {
  font-weight : bold;
  color : #667b3b;
}

#content dd {
  margin-left : 12px;
}

/* posts and content end */
/* links page begin ======================================================== */

#content ul.links {
  margin-left : -25px;
}

#content ul.links h2 {
  margin-top : 20px;
  font-size : 130%;
  color : #667b3b;
}

#content ul.links li {
  background-image : none;
}

#content ul.links ul {
  margin : 10px 20px;
}

#content ul.links ul li {
  background : url(images/li-back.gif) no-repeat 3px 3px;
}


/* links page end */
/* comments begin ========================================================== */

#content ol.commentlist { 
  width : 95%; 
  margin-left : 0; 
  list-style : none; 
}

small.commentmeta {
  font-size : 0.75em;
  font-style : italic;
}

cite.commenter, cite.commenter a { 
  font-weight : bold;
  font-style : normal;
  font-size : 0.9em; 
  padding : 0;
}

cite.commenter a {
  color : #667b3b;  
  font-size : 1em;
  text-decoration : none;
}

.post-author cite.commenter a, .post-author cite.commenter a {
  color : #666;
}

cite.commenter a:hover, cite.commenter a:focus, cite.commenter a:active {
  color : #000;  
  font-size : 1em;
  text-decoration : underline;
  outline : 0;
}

.commentlist p { 
  margin-top : 10px;
}

.commentlist p.citation {
  margin : 0;
  padding : 0;
  line-height : 1em;
}

#content .commentrules ul {
  margin-left : 15px;
}

#content div.commentrules ul li  {
  font-size : 0.85em;
  padding-left : 22px;
  list-style-type : none;
  background : url(images/li-back.gif) no-repeat 3px 3px;
}

/* comments end */
/* sidebar begin =========================================================== */

#sideback {
  background : url(images/side-back.jpg) no-repeat bottom right;
  display : block;
  width : 180px;
  height : 300px;
  margin : 10px auto;
}

/* sidebar end */
/* footer begin ===================================================== */

#footer p { 
  font-size : 0.8em;
  padding : 30px 30px 0 0;
  text-align: right; 
}

#footer p small {
  color : #333;
}

/* footer end */
/* table styles begin ====================================================== */

table {
  font-size : 85%;
  width : 99%;
  margin-left : -2px;
}

tr {
  background-color : #eee;
}

tr:hover, tr.hover {
  background-color : #fafafa;
  color : #000;
}

th {
  background-color : #bbb;
  color : #fff;
  text-align : left;
  padding : 4px; 
  border : 2px solid #fff;
}

td {
  vertical-align : text-top;
  color : #000;
  padding : 4px;
  border : 2px solid #fff;
  cursor : crosshair;
}

caption span {
  position : absolute;
  left : -9000px;
}

/* table styles end */
/* form elements begin ===================================================== */

fieldset.searchclear {
  clear : both; 
}

form#searchform {
  margin-bottom : 15px;
}

form#searchform fieldset legend {
  padding-left : 10px;
}

form#searchform label, #s {
  width : 65%;
  margin-left : 18px;
}

form#searchform.full input.med {
  width : 70%;
}

textarea.lrg {
  width : 100%;
  margin-bottom : 10px;
}

#content input.button {
  margin : 0 auto;
  padding : 2px 15px 2px 15px;
}

fieldset.push {
  margin-bottom : 50px;
}

#gb_form_div { 
  text-align : left;
  width : 103%;
}

#gb_form legend#mainlegend span, #gb_form legend span {
  position : absolute;
  left : -9000px;
}

#gb_form_div p {
  margin-left : 12px;
}

#gb_form {
  text-align : left;
  background : transparent;
}

#gb_form_div a {
  color : #667b3b;
  text-decoration : underline;
}

#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {
  color : #000;
  text-decoration : none;
  background-color : #fff;
}

fieldset { 
  border : 0;
  margin : 0;
}

#gb_form legend, legend, #gb_form dt { 
  font-weight : bold; 
  color : #666;
}

#gb_form legend {
  margin-left : -10px;
  padding-top : 5px;
}

#gb_form legend#mainlegend { 
  font-size : 1.2em;
  color : #666;
  margin-left : -10px;
  padding-top : 5px;
  padding-bottom : 10px;
}

#gb_form legend#mainlegend small { 
  font-size : .7em;
  text-transform : uppercase;
}

#gb_form_div .formhead small a {
  font-size : .7em;
  background-image : none;
  display : inline;
  padding : 0;
  margin : 0;
}

#gb_form_div .main_formhead, #gb_form_div .formhead {
  font-size : 1.2em;
  color : #666;
  width : 97%;
}

#gb_form_div .main_formhead {
  margin-left : -35px;
}

label { 
  color : #667b3b; 
  margin-top : 5px;
  margin-left : 0;
  font-size : 90%;
}

input.short, input.med, select.med, textarea.textbox, textarea, textarea { 
  font : 92% 'lucida grande', 'lucida sans', lucida, 'trebuchet ms', helvetica, 'lucida sans unicode', arial, sans-serif;
  color : #333; 
  padding : 2px; 
  border : 1px solid #666;
  background-color : #fafafa;
  width : 70%;
  font-size : 0.9em;
  height : auto;
}

input.short {
  width : 20%;
}

textarea.textbox, textarea { 
  width : 95%;
  height : 220px;
  line-height : 1.5em;
}

select.med {
  width : 60%;
}

input.checkbox {
  cursor : default;
  background : transparent;
  color : #666;
  border : 0;
  padding : 0; 
  margin : 0;
  width : 14px;
  height : 14px;
}

input.button:hover, input.button:focus, 
input.button.hover, input.button.focus {
  background : #eee url(images/link-back-on.jpg) repeat-x;
  border : 0;
  cursor : pointer;
  color : #000;
  border : 1px solid #333;
}

/* NOTE: .hover and .focus classes IE JS */
input.short:hover, input.short.hover, 
input.short:focus, input.short.focus,
input.med:hover, input.med.hover, 
input.med:focus, input.med.focus,  
select.med:hover, select.med.hover, 
select.med:focus, select.med.focus,
textarea.textbox:hover, textarea.textbox.hover, 
textarea.textbox:focus, textarea.textbox.focus,
textarea:hover, textarea.hover,
textarea:focus, textarea.focus { 
  color : #000;  
  padding : 2px; 
  border : 1px inset #000;
  background-color : #fffffe;
  cursor : text;
}

input.button {
  cursor : pointer;
  background : #bbb url(images/link-back.jpg) repeat-x;
  border : 1px solid #666;
  color : #667b3b;
  padding : 1px;
  font : 94% 'lucida grande', 'lucida sans', lucida, 'trebuchet ms', helvetica, 'lucida sans unicode', arial, sans-serif;
}

#content #gb_form input.button {
  margin : 15px 5px 25px 5px;
  padding : 2px 15px 2px 15px;
}

span.error, span.success, #gb_form_div dt { 
  color : #bb0000;  
  font-weight : bold; 
}

#gb_form_div dt small, #gb_form_div .formhead span.success, span.success, dl#result_dl_blockq dt {
  color : #333;
}

p.creditline small {
  clear : both; 
  display : block;
  text-align : right;
  margin : 0;
  padding : 25px 0 15px 0;
  font-size : 0.75em;
  letter-spacing : .0001em;
  color : #666;
}

dl#result_dl_blockq blockquote {
  margin-left : 0;
}

dl#result_dl_blockq blockquote p cite {
  display : block;
  text-align : right;
}

#gb_form_div span.items {
  font-weight : bold;
  color : #667b3b;
}

#gb_form_div ul {
  margin : 10px 10px 20px 10px;
}

#gb_form_div ul li {
  list-style-type : none;
  margin : 0 10px 0 20px;
}

/* form elements end (partial) */
/* preloads ================================================================ */

div.ph31, div.ph32, div.plo {  
  width : 1px;
  height : 1px;
  overflow : hidden;
}

div.ph31 { 
  background : url(images/h3-back-over.jpg) no-repeat; 
}

div.ph32 { 
  background : url(images/h3-back-on.jpg) no-repeat; 
}

div.plo { 
  background : url(images/link-back-on.jpg) no-repeat; 
}

/* preloads end */
/* a few ie6 hacks ========================================================= */

* html #page {
  border-right : 0;
}

* html #headerimg h1 span.overspan {
  width : 101.1%;
}

* html #headerimg h1 a span.overspan {
  width : 101.6%;
}

* html #content h2 a { 
  margin-left : -5px; 
}

* html ul.btn li.ie6fix {
  margin-top : -3px;
}

* html #gb_form legend#mainlegend,
* html #gb_form legend,
* html #content #gb_form input.button {
  margin-left : -5px;
}

* html form#searchform.full input.med {
  margin-left : -11px;
  width : 75%;
}


/* a few ie6 hacks end */
/* End Form CSS */
