/* =BASE & WONK */



body {

font-size: 12px;

font-family: lucida unicode, lucida grande, trebuchet ms, verdana, helvetica, arial, sans-serif;

font-weight: normal;

padding: 0px;

margin: 0px;

text-align: center;

background:#357 url("../images/bg_page.gif");

background-color: black;

}

.slide {
	
background-color: #fff;

background-image: none;

}

#wrapper {

text-align: left;

margin: 0px auto;

padding: 0px;

border: 0;

width: 780px;

background-color:#ecf7fb;



}


div.doublehr {

margin-top: 10px;

margin-bottom: 10px;

border-top: double 4px #999999;

background-color:#ecf7fb;

}



.hr {

border-top: solid 1px #999999;

margin-top: 10px;

}


.hrb {

border-bottom: solid 1px #999999;

}



img {

border: none;

}



.floatleft {

float: left;

}



 img.floatleft {

margin-right: 15px;

}



.floatright {

float: right;

}



 img.floatright {

margin-left: 15px;

}



h2 {

font-size: 18px;

}



a:hover {

text-decoration: underline;

color: red;

}



.\11pixels {

font-size: 11px;

line-height: 16px;

}


.backtotop, .prev, .next, .nextpre {
font-size: 11px;
}

.backtotop
{
padding: 0px 0px 0px 22px;
background-image: url('../images/arrow_up.gif');
background-repeat: no-repeat;
background-position: 9px 6px;
}

.prev
{
padding: 0px 0px 0px 22px;
background-image: url('../images/arrow_left.gif');
background-repeat: no-repeat;
background-position: 9px 6px;
}

.next
{
padding: 0px 0px 0px 100px;
background-image: url('../images/arrow_right.gif');
background-repeat: no-repeat;
background-position: 7px 6px;
}

 #additional li
{
list-style: none;
padding-left: 10px;
background-image: url('../images/arrow.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
}


p.pullquoteleft
{float:left;width:30%;padding:8px;font-size:1.2em;line-height:1.2em;margin-top:15px;margin-left:20px;
margin-bottom:15px;margin-right:30px;background-color:white;font-weight:normal;}

p.pullquoteright
{float:right;width:30%;padding:8px;font-size:1.2em;line-height:1.2em;margin-top:15px;
margin-right:20px; margin-bottom:15px;margin-left:30px;background-color:white;font-weight:normal;}




/* =HEADER */

#globalheader {
	width:780px;
}

#storyheader {

margin: 0;

padding: 0;

height: 70px;

}



#story {

width: 136px;

height: 70px;

float: left;

margin-right: 20px;

padding: 0px;

background: #306BAF url(../images/nav-bg-blue.gif) repeat-x bottom left;

}



#story a {

font-size: 13px;

line-height: 15px;

font-weight: bold;

color: #ffffff;

text-decoration: none;

}



#storybox {

padding-top: 6px;

margin-left: 9px;

width: 105px;

}



#date {

font-size: 12px;

font-weight: bold;

display: block;

}



#section {

height: 70px;

}



#section h1 {

font-size: 30px;

font-weight: bold;

margin: 0px;

padding: 0px;

color: #306BAF;

line-height: 30px;

}



#section h2 {

font-size: 30px;

font-weight: normal;

margin: 0px;

padding: 0px;

line-height: 40px;

}



/* =HOME */



#wrapper_home {

text-align: left;

margin: 0px auto;

padding: 0px;

border: 0;

width: 780px;

height: 600px;

background: url("../images/bg_home.jpg") repeat;

}



/* =STORY NAVIGATION */



#storynav {

float: left;

width: 135px;

padding-top: 0px;

}

.storynavborderfix {

border-right: 1px solid #999999;
}



#navlist

{

margin-left: 0;

padding-left: 0;

padding-top: 2px;

list-style: none;

font-size: 11px;

}



#navlist li

{
	
padding-left: 10px;

margin-right: 10px;

margin-left: 10px;

padding-bottom: 15px;

background-image: url(../images/arrow.gif);

background-repeat: no-repeat;

background-position: .2em .4em;

/* Hide from IE-Mac \*/ 

background-position: .2em .45em;

/* End hide */

}



#navlist li a

{

text-decoration: none;

color: #009900;

}



#navlist li a:hover

{

text-decoration: underline;

color: red;

}



#side-b {

float: right;

width: 165px;

}



/* =SECTION NAV */



#side-b h3 {

	margin: 10px 0 12px 0;

	padding: 5px 10px;

	color: #fff;

	font-size: 120%;

	border: none;

	background: #93BB3A url(../images/side-b_h3_bg.gif) repeat-x top left;
	
	clear:both	

	}



dl.localnav {

	margin: 0 0 40px 0px;

	padding: 0 0px 0px 0;

/* Hide from IE-Mac \*/ 

	margin: 0 0 10px 0px;
	clear: both;

/* End hide */	


	}
	


dl.localnav:after {

	content: "."; 

    display: block; 

    height: 0; 

    clear: left; 

    visibility: hidden;

    }

dl.localnav dt {

	margin: 0;

	padding: 0;

	}

dl.localnav dt a {

	float: left;

	display: block;

	margin: 2px 10px 0px 0;

	padding: 2px;

	border: 2px solid #ddd;

	background: #fff;

	}

dl.localnav dt a img {

	float: left;

	}

dl.book dt a {

	border-color: #ddd;

	}

dl.localnav dt a:hover {

	padding: 0;

	border: 4px solid #ddd;

	}

dl.localnav dd {

	margin: 0 0 2px 0 !important;

	padding: 0;

	line-height: 1.4em;

	}

dl.localnav dd a {

	font-weight: bold;

	}

dl.localnav dd em {

	font-style: normal;

	color: #7B9905;

	}

dl.noimg dt a {

	float: none;

	display: inline;

	margin: 0;

	padding: 0;

	font-weight: bold;

	border: none;

	border-bottom: 1px dotted #bbb;

	}

dl.noimg dt a:hover {

	border: none;

	border-bottom: 1px solid #bbb;

	}

dl.noimg dd a {

	font-weight: normal;

	}



/* =CONTENT */

#intro {
background-color: white;
}

#intro p {
margin: 0px 10px;
padding-bottom: 10px;
padding-top: 10px;
}

.content { 

font-size: 14px;

line-height: 20px;

float: left;

width: 55%;

padding-left: 20px;

padding-top: 0px;

padding-bottom: 10px;

padding-right: 15px;

margin-bottom: 10px;

}



/* =IE5PC only */

* html body div.content	

  {

width: 60%;

  }



/* assign to content div, with side-b commented out of html, to expand full page width */

.content#fullwidth {

width: 75%;

font-size: 14px;

line-height: 20px;

}



/* =IE5PC only */

* html body div.content#fullwidth	

  {

width: 80%;

  }


.box {
background-color: #F0EDDA;
padding: 3px;
}

.inner {
padding: 8px;
border: 1px solid #fff;
background-color: #F7F5E7;
}
  
  
/* =CONTENT GALLERY */



dl.thumbnail{

font-size: 12px;

line-height: 18px;

border: 1px solid #D49FAA;

width: 175px;

text-align: center;

margin: 5px;

padding-top: 10px;

float: left;

}

.thumbnail dt { font-weight: bold; text-align: center;}

.thumbnail dt img{border: 1px solid #000; text-align: center;

}

.thumbnail dd{margin: 0;padding: 0; text-align: center;}











/* =FOOTER */

#footer {

clear: both;

border-top: double 4px #999999;

font-size: 10px;

padding-bottom: 10px;

color: white;

background-color: black;

text-align: center;

}

#footer p {

margin: 0px;

padding-top: 10px;

padding-bottom: 0px;

}


#footer a, #footer a:visited {

color: #ffa93e;

text-decoration: underline;

}

#footer a:hover {

color: red;

text-decoration: underline;

}



/* =PHOTOS */



 .photoboxleft

{

width: 200px;

float: left;

clear:left;

padding-right: 25px;

}



/* IE5PC only */

* html body .photoboxleft

  {

padding: 0px;

margin-right: 15px;

  }



 .photoboxright

{

width: 200px;

float: right;

clear: right;

border: none;

padding: 10px;

margin: 0px 0px 0px 0px;

}



 .photoboxright_profiles

{

width: 150px;

float: right;

clear: right;

border: none;

padding: 10px;

margin: 0px 0px 0px 0px;

}



.photocaption

{

font-family: verdana, sans-serif;

font-size: 10px;

line-height: 10px;

color: #738BF2;

float: none;

}



.photoborder

{

border: 3px double #999;

}



/* =SLIDESHOW */



.slideshow {

	border: 1px #948994 solid ;

}



.slideshow, .slide, .slide td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



.slide p {

	margin: 0px;

	padding: 0px 10px 0px 5px;

}



.slideselect a, .sideselect a:visited {

text-decoration: none;

}



.slideselect a:hover {

text-decoration: underline;

}



.slideshow p {

	margin: 0px;

	padding: 10px;

	font-size: 12px;

	line-height: 18px;

}



.slideimg {

border: 1px #ca6029 solid;

}



.slidenav {

font-size: 9px;

font-weight: bold;

color: #999966;

font-family: verdana;

}





.slideselect {

color: #ffffff;

background-color: #000000;

font-weight: bold;

}



.slideselect a:hover, #active {

color: white;

text-decoration: none;

}



#slidecontent p, #slidecontent_first p, #slidecontent_fit p {

padding-bottom: 8px;

}



#slidecontent {

font-size: 11px;

line-height: 16px;

}



#slidecontent_first {

font-size: 14px;

line-height: 20px;

}



#slidecontent_fit {

font-size: 10px;

line-height: 14px;

}







/* =AUDIO + VIDEO */



#watchbuttoncontainer {

padding-bottom: 10px;

}

#promobuttoncontainer {

padding-top: 100px;
}



#watchbutton, #runningtime {

display: inline;

}



#watchbutton a {

text-decoration: none;

}



#watchbutton img {

vertical-align: middle;

}



#listenbutton, #runningtime {

display: inline;

}



#listenbutton a {

text-decoration: none;

}



#listenbutton img {

vertical-align: middle;

}



#runningtime span {

color: red;

vertical-align: middle;

}

#photobuttonright

{margin: 0px 0px 0px 10px;
padding: 0px;}

#photobutton

{margin: 0px 10px 0px 0px;
padding: 0px;}

/* =PROMOPAGE */

#promocontainer {
width:780px;
background: transparent url('../images/hp_bg.jpg') no-repeat;
}

#promocontainer p {
margin: 20px;
}

#promointro {
width: 450px;
}

#pressrelease {
padding-top: 15px;

}

/* =HOMEPAGE */

#homecontainer {
width:780px;
height: 700px;
background: transparent url('../images/hp_bg.jpg') no-repeat;
}

#danpatrick a, #danpatrick a:visited {
text-decoration: underline;
color: red;
}

#danpatrick a:hover {
text-decoration: underline;
color:blue;
}

#danpatrick p {
font-size: 12px;
line-height:20px;
margin: 5px 10px 0px 3px;
}

#checklisting {
position:relative;
left:485px;
top: 75px;
}

#checklisting a:hover, #checklisting a:visited {
color: white;
text-decoration: underline;
} 

#danpatrick {
	position:relative;
	left:0px;
	top:-190px;
	width:780px;
}

#backgroundalt {
position:absolute;
left:470px;
top:250px;
width:300px; 
height:275px;
}

#title-thestory {
	position:absolute;
	left:28px;
	top:259px;
	width:438px;
	height:24px;
}

#desc-thestory {
	position:absolute;
	left:28px;
	top:283px;
	width:438px;
	height:111px;
}

#img-interviews {
	position:absolute;
	left:28px;
	top:394px;
	width:210px;
	height:171px;
}

#title-interviews {
	position:absolute;
	left:243px;
	top:394px;
	width:200px;
	height:31px;
}

#desc-interviews {
	position:absolute;
	left:243px;
	top:425px;
	width:228px;
	height:140px;
}

#title-slideshow {
	position:absolute;
	left:28px;
	top:565px;
	width:210px;
	height:20px;
}

#img-slideshow {
	position:absolute;
	left:238px;
	top:565px;
	width:228px;
	height:153px;
}

#desc-slideshow-02 {
	position:absolute;
	left:28px;
	top:585px;
	width:210px;
	height:105px;
}

#break {
position: absolute;
top:735px;
left: 3px;
width:780px;
height: 20px;
}

#title-dispatches {
	position:absolute;
	left:0px;
	top:755px;
	width:177px;
	height:22px;
}

#desc_dispatches {
	position:absolute;
	left:30px;
	top:780px;
	width:120px;
	height:95px;
	text-align: center;
}

#title-profiles {
	position:absolute;
	left:172px;
	top:757px;
	width:243px;
	height:22px;
}

#desc_profiles {
	position:absolute;
	left:176px;
	top:780px;
	width:243px;
	height:95px;
	text-align: center;	
}


#title-additional {
	position:absolute;
	left:433px;
	top:755px;
	width:184px;
	height:22px;
}

#desc_additional {
	position:absolute;
	left:435px;
	top:780px;
	width:184px;
	height:95px;
	text-align: center;	
}

#title-react {
	position:absolute;
	left:652px;
	top:761px;
	width:92px;
	height:40px;
}

#desc-react {
	position:absolute;
	left:633px;
	top:790px;
	width:140px;
	height:65px;
	text-align:center;
}

/* DESECENDERS */

.noborder {
border: none;
}

#mapbutton {
margin-left: 15px;}