* { outline: none; }
body { background: fixed #999 url('images/page-background.gif') repeat 0 0; margin: 0; padding: 0; font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif; }
hr { height: 1px; background: #ccc; border: none; margin: 30px 0; padding: 0; }
.htext { text-indent: -999999px; overflow: hidden; display: block; }
.hidden { display: none; }

#debug { background: #fff; top: 0; left: 0; padding: 10px; font-size: 11px; }

#site { background: fixed transparent url('images/header-background.png') repeat-x 4px 0; }
#page { position: relative; margin: 0 auto; width: 980px; }
#logo { position: absolute; top: 0; left: 58px; width: 367px; height: 228px; background: transparent url('images/logo.png') no-repeat; z-index: 1; }
#quote { position: absolute; top: 50px; left: 515px; width: 406px; height: 146px; z-index: 1; }

.nav-buttons { position: absolute; top: 540px; width: 61px; height: 79px; z-index: 1; }
#previous-button { left: 0; background: transparent url('images/previous-button.png') no-repeat 0 0; }
#next-button { left: 926px; background: transparent url('images/next-button.png') no-repeat 0 0; }
#previous-button:hover, #next-button:hover { background-position: 0 -79px; }

#languages-wrapper { display: none; } /* comment this line when i81n ready */
#languages-wrapper { position: absolute; top: 0; right: 50px; background: url('images/language-background.png') no-repeat; width: 99px; height: 47px; z-index: 1; padding: 0 30px; }
#languages-wrapper a { font-size: 11px; color: #000; text-decoration: none; }
#languages-wrapper a.selected { font-weight: bold; }
#languages-wrapper a:hover { text-decoration: underline; }

#content-wrapper { position: relative; margin: 0; padding: 220px 0 0 0; }

#menu { height: 64px; background: url('images/menu-background.png') no-repeat; }
#menu ul { list-style-type: none; margin: 0; padding: 27px 0 0 110px; }
#menu ul li { list-style-type: none; margin: 0; padding: 0; float: left; }
#menu ul li a { display: block; background: #fff url('images/menu-item-background.png') repeat-x 0 -37px; margin: 0; padding: 7px; height: 23px; text-decoration: none; color: #000; font-size: 15px; }
#menu ul li a:hover { background-position: 0 0; color: #fff; }
#menu ul li a.selected { font-weight: bold; }

#content-top { height: 15px; background: url('images/content-top.png') no-repeat; }
#content-middle { background: url('images/content-middle.png') repeat-y; }
#content-bottom { height: 72px; background: url('images/content-bottom.png') no-repeat 0 -10px; }
#content { padding: 1px 100px 30px 100px; min-height: 400px; }
#content h1, #content h2, #content h3, #content h4 { color: #446; margin: 0 0 10px 0; }
#content h1 { font-size: 40px; }
#content h2 { font-size: 32px; }
#content h3 { font-size: 24px; }
#content h4 { font-size: 18px; }
#content p { margin: 0 0 10px 0; font-size: 15px; color: #333; }
#content p.quote { font: italic 28px Georgia, 'Times New Roman', serif; color: #999; padding-top: 20px; }
#content p.celebrity { font-size: 12px; }
#content a { color: #446; }
#content a:hover { color: #999; }
#content img.extra-space { margin: 10px 0; }
#content .entry { overflow: hidden; }
#content .single-entry { width: 570px; float: left; }
#content .gallery { width: 174px; float: right; }
#content .gallery .top { width: 174px; height: 6px; background: url('images/gallery-top.png'); }
#content .gallery .bottom { width: 174px; height: 6px; background: url('images/gallery-bottom.png'); }
#content .gallery .images { background: #414166; text-align: center; }
#content .gallery .images img { margin: 6px; }
#content .single-entry table { border-collapse: collapse; width: 100%; margin: 0 0 10px 0; }
#content .single-entry table td { border: 1px solid #ccc; padding: 2px 5px; font-size: 12px; }

#carousel { padding: 0 72px; height: 410px; }
#carousel .item { height: 410px; position: relative; }
#carousel .item-text { position: absolute; bottom: 0; left: 0; width: 838px; }
#carousel .item-text h2 { margin: 0; padding: 10px 40px; }
#carousel .item-text h2 a { color: #fff; text-decoration: none; font-size: 40px; }
#carousel .item-text p { background: transparent url('images/text-background.png') repeat 0 0; margin: 0; padding: 10px 40px; font-size: 13px; color: #fff; }
#carousel .item-image-wrapper { text-align: right; padding: 0 10px; }

a.pdf-link { display: block; height: 20px; padding-left: 24px; background: url('images/icon-pdf.png') no-repeat 0 3px; }