/*
  ubloop3.css
    Author: Patrick Fisher (patrick@pwfisher.com)
    Created: 2006-09-28
    Last modified: 2006-11-07

  Some Colors:
    #E3DCC0 Light Tan (backgrounds)
    #4C5448 Dark Green (borders)
    #934CB9 Purple (links, accents)
    #F20000 Red (link hover)
    #829675 Light Grey Green (headings)
    #C4C3C3 Medium Grey (search box default text)
    #F1EDE0 Light Grey (link hover bg)
*/

/*                                                                    DEFAULTS
*/
body { font-size:14px; line-height:150%; font-family:Verdana, Trebuchet, Helvetica, Arial, sans-serif;
  background-color:#C4C3C3; margin:0; padding:0; border:none; }

img { border:none; }
table { border-collapse:collapse; border-width:0; border:none; }
tr { vertical-align:top; }
input, select, span, li, ul { margin:0; padding:0; }

h1 { font-size:2.0em; font-weight:bold; margin:.5em 1em; text-align:center; }
h2 { font-size:1.7em; font-weight:bold; margin:.5em 1em .2em 0; color:#829675; }
h3 { font-size:1.4em; font-weight:normal; margin:1.2em 0; }
h4 { font-size:1.4em; font-weight:bold; margin:0 1em; color:#829675; }
h5 { font-size:1.0em; }
h6 { font-size:0.8em; }

p { font-size:1.0em; line-height:1.5em; margin:1.2em .5em 0em .5em; }

a { border-bottom:1px dashed; color:#934CB9; text-decoration:none;}
a:hover { border-bottom:1px solid; color:#F20000; text-decoration:none; }

/*  Utility Classes  */
.vMiddle { vertical-align: middle; }
.clear { clear:both; height:1px; overflow:hidden; }

/*                                                                    LAYOUT
*/
#wrap { width:750px; margin:40px auto 0 auto; }

#header {height:107px; margin:0; padding:0; border:0;
  background-image:url(/img/ubloop-header.gif); background-repeat:no-repeat; }
#header table { width:100%; text-align:right; }
#header_prop { height:75px; float:right; width:1px; }
#header_top td { vertical-align:bottom; }
#header_bottom td { vertical-align:middle; }

#nav_menu { position:relative; left:260px; top:51px; }

#textsize {float:right; position:relative; right:10px; bottom:1px; font-size:11px; }
#textsize span, #textsize img { margin-left:3px; vertical-align:middle;}
#textsize a, #textsize a:hover { border:none; }

#search { float:right; position:relative; right:145px; top:3px; margin-bottom:-20px; }
#search .textarea { height:14px; font-size:10px; float:left; border:1px solid #4C5448; background:#F3EFE4; padding:1px 2px; margin:0 2px; }
#search .onBlur { color:#829675; }
#search .onFocus { color:#000; background:#FFF; }
#search .button { height:22px; padding:0 2px; background:transparent; }
#search .button:hover { background:#FFC; }

#breadcrumbs { margin:3px 0; background:#E3DCC0; border:2px solid #4C5448; }
#breadcrumbs span { margin:0 0 0 10px; font-weight:bold; font-size:.8em; color:#934CB9; }
#breadcrumbs a { border:none; padding:3px; }
#breadcrumbs a:hover { border:none; background:#934CB9; color:#FFF; }
#breadcrumbs ul { display:inline; padding:0; margin:0; }
#breadcrumbs ul li { list-style:none; display:inline; padding:0; margin:0; }

#main { border:2px solid #4C5448; }

#sidebar { width:190px; background:#E3DCC0; text-align:center; }
.vignette img { display:block; margin:1em auto 0 auto;}
.vignette .caption { font-style:italic; font-size:1em; }
#sidebar h4 { border-bottom:3px solid; margin:1em 0 3px 0; }
#sidebar ul li { list-style:none; display:block; }
#sidebar ul li a { border:1px solid #E3DCC0; text-decoration:none; font-weight:bold; font-size:.8em; display:block; }
#sidebar ul li a:hover { border:1px solid #F20000; background:#F1EDE0; }
#sidebar .adTall, .adShort { margin:2em 0; }

.vBorder { background:transparent url(/img/dotted-border.gif) top repeat-y; width:3px; }

#content { background:#FFF; padding:1em; text-align:justify; }
#content .adTall { float:right; clear:none; margin:0 0 1em 1em; }
#content ul {padding-left:2em; }
#content li {padding:.2em .5em; line-height:1.3em; }

.chapter-nav { float:right; color:#934CB9; }
.chapter-nav a { border:3px solid #FFF; padding: 5px 10px; }
.chapter-nav a:hover { border:3px solid #F20000; }

.cell { line-height:2.5em; font-size:.8em; }
.cell a { border:1px solid #FFF; width:100%; padding:.5em; }
.cell a.title { font-weight:bold; }
.cell a.author { font-style:italic; }
.cell a:hover { border:1px solid #F20000; background:#F8F6E8; }
.even { background:#FAF9EE; }
.even a { border:1px solid #FAF9EE; background:#FAF9EE; }

#footer { margin:.5em auto 1em auto; padding: 0 1em; text-align:center;
  background-color:#E3DCC0; border:2px dashed #4C5448; }
#footer ul { color:#C6B980; }
#footer ul li { list-style:none; display:inline; font-variant:small-caps; }
#footer ul li a { padding:0 1em; color:#C6B980; border:2px solid #E3DCC0;
  text-decoration:none; font-weight:bold; font-size:1em; }
#footer ul li a:hover { color:#000; background:#F1EDE0;
  border:2px dotted #F1EDE0; border-left:2px dashed #4C5448; border-right:2px dashed #4C5448; }

/*                                                                    TRIFECTA BUTTONS
*/
.trifecta { position:relative; display:inline; white-space:nowrap; float:left;
  background-image:url(/img/overbtn.gif); background-repeat:no-repeat;
  width:100px; height:22px; margin:0 4px; padding:0;
  font-weight:bold; font-family:"Times New Roman", times, georgia, serif; }
.trifecta span { float:left; position:relative; left:1px; top:-20px; margin:0; padding:0;
  width:100px; height:22px; cursor:pointer; text-align:center; }
.trifecta a { width:100px; height:22px; display:block; float:left;
  border:none; text-decoration:none; font-size:17px; color:#FFF; }
.trifecta a:hover {color:#000; border:none; }
.trifecta img { width:100px; height:23px; }
* html a:hover { visibility:visible; }
.trifecta a:hover img { visibility:hidden; }

/*                                                                    PRINTER-FRIENDLY
*/
@media print {
  body { font-size:12px; background:#FFF !important; }
  #content { padding:0; }
  #header, #footer, #sidebar, .vBorder, .adTall, .chapter-nav { display:none; }
  #breadcrumbs, #main { background:transparent; border:none; }
  a, h2, h4, #breadcrumbs span { color:#999; }
  #wrap { width:auto; margin-right:3em; }
}

/*                                                                    COLLAPSE
*/
.booklist img { margin-right:5px; }
.booklist a { border:none; color:#000; }
.booklist a.trigger, .booklist a.expanded { display:block; border:1px solid #FFF; font-weight:bold; }
.booklist a.trigger:hover { background:#FAF9EE; border:1px solid #829675; }
.booklist a.expanded { background:#E3DCC0; border:1px solid #E3DCC0;}
.booklist a.expanded:hover { border:1px solid #414A3A; }
.booklist ul { color:#888; }
.booklist ul li a { display:block; border:1px solid #FFF; }
.booklist ul li.even a { border:1px solid #FAF9EE; }
.booklist ul li a:hover { background:#F1EDE0; border:1px solid #829675; }
.show { display:run-in; }
.hide { display:none; }

textarea#comment { width:100%; }