/* page */
* { line-height: 1.3em; font-family: Georgia, serif;}
body { margin: 0; padding: 0; color: #fff; background-color: #222; }
a, a:visited, a:active, a:link { color: #FFF9BC; text-decoration: none }
a:hover { text-decoration: underline }

/* builtin html elements */
img { border: 0; line-height: 0; }
table, tr, th, td { text-align: left; }
ul { margin: 1em 0 1em 0; padding: 0 }
li { list-style-type: square; margin-bottom: 0.5em; }
h1 { font-size: 1.65em; }

/* forms */
input, textarea { margin-bottom: 0.25em; padding: 0.25em; color: #fff; background-color: #222; border-width: 1px; border-style: solid; }
input, textarea { border-color: #111 #666 #666 #111; }
input.button { border-color: #666 #111 #111 #666; margin-left: 1px; }
label { padding-right: 1em; }

/* base formatting */
#strip { background-color: #fff9bc; background-image: url("/site_media/img/strip-bg.png"); border-bottom: 2px solid #444 }
#strip .right { background-image: url("/site_media/img/strip-right.png"); background-repeat: no-repeat; background-position: top right; }
#strip .left { height: 20px; background-image: url("/site_media/img/strip-left.png"); background-repeat: no-repeat; background-position: top left; }
#gradient { background-color: #2a2a2a; background-image: url("/site_media/img/content-bg.png"); background-repeat: repeat-x;}
#header { padding: 25px 0 10px 0; margin: 0 50px 0 50px; border-bottom: 1px solid #aaa;}
#title { float: left; }
#menu {  float: right; }
#menu a { padding: 0 0 0 2em }
#submenu { text-transform: uppercase; padding: 0 0 1em 0; }

#content { padding: 30px 50px 25px 50px; min-height: 250px; border-bottom: 1px solid #222; }
#rightcontent { float: right; margin-left: 50px; }
#footer { padding: 25px 50px 25px 50px; border-top: 1px solid #383838; color: #999; font-size: 0.7em; }
#footer a { color: #999 }
#notice { color: #666 }

.dim { color: #666; }
.clear { clear: both; font-size: 0; }
.small { font-size: 0.9em; }
.next-page { float: right; }
.content-padding { margin-top: 2em }

/* news section */
#news-list { margin-right: 14em; }
#news-list .item { margin-bottom: 4em; }
#news-list .header { margin-bottom: 0.5em; font-size: 1.4em }
#news-list .date { margin-top: 1em; font-size: 0.8em; color: #999 }
#news-detail { margin-right: 14em; }
#news-detail .date { font-size: 1.2em; margin-bottom: 1em; color: #999; }

/* books section */
#book-list { margin-top: 2em; }
#book-list .item { float: left; margin: 0 2em 2em 0; text-align: center;}
#book-list .title { margin-top: 0.5em; font-size: 1.4em; }
#book-list .image img { border: 5px solid #fff }
#book-list .date { font-size: 0.9em; color: #999; }
#book-detail { margin-top: 2em; }
#book-detail .image { margin: 0 3em 16px 0; }
#book-detail .image img { border: 5px solid #fff; }
#book-detail .subtitle { font-size: 1.4em; margin-top: -1em; margin-bottom: 1em; }
#book-detail .author { font-size: 1.3em; }
#book-detail .buy { margin-top: 1em; }
#book-detail .date { font-size: 0.9em; color: #999; }
#book-detail .description { margin-top: 2em; }
#book-detail .pages { font-size: 0.8em; width: 412px; margin-top: 3em }
#book-detail .page-item { float:left; text-align: center; margin: 0 16px 16px 0; width: 190px; line-height: 1em;}
/*
#book-detail .page { float: left; margin: 0 16px 16px 0; width: 180px; }
#book-detail .page img { border: 5px solid #fff }
*/
#book-detail .page { border: 5px solid #fff; width: 180px; height: 180px; background-position: center center; margin-bottom: 0.5em; cursor: pointer}
#book-detail .page img { width: 180px; height: 180px; }

/* art sections */
#art-list { margin-top: 2em }
#art-list .item { float: left; margin: 0 3em 2em 0; font-size: 0.8em; text-align: center; width: 190px; line-height: 1em;}
#art-list .image { border: 5px solid #fff; width: 180px; height: 180px; background-position: center center; margin-bottom: 0.5em; cursor: pointer}
#art-list .image img { width: 180px; height: 180px; }
#art-detail { margin-top: 2em; }
#art-detail .image { border: 5px solid #fff }
#art-detail .game { margin-bottom: 1em; font-size: 1.3em }

/* Django specified classes */

ul.errorlist { color: #f50000; margin: 0; padding: 0; font-size: 0.8em }
ul.errorlist li { list-style-type: none }