/**
 * $Id: main.css,v 1.76 2009/08/05 18:47:49 darceneaux Exp $
 *
 * Assumptions:
 *   style reset sheet is loaded before this
 */

/*
 * Typographic Section
 *
 * anything having to do with formatting text goes in this section, including its orientation
 */
body { font-size:100%; line-height:1.2em; font-family:"Trebuchet MS", "lucida sans unicode", "lucida sans", sans-serif; }
body#ie_0 { font-size:16px; }
sup { font-size:80%; line-height:100%; vertical-align:top; }
a { text-decoration:none; }

#footer { font:.875em "arial narrow", helvetica, sans-serif; }
#copyright { font-size:.71em; text-align:center; vertical-align:baseline; }

#common { font-family:"Futura Heavy BT", "Futura Hv BT", "Century Gothic", "Trebuchet MS", sans-serif; }

#item.gsearch { background:#fff url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) left no-repeat; }
form input { background:#fff; }
#btnSubmit { text-transform:uppercase; }
#footer a#ari { text-indent:-999em; }

#menu li { font-weight:400; font-size:16px; line-height:24px; vertical-align:middle; text-align:left; text-transform:uppercase; text-indent:15px; }

#menu ul li { font:400 12px/24px arial, helvetica, sans-serif; text-indent:15px; }

#home, #MenuBuyBk { font-size:14px; line-height:2; vertical-align:middle; text-align:center; text-decoration:none; text-indent:0; }

#content em, #content cite { font-style:italic; }
#content strong, #content dt { font-weight:700; }

#content { font-size:0.875em; }
#content ol li { list-style:decimal; }
#content ul li { list-style:square; }
#content h1 { font:400 1.25em "arial black", sans-serif; text-align:center; text-transform:uppercase; }
#content h2 { font:400 1.1em "arial black", sans-serif; }
#content i { font-style:italic; }

#content .footnotes hr { text-align:left; }

#homeblock p { text-align:center; }

/*
 * Layout Section
 *
 * anything having to do with element positioning, and rendering flow goes here, note that borders, while
 * having color information, will go here because they affect layout
 */
html { padding:1em 0 0;}
body { margin:0 auto; width:947px; position:relative; }

a { border-bottom:1px dashed #333;}
sup a { padding:3px; display:inline-block; }

#top_nav li.noshow, #bottom_nav li.noshow { display:none; }

#footer { padding:0 25px; margin:0 0 0 200px; height:60px; }
#footer p { margin:1em 0; }
#footer a#ari { float:right; margin:.9em 0 .6em 1.2em; height:80px; width:125px; display:block; border-bottom:none; }

#content_wrapper { }
#ie_eq7 #content_wrapper { padding-bottom:60px; }
#content { margin:0 0 0 200px; min-height:550px; width:697px; padding:25px 25px 74px;}
#ie_lt7 #content { height:549px; position:relative; }
#site_facetsofaynrand, #site_atlasshruggedinitiative { display:none; }

#top_nav { width:747px; height:97px; float:right; margin:-26px -25px -47px -25px; }

#ie_lt7 #top_nav, #ie_eq7 #top_nav { margin:-26px 0 -65px -25px; }

/* there's a 5px mystery gap in the bottom of #content that I have to account for here */
#bottom_nav { position:absolute; width:747px; height:74px; bottom:0; margin:0 -26px 74px; }

#ie_lt7 #bottom_nav, #ie_eq7 #bottom_nav { top:100%; margin:0 0 0 -26px; }
#ie_eq7 #bottom_nav { margin-top:-194px; }
#ie_lt7 #bottom_nav { margin:-73px 0 0 25px; left:-26px; }

.index .index #bottom_nav, .index .index #top_nav { display:none; }
.index .index #content { padding-bottom:100px; }

#top_nav li, #bottom_nav li { display:block; list-style:none; width:auto; }
#top_nav li { padding-top:2em; }
#top_nav li a, #bottom_nav li a { display:block; padding:2px 1em; }
li.prev { float:left; }
li.next { float:right; }
#top_nav li.next { padding-right:3em; }
#bottom_nav li.next { padding-right:2em; }
p#copyright { z-index:0; height:1.25em; position:absolute; bottom:80px; width:697px; text-align:center; }
#ie_lt7 p#copyright { bottom:20px; }
#ie_eq7 p#copyright { bottom:130px; }

#common { top:0; position:fixed; width:200px; padding:25px 0 0; }
#ie_eq7 #common { margin:0 0 0 -200px; }
#ie_lt7 #common { position:absolute; left:0; }
#ie_lt7 form { margin-top:-1em; }

#common a { border:none; padding:0; }

#item { border:1px solid #7e9db9; padding:2px;}
form legend { display:none; }
#btnSubmit { border-width:1px; width:35px; }

#home, #MenuBuyBk, #MenuBuyBk span { display:block; }
#home { width:73px; height:28px; margin:3em auto 5em; }
#ie_lt7 #home { margin:1.5em auto 2.5em; }

a#MenuBuyBk { width:159px; height:32px; margin:7em auto 0; border:2px solid #c5d1d7; }
#ie_lt7 a#MenuBuyBk { margin:7em auto 0; }
a#MenuBuyBk span { border:2px solid #467082; }

#ie_lt7 #menu { margin-top:100px; }

#menu a { width:100%; height:100%; display:block; }

#menu li { width:200px; height:24px; margin:12px 0; padding:0; display:block; }

#menu li ul { display:block; left:-999em; top:0; position:absolute; margin:0; width:333.33px; }
#menu li ul li { border-bottom:1px solid #ceebe7; }

#menu li ul li ul { left:-999em; top:0; margin:0; width:340px; }
#menu li:hover ul, #menu li.over ul { left:200px; margin:0; }
#menu li:hover ul li ul, #menu li.over ul li ul { left:-999em; }
#menu li:hover ul li:hover ul, #menu li.over ul li.over ul { left:340px; margin-left:-8px; /* why am I getting this? */ }
#menu li:hover ul, #menu li:hover ul li:hover ul, #menu li.over ul, #menu li.over ul li.over ul { top:auto; margin-top:-24px;  }

#ie_eq7 #menu li:hover ul, #ie_eq7 #menu li:hover ul li:hover ul, #ie_lt7 #menu li.over ul, #ie_lt7 #menu li.over ul li.over ul { top:auto; margin-top:-2px; }
#ie_eq7 #menu li:hover ul, #ie_lt7 #menu li.over ul { margin-top:-2px; }
#ie_eq7 #menu li:hover ul li:hover ul, #ie_lt7 #menu li.over ul li.over ul { margin-top:-5px; }

#menu li ul li ul li { border-bottom:1px solid #9cc3ce; }
#menu li li, #menu li li li { margin:0; width:auto; }

#content h1 { margin:1.2em 0; }
#content dl { margin:0; }
#content p, #content dd { margin:.50625em 0; }
#content dd { padding:0 0 0 .50625em; }
#content dt { display:run-in; margin:0 0 0 -.50625em; }
#content dt:after { content:":\00A0 "; }
#content dd p { display:inline; }
#content dd p:after { content:"\000A\000A"; display:block; height:1.2em; width:897px; }
/* html:not... is a Gecko target -- remove when ffx can support display:run-in; */
html:not([lang*=""]) #content dd p { display:block; margin:0 0 .6em; }
#ie_lt7 #content dd p, #ie_eq7 #content dd p { display:block; margin:0 0 .6em; }
#content dd embed { margin:0 0 -4px; }

.additional #content p.gap, .additional #content .gap, p.additional #content p.audio, .additional #content .audio p { margin-top:2.4em; }
#ie_lt7.additional h1, #ie_eq7.additional h1 { z-index:10; position:relative; }

.ayn-rand-works #content h2, .about-ayn-rand #content h2, .ayn-rand-ideas #content h2, .other-web-sites #content h2 { margin:0; }
.ayn-rand-works #content p, .about-ayn-rand #content p, .ayn-rand-ideas #content p, .other-web-sites #content p { margin:0 0 1.2em; }

#content blockquote { padding:0 0 0 1.2em; }
#content dd blockquote { padding:1.2em 0 1.2em .6em; border-left:.3em solid #222; }
#content dd blockquote p { padding:0; margin:.6em 0;}
#ie_lt7 #content blockquote, #ie_eq7 #content blockquote { padding:1.2em 0 1.2em .3em; margin:0 0 1.2em 2.4em; }
#content ol li, #content ul li { margin:0 0 .6em 1.2em; }
#content .footnotes hr { width:20%; }

.index .index #content h1 { float:right; margin:25px 0 0; display:block; width:340px; height:30px; }
#homeblock { float:right;width:330px; margin:0 7px 0 389px; }
#homeblock:after { content:"."; visibility:hidden; height:0; clear:both; }

#ie_lt7.index .index #content h1, #ie_eq7.index .index #content h1 { margin:0; }
#ie_lt7 #homeblock, #ie_eq7 #homeblock { margin:10px 25px 0 361px; }
#ie_lt7 #homeblock { margin-left:371px; }

.footnotes ol { margin:1.2em 0 1.2em 2.4em; }

img { float:right; margin:0 0 .6em 1.8em; }
.about-ayn-rand .faq img { float:none; margin:0; }
.about-ayn-rand th { text-align:left; }

.timeline th, .timeline td { padding:.6em; }
.about-ayn-rand .timeline img { margin:.6em; }

hr { clear:both; margin:0 auto 1.2em; }
.footnotes hr { margin:0; }

/*
 * Colors and Graphical Elements
 */
html { background:#467082; }
a:link { color:#333; }
a:visited { color:#666; }
a:hover { background:#999; color:#000; }
a:active { color:#fff; background:#333; }

sup a { color:#fff; }
sup a:hover { color:#000; }

#top_nav { background:url(img/ne-corner.gif) no-repeat top right; }
#bottom_nav { background:url(img/sw-corner.gif) no-repeat bottom left; }

#content { background:url(img/stripe.png) repeat-y; }
#ie_lt7.index .index #content, #ie_eq7.index .index #content, #ie_0.index .index #content { background:url(img/front_bg.jpg) no-repeat; }
#ie_lt7 #content, #ie_eq7 #content { background:url(img/stripe.gif) repeat-y; }

#content h1 { color:#467082; }

#home { color:#fff; background:url(img/homebg.png) no-repeat; }
#ie_lt7 #home, #ie_eq7 #home { background:url(img/homebg.gif) no-repeat; }
#home:hover { color:#000; }

#MenuBuyBk span { color:#666; background:url(img/menu-buy-book.png) repeat-y; }
a#MenuBuyBk:hover span { color:#000; }
#ie_lt7 #MenuBuyBk span, #ie_eq7 #MenuBuyBk span { background:url(img/menu-buy-book.gif) repeat-y; }

#btnSubmit { background:url(/style/img/go_stripe.gif) repeat-y center center; border-color:#fff; border-style:solid; }

#menu li { color:#fff; cursor:default; }
#menu li:hover, #menu li.over { background:#9cc3ce url(/style/img/l-edge.png) no-repeat; color:#000; }
#ie_eq7 #menu li:hover, #ie_lt7 #menu li.over { background-image:url(/style/img/l-edge.gif); }

#menu ul li { color:#000; }
#menu li:hover li, #menu li.over li { background:#9cc3ce; }
#menu li:hover li:hover li, #menu li.over li.over li { background:#ceebe7; }

#menu a { text-decoration:none; }
#menu a:link { color:#000; }
#menu a:visited { color:#333; background:transparent; }
#menu a:hover { color:#036; background:transparent; }

#menu ul li:hover { background:#ceebe7 url(/style/img/r-wedge_lt.png) no-repeat; }
#ie_eq7 #menu ul li:hover, #ie_lt7 #menu ul li.over,
#ie_eq7 #menu ul li a:hover, #ie_lt7 #menu ul li a:hover { background:#ceebe7 url(/style/img/r-wedge_lt.gif) no-repeat; }

#menu ul ul li a:hover { background:#9cc3ce url(/style/img/r-wedge_dk.png) no-repeat; }
#ie_eq7 #menu ul ul li a:hover, #ie_lt7 #menu ul ul li a:hover { background:#9cc3ce url(/style/img/r-wedge_dk.gif) no-repeat; }

#menu ul li a:hover { border-bottom-color:#9cc3ce; }
#menu ul li ul li:hover { border-bottom-color:#ceebe7; }

#content p, #content dd, #content li { color:#333; }
#content em { color:#000;}
#content strong, #content dt { color:#000;}

#content hr { color:#000; background:#000; border:1px solid #000; width:66% }
#content .footnotes hr { width:20%; text-align:left; }

#footer { color:#fff; }
#footer a { color:#ccc; }
#footer a:hover { color:#333; }
#footer a#ari { background:transparent url(http://cultureofreason.org/style/img/ari_horizontal_80_lt.png) no-repeat; }
#ie_lt7 #footer a#ari { background-image:url(http://cultureofreason.org/style/img/ari_horizontal_80_lt.gif); }

.timeline th { background:#ccc; }