/**
* CSS
* @author Shaun Kardinal
* @website http://www.unkardinal.com
*/

* { margin: 0; padding: 0; border: 0 }
body { font: 12px/15px "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #666; background: #fafafa url(i/bg.png) center fixed repeat-y; text-align: center }
p, h2, ul, hr { margin-bottom: 12px }
a { color: #666; font-weight: bold; text-decoration: none } 
a:hover { color: #333; text-decoration: none }
a:focus, a:active { outline: none }
table { border-collapse: collapse }
h1 { text-transform: uppercase; font-size: 24px; line-height: 28px }
h2, h3 { font-size: 18px }
textarea, input { border: 1px solid #ccc }
small { font-size: 10px }
hr { width: 500px; height: 1px; background-color: #aaa }

#center { width: 800px; padding: 25px; min-height: 97%; position: relative; margin: 0 auto; voice-family: "\"}\""; voice-family: inherit; width: 750px; text-align: left !important }
#container { width: 500px; float: left; margin-right: 25px; text-align: justify }
#img-container { text-align: left }
#img-container img { max-height: 450px; max-width: 500px }
#title { display: block; width: 500px; height: 56px; background: url(i/title.png) no-repeat; margin-bottom: 25px }

#contact { float: left; width: 200px; margin-bottom: 33px }
#contact a { font-weight: normal }

#menu { float: left; width: 200px }
#menu ul { list-style: none }
#menu li { display: block }
#menu li:before { content: "+ " }
#menu li:first-child:before { content: none !important }
#menu li.active a { color: #000 !important; cursor: default }

.mailbox { float: left; width: 150px; padding: 2px; margin-right: 5px }
.join { background: #dadada; padding: 1px }
.join:hover { background: #ccc; cursor: pointer }

#copyright { clear: both; color: #aaa; padding-top: 50px; font-size: 10px }
#copyright a { color: #aaa }

#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0 }
#once { clear: left }

.hidden { display: none }
.nothumb { font-size: 10px }
.half { width: 250px; float: left }