@import 'reset.css'; 

/* Global styles
----------------------------------------------- */
html, body {height: 100%;}
body	{font: 62.5%/20px Arial, sans-serif; background: #fff; /*background: #fff url(../i/grid.gif);*/ color: #000; position:relative;}
a	{color: #0040B6; text-decoration:underline;}
a:hover	{color: #dcd069 !important;}
a.inplace	{text-decoration:none; border-bottom:1px dashed;}

#layout {width:88%; min-width:880px; padding:0 1em; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -8em; /* the bottom margin is the negative value of the footer's height */}

#footer, #push {height: 8em; /* .push must be the same height as .footer */}

p, ul, ol {margin-bottom: 20px;}
h2 {font: normal 20px Georgia, serif; line-height:20px; padding-bottom:1em;}
h3 {font-size: 12px; line-height: 20px;}

p.done-note {font:italic 2em/20px Georgia, serif; padding:0 0 2em; color:#36a93c;}

/* Header
----------------------------------------------- */
#header {overflow:hidden; padding:1.9em 0 3.9em;}
#header h1 {font: normal 40px/40px Georgia, serif; padding:39px 0 40px; border:1px dotted #ccc; border-width:1px 0;}
#header h1 img {width:48px; height:48px; margin:-0.2em 0;}
#header h1 img, #header h1 sub {display:-moz-inline-stack; display:inline-block;}
#header h1 sub {margin:0 0 -0.5em 0.4em; vertical-align:-0.4em;}
#header h1 .rss {background:url(../i/icon-rss.gif) 0 0 no-repeat; padding:0.2em 0 0 21px; font-size:0.4em;}
#header ul {margin:0 -10px 1.9em; overflow:hidden;}
#header ul li {color:#999; float:right; padding:0 10px 1px; font-size:1.6em; background: url(../i/dvd.gif) 100% 55% no-repeat;}
body:first-of-type #header h1 sub {margin-bottom:-1em;}
#header a  {color:#000;}

/* Menu
----------------------------------------------- */
#menu {overflow:hidden; margin:-2em 0 2em;}
#menu ul {overflow:hidden; margin-left:2.7em;}
#menu li {float:left; font-size:1.6em; padding:0.7em 1.7em 0.6em; margin-left:-1.7em;}
#menu li.active {background:#dcd069 url(../i/menu-bg.gif) 50% 0 no-repeat; margin:0 1.7em 0 0;}
#menu li a  {color:#000;}
#menu li.active a:hover {color:#666 !important;}

/* Content
----------------------------------------------- */
#content {padding:0 0 2em; overflow:hidden}
.col-left {float:left; width:74%;}
.col-right {float:right; clear:right; width:22%;}
.col-right p {color:#4d4d4d; font-size:1.3em; margin-bottom:1.4em;}

.icon {font-size:0.8em; padding:0 0 0 15px; position:absolute; top:-0.4em; right:0; text-decoration:none; display:none;}
.icon span {border-bottom:1px dashed;}
.icon:link, .icon:visited {color:#000 !important;}
.icon:hover	{color: #dcd069 !important;}

.edit {background:url(../i/icon-edit.gif) 0 50% no-repeat;}
.list {background:url(../i/icon-list.gif) 0 50% no-repeat;}

/* Forms
----------------------------------------------- */
.submit {padding: 0.1em 0.7em; width: auto; overflow: visible; cursor: pointer;}
input.text, select, textarea, .submit {font:normal 1.4em Arial, sans-serif; vertical-align:middle;}
input.text, select, textarea {padding:4px;}
input.text, textarea {border:1px inset; border-color:#ddd #aaa #aaa #ddd;}
select {position:relative; padding:0; margin:0.2em 0; min-height:1.6em;}
select option {padding:0.1em 0.5em;}
select, x:-moz-any-link  {min-height:0;}

/* Form */
.form {margin-bottom:-1.6em;}
.form h2 {font-style:italic; font-size:20px; padding:0 0 2em;}
.form fieldset {padding:0 0 1.6em 33%; position:relative;}
.form label {margin-left:-15em; position:relative; width:14em; top:3px; text-align:right; font-size:1.4em; color:#666; display:block; float:left;}
.form label.check {position:static; width:auto; color:#000; float:none; margin:0; text-align:left; padding-top:0.3em;}
.form label.check input {position: relative; top:-1px;}
.form input.text, .form textarea {width:21em;}
.form .readonly {color:#999; font-style:italic;}
.form fieldset.error label, .form p.error, p.delete a {color:#f00 !important;}
.form p {font-size:1.2em; margin: 0.4em 0.3em 0;}
.form p.done-note {font:italic 2em Georgia, serif; padding:0 0 2em; color:#36a93c;}
.form p.login-note {font-size:1.4em; margin:0.8em 0 0; line-height:26px;}
.form p.exp, .form p.note {font-style:italic;}
.form p.delete {margin-left:0;}

.col-right .avatar {margin-bottom:20px;}
.col-right .avatar div {height:auto !important;}
.col-right .avatar img {display:block; margin-bottom:5px;}
.col-right .avatar a {font-size:1.2em; white-space:nowrap;}
.col-right .avatar a:link {color:#000;}

.book-form {position:relative; left:-4em;}
.book-form h2 {font:1.6em/20px Arial, sans-serif; padding:0 0 1em 0; color:#c30;}
.book-form input.text, .book-form textarea, .book-form select {font-size:1.3em;}
.book-form input.text, .book-form textarea {width:35em;}
.book-form .submit {margin-right:0.5em;}
.attention {padding-left:26px; background: url(../i/icon-att.gif) 0 50% no-repeat;}

.form .loader {width:128px; height:24px; background: url(../i/loader-24.gif) 0 no-repeat; text-indent:-9999em;}

/* Books list */
.objects {width:90%;}
.objects li {overflow:hidden; padding:0 0 1.5em 92px; display:block;}
.objects li .cover, .objects li .avatar {border:1px solid #ccc; margin:0 2em 0 -92px; float:left; width:60px;}
.objects li .avatar {width:48px; margin:0 2em 0 -70px;}
.objects li dt {overflow:hidden; padding-top:0.1em;}
.objects li dt div {float:left; position:relative; padding-right:60px;}
.objects li dd {margin-left:0;}
.objects li dd p {margin:0 0 10px; font-size:1.3em;}
.objects li dd p.date {font-style:oblique; margin:0;}
.objects li dd .tags li {font-size:1.3em;}
.objects li dd .control {color:#4d4d4d; border-bottom:1px dashed #898989; cursor:pointer;}
.objects li dt a:visited	{color: #4c1f79;}
.objects li p.info	{font-size:1.3em;}
.objects li p.success, .objects li p.success a {color:#36a93c;}
.objects li p.found, .objects li p.found a {color:#999;}

.objects li.edit-item {padding:0 0 1.5em 92px !important;}
.objects li.edit-item .buttons {width:47em;}
.objects li.edit-item .cover, .edit-item dl {display:none;}
.objects li.edit-item .book-form {display:block;}
.objects li.edit-item .delete {float:right; font-size:1.3em; line-height:26px; color:#f00 !important;}
.objects li.edit-item .check {padding:0.5em 0.5em 0 0; font-size:1.3em; display:inline;}
.objects li.edit-item select {margin:0; max-width:23.5em;}

.objects .book-form {padding-bottom:22px; display:none; position:static;}
.objects .book-form, .objects .book-form fieldset {padding-left:0;}

.covers {width:98%;}
.covers li {padding:0; margin-bottom:-4px; line-height:normal; display:-moz-inline-stack; display:inline-block; vertical-align:top;}
.covers li .cover {border:none; margin:0; float:none; width:60px;}
.covers dl {display:none;}
.covers a {text-decoration:none; color:#000;}

.lists .add {padding-left:0 !important;}
.lists .objects li {padding:0 0 1em 0 !important;}
.lists .objects li .cover {display:none;}
.lists .objects li .covers li {padding:0 !important;}
.lists .objects li .covers li .cover {display:inline; width:30px;}

.people li {padding:0 0 18px 70px !important;}

/* Activity */
.activity {margin-bottom:-1em;}
.activity dl {margin-bottom:1.5em; overflow:hidden;}
.activity dt {font:bold 2.4em/20px Georgia, serif; margin-bottom:0.8em;}
.activity dd {padding-left:2.7em;}
.activity dd .objects li {padding:0;}
.activity dd .objects li dl {margin-bottom:0;}
.activity dd .objects li dt {font:normal 1.6em/20px Arial, sans-serif; margin-bottom:10px;}
.activity dd .objects .more {text-decoration:none;}
.activity dd .covers .more {font: 2em Arial, sans-serif; margin:75px 0 0 0.5em; display:block;}
.activity .exp p {font-size:1.6em;}
.activity .add {margin-bottom:25px; padding-left:92px;}
.activity .add a {color:#666 !important; font-size:1.6em;}
.activity .add .book-form {left:0; display:none;}
.activity .add .book-form fieldset {padding-left:0;}
.item dd .objects li {padding:0 0 4.5em 92px;}

.activity dt a {color:#000;}
.activity .objects a {color:#0040B6;}

/* About */
.about dt, .about p {font-size:1.6em; line-height:20px;}
.about dd {padding:0.8em 0 1.2em;}
.about p {font-size:1.4em; color:#666;}
.about a {color:#666;}
.about a:visited {color:#999;}
.about dt a, .about dt a:visited {color:#000;}
.about .users {overflow:hidden;}
.about .users li {float:left; width:48px; height:48px;}
.about .users .more {font-size: 2em; margin:28px 0 0 0.5em; display:block; text-decoration:none; color:#000;}
.about .users-list li {font-size:1.3em;}
.about .users-list .more {text-decoration:none;}
.about .static p {font-size:1.3em; margin-bottom:0;}
.about .static p .tab {padding:0.1em 0.4em; margin:-0.1em 0; color:#000;}

/* Tags */
.tags li {font-size:1.4em; color:#666; display:inline !important; float:none; padding:0 !important; margin-right:0.3em;}
.tags li a:link {color:#666;}
.tags li a:visited {color:#999;}
.tags li a, .tags li span {/*white-space:nowrap;*/}
.tags li span, .tags li em {background-color:#dcd069; color:#000; padding:0.2em 0.3em 0.2em 0; position:relative;}
.tags li span {left:-0.3em; margin-right:-0.3em;}
.tags li em {left:0.3em; font-style:normal;}
.tags li .close {padding-left:11px; background:url(../i/icon-close-tag.gif) 0 0 no-repeat; position:relative; top:0.2em;}

/* Static pages styles */
.static p, .static li {font-size:1.6em; margin-bottom:20px;}
.static ol {padding-left: 4.9em; list-style:decimal;}
.static ol li {margin-bottom:20px;}
.static ul {padding-left: 4.9em; overflow:hidden;}
.static li .dash {position:relative; left:-1.3em; width:1em; margin-right:-1.3em; display:block; float:left;}
.static .image {overflow:hidden;}
.static .image p {float:left; border:1px solid #ccc; padding:17px;}
.static .image p img {display:block;}
.static p .tab {background-color:#dcd069; display:-moz-inline-stack; display:inline-block; padding:0.3em 0.6em; margin:-0.3em 0.3em; color:#000;}
.static p .tab:hover {color:#666 !important;}
.static p .tab:visited {color:#000;}
.static a {text-decoration:none;}
.static a:visited	{color: #4c1f79;}

/* Overlay */
.overlay {width:50em; padding:20px; border:5px solid #dcd069; background-color:#fff; position:absolute; top:50%; left:50%; margin:-17em 0 0 -27em; z-index:100;}
.overlay .close {background:url(../i/icon-close.gif) no-repeat; width:16px; height:16px; position:absolute; right:20px; top:20px; overflow:hidden; text-indent:-9999em; z-index:100;}
.overlay .book-form {left:0;}
.overlay .book-form h2 {font:2em/20px Georgia, serif; padding:0 0 1em 0; color:#000;}
.overlay .book-form fieldset {padding:0 0 1.6em;}
.overlay .book-form label {position:relative; top:0.3em; width:auto; margin:0 0.5em 0 0;}

/* Footer
----------------------------------------------- */
#footer {position:relative;}
#footer .content {width:88%; min-width:880px; padding:3.5em 1em 0; margin:0 auto;}
#footer .random-img {position:absolute; bottom:0; right:0; display:block;}
#footer .random-img img {display:block;}
#footer ul {margin:0 0 0 -10px; overflow:hidden;}
#footer li {color:#999; float:left; padding:0 10px; font-size:14px; margin-left:-1px; background: url(../i/dvd.gif) 0 60% no-repeat;}
#footer li a {color:#000;}