@import 'lib/reset.css';
@import 'buttons.css';
@import 'table.css';
@import 'nav.css';
@import 'form.css';
@import 'thickbox.css';

body {
    background:      #fff repeat-y url(../images/body-bg.gif) left;
}

body, p, li, dd, dt {
    font-family:     "Helvetica Neue", Helvetica, Arial, Geneva, Verdana, sans-serif;
    font-size:       12px;
    line-height:     18px;
}

p, ul, ol, img, dl {
    margin-bottom:   18px;
}

ul, ol {
    list-style:      none;
}

.box ol {
    background:      no-repeat url(../images/ol.gif) top left;
}

.box ol li {
    background:      0;
}

#all {
    margin-top:      230px;
    width:           950px;
}

#head {
    background:      repeat-x url(../images/head-bg.gif) bottom left;
    position:        absolute;
    top:             0;
    left:            0;
    width:           100%;
    height:          190px;
    overflow:        visible;
}

h1 {
    width:           100%;
    height:          100%;
    text-indent:     -999em;
    background:      no-repeat url(../images/head-top.gif) bottom left;
}

h2, h3 {
    font-family:     Cambria, Garamond, Georgia, Times, "Times New Roman", serif;
    font-size:       24px;
    font-weight:     normal;
    line-height:     36px;
    color:           #892321;
    text-transform:  none;
    margin-bottom:   18px;
}

#info h2 {
    font-weight:     normal;
}

h4, legend {
    font-size:       14px;
    font-weight:     bold;
    color:           #839935;
    line-height:     36px;
}

#all h3 {
    color:           #839935;
}

.cols {
    width:           568px;
    float:           left;
}

#info, .col-1, .col-2 {
    width:           252px;
    float:           left;
}

.col-1, .col-2 {
    width:           306px;
}

.cols .content {
    width:           558px;
    margin:          10px;
}

.content {
    width:           252px;
    margin:          10px;
}

.col-2.box .content {
    width:           234px;
    color:           #fff;
    padding-bottom:  18px;
}

#info .content {
    width:           198px;
}

.box {
    background:      no-repeat url(../images/box-bg.gif) bottom left;
}

.box h2 {
    color:           #fff;
}

#all .box h3 {
    clear:           both;
    font-size:       18px;
    color:           #fff;
    margin:          0 0 0 25px;
}

#photo img {
    margin-left:     10px;
    margin-bottom:   12px;
}

.content li {
    padding-left:    20px;
    background:      no-repeat url(../images/bullet.gif) top left;
}

.content .long li {
    padding-bottom:  9px;
}

#info .content li {
    margin-left:     -35px;
    padding-left:    35px;
    background:      no-repeat url(../images/bullet-contrast.gif) top left;
}

.box .content ul li {
    background:      no-repeat url(../images/bullet-contrast.gif) top left;
}

a {
    color:           #892321;
}

a:hover {
    text-decoration: none;
}

a:visited {
    color:           #839935;
}

em {
    font-style:      normal;
    color:           #892321;
}

strong {
    font-weight:     bold;
}

acronym {
    border-bottom:   1px dotted #333;
    cursor:          help;
}

.box acronym {
    border-bottom:   1px dotted #fff;
}

.toc dt {
    clear:           both;
    width:           18px;
    float:           left;
    text-align:      right;
}

.toc dd {
    float:           right;
    width:           210px;
}

hr {
    border:          0;
    border-bottom:   1px solid #839935;
    height:          1px;
    margin:          17px 0 18px 0;
}

#info {
    margin-left:     80px;
}

* html #info {
    margin-left:     40px;
}

#wrap {
    float:           left;
    width:           612px;
}

#eof {
    clear:           both;
    height:          36px;
}

#info ul.links li {
    background:      none;
    padding:         0;
    margin:          0;
}

#info .links a, .col-1 p a, .col-2 p a, .cols p a {
    padding-left:    30px;
    background:      no-repeat url(../images/link-internal.gif) center left;
}

#all p a.inline, #all p a.inline:visited {
    background:      none;
    padding-left:    0;
}

#info .links a:visited, .col-1 p a:visited, .col-2 p a:visited, .cols p a:visited {
    background:      no-repeat url(../images/link-internal-visited.gif) center left;
}

#all a.mail {
    padding-left:    0;
    background:      none;
}

dl.list {
    width:           100%;
    padding:         17px 0;
    border-top:      1px solid #892321;
    border-bottom:   1px solid #892321;
    float:           left;
}

dl.list dt {
    line-height:     18px;
    float:           left;
    clear:           both;
    width:           180px;
    margin-right:    20px;
    text-align:      right;
    font-weight:     normal;
    color:           #892321;
}

dl.list dd {
    float:           left;
    width:           300px;
    margin-bottom:   18px;
}

.clear {
    clear:           both;
}

#impr {
    position:        absolute;
    top:             22px;
    left:            840px;
}

#impr a {
    font-size:       10px;
    text-transform:  uppercase;
    text-decoration: none;
    color:           #bbb;
}

#all ul.thumbs li {
    clear:           both;
    background:      transparent;
    margin:          0;
    padding:         0;
}

#all ul.thumbs li img, #all div.thumbs img {
    border:          1px solid #333;
    float:           right;
    margin-left:     18px;
}

#all ul.thumbs li ul {
    clear:           left;
    float:           left;
    list-style-type: square;
}

#all ul.thumbs li p {
    clear:           left;
}

#all ul.select li {
    padding:         0;
    background:      none;
    float:           left;
    width:           33%;
    text-align:      center;
}

#all ul.select li a {
    text-decoration: none;
}

#all ul.select span {
    display:         block;
    font-weight:     bold;
}

a.promo {
    font-size:       20px;
    text-decoration: none;
    font-weight:     bold;
}

#all #wrap img.poster {
    border:          0;
}

p.sum {
    text-align:      center;
    font-size:       18px;
    line-height:     36px;
}

#agb {
    border-top:      1px solid #839935;
    padding:         17px 0;
    display:         none;
}

#agb p {
    color:           #000;
}