/* This file is part of Mura CMS.

/*
  typography.css
  These styles control type styles on the front-end of a site as well as in the editor on the back-end,
  allowing consistent typographic display in both places and elimintaing the need to edit 2 stylesheets.

  If you prefer to have a single .css file (and not use this file),
  just comment out or rpxove the '@import url(typography.css);' line in style.css
  and add your type styles into your preferred stylesheet (usually 'site.css').
*/

/*  Some styles, ideas, and concepts derived from:

  Eric Meyer Reset - http://meyerweb.com/eric/tools/css/reset/index.html
  BlueprintCSS - http://code.google.com/p/blueprintcss/
  YUI - http://developer.yahoo.com/yui/
*/


/* @group General Text Elpxents
===================================== */

body {
  font-family: "Arial", Verdana, Helvetica, Arial, sans-serif;
  color: #000; font-size:12px;
  }
  
.micetype {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000; text-transform:none;line-height: 12px;
}
  

.bodycopy13 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000; text-transform:none;line-height: 14px;
}

p { line-height: 15px; font-size:12px; padding-bottom: 10px; padding-left:0;

  }
  
table { vertical-align: top; padding: 0px; margin :0px;
  }

ul { margin-top:10px; padding-right: 5px; color:#9f79b2;
   margin-left: 4px; line-height: 8px;  letter-spacing: .3px; font-size: 12px; list-style-position:inside;
  }
  
li { line-height: 13px; padding: 0 px; letter-spacing: 0px; font-size: 12px; list-style-position:  inside;
  }
  
p.li { margin: 0px; padding: 0px; letter-spacing: 0px;
  }
  
.navbody  {border-top: 1px solid #666; width: 180px; font-size: 11px; color:#333; font-style: italic; line-height: 15px; padding:10px 0 0 0; margin:0px;}
 
.categoryitems {font-size: 14px; color:#f00; font-weight: bold; line-height: 15px; letter-spacing: 0px;  list-style-type: none; text-transform: uppercase;}
.categoryitems a {line-height: 24px;}
.categoryitems a:link    {text-decoration: none;}
.categoryitems a:hover   {text-decoration: underline; color: #000;}
.categoryitems a:visited {text-decoration: underline;}
.categoryitems a:active  {text-decoration: none;}

.categoryitems2 { font-size: 12px; color:#9f79b2; line-height: 13px; padding-left: 4px; letter-spacing: 0px; list-style-type: none;}
.categoryitems2 a { font-size: 12px; color:#9f79b2; line-height: 13px; text-decoration: none; padding-left: 6px; color:#000; font-weight: normal;}
.categoryitems2 a:hover { font-size: 12px; color:#9f79b2; line-height: 13px; text-decoration: underline; color:#000; padding-left: 6px; font-weight: normal;}
.categoryitems2 a:visited { color:#9f79b2;}
  
.navlinks { font-size: 13.5px; line-height: 16px;}
.navlinks  a {font-size: 13.5px; color:#9f79b2; line-height: 16px; text-decoration: none; color:#000; font-weight: normal;}
.navlinks a:hover {font-size: 13.5px; color:#9f79b2; line-height: 16px; text-decoration: underline; color:#000; font-weight: normal;}
.navlinks a:visited { color:#9f79b2;}


.footer {  color:#666; padding: 0px; margin: 0px; letter-spacing: 0px; font-size: 11px; list-style-type: none;}
.footer a { color:#666; text-decoration: none;  font-weight: normal;}
.footer a:hover {color:#666; text-decoration: underline; font-weight: normal;}
.footer a:visited { color:#666;}



p.intro { font-size: 12px; }

dt *, dd *, td *, th * { font-size: 12px !important; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #000; font-size:12px; line-height:17px;  padding-left: 4px; padding-top:0px;}


strong, b { font-weight: bold; padding: 0px; margin: 0px;}
px, i { font-style: italic; }

ins { color: green; }
del { text-decoration: line-through; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

pre, code { margin: 1.5px 0; white-space: pre; }
pre, code, tt { font-size: 12px; font-family: 'andale mono', 'lucida console', monospace; line-height: 1.3px; }

/* @end General Text Elpxents
-------------------------------- */


/* @group Headings (H1-H6)
===================================== */

h1 {
  font-size: 25px; color:#6cc; font-weight: bold;
  line-height:25px; margin: 15px 0 20px 0; display:block;
  }  
  
h1 img {
  display: none;  /* hide for screen. Show for printing in print.css */
  }

hr {border:1px dotted #000; height: 1px; margin: 40px 0 10px 0;}

/* main header h2*/
h2 {width: 600px;
  padding: 10px 0 20px 0;}

h2 a {
  color:#6cc;
  letter-spacing:.5px;
  font-size: 18px;
  font-weight: bold;
  display:block;
  }

h2 a:visited {color: #6cc;}

h3 {
  padding-bottom:10px;
  padding-top:10px;
  font-size: 18px; color: #000;
  }
  
.sidebar h3 {
  padding-bottom:15px;
  font-size: 20px; color: #000;
  }
  


/* extra top margin for headings preceded by other text-based elpxents.
If you use these styles, keep in mind they will not work in IE6. */
/*
p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3 { margin-top: 1px; }
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4 { margin-top: 1.2px; }
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5 { margin-top: 1.4px; }
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 { margin-top: 1.8px; }
*/

/* @end Headings (H1-H6)
-------------------------------- */

#header {
  font-size: 9px; text-transform: uppercase; font-weight: normal;
  }

#header a {font-weight: normal;}
#header a:hover {text-decoration:underline}

#BODlast a {color: #6cc;}

/* EOF */