@charset "utf-8";
/*************************************
State of Tomorrow
Warm Winter 2009
Style for Print

written by Michelle Flynn
mflynn@utsystem.edu

 **************************************/

/*********************************
 use the style below if page breaks are needed throughout document.
 example: before and after graphs, tables, or large images
 *********************************/

.breakhere {page-break-before: always;}

/*********************************
 hide navigation and other sections not needed in print
 *********************************/
 
#nav, .movie, #main .inner #aside #accordionMenu, #main .inner .topBar, #controlBar, #footer .inner .inner ul#footerlinks, #episodesMenu, #episodesSidebox, img, .onlinePlaySelect, .featureImage, .newsInfo {display: none !important;}

/*********************************
 reset major page elements to break out floats and span page width
 *********************************/

body, #header, #header .inner, #header .inner h1, #header .inner h1 a, #header .inner p, #main, #main .inner, #main .inner #billboard, #main .inner #blog, #main .inner #spotLight, #main .inner .inner #didYouKnow, #main .inner .inner #universities, #main .inner #article, #aside, #aside .caption, #aside #educationSidebar, #aside .articleInfo, #aside #articleInfo, #footer {background: white !important; color: black; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important; text-indent: 0 !important; overflow: visible !important;}

.inner, #footer .inner, #episodesInfo {background: white; color: black; float: none !important; width: auto !important; height: auto !important; text-align: left !important; text-indent: 0 !important; overflow: visible !important;}

/*********************************
 reset text element margins that had been replaced by images
 *********************************/

#header .inner h1 a, #header .inner p, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .thirteen {text-indent: 0 !important;}

/*********************************
 Site Header w/ tagline at top of page
 *********************************/

#header .inner {margin: 0 !important; padding: 0 !important;}
#header .inner h1 a {display: block; font-size: 18px; position: static; width: auto; height: auto; margin: 0 !important; padding: 0 !important; text-align: left; background: none; text-decoration: none; font-weight: bold;}

#header .inner p {display: block; border-bottom: 1px black solid; font-size: 14px; margin: 0;}

/*********************************
 Special Homepage styles
 *********************************/
 
#main .inner #billboard h2, #main .inner .inner #spotLight h2, #main .inner .inner .inner #didYouKnow h2, #main .inner .inner #spotLight p, #main .inner .inner .inner #didYouKnow p {margin: .5em 0 !important; padding: 0 !important;}

#blog, #spotLight, #didYouKnow, #universities {display: block; margin-bottom: 1em;}

/*********************************
 Page / Article styles
 *********************************/
#main {display: block; overflow: visible;}
#main .inner #header {display: block; overflow: visible;}
#main .inner #article {display: block; overflow: visible;}
#main .inner #footer {display: block; overflow: visible;}

#main .inner #article img {display: none;}
#main .inner #article h2 {position: static; margin: 10px 0; padding: 0 !important; text-align: left; background: none;}
#main .inner #article h3 {position: static; margin: 10px 0; padding: 0 !important; text-align: left; background: none;}
#main .inner #article p {line-height: normal !important; display: block !important; font-size: 12px; position: static; width: auto; height: auto; margin: 0; padding: 0; border-top: none; text-align: left; background: none;}
#main .inner #article a {line-height: normal !important; font-size: 12px; text-decoration: none;}

h4.education {height: auto !important; width: auto !important;}
h4.education span {text-indent: 0; display: inline !important;}

/*********************************
 Series / Team
 *********************************/
 
#main .inner h1, .credits, .seriesLink {display: none;}

#main .inner .teamCasing, #main .inner .teamCasing dl {background: white; color: black; float: none !important; width: auto !important; height: auto !important; text-align: left !important; text-indent: 0 !important; overflow: visible !important;}

.nameAlpheusMedia, .nameUtFoundation {top: inherit !important; width: auto !important; height: auto !important; position: relative !important; margin: 10px 0px 0px 10px !important; padding: 10px 14px 10px 0px !important;}

.nameUtTitle, .nameAlpheusTitle {margin: 16px 0px 0px 0px !important; padding: 10px 0px 0px 9px !important;}

.onlineNumber, .onlineNumber h2 a, .onlineTitle {width: auto !important; float: none !important; display: block !important;}

.onlineTitle {margin-left: 40px !important;}
.onlineTitle h3 {margin: 5px 0;}

/*********************************
 Style for tables and tabular data
 *********************************/

table {border-bottom: 3px solid #B2B2B2; margin: 0 0 2em;}
caption {padding: 0.75em;
  border: 1px solid #B2B2B2; border-width: 1px 0 2px;
  background: #EEE;}
th, td {padding: 0.5em 1em;
  border: 1px solid #CCC;
  border-width: 0 1px 1px 1px;}
/*
th.first, td.first, tbody th {border-left: none;}
*/
thead th {text-transform: uppercase; text-align: left;}
tbody th {width: 20%;}
tfoot {display: none;}


/*********************************
 footer and copyright
 *********************************/
#footer .inner .inner {display: block; border-top: 1px black solid; font-size: 14px; margin-top: 1em; padding-top: 1em;}
#footer .inner .inner p {line-height: normal; margin-top: .5em; padding: 0; font-size: 12px;}
#footer .inner .inner ul {list-style: none; line-height: 15px; margin: 0; padding: 0; display: none;}
#footer .inner .inner ul li {display: none;}

/*********************************
 include link url after <a> tag 
 *********************************/

a[href]:after,
#main a[href]:after,
#article a[href]:after {
   content: " (" attr(href) ") ";
   font-size: 90%;}

a[href^="/"]:after,
#main a[href^="/"]:after,
#article a[href^="/"]:after {
   content: " (http://www.stateoftomorrow.com" attr(href) ") ";}