/*  This file is part of Sava CMS (www.gosava.com).

    Sava CMS is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, Version 2 of the License.

    Sava CMS is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Sava CMS.  If not, see <http://www.gnu.org/licenses/>.

*/

/*
	typography.css
	These styles control type styles on the front-end of a site as well as in the editor on the back-end,
	allowing consistent typographic display in both places and elimintaing the need to edit 2 stylesheets.

	If you prefer to have a single .css file (and not use this file),
	just comment out or remove the '@import url(typography.css);' line in style.css
	and add your type styles into your preferred stylesheet (usually 'site.css').
*/

/*	Some styles, ideas, and concepts derived from:

	Eric Meyer Reset - http://meyerweb.com/eric/tools/css/reset/index.html
	BlueprintCSS - http://code.google.com/p/blueprintcss/
	YUI - http://developer.yahoo.com/yui/
*/



/* @group General Text Elements
===================================== */

body {
	font-family: Arial, Helvetica, Verdana;
	color: #000;
}

p, li, table, blockquote {
	margin-bottom: .8em;
	line-height: 1.3;
}

p, li, dt, dd, table { font-size: 1em; }

li *, dt *, dd *, td *, th * { font-size: 1em; }

blockquote, q { padding: 0 4em; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote p {} /* Reminder to always include blockquote content in a <p> */
blockquote div cite { font-style: italic; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

ins {  }
del { text-decoration: line-through; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font-size: 1em; font-family: 'andale mono', 'lucida console', monospace; line-height: 1.5; }

ul {
	list-style-image:url('../images/nav_icon.gif');
}
a {
	color:#0099cc;
}

form input[type='submit']{
	background:url('../images/btn_search.png') no-repeat right top;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	line-height:15px;
	height:19px;
	text-align:left;
	padding:2px 14px 2px 4px;
	vertical-align:middle;
	margin:0 8px 0 0;
}
form .submitbutton{
	background:url('../images/btn_search.png') no-repeat right top;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	line-height:15px;
	height:19px;
	text-align:left;
	padding:2px 14px 2px 4px;
	vertical-align:middle;
	margin:0 8px 0 0;
}
form input[type='submit']:hover {
	background-position:right bottom;
}
		
/* @end General Text Elements
-------------------------------- */


/* @group Headings (H1-H6)
===================================== */

h1 {
	font-size: 3.6em;
	}
h1 a {
	display: block;
	}
h1 img {
	display: none;  /* hide for screen. Show for printing in print.css */
	}

h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	line-height: 1.2;
	font-weight: bold;
	clear:both;
	}

h2 {
	color:#fff;
	font-family:arial black,arial,helvetica;
	text-transform:uppercase;
	letter-spacing:-0.1em;
	font-size:23px;
	line-height:100%;
	margin:0;
	font-weight:normal;
	}
h3 {
	color:#205072;
	font-family:arial black,arial,helvetica;
	text-transform:uppercase;
	letter-spacing:-0.1em;
	font-size:23px;
	line-height:100%;
	margin:0 0 20px 0;
	font-weight:normal;
	}
h4 {
	margin:20px 0 15px 0;
	font-size: 18px;
	color:#a8a9a2;
	line-height:140%;
	font-weight:normal;
	}
h5 {
	font-family:arial black,arial,helvetica;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	font-size:14px;
	line-height:100%;
	margin:12px 0 8px 0;
	font-weight:normal;
	color:#205072;
	}
h6 {
	font-family:arial,helvetica;
	font-weight:bold;
	font-size:13px;
	color:#4c4c4c;
	margin:0;
	clear:none;
	}
h6 a {
	color:#4c4c4c;
	text-decoration:none;
}
h6 a:hover {
	color:#0099cc;
}

.green {
	color:#8bb800 !important;
}
.darkBlue {
	color:#205072 !important;
}
.lightBlue {
	color:#0099cc !important;
}
.orange {
	color:#ff7700 !important;
}
.purple {
	color:#a32358 !important;
}
.greenBlue {
	color:#205e72 !important;
}


.greenArrow,
.blueArrow,
.orangeArrow,
.purpleArrow{
	display:inline-block !important;
	line-height:15px !important;
	font-size:11px !important;
	text-transform:uppercase !important;
	color:#fff !important;
	text-decoration:none !important;
	text-align:left !important;
	padding:2px 30px 2px 10px !important;
	border:none !important;
	margin:0 !important;
}
.greenArrow {
	background: url('../images/btn_green.gif') no-repeat right top;
}
.blueArrow {
	background: url('../images/btn_blue.gif') no-repeat right top;
}
.orangeArrow {
	background: url('../images/btn_orange.gif') no-repeat right top;
}
.purpleArrow {
	background: url('../images/btn_purple.gif') no-repeat right top;
}
.greenArrow:hover,
.blueArrow:hover,
.orangeArrow:hover,
.purpleArrow:hover {
	background-position:right bottom;
}

.editIcon{
	height:16px;
	width:16px;
	display:inline-block;
	overflow:hidden;
	text-indent:-1000px;
	background: url('../images/icons/edit.gif') no-repeat 0 -16px;
}
.editIcon:hover{
	background-position:0 0;
}
.deleteIcon{
	height:16px;
	width:16px;
	display:inline-block;
	overflow:hidden;
	text-indent:-1000px;
	background: url('../images/icons/delete.gif') no-repeat 0 -16px;
}
.deleteIcon:hover{
	background-position:0 0;
}
.addIcon{
	height:16px;
	width:16px;
	display:inline-block;
	overflow:hidden;
	text-indent:-1000px;
	background: url('../images/icons/add.gif') no-repeat 0 0;
}
.xlsIcon{
	height:16px;
	width:16px;
	display:inline-block;
	overflow:hidden;
	text-indent:-1000px;
	background: url('../images/icons/files/icon_xls_small.gif') no-repeat 0 0;
}
.pdfIcon{
	height:16px;
	width:16px;
	display:inline-block;
	overflow:hidden;
	text-indent:-1000px;
	background: url('../images/icons/pdf.gif') no-repeat 0 -14px;
}
a.downloadPdf {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-family: arial;
}
a.downloadPdf:hover {
	text-decoration: underline;
}
.pdfIcon:hover{
	background-position:0 0;
}
.icon-container{
	float:right;
}
/* extra top margin for headings preceded by other text-based elements.
If you use these styles, keep in mind they will not work in IE6. */
/*
p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3 { margin-top: 1em; }
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4 { margin-top: 1.2em; }
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5 { margin-top: 1.4em; }
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 { margin-top: 1.8em; }
*/

/* @end Headings (H1-H6)
-------------------------------- */


/* EOF */
