/*  CSS 2.1 Stylesheet for RyanCannon.com - by Ryan Cannon
	CSS released under Creative Commons License:
		"http://creativecommons.org/licenses/by/2.0/"
	All associated graphics copyright 2004, Ryan Cannon

	This stylesheet engages the spirit of CSS 2.1, streamlining downloaded content
	by specifically excluding style rules inappropriate to the medium of display.
	It has been sub-divided according to the modularization of XHTML 1.0 Candidate 
	Recommendation.	*/

* {
	color: inherit;
	margin: 0;
	padding: 0;
}
*:lang(en) > * { quotes: "\201C" "\201D" "\2018" "\2019" }
*:lang(fr) > * { quotes: "+" ";" "\2039" "\203A" }
*:lang(sp) > *	{ quotes: "\00AB" "\00BB" "\2039" "\203A" }

/*	Structure Module */
html, body {
	display: block;
	font: normal medium/normal Myriad, "Myriad Pro", "Times New Roman", serif;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* Previous rule fixes IE5/Mac Bug, hide this from that browser \*/
body			{ line-height: 1.5em }
head			{ display: none }

/*	Text Module */
address,
blockquote, div,
h1, h2, h3, h4, 
h5, h6, p, pre	{ display: block }
abbr, acronym,
br, cite, code,
dfn, em, kbd, q,
samp, span,
strong, var		{ display: inline }
abbr, acronym	{
	font-style: normal;
	text-decoration: none;
	border-bottom:none
}
acronym,
address			{ font-style: normal }
blockquote		{ padding: 0 2em }
blockquote,
p, pre			{ margin: 1.12em 0 }
address,
blockquote,
h2, h3, h4, h5,
h6, p, pre				{ margin-right: 1px }
/* Previous rule fixes IE5/Mac Bug, hide this from that browser \*/
address,
blockquote,
h2, h3, h4, h5,
h6, p, pre		{ margin-right: 0px }
/* hidden from IE5/Mac */
blockquote		{ padding: 0 20px }
cite, em, var	{ font-style: italic }
cite.underlined	{
	font-style: normal;
	text-decoration: underline
}

code, kbd, samp { font: normal 0.83em/normal Monaco, "Andale Mono", "Courier New", monospace }
dfn, strong { font-weight: bold }
em cite, em em  { font-style: normal}
h1, h2, h3,
h4, h5, h6	{
	font-weight: bold;
	margin-top: .67em;
	margin-bottom: .67em;
}
h1 strong, h2 strong,
h3 strong, h4 strong,
h5 strong, h5 strong { text-transform: uppercase }
h1				{ font-size: 2em }
h2				{ font-size: 1.75em }
h3				{ font-size: 1.5em }
h4				{ font-size: 1.33em }
h5				{
	font-size: 1.12em;
	color: #875A18;
}
h6				{ font-size: 1em }
pre   {
	background-color: #EEE;
	border: 1px solid black;
	overflow: auto;
	padding: 10px;
	width: auto;
}
q, cite.quoted {
	font-style: normal !important;
	font-style: italic;
}
q:before,
cite.quoted:before	{ content: open-quote }
q:after,
cite.quoted:after	{ content: close-quote }
var { color: green }

/*	HyperText Module */
a 				{ display:inline }
a.note			{ font-size: 0.67em; vertical-align: super }
a img {
	border: none }
/*	List Module */
li { display: list-item }
dl, ul, ol			{ display: block}
dl, ol, ul		{ margin: 1.12em 1px 1.12em 0 }
/* Previous rule fixes IE5/Mac Bug, hide this from that browser \*/
dl, ol, ul		{ margin: 1.12em 0 }
ol, ul		{ padding-left: 4ex }
/* hidden from IE5/Mac */
dt {
  font-weight: bold;
  margin-top: 1.12em /* default margin between paragraphs */
}
dd { margin-bottom: 1.12em }
dd+dd { margin-top: -1.12em }
dl>dd:first-child,
dl>dd>form>*:first-child,
dl>dd>blockquote>*:first-child {
	margin-top: 0;
}
dl.table+* { clear: both }
dl.table>* { margin: 0; padding: 2% }
dl.table>dt { clear: left; float: left; width: 15% }
dl.table>dd { float: left; width: 75%; }
dl.table>dd>ol { margin-left: 0; padding-left: 3ex }

/*	Nested Lists */
dd dl,
dd ol,
dd ul,
li dl,
li ol,
li ul {
	margin-top: 0;
	margin-bottom: 0;
}
ul.hidden,
ul.hidden li	{ list-style: none outside }
ol ol>li		{ list-style-type: upper-alpha !important }
ol ol ol>li	{ list-style-type: lower-alpha !important }
ul.hidden		{ margin-left: 0px }
ul.hidden li	{ list-style: none outside }
ol, ol>li		{ list-style: decimal outside }
ol ol,
ol ol>li		{ list-style-type: upper-alpha }
ol ol ol,
ol ol ol>li	{ list-style-type: lower-alpha }
ul, ul>li		{ list-style: square outside }

/*	Presentation Module */
b, big, i,			/*	Self-deprecated tags, set to browser default */
small, tt		{}
hr  {
	border-top: 3px solid black;
	height: 0px;
	margin: 1.12em;
	text-align: center;
	width: 80%;
}
sub {
  font-size: smaller;
  vertical-align: sub;
}
sup {
  font-size: smaller;
  vertical-align: super;
}

/*	edit module */
del, ins 		{ color: red }
del				{ text-decoration: line-through }
ins				{ text-decoration: underline }


/*	Forms Module */

button			{}
fieldset,
form {
	display: block;
	margin: 1.12em 0;
}
fieldset  {
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #CCC;
}
input[type=text], input[type=password], input[type=file],
input[type=button], input[type=submit], input[type=reset],
label			{}
legend {
  background: transparent;
  color: #000;
  font-weight: bold;
  font-size:.83em;
  line-height: 90%;
  font-family: inherit;
  text-align: left;
}
option,
optgroup		{}
textarea		{
  font-weight: bold;
  font-size:.83em;
  line-height: 90%;
  font-family: inherit;
}
textarea, 
select			{ overflow: auto }


/*	Tables Module */
caption {
/*	display: table-caption;
*/	font-weight: bold;
	font-size: 0.83em;
	line-height: normal;
	font-family: inherit;
	background: transparent;
	text-align: center;
	caption-side: top;
}
col				{ display: table-column }
colgroup		{ display: table-column-group }
table  {
	border-collapse: collapse;
	display: table;
	empty-cells: show;
	margin: 1.12em 0;
}
table.hidden,
table.hidden * {
	border: none;
	background: transparent;
	color: inherit;
}
table.grid td,
table.grid th { border: 1px solid black }
tbody			{ display: table-row-group }
td, th {
	display: table-cell;
	vertical-align: top;
}
tfoot			{ display: table-footer-group }
thead			{ display: table-header-group }
td, th {
	vertical-align: top;
	padding: 0.25em;
}
th {
	font-weight: bold;
	text-align: center;
}
tr				{ display: table-row }
tr.even { background: transparent }
tr.odd { background: #DFF }
td.selected { background:#9CF }
table.roadtrip {
  vertical-align: top;
  border: 0px;
  width: 352px;
  height: 340px;
}

/*	Image Module */
img				{ display: inline }

/*	Inline Style Module */
*.border			{ border: 1px solid black }
*.lfloat	  		{ display:inline;
						float: left;
						margin-right: 1.12em;
						margin-bottom: 1.12em }			/*	floats element to the left or right */
*.rfloat			{ display:inline;
						float: right;
						margin-left: 2em;
						margin-bottom: 1.12em  }
*.allclear			{ clear: both }					/*	clears floats to both, left or right */
*.lclear			{ clear: left }
*.rclear			{ clear: right }
*.left				{ text-align: left }			/*	overides the text alignment */
*.centered			{ text-align: center }
*.right				{ text-align: right }
*.baseline			{ vertical-align: baseline }	/*	sets vertical alignment for tables */
*.top				{ vertical-align: top }
*.middle			{ vertical-align: middle }
*.bottom			{ vertical-align: bottom }
*.full				{ width: 100% }					/*	sets a relative width for table columns */
*.half				{ width: 50% }
*.quarter			{ width: 25% }
*.three-quarters	{ width: 75% }
*.third				{ width: 33.3% }
*.two-thirds		{ width: 66.7% }
*.warning			{ color: red;					/*	warnings for error messages */
						font-weight: bold }

@media handheld {
	* { width: auto !important; float: none !important; max-width: 100% !important }
	html, body { width:auto; max-width: 300px !important; padding: 0px 3px; font-size: 11px !important;}
/*	pre { white-space: pre-wrap } */
	h1 { font-size: 1.2em; line-height: 1.2em;}
	body * { margin-left: auto !important; margin-right: auto !important }
	h2 { margin-left: -10px !important; margin-right: -10px !important }
	textarea { max-width: 100% !important }
}
@media print, projection {
	blockquote			{ page-break-inside: avoid } 
	h1, h2, h3,
	h4, h5, h6			{ page-break-inside: avoid; page-break-after: avoid;}
	div.page			{ page-break-after: always }                                                                                                                             
}
@media screen, projection, tv, handheld {
	*:focus				{ outline: thin dotted invert }
	a.offsite			{ color: #0F0 }
	a, button,
	input[type=submit],
	input[type=reset],
	input[type=button]	{ cursor: pointer }
	a:hover				{ text-decoration: underline }
}