/****************************************************
 GLOBAL
****************************************************/

* {
 margin: 0;
 padding: 0;
}

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #0e0904;
 background: #fff url(/_img/bg-desk.jpg) top center no-repeat fixed;
}

h1 {
 font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
 font-size: 44px;
 letter-spacing: -2px;
 margin: 0 0 10px 0;
}

/* Safari ONLY hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
 h1 {  font-size: 36px; letter-spacing: -2px } 
}

/* FireFox ONLY hack */
@-moz-document url-prefix() { h1 { 
 letter-spacing: -2px    
}}

h2 {
 font-size: 18px;
 margin: 0 0 20px 0;
 letter-spacing: -1px  
}

h3 {
 font-size: 18px;
 margin: 20px 0 0 0;
}

blockquote {
 color: #252a2e;
 margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 50px;
 padding: 0 0 0 10px;
 padding-bottom: 1px;
 border-left: 10px solid #252a2e; 
 font-style: italic;
 font-size: 1em;
 line-height: 1.6;
}

ul, ol {
 margin: 10px 0 0 0;
}

ul li {
 margin: 0 0 2px 0;
 line-height: 26px;
}

#content ul {
 margin: 0 0 20px 0;
 padding: 0 0 0 15px;
}

#content ul ol {
 margin: 0 0 0 0;
 padding: 0 0 0 25px;
}

#content li {
 margin: 0 0 5px 0;
 padding: 0 0 0 0;
}

.basicList {
 margin: 25px 0 25px 25px;
 padding-left: 15px;
}

.basicList li {
 margin: 10px 0 0 0;
}

.caption {
 font-size: 14px;
 font-weight: bold;
}

#shareThis {
 margin: 20px 0 20px 0;
}

#quizQuestion  {
 padding-left: 7px;
}

hr {
 border: 0;
 width: 100%;
 color: #000;
 background-color: #000;
 height: 1px;
 margin: 10px 0;
}


/****************************************************
 WRAPPER
****************************************************/

#wrapper {
 position: relative;
 margin: 0 auto 0 auto;
 width: 822px;
 background-color: #fff;
}

#wrapper-inner { 
 position: relative;
 margin: 0 auto 0 auto;
}

/****************************************************
 HEADER
****************************************************/

#header {
 position: relative;
 background-color: #c00;
 margin: 0 auto 0 auto;
 width: 822px;
 height: 50px;
/* border: 1px solid #000;*/
}

#header .inner {
 position: relative;
 margin: 0;
}

/****************************************************
 CONTENT
****************************************************/

#content {
 position: relative;
 width: 530px;
 margin: 20px 0 0 0;
/* border: 1px solid #000;*/
}

body#podcast #content {
 position: relative;
 width: 100%;
 margin: 20px 0 0 0;
}

#content .inner { 
 position: relative;
 margin: 0 0 0 15px;
}

#content .inner p {
 margin-bottom: 10px;
 font-size: 1em;
 line-height: 1.6;
}

/****************************************************
 SIDE
****************************************************/

#sideCol {
 float: right;
 clear: both;
 width: 280px;
 margin: 20px 0 20px 0;
}

#sideCol .inner { 
 position: relative;
 margin: 10px 10px 10px 10px;
}

#sideCol .inner p {
 margin-top: 10px; 
 font-size: 1em;
 line-height: 1.4;
}

#sideCol .inner li {
 list-style-type: none;
}

#sideCol .inner h2 {
 border-top: 5px solid #0e0904;
 margin: 30px 0 0  0;
}

#sideCol .inner h3 {
 font-size: 18px;
 margin: 30px 0 0 0;
}

/****************************************************
 LINKS
****************************************************/ 

a:link, a:active, a:hover, a:visited {
 text-decoration: underline;
/* border-bottom: 2px solid #c00;*/
 color: #c00;
 font-weight: bold;
}

h2 a:link, h2 a:active, h2 a:hover, h2 a:visited {
 text-decoration: none;
 color: #252a2e;
 border: 0;
}

/****************************************************
 FOOTER
****************************************************/

#footer {
 position: relative;
 clear: both;
 margin: 0 auto 0 auto;
 width: 820px;
 background-color: #fff;
 border-top: 5px solid #252a2e; 
}

#footer .inner { 
 position: relative;
 padding: 10px;
 text-align: center;
}

#footer .inner p {
 font-size: 1em;
 line-height: 30px;
}

/****************************************************
 IMAGES
****************************************************/

.photo-center {
 display: block;
 margin: 0 auto;
}

.photo-left {
 display: block;
 float: left;
 margin: 0 10px 10px 0;
}

.photo-right {
 display: block;
 float: right;
 margin: 0 0 10px 10px;
}

.photo-left-middle {
 display: block;
 float: left;
 margin: 8px 10px 10px 0;
}

/****************************************************
 NAV
****************************************************/

#nav-wrapper {
 position: absolute;
 top: 15px;
 right: 0;
 margin: 0 auto 0 auto;
 width: 820px;
 text-align: right;
 z-index: 99;
}

/* FireFox ONLY hack */
@-moz-document url-prefix() { #nav-wrapper  { 
 margin: 1px auto 20px auto;  
}}

#nav li {
 display: inline;
 list-style-type: none;
 /*text-transform: uppercase;*/
}

#nav a { 
 padding: 5px 10px;
 background-color: #000;
 font-weight: normal;
 color: #fff;
 border: 0;
 text-decoration: none;
}

#nav a:hover {
 color: #fff;
 background-color: #c00;
 text-decoration: none;
}

body#home #home a,
body#who #who a,
body#education #education a,
body#quiz #quiz a,
body#faq #faq a,
body#links #links a,
body#podcast #podcast a,
body#podcastHome #podcast a,
body#contact #contact a  { 
 color: #000;
 background-color: #fff;
 text-decoration: none;
}

/****************************************************
 QUIZ
****************************************************/

.correct {
 color: #c00;
 font-weight: bold;
}

.incorrect {
 text-decoration: line-through;
}

/****************************************************
 LOGO
****************************************************/

#logo h1 {
 text-indent: -9999px;
}

#logo {
 background: transparent url(/_img/logo.gif) 0 0 no-repeat;
 position: absolute;
 top: 22px;	
 left: 15px;
 width: 243px;
 height: 56px;
 z-index: 99;
}

#logo a {
 position: absolute;
 top: 0;	
 left: 0;	
 width: 243px;
 height: 56px;
 border: 0;
 z-index: 99;
/* border: 1px solid #000;*/
}

/****************************************************
 EMAIL Q
****************************************************/

.emailQ {
 background-color: #fae5e5;
 color: #cc0000;
 font-weight: bold;
 padding: 10px;
}

.emailQ  h3{
margin: 0 0 10px 0;
padding-bottom: 5px;
border-bottom: 2px solid #c00;
}