body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img { margin: 0; padding: 0; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }


body { text-align: center; background: #312922; margin: 20px; }

#page { width: 988px; margin: 0 auto;  position: relative; background: #413932; border: 1px solid #6f6860; }

#title { clear: both; margin: 30px 20px 30px 20px; text-align: center; }

#menu { clear: both; margin: 0 10px 20px 10px; text-align: center; }
#menu li { display: inline; padding: 0 7px; }


#content { clear: both; margin: 10px; }

#content.index ol { clear: both; }

#content.index li.card { float: left; width: 220px; height: 220px; margin: 10px; background: #312922; border: 1px solid #6f6860; text-align: center; }
#content.index li.card .image .container { width: 220px; height: 220px; display: table-cell; vertical-align: middle; }


div.column { float: left; width: 460px; margin: 10px; text-align: left; }

div.column .image { width: 460px; height: 460px; background: #312922; border: 1px solid #6f6860; text-align: center; }
div.column .image .container { width: 460px; height: 460px; display: table-cell; vertical-align: middle; }


#pagination { clear: both; margin: 0 0 20px 0; padding: 10px 0 0 0; text-align: center; }
#pagination a { padding: 0 20px; }

#copyright { clear: both; width: 988px; margin: 20px auto; text-align: center; }



fieldset {  }

label { display: block; font-family: arial, helvetica, sans-serif; font-size: 0.9em; margin: 1em 0 0.25em 0; }

input.text, textarea { font-size: 0.8em; background-color:#c6c0b7; color: #312922; border: 1px solid #312922; padding: 0.25em 0.25em; }

input.text { width: 70%; }
textarea { width: 100%; }

input.button { font-size: 0.8em; background-color:#c6c0b7; color: #312922; border: 1px solid #312922; padding: 0.25em 0.5em; margin: 20px 0 0 0; cursor: pointer; cursor: hand; }



body { font-family: Georgia, serif; font-size: 0.95em; line-height: 135%; color: #ddd; }

h1 { font-size: 1.8em; }

h2 { font-size: 1.3em; margin-bottom: 1em; }

p { margin-bottom: 1em; }

#menu li a { font-size: 1em; text-transform: uppercase; letter-spacing: 0.1em; color: #b2a292; }
#menu li a.selected { color: #fff; }

#pagination { color: #b2a292; }
#pagination a.inactive { color: #312922; }

#copyright { font-size: 0.9em; color: #5f564d; }


a { text-decoration: none; }
a:link { color: #b2a292; }
a:visited { color: #b2a292; }
a:hover { color: #fff; text-decoration: underline; }
