#storynavcss {}
/*PRESENTATION.CSS*/
/*story navigation bar*/
.story-nav {font-weight: bold; font-size: 11px;}
.story-nav div.q-width-define {border-top: 1px solid #CCC; float: left; padding-top: 10px;}
.story-nav .q-width-define .q-width-define {border-top: 0px;}
.story-nav a { border-bottom: none;}
.story-nav a .title {line-height: 115%;}
.story-nav .x2 .x1 a, .story-nav .x4 .x2 a {font-size:150%; bottom-border:none;}
.story-nav .x3 .x1 a {font-size:170%; border-bottom:none;}
.story-nav div.label {color:#666; font-family:Tahoma,'Lucida Grande',sans-serif; font-weight:normal; font-size:9px; letter-spacing:2px; line-height:100%; padding: 4px 0px 0px;}
.story-nav .x2 .x1 .label, .story-nav .x3 .x1 .label { padding: 4px 0px 0px; }
.story-nav div.x1 div.nav-item .label, .story-nav div.x1 div.nav-item .tease, .story-nav div.x1 div.nav-item .source { margin: 3px auto; text-align: center;}
.story-nav div div.nav-item { border-left: 1px dotted #999; padding: 0 10px; height: 120px; cursor: pointer; }
.story-nav .label { /*display: none !important;*/ }

/*text slice cell only*/
.story-nav div.first div.nav-text { padding-left: 0px !important; }
.story-nav div div.next-story .title { text-align: left; }
.story-nav div div.first { border-left: 0px solid transparent; padding: 0 10px;}
.story-nav .x2 div div {margin: 0; text-align: left;}
.story-nav .x2 div.x1 {width: 12em;}
.story-nav .x2 div.nav-item {padding: 0 20px;}
.story-nav .x2 .nextstory .a .title {font-size:120%;}
.story-nav .x2 div.first {padding: 0;} 
.story-nav .x3 .x1 {width:auto 0;}

/*wireframing*/
.story-nav div.x1 div div.content {color: #888; background-color: #999; display: block; width: 92px; height: 69px;}
.story-nav div.x2 div div.content {color: #888; background-color: #999; display: block; width: 130px; height: 100px;}

/*STORY.CSS*/
/*PRESENTATION*/
/* story nav summary labels */
#story .content #next-story {color: #666;}
#story .content #next-story a {border: none; color: #369; font-weight: bold; margin-right: 13px;}
#story.x6 .content #next-story a {margin-right: 0px;}
#story .content #next-story a:hover {color: #C00;}
/* story-nav image borders */
#story-nav .nav-item .tease { position: relative; }
#story-nav .nav-item .tease img {border: 1px solid #FFF;}
#story-nav .nav-item .q-width-define .tease {border: 1px solid #AAA; }
#story-nav .q-width-define .nav-item .first { margin-right: 15px; width: auto; }
#story-nav .x1 div .tease {border: 1px solid #AAA; width: 100px; margin-bottom: 6px;}
/* story nav cells and layout*/
#story-nav .x1 {text-align: center;}
#story-nav .x3 .x1 { text-align: left; padding-top: 0px; }
#story-nav .q-width-define .nav-item a .title {margin-top: 5px; display: block; }
  .IE-8 #story-nav.x4 .x1 .nav-item a .title {margin-top: 8px;}
#story-nav .x1p5 .nav-item .label {text-align: center;}
#story-nav .x1p5 .nav-item .tease {width: 100px; border: 1px solid #AAA; margin-left: 66px;}
#story-nav .x1p5 .nav-item .title {margin: 5px 0px 0; text-align: center; width: 175px;}
.x6 #story-nav .x1p5 .nav-item {height: 70px; margin: 7px 0 15px;}
.x6 #story-nav .x1p5 .nav-item .label {text-align: left; margin-left: 112px;}
.x6 #story-nav .x1p5 .nav-text .label {text-align: left; margin-left: 28px;}
.x6 #story-nav .x1p5 .nav-item .tease {margin: -13px 10px 0 0; float: left;}
.x6 #story-nav .x1p5 .nav-text .tease {width: 18px; border: none;}
.x6 #story-nav .x1p5 .nav-item .title {text-align: left; line-height: 125%; margin-top: 0;}
.x6 #story-nav .x1p5 .nav-item .source {text-align: left;}
#story-nav .nav-item .source {text-align: center; font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 10px;color: #69C;}
#story-nav .x2 .nav-item .source, #story-nav .x3 .x1 .source {text-align:left;}
#story-nav .nav-tem .source {padding-top: 3px;}
/*text slice style overrides*/
#story-nav .x1 div.text div.tease{border-width:0;} /*no border for text slice - has no img*/
#story-nav .nav-text div { display: block; vertical-align: middle; }
#story-nav .x1 div.nav-text .title, #story-nav .x2 div.nav-text .title { font-size: 16px; }
#story-nav .x3 div.nav-text .title { font-size: 210%; }
#story-nav .x2 div.next-story .title, #story-nav .x3 div.next-story .title { font-family: Georgia,serif; font-weight: normal; font-size: 210%; }

#story-nav .icon { position: absolute; bottom: -8px; right: -10px; margin: 0px auto; }
#story-nav .nav-text .icon, #story-nav .next-story .icon { position: relative; float: left; bottom: 0px; right: 0px; margin-bottom: 60px; }
#story-nav .icon .arrow { display: none !important; }
 
/*POSITIONING*/
/* story nav summary labels */
#story .content .summaryBarLabel { position: relative; float: left; text-align: left; width: 20%; font-size: 11px; color: #666; margin-bottom: 3px; }
#story .content #next-story, #story .content #next-story-shim { position: relative; float: right; text-align: right; width: 45%; font-size: 11px; color: #666; margin-bottom: 3px;}
#story .content #next-story.x4 {margin-right: 32px; width: auto; clear: left; margin-top: -20px;}
.IE-6 #story .content #next-story.x4, .IE-6 #story .content #next-story.x4  {margin-top: 0;}
#story-nav .x1 .nav-item .source {display: none;}

/*COLIN'S BEAR ANIMATION*/
/*wireframing*/
.story-nav div.x1 div div.content {color:#888; background-color:#999; display:block; width:92px; height:69px;}
.story-nav div.x2 div div.content {color:#888; background-color:#999; display:block; width:130px; height:100px;}