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

   base.css
   Copyright Fusionary Media

   * defines baseline styles

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


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

p           { margin: 0 0 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; } /*TODO*/

abbr,
acronym     { border-bottom: 1px dotted #666; cursor: help;}
address     { margin: 0 0 1.5em }
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; }
dt		      { font-weight: bold; }
dd          { margin-left: 1.5em;}

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


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

form{
	margin: 0 0 1.5em;
}
fieldset{
	margin: 1.5em 0;
}

legend, form .legend{
	font-weight: bold;
	margin-bottom: .75em;
}

form div.text label,
form div.textarea label,
form div.select label{
	display: block;
	line-height: 1.2em;
}

/* classing a fieldset with .radio will affect all inputs within */
form .radio label,
form .checkbox label{
	display: inline; 
} 

form div.text,
form div.textarea,
form div.select{
	margin: 0 0 .75em;
}
					
form div.radio,
form div.checkbox,
form fieldset.radio div,
form fieldset.checkbox div{
	margin: 0 0 .75em;
}

form div.text input, textarea, input[type="text"]{
	background: #fff repeat-x;
	border:1px solid #999;
	padding: 2px;
	width: 300px;
}
form .text input:focus, textarea:focus, input[type="text"]:focus{
	border-color: #333;
}

/*right aligned numbers become left align onfocus*/
form div.text.number input	{ text-align: right; }
form div.text.number:focus	{ text-align: left; }

form .unit							{ font-style: italic; display: inline; }

/* @Form Validation - TODO
-------------------------------------------------------------- */

form .required{
	color: #ff0000;
}


/* @Notification Messages
-------------------------------------------------------------- */

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


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

td,th{
	padding: 4px 10px;
}

td.single,
th.single{
	text-align: center;
}
th.title{
	width: 50%;
}
thead th{
	font-weight: bold;
}
tr.odd th,
tr.odd td{
	background: #F1F1F1;
}

table.recordset{
	width: 100%;
	clear:both;
}


/* @Floats
-------------------------------------------------------------- */

/* 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
-------------------------------------------------------------- */

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

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