/* CSS Document for Sinfest ver.2 */

body { background-color:#fff; text-align:center; padding:5px 0px; background:url(bg.gif) repeat; }
h1 { text-align:center; color:#353; text-shadow: 2px 2px 2px #999; font-weight:normal; }
h1 a, h1 a:visited { color:#46a; text-decoration:none; font-size:24px; }
h1 a:hover { color:#23a; text-decoration:none; }
h2 { font-size:18px; font-weight:normal; color:#686; text-shadow: 2px 2px 2px #ccc; padding-top:10px; }
p { padding:5px 0px; }
li { margin-left:20px; }

div.main { width:900px; margin:0 auto; display:inline-table; text-align:left; }

div.quickmenu { float:left; width:40px; font-size:24px; text-align:center; padding:150px 0px 1px; }
div.quickmenu a, div.quickmenu a:visited { display:block; color:#363; text-decoration:none; border:1px solid #9a9; background-color:#fff; padding:4px 0px; margin-bottom:-1px; opacity:0.5; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
div.quickmenu a:hover { opacity:1; border-right:1px solid #fff; }

div.content { background-color:#FFF; border:1px solid #9a9; margin-left:39px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
div.inner { padding:0px 40px; }

div.header { position:relative; margin:0px 40px 20px; padding:10px 0px 5px; border-bottom:1px solid #9a9; width:auto; }
div.header div.banners { position:absolute; top:20px; left:690px; }
div.header div.banners a { display:block; margin-top:10px; }
div.header h1 { color:#333; font-size:48px; padding:20px 0px 10px; font-weight:normal; text-align:left; }
div.menu { font-size:11px; font-family:Tahoma, Arial, sans-serif; }

.hello { position:relative; border:1px solid #9a9; background:#efe; padding:5px 15px; margin:50px 20px 20px 200px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.hello img { position:absolute; top:40px; left:-37px; }

.yearmenu { padding:0px 0 0px 40px; height:150px; padding-top:10px; }
.yearmenu a { display:block; float:left; font-size:18px; width:190px; padding:10px 0px; text-align:center; text-decoration:none; }
.yearmenu a:hover { background-color:#eee; }

.calendar { margin:0 0 30 100px; }
.calendar .day {float:left; width:30px; padding:3px 0px; text-align:center; color:#333; }
.calendar .blank {float:left; width:30px; text-align:center; color:#FFFFFF;}
.calendar .month {padding: 5px; width: 210px; text-align:center; color:#333; }
.calendar .mon {font-size:14pt; font-weight:bold; padding:4px; }
.calendar .week {float:left; width:30px; text-align:center; color:#666; font-weight:bold; padding:3px 0px; border:1px solid #bbbbbb; border-width:1px 0px; }

.strip { margin:0 auto; margin-bottom:40px; }
.strip td { padding:5px 0px; }
.strip textarea { width:100%; height:90px; }

.footer { text-align:center; border-top:1px solid #9a9; margin:20px 40px 10px; padding:10px 0; }

.copyrights { clear:both; }
.copyrights .counter { float:left; opacity:0.5; padding:7px 10px 0px; }
.copyrights p { margin-left:120px; padding:5px;}