/* MAIN */
* {margin: 0; padding: 0;}
body {background: url(site_files/img/background.png) rgb(40,25,15); font-family: Georgia, sans-serif; text-align: center;}
.con {margin: 0 auto; width: 860px;}
.clear {clear: both;}

/* NAVIGATION */
#toolbar {background: url(site_files/img/toolbar.png) repeat-x 0 -10px; height: 50px; min-width: 880px; position: relative; width: 100%;}
#toolbar ul {left: 50%; margin: 0 0 0 -430px; position: absolute; width: 860px; z-index: 100;}
#toolbar ul li {float: left;}
#toolbar ul li a {color: rgb(255,255,255); display: block; font-size: 16px; line-height: 18px; padding: 11px 8px; text-decoration: none;}
#toolbar ul li a:hover {background: rgb(55,40,30);}

/* TITLE */
#tag {left: 50%; margin: 0 0 0 -430px; position: absolute; top: 0;}
#title {background: url(site_files/img/content.png) rgb(255,245,235);}

/* CONTENT */
#content {clear: both; padding: 250px 0 20px 0; text-align: left;}
#content a {color: rgb(75,145,225);}
#content a:hover {color: rgb(255,100,0);}
#content h1 {color: rgb(75,145,225); padding: 15px 0; text-decoration: underline;}
#content h2 {color: rgb(255,100,0); padding: 15px 0;}
#content p {color: rgb(40,23,14); font-size: 18px; margin: 15px 0; text-align: left;}
#content ul {list-style: disc; margin-left: 20px;}

/* HOMEPAGE */
#homepage {padding: 20px 0;}
#homepage img {border: 3px solid rgb(75,145,225); float: left;}
#homepage p {float: right; line-height: 25px; margin: 0; width: 420px;}

 /* EVENTS */
.event {border-bottom: 1px solid rgb(40,25,15); padding: 10px 0;}
.event h2 {margin: 0;}
.event h5 span {color: rgb(75,145,225);}
.event img {border: 1px solid rgb(75,145,225); float: right; margin: 10px; padding: 3px;}
.event a {color: rgb(255,100,0);}
.event a:hover {color: rgb(75,145,225);}
.event table {padding: 0 0 10px 0;}
.left_td {width: 60px;}

/* BLOG */
.entry {border-bottom: 1px solid rgb(65,115,120); padding: 10px 0; width: 580px;}
.entry p {margin: 15px 0;}
#blog h1 {color: rgb(75,145,225); font-size: 24px; line-height: 24px; padding: 20px 0 0 0; text-decoration: none;}
#blog h1 a {color: rgb(75,145,225);}
#blog h1 a:hover {color: rgb(255,100,0);}
#blog h5 {color: rgb(112,103,94); padding: 0 0 20px 0;}
#comments {border-top: 2px solid rgb(112,103,94); margin: 20px 0 0 0;}
.comment {border: 1px solid rgb(65,115,120); margin: 10px 0; padding: 5px; width: 568px;}
.comment h5 {margin: 0; padding: 0;}
.comment h5 span {color: rgb(165,56,16);}
#commentform {background: rgb(112,103,94); padding: 10px; width: 560px;}
#commentform span {display: block; float: left; width: 120px;}
.forminput {width: 300px;}

/* FOOTER */
#footer {border-top: 6px solid rgb(20,10,5); clear: both; min-width: 880px; padding: 30px 0;}
#footer h2 {color: rgb(220,205,190); font-size: 24px; font-weight: normal;}
.block {background: rgb(51,35,27); border: 1px solid rgb(220,205,190); float: left; padding: 10px 5px; width: 260px;}
.middle {margin: 0 22px}
.block ul {text-align: left;}
.block ul li {padding: 6px 0;}
.block ul li a {color: rgb(255,100,0);}
.block ul li a:hover {color: rgb(75,145,225);}
#bottom {clear: both; color: rgb(224,206,188); padding: 20px 0;}
#bottom a {color: rgb(255,100,0);}
#bottom a:hover {color: rgb(75,145,225);}
#bottom p {float: left;}
#bottom ul li {float: right; margin-left: 10px;}
#sakura {color: rgb(140,125,115); font-size: 14px; margin: 5px 0;}
#sakura a {color: rgb(240,225,215);}

/* Date Challenge */
#dc-img { float:left; margin:20px 15px 15px 0; }
#content blockquote { clear:both; margin-left:30px }
#content blockquote p { font-family:Verdana, serif; font-size:12px }

/* MODAL */
.ssp-nav { cursor:pointer }
#ssp { display:none; width:750px; height:500px }
.modal { display:none; z-index:10000; background-color:#333; width:750px; height:500px; border:1px solid #666 } 
.modal .close { background-image:url(../img/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px }