/* em usage: target ÷ context = result ( 18px ÷ 12px = 1.5em )*/

/** General **/
@font-face {
   font-family: HelveticaRounded-Bold;
   src: url(../fonts/HelveticaRounded-Bold.otf);
   font-weight: bold;
}
@font-face {
   font-family: HelveticaNeue-Roman;
   src: url(../fonts/HelveticaNeue-Roman.otf);
   font-weight: bold;
}

html, body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px; /* set standard font, use em's from this */
	color: #000;
}

a {
   text-decoration: none;
   color: #00B1DB;
}
a:hover {
   text-decoration: underline;
}

p {
   font-size: 1.1em;
   line-height: 1.3em;
}

h1,h2,h3,h4 {
   font-family: HelveticaRounded-Bold, Arial, Verdana, sans-serif;
   color: #00B1DB;
   font-weight: bold;
}
h1,h2 {
   padding-bottom: .60em;
}
h2, h4 {
   font-size: 1.25em;
}
h1 {
   font-size: 1.75em;
  
}
h4 {
   padding-bottom: 0.2em;
}

blockquote {
   font-family: HelveticaRounded-Bold, Arial, Verdana, sans-serif;
   color: #00B1DB;
   font-size: 1.25em;
   text-indent: -.59em;
}

span.author {
   color: #db0087; /*#BED748; odl color*/
}

li span {
   font-family: Arial, Verdana, sans-serif;
   color: #000;
   font-size: .90em;
}

/** Logo **/
.ui-logo a {
	width: 223px;
	height: 124px;
	display: block;
	/* Shift back for proper link location */
	margin-left: -72px;
}
.ui-logo span {
	height: 0px;
	display: block;
	margin-left: -3000px;
}