/* 
   LEGALITY v1 SPECIAL HANDHELD STYLE SHEET
   by Mike Cherim - http://green-beast.com/
*/

/* body and layout begin =================================================== */

* {
  margin : 0;
  padding : 0;
}

body {  
  font : 90% verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  background-color : #003366;
  color : #333;
  text-align : center;
}

#page { 
  margin : auto;
  width : 195px;
  text-align : center; 
  overflow : hidden;
  padding : 5px;
  background-color : #fff;
  border-left : 1px solid #000;
  border-right : 1px solid #000;
}

#sidebar { 
  padding : 5px 0 5px 0;
  font-size : 0.9em; 
  text-align : center;
} 

#footer { 
  margin : auto;
  clear : both;
}

/* body and layout end */
/* global elements and classes begin ======================================= */

a, #footer p small a.norm { 
  color : #cc3300;
  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 : #f5e6e1; 
}

small {
  color : #003366;
}

acronym, abbr, dfn, span.help { 
  cursor : help; 
  border-bottom : 1px dotted #c8d2dc; 
  font-style : normal;
}

.commentrules dfn {
  border : 0;
}

code, kbd {  
  font : 1em 'courier new', courier, monospace; 
  color : #000;
  background : #fff;
}

blockquote { 
  margin : 10px 5px;
  padding : 0 10px;
  color : #333;
  font-style : italic;
  border-left : 2px dashed #2a547f;
}

blockquote cite { 
  padding-top : 15px;
  text-align : right;
  color : #cc3300;
}

.ex-pullquote, .pullquote { 
  float : right; 
  width : 35%; 
  border : 0; 
  color : #555;
  font-family : georgia, palatino, 'times new roman', serif; 
  font-size : 105%;  
  font-weight : bold;
  margin : -5px 10px 15px 5px;
}

.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;
}

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 #003366;
  width : 90%;
  height : auto;
  padding : 4px;
  margin : 10px 2px 10px 2px;
  max-height : 200px;
  overflow : auto;
}

span.lead {
  font-variant : small-caps;
}

/* global elements and classes end */
/* special category links begin ============================================ */

ul#thecats a {
  color : #f5e6e1;
  display : block;
  width : 100%;
  padding : 5px 0;
  height : auto; 
  font-size : 90%;
  text-decoration : none;
  border-top : 1px solid #fafafa;
  border-bottom : 1px solid #fafafa;
  background-color : #003366;
  cursor : pointer;
}

ul#thecats a:hover, ul#thecats a:focus, ul#thecats a:active {
  color : #fff;
  background-color : #2a547f;
  outline : 0;
}

/* end special category links */
/* breadcrumb navigation begin ============================================= */

p#breadcrumb {
  border-bottom : 4px solid #e8aa96;
  height : auto;
  font-size : 80%;
  margin-left : 2px;
  padding-bottom : 6px;
}

p#breadcrumb small {
  color : #333;
}

/* end breadcrumb navigation */
/* offsets begin =========================================================== */

ul.offset {
  margin-top : 6px;
  list-style-type : none;
}

ul.offset a {
  font-size : 0.8em;
  list-style-type : none;
  color : #fff;
  display : block;
  width : 205px;
  padding : 2px 0;
  height : auto; 
  text-decoration : none;
  border : 1px solid #000;
  border-top : 0;
  background-color : #2a547f;
  margin : 2px auto;
}

p.offset, img.offset, span.offset {
  position : absolute;
  left : -9000px;
  z-index : 9;
}

div.offset {
  display : none;
}

ul.offset a:hover, ul.offset a:focus, ul.offset a:active {
  background-color : #444; 
  color : #f5e6e1;
  outline : 0;
}

/* offsets end */
/* image styles begin ============================================== */

img, a img {
  text-decoration : none;
  text-align : center;
  border : 0;
}

img.center { 
  display : block;
  margin : auto;
}

img.right, .right { 
  margin : 0 0 4px 2px;
  float : right; 
}

img.left, .left { 
  margin : 0 4px 0 2px;
  float : left; 
}

a img.border, img.border { 
  border : 2px solid #cc3300; 
}

a:hover img.border, a:focus img.border, a:active img.border { 
  border: 2px solid #333; 
  outline : 0;
}


/* image styles end */
/* page stuff begin ======================================================== */

.older {
  width : auto;
  padding : 10px 3px;
  margin : 1px auto;
  text-align : center;
  font-size : 0.75em;
  line-height : 2.4em;
}

.older a {
  padding : 2px 40px;
  border : 2px outset #999;
  text-decoration : none;
  background-color : #cc3300;
  color : #fff;
  white-space : nowrap;
}

.older a:hover, .older a:focus, .older a:active {
  color : #fff;
  background-color : #003366;
}

.older a:focus, .older a:active {
  background-color : #333;
  border : 2px inset #111;
  outline : 0;
}

p.continue, .nocomments, .postmetadata, p.edit {
  color : #bb0000;
  font-size : 0.85em;
  margin : 2px;
}

p.continue {
  font-weight : bold;
  text-align : center;
}

p.cont {
  text-transform : uppercase;
  font-weight : bold;
  color : #003366;
  line-height : 2em;
}

p.cont span.pag-on {
  padding : 2px 6px;
  border : 2px outset #003366;
  color : #000;
  background-color : #eee;
  text-decoration : none;
  font-size : 90%;
  cursor : default;
}

p.cont a {
  padding : 1px 3px;
  border : 1px outset #cc3300;
  color : #fff;
  background-color : #cc3300;
  text-decoration : none;
  font-size : 90%;
}

p.cont a:hover {
  border : 1px outset #003366;
  color : #eee;
  background-color : #003366;
}

p.cont a:focus, p.cont a:active {
  border : 1px inset #111;
  color : #bbb;
  background-color : #333;
}

p.author {
  margin : 0 5px 0 3px;
}

p.author small {
  color : #333;
  font-size : .5em;
}

p.author small a {
  font-variant : small-caps;
}

p.edit {
  font-style : normal;
}

.postmeta {
  text-align : center;
  color : #003366;
  font-size : 0.8em;
}

.postmeta span {
  font-weight : bold;
}

p.postmetadata {
  text-align : center;
  color : #bb0000;
  font-size : 0.8em;
  padding : 2px;
  line-height : 1em;
}

p.postmetadata.alt small a {
  color : maroon;
}

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.8em;
  text-align : center;
  width : auto;
  padding : 2px;
  margin-left : 0;
}

#content dl.related.alt dt {
  color : #cc3300;
  font-size : 90%;
}

#content dl.related dd {
  font-size : 0.8em;
  margin : 0 2px; 
}

/* page stuff end */
/* banner begin ============================================================ */

#headerimg {
  margin : auto;
  overflow : hidden;
  text-align : center; 
  border : 1px solid #003366;
  background : #003366 url(images/hh-header-back.jpg) repeat-y top right;
  padding : 0;
  display : block;
  width : 99%;
  height : auto;
}

#headerimg small {
  font-size : 60%;
  font-variant : small-caps;
  font-weight : normal;
  color : #f5e6e1;
}

#headerimg h1 a {
  color : #fff; 
  height : auto;
  display : block;
  text-decoration : none;
}

#headerimg h1 {
  color : #fff; 
  padding : 15px 0;
  font-size : 130%;
}

#headerimg h1 a:hover, #headerimg h1 a:focus, #headerimg h1 a:active {
  color : #e8aa96;
  background : transparent;
  outline : 0;
}

/* extra head div */
#wp-head { }

/* banner end */
/* headings begin ========================================================== */

h2 a { 
  text-decoration : none;
  width : 99%;
  display : block;
  font-size : 85%;
  font-variant : small-caps;
  color : #003366;
  text-align : center;
}

h2 a:hover, h2 a:focus, h2 a:active { 
  color : #cc3300;
}

h2 a:focus, h2 a:active { 
  background-color : #f5e6e1;
  outline : 0;
}

#content h2, h2.offset { 
  color : #555;
  text-align : center;
  font-size : 125%;
  margin : 15px 0 4px 0;
}

h2.offset { 
  font-size : 85%;
}

#content h2.error {
  color : #bb0000;
  text-align : center;
}

h3 { 
  font-size : 1.1em;
  padding-top : 5px;
  margin-top : 5px;
  margin-bottom : 10px;
  color : #003366;
}

h4, h5, h6 {
  font-size : 1em;
  margin : 10px 0 10px 0;
  color : #cc3300;
}

h5 {
  font-size : 0.95em;
  color : #003366;
}

h6 {
  font-size : 0.90em;
}

h3#respond, h3#comments {
  margin-left : 2px;
}

#sidebar h3 {
  background-color : #003366;   
  border : 1px solid #000;
  color : #f5e6e1;
  display : block;
  padding : 2px 5% 2px 5%;
  margin-bottom : 0px;
  margin-top : -1px; 
  font-size : 90%;
  width : 89%;
  height : auto;
  text-transform : uppercase;
}

#sidebar h3 abbr {
  border-bottom : 0;
}

/* headings end */
/* nav list begin ======================================================= */

ul.btn {    
  list-style-type : none;
  text-align : center;
  margin-bottom : 0;
  padding-bottom : 0;
}

ul.btn a {
  background-color : #eee;
  padding : 2px 5% 2px 5%;
  margin-bottom : 0px;
  width : 89%;
  height : auto;
  color : #000;
  font-weight : normal;
  font-style : normal;
  display : block;
  font-size : 85%;
  text-decoration : none;
  border : 1px solid #bbb;
  border-top : 0;
}

ul.btn a:visited {
  background-color : #ddd; 
  color : #333;
}

ul.btn li {
  margin-bottom : 0px;
}

ul.btn li {
  margin-left : 0;
}

ul.btn a:hover, ul.btn a:focus, ul.btn a:active,
ul.btn a:visited:hover, ul.btn a:visited:focus, ul.btn a:visited:active {
  background-color : #2a547f;
  border : 1px solid #333;
  border-top : 0;
  color : #fff;
  outline : 0;
}

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 {
  background-color : #444;   
  border : 1px solid #333;
  border-top : 0;
  color : #fff;
  cursor : default;
  outline : 0;
}

/* nav list end */
/* posts and content begin ================================================= */

#content { 
  font-size : 0.85em; 
  letter-spacing : 0.03em;
  line-height : 150%;
  text-align : left; 
}

.post { 
  margin-left: 2px;
}

.entry, .entrytext {
  margin : 10px 2px;
} 

.entry p, .entrytext p {
  margin : 10px 2px;
  font-size : 90%;
}

.entry ul, .entry ol, .entry dl, .entrytext ul, .entrytext ol, .entrytext dl {
  font-size : 90%;
}

.alt, .tla {
  margin : 8px auto;
  padding : 8px; 
}

.alt p, .tla p {
  font-size : 90%;
}

.alt {  
  background-color : #f5e6e1; 
  border : 1px solid #003366;
}

.alt code {
  background-color : #eee;
}

.tla {
  border : 1px dotted #666; 
}

.alt.post-author, .tla.post-author {  
  border : 1px solid #000;
  background : #fafafa url(images/author-back.jpg) no-repeat top right;
}


#links {
  margin : 5px 2px;
}

#links ul ul {
  margin-top : 0;
  margin-bottom : 10px;
}

#links a:visited {
  color : #444;
}

#links a:visited:hover, #links a:visited:focus, #links a:visited:active {
  color : #000;
  outline : 0;
}

#content ul {
  margin : 10px 5px;
}

#content ol {
  margin : 5px 15px;
}

#content ul {
  margin-left : 5px;
}

#content ul li {
  list-style-type : none;
  background : url(images/li-back.jpg) no-repeat 0 0;
  padding : 0 8px 0 15px;
  margin-left : -5px;
}

#content ul ul li {
  margin-left : 5px;
}

#content ol li {
  margin-left : 5px;
}

ol li li {
  list-style-type : lower-alpha;
}

#content dl {
  margin-left : 2px;
}

#content dt {
  font-weight : bold;
  color : #cc3300;
}

#content dd {
  margin-left : 10px;
}

/* posts and content end */
/* comments begin ========================================================== */

#content ol.commentlist { 
  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 : #333;  
  font-size : 1em;
  text-decoration : none;
}

.post-author cite.commenter a, .post-author cite.commenter a {
  color : #333;
}

cite.commenter a:hover, cite.commenter a:focus, cite.commenter a:active {
  color : #000;  
  font-size : 1em;
  text-decoration : underline;
}

.commentlist p { 
  margin-top : 10px;
}

.commentlist p.citation {
  margin : 0;
  padding : 0;
  line-height : 1em;
}

#content .commentrules ul {
  margin-left : 5px;
}

#content .commentlist li.alt, #content .commentlist li.tla {
  width : 94%;
}

#content .commentrules ul li  {
  font-size : 0.85em;
  padding-left : 15px;
  list-style-type : none;
}

p.noprint {
  font-size : 90%;
}

/* comments end */
/* sidebar begin =========================================================== */



/* sidebar end */
/* footer begin ===================================================== */

#footer p { 
  font-size : 0.8em;
  padding : 5px 0;
  text-align: center; 
}

#footer p small {
  font-size : 0.7em;
  color : #555;
}

/* footer end */
/* table styles begin ====================================================== */

table {
  background-color : #f7f7f8;
  border : 1px solid #003366;
  font-size : 90%;
  margin : 10px 0;
  width : 95%;
}

tr:hover, tr.hover {
  background-color : #edf0f2;
  color : #000;
}

th {
  vertical-align : text-top;
  background-color : #f5e6e1;
  color : #000;
  font-weight : normal;
  text-align : left;
  padding : 4px;
  padding-left : 4px;
  border : 1px solid #003366;
}

th.main-th {
  background-color : #003366;
  font-weight : bold;
  color : #fff;
}

td {
  vertical-align : text-top;
  color : #000;
  padding : 2px;
  border : 1px solid #003366;
}

td.l {
  text-align : right;
  vertical-align : text-top;
  background-color : #f7f7f8;
  color : #000;
  padding : 0 4px;
}

tr:hover td.l:hover, tr.hover td.l.hover  {
  background-color : #edf0f2;
}

caption span {
  position : absolute;
  left : -9000px;
}


/* table styles end */
/* form elements begin (partial) ============================================ */

fieldset.searchclear {
  clear : both; 
}

form#searchform {
  margin-bottom : 10px;
}

form#searchform fieldset legend {
  padding-left : 5px;
}

form#searchform label, #s {
  width : 50%;
  margin-left : 8px;
}

form#searchform.full input.med {
  width : 50%;
}

textarea.lrg {
  width : 96%;
  margin-bottom : 10px;
}

#content input.button {
  margin : 0 auto;
  padding : 2px 5px 2px 5px;
}

fieldset.push {
  margin-bottom : 20px;
}

/* for contact form ---------- */

#gb_form_div { 
  text-align : left;
}

#gb_form_div p {
  margin-left : 12px;
}

#gb_form {
  text-align : left;
  background : transparent;
}

#gb_form_div a {
  color : #003366;
  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-top : 10px;
}

#gb_form legend, legend, #gb_form dt { 
  font-weight : bold; 
  color : #cc3300;
}

#gb_form legend {
  margin-left : -10px;
  padding-top : 5px;
}

* html #gb_form legend {
  margin-left : -5px;
}

#gb_form legend#mainlegend { 
  font-size : 0.6em;
  font-weight : normal;
  color : #666;
  margin-left : -10px;
  padding-top : 5px;
  padding-bottom : 10px;
}

* html #gb_form legend#mainlegend {
  margin-left : -5px;
}

#gb_form legend#mainlegend small, #gb_form legend#mainlegend small a { 
  display : none;
}

#gb_form_div .formhead small a {
  display : none;
}

#gb_form_div .main_formhead, #gb_form_div .formhead {
  font-size : 1.2em;
  color : #555;
  width : 97%;
}

#gb_form_div .main_formhead {
  margin-left : -35px;
}

label { 
  color : #003366; 
  margin-top : 5px;
  margin-left : 0;
  font-size : 90%;
}

input.short, input.med, select.med, textarea.textbox, textarea, textarea { 
  font : 0.9em verdana, helvetica, palatino sans, tahoma, arial, sans-serif; 
  color : #333; 
  padding : 2px; 
  border : 1px solid #666;
  background-color : #f7f7f8;
  width : 95%;
  font-size : 0.9em;
  height : auto;
}

input.short {
  width : 18%;
}

textarea.textbox, textarea { 
  width : 95%;
  height : 220px;
  line-height : 1.5em;
}

select.med {
  width : 95%;
}

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-color : #cc3300;
  border : 0;
  cursor : pointer;
  color : #fff;
}

/* 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 : #fff;
  cursor : text;
}

input.button {
  cursor : pointer;
  background-color : #003366;
  border : 0;
  color : #fff;
  padding : 1px;
  font-size : 1em;
}

#content #gb_form input.button {
  margin : 15px 5px 25px 5px;
  padding : 2px 15px 2px 15px;
}

* html #content #gb_form input.button {
  margin-left : -5px;
}

span.error, span.success, #gb_form_div dt { 
  color : #000;  
  font-weight : bold; 
}

#gb_form_div dt small, #gb_form_div .formhead span.success, span.success, dl#result_dl_blockq dt {
  color : #003366;
}

#gb_form small.whythis { 
  font-size : .85em; 
  color : #003366;
}

#gb_form small.whythis a { 
  text-decoration : none;
}

#gb_form small.whythis a span { 
  color : #fafafa;
  border : 1px solid #fafafa;
  padding : 0 4px;
}

#gb_form small.whythis a { 
  color : #000;
}

#gb_form small.whythis a span:hover, #gb_form small.whythis a:hover span, #gb_form small.whythis a span:focus, #gb_form small.whythis a:focus span, #gb_form small.whythis a span:active, #gb_form small.whythis a:active span { 
  background-color : #cc3300;
  color : #fff;
  border : 1px solid #000;
}

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 : #555;
}

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 : #cc3300;
}

#gb_form_div ul {
  margin : 10px 10px 20px 10px;
}

#gb_form_div ul li {
  list-style-type : none;
  margin : 0 10px 0 20px;
}

/* End of CSS */