/* Created by kuindzi*/ 
/* all */
* { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: none; }
body { padding: 10px 0; background: #5B799B; text-align: center; }
/* contentarea */
#contentarea { border: 2px solid White; width: 680px; margin: auto; background: #EEFFBB; }
/* header */
#header { overflow: hidden; }
#header h1 { float: left; width: 200px; padding: 0 0 0 20px; color: #2E3C4E; font: 28px impact, Arial, Helvetica, sans-serif; text-decoration: underline; }
#header h2 { float: right; width: 400px; padding: 0 20px 0 0; color: #2E3C4E; font: 18px  Arial, Helvetica, sans-serif; text-align: left; }
/* pic */
.pic img { padding: 2px; border: 1px solid #5B799B; margin: 2px; background: White; }
.pic img:hover { border: 1px solid White; background: #5B799B; }
/* promo */
.promo { padding: 5px; color: #5B799B; font: 18px/1.4 Arial, Helvetica, sans-serif; text-align: justify; }
.promo a { color: #3300FF; font-weight: 900; }
.promo a:hover { color: Red; }
/* position */
#gall #promobottom,
#gall #promotop { float: right; width: 476px; margin: 0 14px 0 0; display: inline; }
#gall #picbottom,
#gall #pictop { float: left; margin: 0 0 0 14px; display: inline; }
#gall #promocentr { clear: both; text-align: center; }
#main .promo { font-size: 20px; }
#main #promobottom { padding-top: 0px; margin-top: -10px; }
#main #promobottom span { float: left; margin: 0 5px -10px 0px; display: inline; }
/* navi */
#gall #navi { padding: 10px; }
#gall #navi li a { margin: 100px; color: #EEFFBB; font: 14px impact,  Arial, Helvetica, sans-serif; }
#main #navi { border: 1px solid Black; width: 300px; float: right; padding: 10px 0; margin: 0px 10px -5px 10px; background: #5B799B; }
#main #navi li a { margin: 15px; color: #EEFFBB; font: 24px impact,  Arial, Helvetica, sans-serif; }
#index #navi { width: 270px; float: right; border: 1px solid Black; padding: 5px 10px; margin: 10px 10px 0 0; display: inline; background: #5B799B; }
#index #navi li a { color: #EEFFBB; font: 41px impact,  Arial, Helvetica, sans-serif; }
/* war */
p#war { width: 350px; margin: 10px 0 0 10px; padding: 2px 5px; border: 1px solid #5B799B; float: left; display: inline; background: White; color: Black; font: 12px Arial, Helvetica, sans-serif; text-align: justify; height: 56px; overflow: auto; }
p#war span { border-bottom: 1px solid #FFBDBD; color: Red; }
/* recip */
/* s2257 */
#s2257 { margin-top: 5px; color: #EEFFBB; font: 12px "Times New Roman", Times, serif; }
#s2257 a { color: #EEFFBB; }
#clear,
.clear, #index #bottom { clear: both; }
#gall #navi li, #main #navi li { display: inline; }
#gall #navi li a:hover, #index #navi li a:hover,
#main #navi li a:hover { color: #C6FF20; }