/* $Id: //Internal/leonard/web/stg/sites/all/themes/leonard/html-elements.css#6 $ */

/*
 * Author: Duo Consulting
 * Contact: www.duoconsulting.com
 * File: html-elements.css
 * 
 * Description:
 * Basic styling rules.
 *
 */

/* Global White Space Reset - Hat Tip: Andrew Krespanis of http://leftjustified.net/  */
* {
	padding:0;
	margin:0;
}
p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0 0 1em; }
ul, ol { margin-left: 3em; }
/* End GWR */


/* Custom Styles
-------------------------------------------------------- */
body {
	color: #333;
	background: #fff;
	font: 75%/1.335em Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

#page {
	
}

/* Tables - table, tr, th, td
-------------------------------------------------------- */
table {
	border-collapse: collapse;
}
tbody {
	border: none;
}
th, td {
	padding: 2px;
	font-size: 69%; /* for IE 5.x */
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 100%; /* for compliant browsers */
} 
th { vertical-align: bottom; }
td { vertical-align: top; }


/* Lists - ol, ul, li, dl, dt, dd
-------------------------------------------------------- */
ul, ol
{
  margin-left: 0;
  padding-left: 2em;
}
ol li {
	background-image: none;
	padding-left: .75em;
}
ul,
.block ul, /* Drupal overrides */
.item-list ul,
ul.menu
{
  margin: 1em 0 1em 5px;
  padding: 0 0 0 0;
  list-style: none;
}

.item-list ul li,
ul.menu li.leaf /* Drupal override */
{
  margin: 0 0 .5em;
  padding: 0 0 0 1em;
  list-style: none;
}

ul.menu li, /* Drupal override */
li.expanded,
li.collapsed,
{
  margin: 0;
  padding: 0;
}
ul.tabs li {background: none;}

li.leaf, li {
  line-height: 1.2em;
  padding: 0 0 0 1em;
  background: transparent url("images/bg_listitem.png") left .45em no-repeat;
  _height: 1%;  /*to keep background image from disappearing*/
}
li { margin-bottom: .5em;;}
dt {
	font-weight: bold;
}
dd {
	line-height: 1.2em;
	margin-left: 3em;
	margin-bottom: .2em;
}

/* Forms - form, fieldset, legend, input, textarea
-------------------------------------------------------- */
fieldset {
	padding: .7em .7em;
	border: 1px;
	line-height:1.4em;
}
legend {
	padding: 0 .3em;
	font-weight: bold;
}
input {
	border: 1px solid #c4c4c2;
}
option {padding: 0 4px;}


/* Links - a, a:hover
-------------------------------------------------------- */
a {color: #516b89; text-decoration: none;}
a:link { }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }

a img {
	border: none;
}

/* Headers - h1, h2, h3, h4, h5, h6
-------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
	line-height: 115%; 
	margin-bottom: .5em;
	color: #8a464e; 
}
h1 { font-size: 215%; margin: .25em 0 .75em; }
h2 { font-size: 135%; margin: 1em 0 .75em; }
h3 { font-size: 125%; margin: 0 0 .75em; }
h4 { font-size: 100%; margin: 0; color: #999;}
h5 { font-size: 90%;  color: #999;}
h6 { font-size: 80%;  color: #999;}

/* Text
-------------------------------------------------------- */
b, strong { font-weight: bold; }
i, em { font-style: oblique; }

input, select, textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, "Courier New", Courier, mono;
	font-size: 11px;
	padding: 3px 2px;
	line-height: 1.3em;
}
blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

/* Misc
-------------------------------------------------------- */
hr {
	height: 1px;
	border: 1px solid #333;
}
.hr hr { display: none; }
.normal { font-size: 1em; line-height: 1.3em; font-weight: normal; }
.caption { font-size: .9em; font-style: italic; }

.error {
	color: #c00;
	font-weight: bold;
}

.clear {
	clear: both;
}

.floatLeft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}
.floatRight {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#skip-to-nav {
	display: none;
}
.skipper {
	position: absolute;
	left: -5000px;
	top: 0;
	width: 1px;
	height: 1px; 
	overflow: hidden;
}
.left {
float:left;
}
.right {
float:right;
}

.hide {
	position: absolute;
	left: -5000px;
	top: 0;
	width: 1px;
	height: 1px; 
	overflow: hidden;
}

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.cfx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\fx:after { line-height: 0; }
.cfx {display: inline-block;}
/* Hides from IE-mac \*/
* html .cfx {height: 1%;}
.cfx {display: block;}
/* End hide from IE-mac */
