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

   typography.css
   * Sets up some sensible default typography.

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


/* Headings
-------------------------------------------------------------- */

#container { font-size: 1.2em; }

h1,h2,h3,h4,h5,h6 { font-family: Verdana, Times New Roman, serif; font-weight: normal; color: #000; }

h1 { font-size: 1.6em; font-weight: bold; font-style: italic; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; font-weight: bold; line-height: 1; margin-bottom: 0.5em; }
h3 { font-size: 1.4em; font-weight: bold; line-height: 1; margin-bottom: 0.5em; }
h4 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 1;
	margin: 4px 0;
	padding: 0 120px 7px 24px;
	background: url(../images/bg_hdr.png) no-repeat bottom left;
	color: #d78c80;
	position: relative;
	}
h5 { font-size: 2.0em; font-weight: bold; font-style: italic; line-height: 1; margin-bottom: 0.5em; }
h4 a {
	text-decoration: none;
	}
h4 a.hdr_right {
	position: absolute;
	right: 0;
	top: 4px;
	display: block;
	width: 100px;
	height: 20px;
	text-indent: -10000px;
	}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

small {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
}

/* Colors
-------------------------------------------------------------- */
.pink { color: #d78c80; }
.green { color: #82cbba; }
.white { color: #ffffff; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em;  }
div.left, img.left    { float: left; margin: 0 1.5em 0 0; padding: 0; }
div.right,img.right   { float: right; margin: 1.5em 0 1.5em 1.5em; }

.txt-right  { text-align: right; }

a:focus,
a:hover     { text-decoration: none; }
a           { color: #176186; text-decoration: underline; }
a.white     { color: #fff; }
/*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; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
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; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


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

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
th,td       { padding: 4px 10px 4px 5px; vertical-align: top; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.show       { display: block; }
.hide       { display: none; }
.clear      { clear:both; }

.small      { font-size: 10px; }
.large      { font-size: 12px; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0 !important; padding-right:0 !important; }
.vert-last  { margin-bottom:0 !important; padding-bottom:0 !important; }
.marginr    { margin-right: 5px; }

.floatr     { float: right; }
.floatl     { float: left; }

.borderbottom { border-bottom: 1px solid #eaeaea; padding-bottom: 15px;}
.bordertop    { border-top: 1px solid #eaeaea; }
.noborder     { border: none !important; }