body {margin:0px; padding:0px; background: #a7c723 url(/images/grass.png) repeat center top; color:#333; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
.reflections {background: #1a1117 url(/images/twilight.png) repeat center top; padding-bottom:20px;}
#header, #footer, #nav, #flash, #footer_inside {width:980px;}

p {margin:0px; padding: 0px 0px 13px 0px;}
a img {border:none;}
a:link, a:visited {color:#666; text-decoration:underline;}
a:hover, a:active {color:#000; text-decoration:none;}

ol {margin: 0px; padding-top: 0px; padding-bottom: 0px;}

h1, h2, h3, .h1, .h2, .h3 {padding: 0px 0px 13px 0px; display:block; margin: 0px; font-family: inherit; font-weight: bold; text-align:center; color:#333; font-size:20px;}
h2, .h2 {font-size: 16px;}
h3, .h3 {font-size: 14px;}
h1 a:link, h1 a:visited {color:#333; text-decoration:underline;}
h1 a:link, h1 a:visited {color:#999; text-decoration:none;}

#header_holder {background-color: #2387ff; background-image: url(/images/nojamtoday_sky_transp.png); background-repeat: repeat; background-position: center top; overflow: hidden; position: relative; height: 300px; width: auto; _background-image:none;}
#innerwrap {_zoom: 1; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/nojamtoday_sky_transp.png');}
#header {height:300px; position: relative; _z-index:1;}
#header a:link, #header a:visited {color:#666; text-decoration:underline;}
#header a:hover, #header a:active {color:#777; text-decoration:none;}
#flash {position: absolute; top: 0px; left: 0px; height:300px;}
#header_frame {height:4px;}
#frame_pos {height:4px; width:980px; position: relative; overflow:visible; z-index: 50;}
#frame {height:4px; width:988px; position:absolute; top:0px; left:-4px; background: url(/images/frame_top.png) no-repeat center top; _background-image:none;  _background-color: #000; z-index: 20;}
#menumore, #menurefl {height:56px; width:980px; position:absolute; top:0px; left:4px; z-index: 100; _position:static;}

#nav_holder {background-color:#000;}
#nav {height:56px;}
#moonsun {position: absolute; width: 200px; height: 200px; top: 150px; left: -70px; background-position: center top; background-repeat:repeat;}
.sun {background-image:url(/images/nojamtoday_sun.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/nojamtoday_sun.png');}
.moon {background-image:url(/images/nojamtoday_moon.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/nojamtoday_moon.png');}
#nav a {display:block; float:left; height:56px; background-image:url(/images/menu.png); background-repeat:repeat;}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active, #nav a.active {text-decoration:none; color:#000; font-size:10px;}

#menumore a:link, #menumore a:visited, #menumore a:hover, #menumore a:active, #menumore a.active, #menurefl a:link, #menurefl a:visited, #menurefl a:hover, #menurefl a:active, #menurefl a.active {text-decoration:none; color:#151515; font-size:10px; z-index: 110;}

a#m1 {width: 120px;}
a#m2 {width: 119px;}
a#m3 {width: 176px;}
a#m4 {width: 143px;}
a#m5 {width: 143px;}
a#m6 {width: 81px;}
a#m7 {width: 198px; _margin-right:-3px;}

a#m1:link, a#m1:visited {background-position: 980px 56px;}
a#m2:link, a#m2:visited {background-position: 860px 56px;}
a#m3:link, a#m3:visited {background-position: 741px 56px;}
a#m4:link, a#m4:visited, a#m4 {background-position: 565px 56px;}
a#m5:link, a#m5:visited {background-position: 422px 56px;}
a#m6:link, a#m6:visited {background-position: 279px 56px;}
a#m7:link, a#m7:visited {background-position: 198px 56px;}

a#m1:hover, a#m1:active, a#m1.active {background-position: 980px 0px;}
a#m2:hover, a#m2:active, a#m2.active {background-position: 860px 0px;}
a#m3:hover, a#m3:active, a#m3.active {background-position: 741px 0px;}
a#m4:hover, a#m4:active, a#m4.active {background-position: 565px 0px;}
a#m5:hover, a#m5:active, a#m5.active {background-position: 422px 0px;}
a#m6:hover, a#m6:active, a#m6.active {background-position: 279px 0px;}
a#m7:hover, a#m7:active, a#m7.active {background-position: 198px 0px;}

#menumore a, #menurefl a {display:block; float:left; height:56px; background-image:url(/images/menu_more.png); background-repeat:repeat;}
#menurefl a {background-image:url(/images/menu_refl.png);}

a#s1 {width: 250px;}
a#s2 {width: 315px;}
a#s3 {width: 92px;}
a#s4 {width: 83px;}
a#s5 {width: 132px;}
a#s6 {width: 108px; _margin-right:-3px;}

a#s1:link, a#s1:visited {background-position: 980px 56px;}
a#s2:link, a#s2:visited {background-position: 730px 56px;}
a#s3:link, a#s3:visited {background-position: 415px 56px;}
a#s4:link, a#s4:visited {background-position: 323px 56px;}
a#s5:link, a#s5:visited {background-position: 240px 56px;}
a#s6:link, a#s6:visited {background-position: 108px 56px;}

a#s1:hover, a#s1:active, a#s1.active {background-position: 980px 0px;}
a#s2:hover, a#s2:active, a#s2.active {background-position: 730px 0px;}
a#s3:hover, a#s3:active, a#s3.active {background-position: 415px 0px;}
a#s4:hover, a#s4:active, a#s4.active {background-position: 323px 0px;}
a#s5:hover, a#s5:active, a#s5.active {background-position: 240px 0px;}
a#s6:hover, a#s6:active, a#s6.active {background-position: 108px 0px;}

a#r1 {width: 378px;}
a#r2 {width: 211px;}
a#r3 {width: 391px; _margin-right:-3px;}

a#r1:link, a#r1:visited {background-position: 980px 56px;}
a#r2:link, a#r2:visited {background-position: 602px 56px;}
a#r3:link, a#r3:visited {background-position: 391px 56px;}

a#r1:hover, a#r1:active, a#r1.active {background-position: 980px 0px;}
a#r2:hover, a#r2:active, a#r2.active {background-position: 602px 0px;}
a#r3:hover, a#r3:active, a#r3.active {background-position: 391px 0px;}

a.tabmore, a.tabmore:link, a.tabmore:visited, a.tabmore:hover, a.tabmore:active {background: url(/images/menu_more_tab.png) !important; font-size:10px; color:#151515 !important;}
a.tabrefl, a.tabrefl:link, a.tabrefl:visited, a.tabrefl:hover, a.tabrefl:active {background: url(/images/menu_refl_tab.png) !important; font-size:10px; color:#151515 !important;}

#article {width:940px; text-align:justify; border-style:solid; border-color:#000; border-width: 0px 4px 0px 4px; padding: 12px 16px 0px 16px; background: url(/images/frame_mid.png) no-repeat center bottom #FFF; _background-image: none; _overflow:hidden; z-index: 10;}

.submenud {padding-top: 65px !important;}

#footer {padding-bottom:4px; color:#fff;}
#footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover, #footer a:active {color:#999; text-decoration:underline; }
#footer_inside {background-color:#000; overflow:auto;}
#footer_frame {background-image: url(/images/frame_bot.png); background-repeat: no-repeat; background-position: center top; height:4px; width:980px; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/frame_bot.png');}
.bar {width: 300px; height:19px; padding: 15px 0px 10px 20px; float:left;}
.bar div {width: 288px; padding: 0px 5px; height:17px; border: 1px solid #999; background-color:#333; background-image:url(/images/userbar.png); font-size:12px; font-family: "MS Sans Serif", Geneva, sans-serif; color:#999; overflow:hidden;}
.bar div span {display:block; float: left;}
.bar a {display:block; float: right;}
.bar a:link, .bar a:visited, .bar a:hover, .bar a:active {text-decoration:none !important; color:#999 !important;}
#f4, #f5, #f6 {width: 300px; padding: 12px 0px 7px 20px; float:left;}
#f4 {text-align:left;}
#f4 img {float:left; margin-right:7px;}
#f5 {text-align:center; color:#666;}
#f5 a:link, #f5 a:visited {color:#666; text-decoration:none;}
#f5 a:hover, #f5 a:active {color:#999; text-decoration:underline;}
#f6 {text-align:right;}

.deeper a:link, .deeper a:visited, .deeper a:hover, .deeper a:active {text-decoration:none;}
.deeper a:link img, .deeper a:visited img {border: 4px solid #CCC;}
.deeper a:hover img, .deeper a:active img {border: 4px solid #999;}
.deeper a:link p, .deeper a:visited p {text-decoration:underline; color:#AAA;}
.deeper a:hover p, .deeper a:active p {text-decoration:none; color:#777;}
.cl {clear:both; font-size:6px;}

img.bord, a:link img.bord, a:visited img.bord {border: 1px solid #999;}
a:hover img.bord, a:active img.bord {border: 1px solid #333;}

#comich {text-align:center; font-size: 20px; font-weight: bold; position:relative; width:100%; height:29px;}
#comich h1, #comich .h1 {font-size:15px; padding:0px; margin:0px; position: absolute; color: #CCC;}
#comich h1 {top:5px; left:0px;}
#comich .h1 {top:5px; right:0px;}

#comicnavi {position:relative; height: 6px; font-size:6px;}
#prev, #first, #archive, #next, #last, #vote, #social {background-repeat:repeat; width:60px; height:60px; position: absolute; display:block; background-color:#CCC;}
a#prev, a#first, a#archive, a#next, a#last, a#vote {color:#FFF !important; text-decoration:none !important; font-size:9px; text-align:center;}
#prev, #first, #archive {background-image:url(/images/navi_left.png);}
#next, #last, #vote {background-image:url(/images/navi_right.png);}

#prev {left: 30px; top: 95px;}
#first {left: 30px; top: 156px;}
#archive, #social {left: 30px; top: 217px;}
#next {right: 30px; top: 95px;}
#last {right: 30px; top: 156px;}
#vote {right: 30px; top: 217px; background-position: 193px 73px;}
#social {background-color: #FFF;}
#socialh {position: relative; width: 60px; height: 60px;}
#socialh div {position: absolute; height: 16px; width: 16px; border: 2px solid #000;}
#socialh div img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
#socialh div:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
#vkontakte {top: 10px; left:12px;}
#livejournal {top: 10px; right:10px;}
#twitter {bottom: 12px; left:12px;}
#delicious {bottom: 12px; right:10px;}

a#prev:link, a#prev:visited {background-position: 86px 190px;}
a#first:link, a#first:visited {background-position: 86px 134px;}
a#archive:link, a#archive:visited {background-position: 87px 80px;}
a#next:link, a#next:visited {background-position: 193px 189px;}
a#last:link, a#last:visited {background-position: 193px 132px;}
a#vote:link, a#vote:visited {background-position: 193px 73px;}

a#prev:hover, a#prev:active {background-position: 185px 190px;}
a#first:hover, a#first:active {background-position: 185px 134px;}
a#archive:hover, a#archive:active {background-position: 186px 80px;}
a#next:hover, a#next:active {background-position: 81px 189px;}
a#last:hover, a#last:active {background-position: 81px 132px;}
a#vote:hover, a#vote:active {background-position: 81px 73px;}

#prev.inactive {background-position: 135px 190px !important;}
#first.inactive {background-position: 135px 134px !important;}
#next.inactive {background-position: 137px 189px !important;}
#last.inactive {background-position: 137px 132px !important;}

.lastindex {left: 29px !important; top: 50px !important;}
.voteindex {right: 30px !important; top: 50px !important;}

div#secret {height: 16px; float:left; text-align:right; width:40px; position:relative; margin-right: 5px; font-weight:bold;}
div#secret div, div#secret span {display:block; height: 16px; width:20px; position:absolute;}
div#secret div {top:0px; left:0px; text-align:right;}
div#secret span {top:0px; right:0px; text-align:left;}
.gray {color:#999;}

#list {padding-bottom:13px;}
#list div {padding:0px; border-style: solid; border-color: #eee; border-width: 1px 1px 0px 1px; overflow:auto; width:100%; margin-bottom:13px;}
#list div:hover {background-color:#f8f8f8;}
#list span {padding: 5px 5px; background-color:#eee; display:block; float:left; font-weight:bold; width:140px; color:#999; text-align:right;}
#list p {padding: 5px 5px; display:block; float:left;}

#blogsend {}
.commenthold {clear:both; margin-bottom: 15px; overflow:auto; width:940px;}
.commenthold:hover {background-color:#f8f8f8;}
.avatar {float: left; padding:9px 9px 7px 9px; background-color:#eee;}
.avatar img {width:66px; height:66px; border: 1px solid #bbb;}
.commentbord {float: left; width:850px; margin-left: -1px; border-style: solid; border-color: #eee; border-width: 1px 1px 0px 1px;}
.author {padding: 5px 10px 5px 10px; background-color:#eee; color:#666;}
.commenttext {padding: 5px 10px 5px 10px;}
.warning {display:block; padding:9px; background-color:#eee; color:#900; margin-bottom:10px; text-align:center;}
.warning a {color:#900; font-weight:bold;}
#subtitles {padding:7px 9px 9px 9px; margin-bottom:13px; background-color:#eee; color:#bbb; font-family:"Courier New", Courier, monospace; font-size:12px; border: 1px solid #bbb;}
#narea, #marea {width: 160px;}
#tarea {width: 932px; height: 75px; font-size: 14px;}
#aarea {width: 30px; height: 13px; font-size: 13px;}
#sarea {width: 200px;}

.storywrap {padding-bottom:25px;}
.story {border: 4px solid black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 704px; padding: 15px; text-align:justify; margin: 0px auto; background-color: #eee}
.articlenav {float:right; width: 222px; height:220px; padding: 6px 5px 5px 5px; margin: 4px 5px 12px 20px; background-color:#fafafa; border: 3px solid #000; font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.articlenav ol {padding-left:26px; margin: 0px; text-align:left;}
.articlenav li {padding-bottom: 2px;}
.inva {text-decoration:none !important; cursor: text !important; color:#999 !important;}
.articleimg {float:left; width: 250px; margin: 0px 16px 10px 0px; font-size:12px; font-style:italic; text-align:center;}
.articleimg img {width:250px; height:495px; position:relative; top: -2px;}

@-moz-document url-prefix() {
.areasubmit {padding-top:13px;
}