/* ---------------------------------------------------------- 
File:		generic.css
Author:   	william@graphics-plus.co.uk
Version:  	2007/01/26
------------------------------------------------------------- */    

/* @TODO
 * vCard ?
 * Cleanup Tables
 * Mac fonts - Trebuchet, Gill Sans
 * XP/Vista fonts - ?
*/


@import url("layout.css");
@import url("nav-horizontal.css");
@import url("nav-vertical.css");
@import url("skip-links.css");


/*  
@import url("bullets.css");
*/                              


/* Reset (from YUI -- see developer.yahoo.com/yui/)
------------------------------------------------------------- */
* {margin: 0; padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* Document
------------------------------------------------------------- */
html {
    margin: 0;
	padding: 0;
/*	padding: 20px;  REMOVE for layout */
}

body {
	margin: 0;
	padding: 0;
	
    text-align: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;

	font-size: 100%;
	line-height: 1em;
	color: #5e3d00;
}


/* Headings
------------------------------------------------------------- */
h1 {
	color: #63bbd1;
  	font-size: 2.5em;
	
	line-height: 1em;
	margin: 0 0 0.2em 0;
	padding: 0;
	
	text-transform: lowercase;
}

h2 {
	color: #5e3d00;
  	font-size: 1.4em;
	
	line-height: 1.5em;
	margin: 0 0 0.25em 0;
	padding: 0;
	
	font-weight: bold; 
}
    
h3 {
	color: #5e3d00;
  	font-size: 1em;
	
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
	
	font-weight: bold;
	text-transform: uppercase; 
}

h4 {
	color: #5e3d00;
  	font-size: 1.1em;
	
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
	
	font-weight: bold; 
}

h5 {
	color: #5e3d00;
  	font-size: 1em;
	
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
}

h6 {
	color: #5e3d00;
  	font-size: 1em;
	
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
}


/* Text
------------------------------------------------------------- */
p {
	font-size: 1em;
	   
	line-height: 1.4em;     
	margin: 0 0 0.75em 0;
	padding: 0; 	 
}

blockquote {
	font-size: 1em;
	
	line-height: 1.4em;     
	margin: 0 0 10px 0;
	padding: 0;
 
	font-style: italic;

}

cite {}

pre, code {
    font-family: monospace;
	font-size: 1em;
	
	line-height: 1.4em;     
	margin: 0 0 1.5em 0;
	padding: 0;

}

strong, b {
    font-weight: bold;
}

em, i {
    font-style:italic;
}
  

/* Lists
------------------------------------------------------------- */
ul, ol {
	margin: 0 0 1.5em 1.25em;
	padding: 0;
	
	line-height: 1.4em;	 
}

li {
	margin: 0 0 0.25em 0;
	padding: 0;
}

ul { 
}

ol {
}

ul li {  
}

ol li {
	list-style: decimal;
}

dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	
	line-height: 1.4em;
}

dt {
    font-weight: bold;
	
	margin: 0.25em 0 0.25em 0;
	padding: 0;  
}

dd {
    margin: 0 0 0 30px;
	padding: 0;
}
           
/* Flashes
------------------------------------------------------------- */
ul.flash, ul.zemError {
	color: #333;
	margin: 0 0 1.5em 0;
	padding: 10px 10px 8px 10px;
	
	border: 2px solid #000;
}
ul.success {
    border-color: #99CC99;
	background-color: #E2F9E3;
}
ul.zemError {
	border-color: #f15c50;
	background-color: #FFE9E9;
}
ul.message {
    border-color: #FFCC66;
	background-color: #FFFFCC;
}

ul.flash li, ul.zemError li {
	margin-left: 1em;
}


/* Images
------------------------------------------------------------- */
img {
    border: 0;             
	
	vertical-align: middle;		
	margin: 0 0 1.5em 0;        
}

a img  {}

a:hover img  {}


/* Links
------------------------------------------------------------- */
a, a:link, a:active {
	font-weight: normal;
	color: #5e3d00;
	text-decoration: none; 
	border-bottom: 1px dotted #a2824b;
}

a:visited {
    color: #a2824b;
}

a:hover, a:focus {
    color: #5e3d00;
	background-color: #f3f2e4;;
	text-decoration: none; 
	border-bottom: 1px solid #CCC;
}

p a {}
cite a {}
li a {}
dt a {}       
dd a {}


/* Tables *TODO - clean up
------------------------------------------------------------- */
table {
	width: 100%;
	margin: 0 0 1.5em 0;	 
	padding: 0;           
	
	background: #fff;	
	border: 1px solid black;	
	border-width: 1px;     	
	border-spacing: 0px;
	border-collapse: collapse; 
}

caption {
	font-weight: bold;
  	padding: 0 0 1.5em 0;  
}

thead {}

tbody {}

tfoot {font-weight: bold;}

thead th, tbody th, tbody td, tfoot td {
   	border-right:1px solid #000;
}

tbody th{
   	border-left:1px solid #000;
	border-bottom: 1px solid #000;
}


tr {	
	border-width: 0;
	padding: 0;
	margin: 0;     
}

tr.alt {
	background-color: #ececec;
}

th, td { 
  	padding: 5px 10px;
  	line-height: 1.4em;

  	text-align: left;
}

th {
   	color: #FFF; 
	background: #999; 
	
	font-weight: bold;     	
}

td {

 	border-width: 1px 0 0 0; 	
	border-top: 1px solid #000;
	border-right:1px solid #000;     
}

.date, .time, .num {
  	text-align: right;
}

.date, .time {
  	white-space: nowrap;
}


/* Forms
------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0; 
}

fieldset {
	border: 1px solid #eee;  
	margin: 0 0 1.5em 0;    
	padding: 5px 10px;   	
}

legend {
	background-color: #fff; 
	margin: 0;
	padding: 0;	 
}

label {}

input, textarea, select {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 2px;  
}

textarea {}

select {vertical-align:middle;}

optgroup {}

option {}

input {}

input.check {}

input.radio {}

input.file {}

input.readonly {}

input.button {
 	width: 10em;
	border:1px solid black;
	background-color: #ddd;
}

input.image {
 	border: none;
	width: auto;
	height: auto; 
}
 

/* Hide / Space / Float / Clear
------------------------------------------------------------- */
hr {
  	/*	display:none;	*/
}

.hide {
 	display:none;
	visibility: hidden;   
}

.show {
 	/* display:block; */
}

.seperate-below {
 	margin-bottom:  10px;
	padding-bottom: 10px;
}

.seperate-left {
 	margin-left: 10px;
	padding-left: 10px;
}

.center {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.one-line {
	display: inline;
}

.float-right {
 	float: right;
	margin: 0 0 5px 5px;
}

.float-left {
	float: left;
	margin: 0 5px 5px 0;
}

.clear {
	clear: both; 
	height: 1px; 
	margin: 0; 
	padding: 0; 
	font-size: 15px;
	line-height: 1px; 
}

/* Clearfix method -- http://www.positioniseverything.net/easyclearing.html	*/
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix { display: inline-table; } 
/* hide from ie/mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* end hide */