/* @override http://amtrakdev.virtual.vps-host.net/default/includes/themes/amtrak_ca/css/typography.css */

/*  This file is part of Mura CMS (www.getmura.com).

    Mura 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.

    Mura 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 Mura 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, sans-serif;
	color: #444;
	background: #fff;
	}

p, li, table, blockquote {
	margin-bottom: 1em;
	line-height: 1.5em;
	color: #606060;
	}

p, li, dt, dd, table { font-size: 1.2em; }

p.intro { font-size: 1.5em; }

li *, dt *, dd *, td *, th * { font-size: 1em !important; }

.content ul {
	margin-left:1em!important;
	list-style: none!important; 
	}
	
	.content ul ul, .content ul ol, .content ol ul, {
		margin:0em 0em 0em 0.5em;
		}

.content ul li {
	margin-bottom: 0.3em;
	background: url(../images/bullet_blue.gif) no-repeat;
	background-position: 0 0.5em;
	padding-left: 10px;
	}

.content ul li ul li {
	margin-bottom: 0.3em;
	background: url(../images/bullet_black.gif) no-repeat;
	background-position: 0 0.5em;
	padding-left: 10px;
	}
	
.content ul li ul li ul li {
	margin-bottom: 0.3em;
	background: url(../images/bullet_blue.gif) no-repeat;
	background-position: 0 0.5em;
	padding-left: 10px;
	}


	
.content ol {
	margin-left:2.5em;
}	

.content ol ol {
	margin-left:2em;
	}

.content ol li {
	margin-bottom: 0.3em;
	background-image: none;
	padding-left: 0px;
	}


blockquote, q { padding: 0 4em; quotes: none; }

blockquote {
	border: 1px solid #ebebeb;
	padding: 0.5em;
	}

blockquote:before {
	content: '';
	} 

blockquote:after {
	content: '';
	} 

blockquote {
	padding: 1.2em;
	background-color: #f3f3f3;
	}

q:before, q:after { content: ''; content: none; }

blockquote p {} /* Reminder to always include blockquote content in a <p> */

blockquote div cite { 
	font-weight: bold; 
	font-style: normal;
	}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

ins { text-decoration: #ddd; }
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; }

small {
	font-size: 0.85em !important;
	}

.orange {
	color: #ff7c00 !important;
	}

.bold {
	font-weight: bold;
	}
	
.normalWeight {
	font-weight: normal;
	}		
	
a:link, a:visited {
	text-decoration: underline;
	}	

a:hover, a:focus {
	text-decoration: none;
	}

/* @end General Text Elements
-------------------------------- */


/* @group Headings (H1-H6)
===================================== */

h1 {
	font-size: 3.6em;
	}
h1 a {
	display: block;
	}

h2, h3, h4, h5, h6 {
	line-height: 1.2;
	font-weight: bold;
	}

h2 {
	margin: 0;
	font-size: 42px;
	color: #00ada6;
	line-height: 1;
	}

#routes .sysSchedule h2.pageTitle {
	margin-bottom: .25em;
}

em.stationType {
	display: block;
	color: #000;
	font-size: 12px;
	margin-bottom: -.2em;
	font-style: normal;
}

h3 {
	margin: 0 0 .5em;
	font-size: 2.2em;
	color: #001d52;
	}

.sidebar h3 {
	margin-bottom: .5em;
	font-size: 1.4em;
	}

#svLoginContainer h3 {
	color: #009bde;
	margin-bottom: .25em;
	font-size: 2em;
}

#findAFareForm h3 {
	margin: .5em !important;
}

h4 {
	margin: 0 0 .35em;
	font-size: 1.8em;
	}

.sidebar h4 {
	font-size: 1.4em;
	}

h5 {
	font-size: 1.4em;
		color: #001d52;
	}

.sidebar h5 {
	font-size: 1.2em;
	}

h6 {
	font-size: 1.2em;
		text-transform: uppercase;
	}

.sidebar h6 {
	font-size: 1.1em;
	}

/* @end Headings (H1-H6)
-------------------------------- */



/* EOF */