/* -----------------------------------------------------------

   base.css
   Copyright Fusionary Media

   * Reset and baseline styles

-------------------------------------------------------------- */


/* @Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body 				{ line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: collapse; border-spacing: 0; }
caption,
th, td 			{ text-align: left; font-weight: normal; }
table,
td, th 			{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote,q				{ quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after 	{ content: ''; content: none; }

/* Remove annoying border on linked images. */
a img 			{ border: none; }

/* remember to define focus styles! */
:focus			{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 				{	text-decoration: none; }
del 				{ text-decoration: line-through;}


/* @Forms
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

legend			{ font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; clear:left;}

form div.text input,
textarea										{ background: #fff url(/images/ui/input-default.gif) repeat-x; }

form div.text 							{ clear:left; margin-bottom: .35em; overflow: hidden; } /*overflow clears floats*/
form div.text label					{ width: 8em; float:left;}
form div.textarea label			{ width: auto; display: block;}

form label.unit							{ float:left ; margin-left: .5em; }

form div.text.number input	{ text-align: right; }
form div.text input,
textarea										{ border:1px solid #999; padding: 2px; float: left; }

form div.text input:focus,
textarea:focus							{ border-color: #333;}

form.base legend						{ display: none; }
form.base fieldset					{ padding: 0; border: none; margin: 0; }
form.base div.text label		{ float: none; width: auto; display: block; }


/* @Typography
-------------------------------------------------------------- */

h1,h2,h3,
h4,h5,h6		{ font-weight: bold; }

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.alt		{ float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* @Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

.base,
.base li,
.base ul,
.base dt,
.base dd{
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
	background: none;
}


/* @Tables
-------------------------------------------------------------- */

table.recordset{
	width: 100%;
	clear:both;
}
table.recordset td.single,
table.recordset th.single{
	text-align: center;
}
table.recordset th.title{
	width: 50%;
}
table.recordset thead th{
	background: #000;
	color: #fff;
}
table.recordset tr.even th,
table.recordset tr.even td{
	background: #F1F1F1;
}
table.recordset tr.active td{
	background-color: #666;
	color: #fff;
}


/* @Float Clearing
-------------------------------------------------------------- */

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both; }


/* Misc
-------------------------------------------------------------- */

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.hide				{ display: none; }
.access			{ position:absolute; left:-1000em; top:-1000em; }
.replace    { letter-spacing:-1em; text-indent:-1000em; display:block;}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }