/** 
 * TODO:restructure, restructure, restructure 
 * put everything in terms of a text-settings, layout, appearance structure
 */

/*
 * Text settings
 */
html { font-family:verdana, arial, helvetica, sans-serif; }
body { line-height:1.2em; text-align:left; }
input { font-family:consolas, "lucida console", monospace; }
sup, sub { line-height:1; vertical-align:baseline; font-size:.8em; }
#ie_lt7 sup, #ie_lt7 sub { vertical-align:bottom; }

dt { font-weight:700; font-size:110%; }
fieldset { text-align:right; }
#sa { font-size:12px; vertical-align:middle; text-transform:uppercase; font-family:verdana,arial,helvetica,sans-serif; font-weight:700; }
a { text-decoration:underline; }
hr { text-align:center; }
#content fieldset { text-align:left; }
#content { font-size:0.75em; }

#home { font:700 12px/24px "arial narrow", arial, sans-serif; vertical-align:middle; letter-spacing:2px; text-align:center; text-transform:uppercase; text-decoration:none; } 

#top { text-align:center; vertical-align:middle; text-indent:0; }
#btnGo { font-weight:700; font-size:1.2em; }

#menu li { font:700 13px/26px "arial narrow", arial, sans-serif; text-transform:uppercase; letter-spacing:1px; }
#menu li#menu_cap, #menu li#menu_cup { line-height:10px; vertical-align:middle; }
#menu a { text-decoration:none; vertical-align:middle; font:700 10px/15px verdana, helvetica, sans-serif; text-indent:2px; }
#MenuBuyBk { font:700 13px/38px "Arial Narrow", sans-serif; vertical-align:middle; text-decoration:none; text-indent:27px; text-transform:uppercase; }

#top p#click_txt { vertical-align:top; text-align:justify; font:700 13px/1 "arial narrow", arial, sans-serif; word-spacing:-1px; text-indent:0;}
#click_txt em { font:700 13px/1 "arial narrow", arial, sans-serif; color:#900; }

#footer p { font-size:.6em; line-height:1em; text-align:left;}
#footer a#ari { text-indent:-999em; }
#copyright, #copyright h2 { text-align:left; line-height:1.2em; }
#copyright, .copyright { font-size:72%; }
#copyright h2 { font-size:100%; text-transform:uppercase; }
#copyright p, #footer p, .copyright p { text-indent:0; }
.timeline th { text-align:left; }
.timeline td:first-child { font-weight:700; }

#content div div p { text-align:left; }
.book #content address { text-align:right; }
#content .seealso p { text-indent:0; }
#content .attribution p { text-align:right; }
.index #content.index { text-indent:-999em; }
.index #content.index fieldset { text-indent:0; }
span.required, label.required { font-weight:700; vertical-align:top; }
#content div.leftcolumn p,#content div.rightcolumn p { text-indent:0; text-align:left; }

/*
 * Layout
 */
html { margin:0 0 1px; }
body { width:800px; margin:0 auto; }

form { position:absolute; top:35px; width:597px; z-index:5; }
fieldset { border:none; width:200px; height:40px; float:right; padding:2px 0; }
legend { display:none; }
#f_tell-a-friend { position:static; }
#f_tell-a-friend fieldset { width:auto; height:auto; float:none; margin:0; padding:0 10px 10px;  }
#more_info { display:none; }
input { margin:0 0 .6em; padding:1px; }
#ie_lt7 input { position:absolute; right:17px; margin:0; top:5px; }
#sa { position:absolute; right:13px; top:32px; padding:2px 3px; width:6em; border-width:1px; }
#ie_lt7 #sa { top:32px;}

hr { width:80%; margin:0.6em auto; height:1px; border:0; clear:both; }
ol { margin:.6em 0 .6em 2.4em; }
dt, dd { margin:.6em 0; }
ul li { list-style-position:inside; }
iframe { margin:1.2em; }
sup, sub { height:0; position:relative; }
sup { bottom:1ex; }
sub { top:.5ex; }

.index #content { padding:0; }
#content { min-height:528px; margin:32px 0 0; padding:100px 0 0; width:597px; float:right; }
#ie_lt7 #content { height:528px; }
#top { width:800px; position:absolute; top:0; height:32px; float:none; }
#common { width:180px; position:fixed; top:32px; padding:0 10px 40px; }
#ie_lt7 #common { position:absolute; top:0;}
#btnGo { padding:.3em; margin:.3em .6em; }
#extrabg { position:absolute; width:100%; height:32px; left:0; top:0; }
#extrabg div { width:50%; height:32px; float:right; }

#top p#click_txt { width:126px; height:154px; margin:0 0 0 37px; padding:24px 0 0; }
#ie_lt7 p#click_txt { position:absolute; top:32px; left:0; }
#ie_lt7 #home { margin-left:28px; }
#ie_lt7.other-web-sites .additional h3, #ie_eq7.other-web-sites .additional h3, #ie_lt7.other-web-sites .additional h3 a, #ie_eq7.other-web-sites .additional h3 a { margin:-.3em .6em 1.2em; }

#footer { margin:-26px 0 22px; padding:30px 0 0 22px; width:575px; height:auto; z-index:0; float:right; }
#footer p { padding-top:.3em; }
#footer a#ari { float:right; margin:.6em 0 .6em 1.2em; height:80px; width:125px; display:block; }
#copyright, .copyright { margin:5em 0 0 0; }
#copyright p, #footer p, .copyright p { margin:1.2em 1.667em; }
#copyright h2 { margin:1.2em; }

#MenuBuyBk { display:block; height:40px; float:left; width:180px; }

#home { display:block; height:24px; float:left; width:68px; margin:55px 66px 0 55px; position:relative; }

#menu { float:left; margin:178px 0 20px; }
#ie_lt7 #menu { margin-top:210px; }

#menu li { margin:0; padding:0; display:block; width:180px; list-style-position:outside; }
#menu li#menu_cap, #menu li#menu_cup { height:10px; padding:0; margin:0; }

#menu a { display:block; width:193px; }

#ie_lt7 #menu a, #ie_eq7 #menu a { width:195px; }

img { float:right; padding:0 0 .3em 1.2em; }
img::after { content:"."; clear:both; height:0; visibility:hidden; }
.faq img { float:none; margin:0; }
.book #content address { margin:2.4em 100px 0 300px; }
.other-web-sites div h3 a { margin:1.2em; } 

.timeline th, .timeline td { padding: .6em; }

#content .attribution, cite { padding:0 0 .6em; margin:0 0 3em; }
#content .attribution p { overflow:hidden; }
#content .seealso p { color:#666; }

/* Rule show right floated images in IE */
#ie_lt7 .imgfloat, #ie_lt7 .imgfloatleft { position:relative; }
#site_aynrandlexicon, #site_atlasshruggedinitiative, .noshow { display:none; }

/*
 * Colors and backgrounds
 */
html { background:#b3b3b3; color:#000; }
hr { color:#000; background:#000; }
th { background:#cfcfcf; color:#00f; }
ol li { list-style:decimal; }
ul li { list-style-type:square; }
a, a cite { color:#900; }
a:hover, a:hover cite { color:#b35900; }

#top, #extrabg div { background:#4d4d4d; }
#top p#click_txt { background:transparent url(/images/toparrow.gif) no-repeat center 8px; color:#000; }
#top li { list-style:none; }

#home { color:#000; background:url(/menu/MenuHome_blank.JPG) no-repeat; }

#menu { background:#900; }
#menu li { cursor:default; background:#900; color:#fff; }
#menu li#menu_cap, #menu li#menu_cup { background:#b3b3b3 url(/images/buttons.jpg) no-repeat; }
#menu a { color:#5d4f40; background:#f8e1ad; }

#MenuBuyBk { background:url(/images/buttons.jpg) 1px 0px  no-repeat; }
#MenuBuyBk:hover { background:url(/images/buttons.jpg) 1px -40px no-repeat; color:#fc9; }

#footer { color:#666; background:url(/images/bottom-corner.gif) no-repeat 0 4px; }
#ie_lt7 #footer { background-position:3px 4px; }
#footer a#ari { background:transparent url(http://cultureofreason.org/style/img/ari_horizontal_80.png) no-repeat; }
#ie_lt7 #footer a#ari { background-image:url(http://cultureofreason.org/style/img/ari_horizontal_80.gif); }
#copyright, #copyright h2 { color:#666; }
.index #footer { background-image:none; }

.book #content address { color:#666; }
#content { background:#f7e0ae no-repeat url(/images/lexicon_about_bckgrnd.jpg); background-position:0 -32px; }
.index #content.index { background-image:url(/images/lexicon_index_bckgrnd.jpg); }
#content .attribution, cite { text-align:right; }
#content .seealso p { margin:12em 1.2em 4.8em; }
#content .attribution, cite { color:#444; }

#top li { float:left; display:block; }
#top li { list-style:none; }
#top a { font:700 16px/32px "arial narrow", arial, verdana, sans-serif; display:block; width:20px; height:32px; color:#fff; text-decoration:none; }
#top a:visited { color:#fff; background:#4d4d4d; text-decoration:none; }
#top a:active, #top a:hover  { color:#fff21a; background:#6d6e70; text-decoration:none; }

#browse_now { font:700 12px/32px "arial narrow", arial, sans-serif; letter-spacing:1px; vertical-align:middle; text-transform:uppercase; }
#browse_now { display:block; width:222px; height:32px; }
#browse_now { background:url(/images/top_menu_edge.gif) no-repeat #4a4a4a; color:#fff; }

#menu li:hover span, #menu li.over span { visibility:visible; }

#menu li li { text-transform:none; letter-spacing:0; }

#menu a:hover { background:#e8b98b; }
#menu li a:hover { background:#e8b98b; }
#menu li:hover, #menu li.over { background-image:url(/menu/RolBG.JPG); background-repeat:repeat-y; }

#menu li span { display:inline-block; text-indent:1px; width:15px; font:19px/30px "lucida sans unicode", "bitstream vera sans", sans-serif; color:#fed; visibility:hidden; }

#menu li ul { width:195px;z-index:2; border:1px solid #fff; position:absolute; left:-999em; top:auto; margin:-32px 0 0; }
#ie_lt7 #menu li ul, #ie_eq7 #menu li ul { margin-top:0 }
#menu li:hover ul, #menu ul:hover, #ie_lt7 #menu li.over ul { left:190px; }
#menu ul li { height:auto; width:auto; }

#menu ul li { list-style-position:outside; }
#menu ul li { list-style-type:none; }
span.required { color:#f00; }
#sa { background-color:#f7e0ae; color:#900; border-color:#000; border-style:solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

/* I don't know why I have to keep this selector on a different line and duplicate the properties, but I do */
#menu li.over { left:190px; }

#menu li:hover ul li { padding:0; }
#menu li.over ul li { margin:-2px 0; height:15px; line-height:15px; }

#ie_lt7 #menu ul li, #ie_eq7 #menu ul li { padding:0; margin:0; height:20px; line-height:20px; width:195px; }
#menu li ul a, #menu li a, #menu li.over a { padding:0 0 0 2px; line-height:20px; }

/*
 * use the selector cascade to determine what's going to show on what 
 * page, all done so IE6 'knows' what to do 
 */
.intro #menu_aboutlex:hover span,      .intro #menu_aboutlex.over span,
.preface #menu_aboutlex:hover span,    .preface #menu_aboutlex.over span,
.conceptual #menu_aboutlex:hover span, .conceptual #menu_aboutlex.over span,
.fiction #menu_arworks:hover span,     .fiction #menu_arworks.over span, 
.nonfiction #menu_arworks:hover span,  .nonfiction #menu_arworks.over span,
.bio #menu_aboutar:hover span,         .bio #menu_aboutar.over span,
.timeline #menu_aboutar:hover span,    .timeline #menu_aboutar.over span,
.about-ayn-rand .faq #menu_aboutar:hover span,         .about-ayn-rand .faq #menu_aboutar.over span,
.introducing-objectivism #menu_arideas:hover span,    .introducing-objectivism #menu_arideas.over span,
.suggested-reading #menu_arideas:hover span,     .suggested-reading #menu_arideas.over span,
.ayn-rand-ideas .faq #menu_arideas:hover span, .ayn-rand-ideas .faq #menu_arideas.over span
{ visibility:hidden; }

.intro #menu_aboutlex_sub, 
.preface #menu_aboutlex_sub, 
.conceptual #menu_aboutlex_sub,
.fiction #menu_arworks_sub, 
.nonfiction #menu_arworks_sub,
.bio #menu_aboutar_sub,
.timeline #menu_aboutar_sub,
.about-ayn-rand .faq #menu_aboutar_sub,
.introducing-objectivism #menu_arideas_sub,
.suggested-reading #menu_arideas_sub,
.ayn-rand-ideas .faq #menu_arideas_sub, .nojs #menu li
{ position:static;width:155px;border:none; margin:0;padding:0; }

.intro #menu_aboutlex:hover,      .intro #menu_aboutlex.over,     
.preface #menu_aboutlex:hover,    .preface #menu_aboutlex.over, 
.conceptual #menu_aboutlex:hover, .conceptual #menu_aboutlex.over,
.fiction #menu_arworks:hover,     .fiction #menu_arworks.over, 
.nonfiction #menu_arworks:hover,  .nonfiction #menu_arworks.over,
.bio #menu_aboutar:hover,         .bio #menu_aboutar.over,
.timeline #menu_aboutar:hover,    .timeline #menu_aboutar.over,
.about-ayn-rand .faq #menu_aboutar:hover,         .about-ayn-rand .faq #menu_aboutar.over,
.introducing-objectivism #menu_arideas:hover,    .introducing-objectivism #menu_arideas.over,
.suggested-reading #menu_arideas:hover,     .suggested-reading #menu_arideas.over,
.ayn-rand-ideas .faq #menu_arideas:hover, .ayn-rand-ideas .faq #menu_arideas.over
{ background:#900; }

.intro #menu_aboutlex_sub, 
.preface #menu_aboutlex_sub, 
.conceptual #menu_aboutlex_sub,
.fiction #menu_arworks_sub, 
.nonfiction #menu_arworks_sub,
.bio #menu_aboutar_sub,
.timeline #menu_aboutar_sub,
.about-ayn-rand .faq #menu_aboutar_sub,
.introducing-objectivism #menu_arideas_sub,
.suggested-reading #menu_arideas_sub,
.ayn-rand-ideas .faq #menu_arideas_sub, .nojs #menu li
{ color:#fed;background:#900; }

.intro #menu #menu_aboutlex_sub li, 
.preface #menu #menu_aboutlex_sub li, 
.conceptual #menu #menu_aboutlex_sub li,
.fiction #menu #menu_arworks_sub li, 
.nonfiction #menu #menu_arworks_sub li,
.bio #menu #menu_aboutar_sub li,
.timeline #menu #menu_aboutar_sub li,
.about-ayn-rand .faq #menu #menu_aboutar_sub li,
.introducing-objectivism #menu #menu_arideas_sub li,
.suggested-reading #menu #menu_arideas_sub li,
.ayn-rand-ideas .faq #menu #menu_arideas_sub li, .nojs #menu li li
{ padding:0; height:auto; margin:0; width:180px; }

.intro #menu #menu_aboutlex_sub a, 
.preface #menu #menu_aboutlex_sub a, 
.conceptual #menu #menu_aboutlex_sub a,
.fiction #menu #menu_arworks_sub a, 
.nonfiction #menu #menu_arworks_sub a,
.bio #menu #menu_aboutar_sub a,
.timeline #menu #menu_aboutar_sub a,
.about-ayn-rand .faq #menu #menu_aboutar_sub a,
.introducing-objectivism #menu #menu_arideas_sub a,
.suggested-reading #menu #menu_arideas_sub a,
.ayn-rand-ideas .faq #menu #menu_arideas_sub a, .nojs #menu li a
{ background:#900; color:#f7e0ae; padding:0 0 2px 18px; width:auto; text-indent:0; line-height:13px;}

.intro #menu #menu_aboutlex_sub a:hover, 
.preface #menu #menu_aboutlex_sub a:hover, 
.conceptual #menu #menu_aboutlex_sub a:hover,
.fiction #menu #menu_arworks_sub a:hover, 
.nonfiction #menu #menu_arworks_sub a:hover,
.bio #menu #menu_aboutar_sub a:hover,
.timeline #menu #menu_aboutar_sub a:hover,
.about-ayn-rand .faq #menu #menu_aboutar_sub a:hover,
.introducing-objectivism #menu #menu_arideas_sub a:hover,
.suggested-reading #menu #menu_arideas_sub a:hover,
.ayn-rand-ideas .faq #menu #menu_arideas_sub a:hover, .nojs #menu a:hover
{ background:#900 url(/menu/Arrow8.gif) no-repeat -11px top; color:#fff; }

#ie_lt7 li#menu_cup, #ie_eq7 li#menu_cap, #ie_lt7 li#menu_cap, #ie_eq7 li#menu_cup { margin-bottom:-6px; }
#menu li#menu_cap { background-position:0px -142px; }
#menu li#menu_cup { background-position:0px -152px; }

a#TellAFriend { text-transform:uppercase; font:11px/11px "arial narrow", arial, helvetica, sans-serif; text-decoration:none; }
a#TellAFriend { display:block; float:left; height:26px; width:153px; padding-left:27px; padding-top:5px; margin:10px 0 -5px; }
a#TellAFriend { background:url(/images/buttons.jpg) no-repeat 1px -80px; color:#fff; }
a#TellAFriend:hover { background:url(/images/buttons.jpg) 1px -111px no-repeat; }

/*  LINKS  */

a:link    { color:#900; }
a:visited { color:#a00; }
a:hover   { color:#b35900; }
a:active  { color:#b35900; background:#ff9; }

br { clear:both; }
.attribution br { clear:none; }

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

.lexicon_index h1 { font-style:normal; clear:both; }
.lexicon_index #content.index p { text-align:left; }
.lexicon_index h2 { margin:2.4em 0 1.2em; text-align:center; clear:both; }

.contain { width:569px; margin:1.8em 0; float:none; overflow:hidden; }
.leftcolumn, .rightcolumn { padding-left:1.2em; text-indent:-1.2em; float:left; position:relative; margin:0 0 1.2em; }
.leftcolumn  { margin-left:10px; width:290px; }
.rightcolumn { margin-left:15px; width:200px; }

/*  CUSTOM TEXT FORMATTING  */
.content-main { float:right; width:599px; margin:77px 0 4px; padding:0; }

/* This sets the style for the citations */
.attribution p { overflow:auto; margin:2em 0 4em; position:relative; text-indent:0; clear:both; }
.attribution p span { text-align:right; }
.attribution p span { display:block; position:absolute; top:37.5%; height:25%; right:75px; padding: 0 .6em 0 0; }
#ie_lt7 .attribution p { zoom:1; }

h1 { margin: .3em 0 1.8em; }
h1 { color:#222; font-size:130%; font-weight:700; text-align:center; }
#ie_lt7 h1 { height:0.01%; }
.lexicon h1, .intro h1 { font-style:italic; }
h2, th, h4 { color:#222; font-size:1.2em; font-weight:700; text-align:left; }
.lexicon h2 { font-size:110%; font-style:italic; text-align:center; }
h2, h4 { margin:1em; }
.book .conceptual h1 { clear:both; }

#content p, table td, #content li, #content dl { vertical-align:top; }
#content p, table td, #content li, #content dl { margin:1.2em; position:relative; }
dl, p, table td, #content li { color:#444; }

.bio dl, .faq dl { margin:1.2em; }
.bio dt, .faq dt { display:compact; width:3.6em; text-align:right; margin:0; }
.bio dt::after, .faq dt::after { content: ":"; }
.bio dd, .faq dd { display:block; margin:0 0 0 4.8em; }

.conceptual h1 { clear:both; margin-bottom:2em; }
.conceptual .rightcolumn, .conceptual .leftcolumn { margin-bottom:3em; }

/*  ADDITIONAL CUSTOM FORMATTING  */

@media print
{
  /* @page { size 8.5in 11in; margin:0 .5in .5in; } */
  html, body, #content, #footer, #copyright { background:#fff; color:#000; position:relative; margin:0; padding:0; }
  body { width:100%; }
  form { display:none; }
  #top, #common { display:none; }
  #content, #footer { width:100%; }
  p { color:#fff; }
}