@charset "utf-8";
body, h1,h2,h3,h4,h5,p,ul,li,img,form{ display: block; border: none; margin:0; padding:0;}
ul,li { list-style: none; }
.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { font-family: Arial, Helvetica, sans-serif; color: #fff; background: url(/punkrockgirlfriend/images/bg.gif) repeat #1a1a1a; }
#wrap { width: 980px;  border: 2px solid #fff; margin: auto; border-top: none; margin-bottom: 20px; -moz-box-shadow: 0 0 60px #000; }
#wrap img { display: block; }

.fl img { float:left; display:inline; }

p.desc { background: url(/punkrockgirlfriend/images/prg_17.gif) no-repeat 0 0; height: 54px; font-weight: bold; font-size: 13px; padding: 15px 20px; text-align: center; line-height: 18px; }

.logo { width: 424px; float:left; display:inline; }
.logo h1 { height: 130px; display: block; text-indent: -9999px; background: url(/punkrockgirlfriend/images/prg_03.gif) no-repeat 0 0; }

.vert { background: url(/punkrockgirlfriend/images/wrap_bg.gif) repeat-y 0 0; }
.vert img { float:left; display:inline; }
.vert ul.first { float:left; display:inline; clear: none; }
.vert ul { background: url(/punkrockgirlfriend/images/prg_14.gif) no-repeat 0 0; width: 952px;  height: 270px; clear:left; margin: 0 auto 15px auto; }
.vert ul li { width: 167px; float:left; display:inline; margin: 3px 0 0 23px; }
.vert ul li.first { margin-left: 13px; }
.vert ul li a { display: block; height: 265px; } 

.horiz { background: url(/punkrockgirlfriend/images/wrap_bg.gif) repeat-y 0 0; }
.horiz img { float:left; display:inline; }
.horiz ul.first { float:left; display:inline; clear: none; }
.horiz ul { width: 952px; background: url(/punkrockgirlfriend/images/prg_20.gif) no-repeat 0 0; clear:left; margin: 0 auto 0 auto; }
.horiz ul li { float:left; display:inline; width: 296px; margin: 5px 0 0 20px; background: url(/punkrockgirlfriend/images/player.gif) no-repeat 0 228px; position: relative; }
.horiz ul li a { display: block; height: 265px; }
.horiz ul li img.play { position: absolute; top: 0; left: 0; }
.horiz ul li.first { margin-left: 13px; }

.join { background: #000; }
.join .left { width: 255px; float:left; background: #000; }
.join .mid { width: 469px; float:left; background: #000; }
.join .right { width: 256px; float:left; background: #000; }

#submit { background: url(/punkrockgirlfriend/images/wrap_bg.gif) repeat-y -14px 0 #000; width: 952px; margin: auto; float:left; }
#submit .bg { background: url(/punkrockgirlfriend/images/submit_foot.gif) no-repeat -14px bottom; padding: 0 0 30px 0; }
#submit .left, #submit .right { width: 167px; margin: 0 40px; float:left; padding: 50px 0 0 0; }
#submit .left img, #submit .right img { margin-bottom: 20px; border: 3px solid #000; }
#submit .mid { float:left; width: 450px; }
#submit .mid ol { list-style: decimal; }
#submit .mid ol li { list-style: decimal; display: list-item; margin: 15px 0; }
#submit .mid ol li a { color: #ffb831; }
#submit h3 { margin: 20px 10px; font-size: 17px; text-align: center; }
#submit p { margin: 20px 10px; font-size: 15px; line-height: 19px; }
#submit p a { color: #CF6; }
#submit p strong { display: block; color: #839acb; }

.footer { background: #000; padding: 20px; text-align: center; font-size: 12px; font-weight: bold; }

#common_footer { color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer img { display: inline; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #fff;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #ff9; text-decoration: underline;font-weight:normal; }
#common_footer a:hover { color: #fff; text-decoration: none; }