/* -----------------------------------------------------------------------
 Credit: Boilerplate CSS Framework 
----------------------------------------------------------------------- */

/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform p.checkbox label { display: inline; }

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

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #000; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* Blueprint CSS Additions
-------------------------------------------------------------- */

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
.underline { text-decoration:underline;}
.margin-0 {margin:0;}
.margin-5 { margin:5px;}
.margin-10 { margin:10px;}
.margin-20 { margin:20px;}
.margin-40 { margin:40px;}
.padding-5 { padding:5px;}
.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
.compressed { letter-spacing:-0.02em;}
.line-height-14 { line-height:1.4em;}
.top-5{ margin-top:5px;}
.top-10{ margin-top:10px;}
.top-20{ margin-top:20px;}
.bottom-5{margin-bottom:5px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.float-right {float:right;}
.float-left {float:left;}
.red{ color:#900;}
.green{ color:#090;}

/* Tabs   
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

/* Button color defaults  */
/*
a.button, button {background-color:#069;border:1px solid #069;color:#fff;}
button:hover, a.button:hover {background-color:#08b;border:1px solid #6299c5;color:#fff; text-decoration:none;}
*/

a.button, button {border:1px solid #ccc;}


/* Ruby on Rails Error Handling
-------------------------------------------------------------- */

.errorExplanation {padding:.8em;border:none;}
.errorExplanation {background:none;color:#8a1f11;}
.errorExplanation {} /* .span-14 */
.errorExplanation a {color:#8a1f11;}
.errorExplanation h2 {display:none;}
.errorExplanation p {font-weight:bold; color:#8a1f11;}

.fieldWithErrors input.text,
.fieldWithErrors textarea { border:2px solid #900; margin:0; }
div.fieldWithErrors { margin:0; padding:0;} 

ul {list-style-type:none;}
form.vform textarea { width:300px; height:120px; }


/* Custom CSS
-------------------------------------------------------------- */

body{ font-size:12px; font-family:arial;}
table { border-spacing:0px; }
th,td { padding: 5px 10px 5px 5px; border-bottom:none; }

th {
	color:#ccc;
	vertical-align:top;
	font-weight:normal;
	background-color:#333;
	padding:5px;
	height:40px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

td.top { vertical-align:top;}

th:hover { color:#fff;}

h2 { font-family:arial;}

input.text, input.title {width:230px;padding:5px; height:28px;}


/* Custom   
-------------------------------------------------------------- */
body, h1, h2, h3 {
	font-family:"Lucida Grande", Tahoma, arial;
}

.container { width:800px;}

textarea {width:300px;height:120px;padding:5px;}


h1, h2, h3 { color: #603;}
h1 { font-size:28px; }
h2 { font-size:22px; }
h3 { font-size:18px; }

h1, h2, h3 { 	
	border-top:1px solid #888; 
	margin-top:20px; 
	padding-top:10;
}

h3 a {
	color:#999;
	text-decoration:none;
}

h3 a:hover {
	color:#000;
}

h1.noborder, h2.noborder { border:none;}

h3 { border:none; color:#666;}

p { color:#444;}

.footer {
	margin:20px 0 50px 0;
	color:#333;
	border-top:1px solid #888;
	padding-top:10px;
}

.footer a { color:#555;}

a.button, button { color:#fff; border:1px solid #c03;background-color:#603; }
button:hover, a.button:hover {background-color:#c03; border:1px solid #c03;color:#fff;}

.image { display:none;}

/* Navigation
--------------------------*/

ul.navigation {	
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	margin-top:10px;
	margin-bottom:5px;
	color:#333;		
}


ul.navigation li {
  float:left;
  display:inline;	
	cursor:pointer;		
	text-transform:uppercase;	
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #aaa;
	margin-right:5px;
	font-size:12px;
	margin-bottom:20px;
}

ul.navigation li.first {
	/*width:130px;*/
	text-align:left;
}

ul.navigation li a {
	display:block;
	height:18px;
	outline:none;
	font-family:"Lucida Grande";
	color:#888;	
	text-decoration:none;
	width:65px;
	margin-right:22px;
}

ul.navigation li a.long {
	width:115px;
}

ul.navigation li a.medium {
	width:85px;	
}

ul.navigation li a:hover, ul.navigation li a.selected {
	text-decoration:none;
	color:#603;
}

.image-bg {
	background:#fff url('../images/image-bg.jpg') top left repeat-x;
	width:100%;
	height:200px;
}
	
p.fancy {
	font-family:georgia;
	font-size:13px;
	font-style:italic;
	color:#222;
	line-height:2.0em;
}
.even {background:#e5ecf9; }