/*	"All" media styles for GE Reagan site - 03.11.10 - Kyle Crouse (kyle.crouse@frogdesign.com)	*/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
q { font-style: italic; quotes: none; }
q:before, q:after { content: ''; content: none; }
body { background-color: rgb(255,255,255); color: rgb(51,51,51); font: 62.5% Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* global links */
a { text-decoration: none; }
a:link { color: rgb(59,115,185); }
a:visited { color: rgb(113,141,176); }
a:hover { text-decoration: underline; }
a:active, a:focus { outline: 1px dotted rgb(113,141,176); text-decoration: none; }
a.button:link, a.button:visited { background: rgb(255,255,255) url(images/button-blue-arrow.gif) no-repeat 4px 3px; border: 1px solid rgb(193,200,203); color: rgb(66,66,66); display: inline-block; font-family: "ge-inspira-sc-1","ge-inspira-sc-2",Arial,sans-serif; font-size: 1.1em; font-weight: 400; height: 11px; line-height: 11px; margin-right: 11px; padding: 1px 6px 2px 15px; text-decoration: none; text-transform: lowercase; white-space: nowrap; }
a.button:hover { background-color: rgb(247,250,248); }

/* wrapper */
#wrapper { margin: 0 auto; width: 980px; }

/* header */
.header { padding: 1.4em 20px; position: relative; }
h1 { left: -9999px; position: absolute; }
.header img { height: 44px; left: -1px; position: relative; width: 172px; }
.header ul { position: absolute; right: 20px; top: 28px; white-space: nowrap; }
.nav li { border-left: 1px solid rgb(205,211,213); display: inline; font-family: "ge-inspira-sc-1","ge-inspira-sc-2",Arial,sans-serif; font-size: 1.2em; font-weight: 500; line-height: 1; margin-left: 8px; padding-left: 11px; text-transform: lowercase; white-space: nowrap; }
.nav li:first-child { border: 0; margin: 0; padding: 0; }
.nav a:link, .nav a:visited { color: rgb(94,101,105); }
.nav .current:link, .nav .current:visited { color: rgb(0,0,0); }
.nav a:hover { color: rgb(0,0,0); text-decoration: none; }

/* content */
#content { position: relative; }
#content:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: none; }
#content h2 { color: rgb(94,101,105); font-size: 1.4em; font-family: "ge-inspira-sc-1","ge-inspira-sc-2",Arial,sans-serif; font-weight: 500; line-height: 1; padding: 18px 0 36px; text-transform: lowercase; }
#content h3 { color: rgb(59,115,185); font-size: 2.1em; font-family: "ge-inspira-1","ge-inspira-2",Arial,sans-serif; font-weight: 500; line-height: 1.1428; }
#content h4, #content p { font-size: 1.3em; line-height: 1.3846; }
#content p { margin: 0.9230em 0; }
#content p em { color: rgb(59,115,185); display: block; font-family: "ge-inspira-1","ge-inspira-2",Arial,sans-serif; font-size: 1.6153em; font-style: normal; line-height: 1.1428; padding-bottom: 0.3529em; }

/* story */
#story { border-color: rgb(232,235,239); border-style: solid; border-width: 10px 0 0; margin-bottom: 2.4em; padding: 0 260px 0 20px;}
#story p { margin-right: 20px; }

/* intro */
#intro { border-color: rgb(232,235,239); border-style: solid; border-width: 10px 0 0; }
.landing #intro { border-width: 10px 0; margin-bottom: 3.6em; }
.landing #intro h2, .landing #intro p { position: absolute; left: -9999px; }
.landing #intro a { background: rgb(0,0,0) url(images/intro.jpg) no-repeat 0 0; display: block; height: 479px; text-indent: -9999px; width: 980px; }
.index #intro { background: transparent url(images/reagan-theater.gif) no-repeat 600px 100%; padding: 0 425px 20px 20px; }
.story #intro { padding: 0 260px 0 20px; }

/* video */
#video { background-color: rgb(0,0,0); border-color: rgb(232,235,239); border-style: solid; border-width: 10px 0; height: 532px; margin-bottom: 1.8em; width: 980px; }

/* about */
#about { font-family: "ge-inspira-1","ge-inspira-2",Arial,sans-serif; margin-bottom: 2.4em; padding-left: 20px; width: 700px; }
.landing #about { float: left; margin-bottom: 0; position: relative; width: 340px; }
.landing #about h3 { color: rgb(0,0,0); padding: 0 120px 1.1428em 0; }
.landing #about #seal { position: absolute; right: 20px; top: -4px; }
.landing #about p { margin-bottom: 0.9230em; }
.landing #about strong { font-weight: 500; }

/* comments */
#comments { margin: 0 260px 0 20px; }
.comment { margin-bottom: 2.4em; }
#comments h3 { border-top: 5px solid rgb(232,235,239); color: rgb(0,0,0); font-size: 1.7em; margin-bottom: 1.0588em; padding-top: 0.7058em; }
#comments .meta { color: rgb(94,101,105); font-size: 1em; margin-bottom: 0.3em; text-transform: uppercase; }
#comments .meta strong { color: rgb(51,51,51); }
#comments p { margin-top: 0; }

/* comment form */
#comment-form { margin: 0 260px 2.4em 20px; }
#comment-form h3 { border-top: 5px solid rgb(232,235,239); color: rgb(0,0,0); font-size: 1.7em; margin-bottom: 1.0588em; padding-top: 0.7058em; }
#comment-form label { display: block; font-size: 1.3em; line-height: 1; padding-bottom: 0.6em; }
#comment-form #content_tooltip { display: inline; font-size: 1em; }
#comment-form span { color: rgb(94,101,105); }
#comment-form p { width: 462px; }
#name-wrapper, #email-wrapper { float: left; width: 240px; }
#comment-wrapper { clear: left; padding-top: 1.2em; }
#name, #email { border: 1px solid rgb(232,239,239); font-size: 1.3em; line-height: 1; padding: 2px 0; text-indent: 2px; width: 220px; }
#comment { border: 1px solid rgb(232,239,239); font-size: 1.3em; line-height: 1; padding: 2px; height: 100px; width: 457px; }
#submit-wrapper label { display: inline; }
#submit { height: 17px; margin-left: 20px; vertical-align: top; width: 114px; }

/* reports */
#reports { padding-left: 20px; width: 700px; }
.landing #reports { float: right; padding-right: 20px; width: 580px; }
.index #reports { border-top: 2px solid rgb(232,235,239); margin: 0 20px; padding: 1.8em 0 0; width: 940px; }
#reports h3 { border-color: rgb(232,235,239); border-style: solid; color: rgb(0,0,0); line-height: 1; }
.landing #reports h3 { border-width: 0 0 5px; margin-bottom: 0.8571em; padding-bottom: 0.2857em; }
.video #reports h3, .story #reports h3 { border-width: 5px 0 0; font-size: 1.7em; margin-bottom: 1.0588em; padding-top: 0.7058em; }
.index #reports h3 { display: none; }
#reports .footer { border-top-width: 2px; clear: left; margin-top: 0; }
#reports .footer a:link, #reports .footer a:visited { font-family: "ge-inspira-sc-1","ge-inspira-sc-2",Arial,sans-serif; font-size: 1.2em; line-height: 1; text-transform: lowercase; }
.more { background: transparent url(images/button-blue-arrow.gif) no-repeat 0 50%; padding-left: 12px; }
.subscribe { background: transparent url(images/icon-feed.gif) no-repeat 100% 50%; float: right; padding-right: 20px; }

/* reports article */
.article { float: left; margin-bottom: 1.8em; margin-right: 20px; position: relative; width: 220px; }
.article.last { margin-right: 0; }
.landing .article { float: none; margin: 0 0 3em; min-height: 115px; padding-left: 193px; width: auto; }
.landing .article h4 { margin-bottom: 0.5714em; }
.article img { border: 1px solid rgb(232,235,239); display: block; height: 148px; margin-bottom: 0.6em; width: 220px; }
.landing .article img { height: 113px; left: 0; position: absolute; top: 0; width: 170px; }
.article p { margin: 0 !important; }

/* dynamic control */
a.control { background-color: transparent; background-image: url(images/bg-directory-sprite.gif); background-repeat: no-repeat; display: block; height: 19px; margin-top: 8px; overflow: hidden; position: absolute; text-indent: -9999px; width: 24px; z-index: 2; }
a.next:link, a.next:visited { background-position: 0 -19px; right: 20px; }
a.prev:link, a.prev:visited { background-position: -24px -19px; right: 50px; }
a.display:link, a.display:visited { background: transparent url(images/bg-directory-sprite.gif) no-repeat -48px -19px; color: #333; line-height: 1.7273; height: 1.7273em; left: 20px; margin-top: 8px; margin-bottom: 10px; padding-left: 28px; position: absolute; z-index: 2; }
a.display.collapsed:link, a.display.collapsed:visited { background-position: -48px 0; }

/* lightbox component */
.lb-overlay { background-color: rgb(0,0,0); height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 9000; }
.lb-loading { background: rgb(0,0,0) url(images/lightbox-loader.gif) no-repeat 0 0; border: 30px solid rgb(0,0,0); height: 32px; left: 50%; margin-left: -54px; position: absolute; width: 32px; z-index: 9001; }
.lb-content { background-color: rgb(0,0,0); border: 30px solid rgb(0,0,0); color: rgb(255,255,255); min-height: 386px; margin-left: -372.5px; position: absolute; left: 50%; width: 685px; z-index: 9002; }
.lb-content .player { clip: rect(0px,480px,386px,0px); height: 476px; left: 0; position: absolute; top: 0; width: 685px; }
.lb-content .meta { margin-left: 500px; overflow: hidden; width: 185px; }
.lb-content h2 { left: -9999px; position: absolute; }
.lb-content h3 { font-size: 1.5em; font-weight: normal; line-height: 1.2; }
.lb-content h4 { border-top: 1px solid rgb(102,102,102); font-size: 1.1em; font-weight: bold; line-height: 1; margin: 2.7273em 0 1.0909em; padding-top: 0.9091em; }
.lb-content p { font-size: 1.1em; line-height: 1.2727; margin: 0.6363em 0; }
.lb-content li { background: transparent url(images/lightbox-white-arrow.gif) no-repeat 0 5px; font-size: 1.1em; line-height: 1.2727; list-style: none; margin-bottom: 0.1818em; padding-left: 9px; }
.lb-content a:link, .lb-content a:visited { color: rgb(255,255,255); }
.lb-content a.action.download { background-image: url(images/lightbox-download-icon.gif); }
.lb-content .close { background: transparent url(images/lightbox-close.gif) no-repeat 0 0; height: 10px; overflow: hidden; position: absolute; right: -20px; text-indent: -9999px; top: -21px; width: 45px; }
.lb-content img { display: block; margin: 0 auto; max-width: 685px; }
.lb-content .errorMsg { line-height: 386px; text-align: center; }

/* footer */
.footer { border-top: 6px solid rgb(232,235,239); margin-top: 1.8em; padding: 1.2em 0 3.6em; }
.landing .footer { margin-top: 3.6em; }
.footer ul, .footer li, .footer p { display: inline; }
.footer li { border-right: 1px solid rgb(178,186,191); font-size: 1.1em; margin-right: 7px; padding-right: 9px; }
.footer p { font-size: 1.1em; }
.footer a:link, .footer a:visited, .footer p { color: rgb(94,101,105); }