/* Eric Meyer Reset */
/* v1.0 | 20080212 */

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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 1px; overflow: hidden; }

.tweet-meme{ float: left; margin: 0 18px 18px 0; }

/* Site CSS
===============================================================*/
html { background: #073AA6; }
body { background-color: #F5F5F5; font-family: arial, sans-serif; }
body { text-align: center; background: #F5F5F5 url('images/background.gif') repeat-x; }
#container { margin: 0 auto; text-align: left; width: 900px; }

/* Header
===============================================================*/
#header { position: relative; width: 900px; height: 230px; z-index: 999; }
#header h2 { position: absolute; top: 70px; left: 240px; width: 392px; height: 45px; background: url('images/bill-george.png') no-repeat; z-index: 2;  }
#header h2 a { display: block; width: 100%; height: 100%; text-indent: -9999em; }
#header h3 { position: absolute; top: 130px; left: 240px; font: normal 15px georgia, sans-serif; color: #ADBFE8; z-index: 2; }
#header h3 em { color: #ffffff; }
#headshot { position: absolute; bottom: 50px; left: -83px; z-index: 1; }

#newsletter { position: absolute; top: -65px; right: 0; width: 300px; height: 105px; background: #C7CEDB url('images/newsletter.jpg') repeat-x bottom left; border: 1px solid #8393B6; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; z-index: 9; }
#newsletter h4 { font-size: 14px; font-weight: bold; font-style: italic; font-family: georgia, serif; position: absolute; bottom: 0px; width: 100%; line-height: 40px; color: white; cursor: pointer; cursor: hand; background: url('images/envelope-small.png') no-repeat center left; padding-left: 22px; margin: 0 0 0 25px; }
#newsletter h4 a { text-decoration: none; }
#newsletter form { padding: 10px 0 0 25px; }
#newsletter input.text { width: 120px; margin: 0 3px 5px 0; }


/* Navigation
===============================================================*/
#navigation { position: absolute; bottom: 0px; left: 0px; height: 50px; }
#navigation li { position: relative; float: left; line-height: 50px; padding: 0 22px; padding: 0 10px; font-size: 14px; font-weight: bold; }
#navigation li a {  color: white; text-decoration: none; text-shadow: #8B8B8B 0px 1px 0px; }
#navigation li a:hover { color: #eee; text-shadow: #333 0px 1px 0px; }

#navigation li ul { display: none; position: absolute; width: 180px; top: 50px; left: 0; border: 1px solid #9A9A9A; border-top: none; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
#navigation li:hover ul { display: block; }
#navigation li ul li { float: none; display: block;  background: #9A9A9A; line-height: 35px; height: 35px; border-top: 1px solid #A7A7A7; opacity: .9; }
#navigation li ul li:hover { opacity: 1; }
#navigation li ul li:first-child { border: none; }
#navigation li ul li a { font-size: 12px; height: 100%; width: 100%; }
#navigation li ul li a:hover { border: none; }

/* Content Layout
===============================================================*/
#content { padding-top: 35px; }
#left-col { width: 565px; float: left; }
#video-col{ width: 900px; float: left; }
#right-col { width: 300px; float: left; margin-left: 35px; }
	
/* Content Text Style
===============================================================*/
#content { color: #333333; font-family: verdana, sans-serif; font-size: 12px; line-height: 20px; }
#content p { margin: 10px 0; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: arial, sans-serif; }
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { text-decoration: none; }
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover { text-decoration: underline; }
#content h1, #content h2 { color: #073AA6; font-size: 24px; line-height: 24px; margin: 20px 0 10px 0; }
#content h1 { margin-top: 10px; }
#content h3 { color: #073AA6; font-size: 18px; margin: 20px 0 10px 0; }
#content h4 { color: #073AA6; font-size: 14px; margin: 20px 0 5px 0; }
#content a { color: #073AA6; }
#content ul, #content ol { margin: 10px 0 10px 30px; }
#content ul { list-style: disc; }
#content ol { list-style: decimal; }
#content ol li { margin: 5px 0; }
#content blockquote { margin: 10px 0; padding: 5px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; }

/* Captions */
#content .caption { border: 1px solid #ddd; padding: 5px; background: #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content .caption p { margin: 0; text-align: center; font-size: 11px; color: #666; font-style: italic; }
#content .right { float: right; margin: 0 0 15px 15px; }
#content .left { float: right; margin: 0 0 15px 15px; }

/* TV and Video */
#tv-filter a { padding: 2px 3px; text-decoration: none; }
#tv-filter a.current { background: #ddd; }
#content #tv-list{ margin: 0; padding: 0; }
#content #tv-list li{ border-bottom: 1px solid #ddd; list-style: none; padding: 0 0 20px 150px; }
#content #tv-list li .thumbnail{ float: left; margin: 0 0 0 -150px; }

#content #tnv-list, #content #tnv-list ul { margin: 0; padding: 0; }
#content #tnv-list li { border-bottom: 1px solid #ddd; list-style: none; padding: 0 0 20px; }
#content #tnv-list li li{ list-style: none; float: left; font-size:10px; margin: 0 6px 6px 0; border: 1px solid #ddd; padding: 4px; background: #eee; width: 130px; line-height: 12px; height: 140px; }
#content #tnv-list li img { display:block; margin-bottom:10px; }


/* Speeches */
.speech-column { padding-right: 15px; }
.speech-column ul { margin-left: 15px !important; line-height: 14px !important; }
.speech-column ul li { margin: 10px 0; }

/* New Media */
div.videocolumn { width: 440px; float: left; }
div.firstvideocolumn { margin-right: 20px; }
#content .videolist { margin: 0; padding: 0; }
#content .videolist li { list-style: none; float: left; margin: 0 6px 6px 0; border: 1px solid #ddd; padding: 4px; background: #eee; width: 130px; line-height: 12px; height: 140px; }
#content .videolist li img { display: block; }
#content .videolist li a.title { font-size: 10px; text-decoration: none; line-height: 12px; }
#content .videolist li span { font-size: 9px; font-family: verdana, sans-serif; color: #666; font-style: italic; display: block; }

/* Articles  */
#content #section-list { margin: 0; padding: 0; }
#content #section-list li { border-bottom: 1px solid #ddd; padding: 20px 0; list-style: none; }
#content #section-list li h3 { margin: 0 0 5px 0; }
#content #section-list li p { margin: 0; }
#content #section-list li p.date { margin: 0; padding: 0; }

/* Pagination */
#content #pagination-links { margin: 20px 0; padding: 0; }
#content #pagination-links li { list-style: none; display: block; padding: 0 5px; margin: 0 5px 0 0; float: left; border: 1px solid #ddd; background: #eee; }
#content #pagination-links li a.current { font-weight: bold; text-decoration: none; color: black; }

/* generated forms */
.generated-inline-form { display: block; }
.generated-inline-form label { display: block; }
.generated-inline-form input { display: block; }

/* Sidebar
===============================================================*/
.post { padding-bottom: 36px; }
.post-meta { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#content .sociallinks { border-top: 1px solid #ddd; margin: 0; padding: 2px 0 0 0; display: block;}
#content .sociallinks li { display: inline; list-style: none; }


/* Sidebar
===============================================================*/
.sidebar-box { background: #ccc; padding: 16px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 35px; font-size: 11px; }
.sidebarmore { font-family: georgia, serif; font-size: 14px; font-weight: bold; display: block; text-align: right; }
.sidebar-box h3 { margin: 0 0 16px 0 !important; padding-bottom: 7px; line-height: 18px; border-bottom: 2px solid; }

.blue { background: #073AA6; background: #2A56B3; border-color: #073AA6; color: white; }
.blue h3 { color: white !important; border-bottom: 2px solid #99A6C2; }
.blue p { color: white; }
.blue a { color: white !important; }

.tan { background: #EBE9D9; border-color: #EBE9D9; }
.tan h3 { color: #7F7A68 !important; border-bottom: 2px solid #7F7A68; }

.none { background: none; padding: 0 16px; border: none; text-align: center; }
.none a { margin-right: 10px; }

.blog { background: none; }
#content .blog ul { margin: 0; padding: 0; }
#content .blog ul li { list-style: none; border-bottom: 1px solid #ddd; padding: 3px 0; }

#content #otherbooks { margin: 0; padding: 0; }
#content #otherbooks li { list-style: none; border-bottom: 1px solid #C9C5B6; padding: 0 0 5px 0; }
#content #otherbooks li h4 { position: relative; top: -15px; }
#content #otherbooks li h4  img{ position: relative; top: 15px; margin-right: 5px; }

#content #recentposts { margin: 0; padding: 0; }
#content #recentposts li { list-style: none; border-bottom: 1px solid #99A6C2; padding: 0 0 5px 0; }
#content #recentposts h4{ font-size:12px; margin:5px 0 0;}

#content #booksside { margin: 10px 0 0 0; padding: 0; }
#content #booksside li { list-style: none; border-top: 1px solid #ccc; padding: 10px 0; text-align: center; }

/* Homepage
===============================================================*/
#recent { margin: 27px 0 0 0; position: relative; border-bottom: 2px solid #ACA8A0; }
#recent h3 { color: #7F7A68; }
#recent #subscribe { position: absolute; right: 0; top: 2px; color: #7F7A68; font-family: georgia, serif; font-weight: bold; font-style: italic; background: url('images/rss.gif') no-repeat center left; padding-left: 20px; text-decoration: none; }
#recent #subscribe:hover { text-decoration: underline; }
#content .date { font-family: georgia, serif; color: #7F7A68; font-style: italic; font-size: 11px; }
#content .more { font-style: italic; font-family: georgia, serif; font-weight: bold; }
#content #bloglist { margin: 0; padding: 0; list-style: none; }
#content #bloglist li { padding: 10px 0; list-style: none; border-bottom: 1px solid #D0CECB; }
#content #bloglist li h3 { margin-top: 0; margin-bottom: 5px; }
#content #bloglist li p { margin: 5px 0; }

/* Feature Slides */
#content ul#feature-slides{ position: relative; width: 565px; height: 250px; margin: 0; padding: 0; list-style: none; background: transparent url('images/feature-background.jpg') 0 0 repeat-y; }
#content ul#feature-slides li{ position: absolute; left: 0; top: 0; width: 565px; height: 250px; list-style: none; background: transparent; }
#content ul#feature-slides li.text{ padding: 0 20px 20px 20px; width: 525px; height: 230px; }

#content ul#feature-navigation{ position: relative; width: 565px; height: 53px; margin: 0; padding: 0; list-style: none; background: transparent url('images/feature-nav-background.jpg') 0 0 repeat-x; }
#content ul#feature-navigation li{	background: transparent url(images/feature-nav-divider.jpg) top right no-repeat; display: block; float: left; width: 141px; list-style: none; }
#content ul#feature-navigation li a{ display: block; height: 41px; margin-right: 1px; 	padding: 6px 10px; color: #abb6cc; font-size: 10px; text-decoration: none; }
#content ul#feature-navigation li a:hover{ color: #FFF; }
#content ul#feature-navigation li a.activeSlide{ background: #073AA6; color: #FFF; font-weight: bold; }
	
/* Footer
===============================================================*/
#footer { background: #073AA6 url('images/footer.gif') repeat-x; margin: 36px 0; text-align: center; }
#footercontent { width: 900px; margin: 0 auto; line-height: 26px; text-align: left; font-size: 11px; color: #C7CDDB; }
#footercontent a { font-weight: bold; color: #f5f5f5; }
#footercontent a:hover { color: white; }