/* MAIN */
body {
    margin:0; padding:0; z-index:0;
    background-color:#2786B2;
    text-align:center;
}
body, html { height:100% }
* html { height:100%; }
form, img, a, ul, li, h1, p, #container, .hidden { margin:0; padding:0; border:0; }
a:focus { outline:0; }
#container {
    position:absolute;
    top:0px;
    left:0px;
    width:auto;
    height:auto;
}
#red, #poster {
    position:absolute;
    top:0px;
    left:0px;
    width:582px;
    height:650px;
    background-color:#D22033;
}
#red {
    background:url('../img/bg_redbp.jpg') no-repeat;
}
#poster {
    background:url('../img/bg_red.jpg') no-repeat;
}
#yellow {
    position:absolute;
    top:0px;
    left:586px;
    width:135px;
    height:650px;
    background-color:#FECA00;
    background:url('../img/bg_ylw2.jpg') repeat-y;
}
#blue {
    position:absolute;
    top:0px;
    left:725px;
    width:500px;
    height:650px;
    background-color:#2786B2;
    background:url('../img/bg_blu.gif') no-repeat;
}
#blkvert {
    position:absolute;
    top:0px;
    left:582px;
    width:4px;
    height:650px; /*700px*/
    background-color:#000;
    z-index:1;
}
#blkbase {
    position:absolute;
    top:641px;
    left:0px;
    width:100%;
    height:30px;
    background-color:#000;
    z-index:1;
    text-align:left;
    font:13px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#fff;
    padding:10px 0 0 135px;
}

img { position:absolute; }
img#comix { top:0px; left:0px; }
img#hdr { top:0px; left:32px; z-index:1; }
img#key { top:145px; left:327px; z-index:2; }
img#date { top:266px; left:43px; }
img#time { top:345px; left:107px; }
img#dj { top:383px; left:22px; }
img#vj { top:514px; left:129px; }
img#cartn { top:577px; left:22px; z-index:2; }
img#star { top:7px; left:-31px; z-index:2; }
img#iss { top:145px; left:14px; }
img#issb { top:570px; left:330px; }
img#mag { top:230px; left:15px; }
img#hall { top:380px; left:2px; }
img#rgg { top:17px; left:11px; }
img#ppc { top:11px; left:11px; }
img#p_sm { top:60px; left:16px; border:1px solid #000; }
img#p_lg { top:68px; left:77px; border:5px solid #fff; }
img#vespa { top:180px; left:55px; border:5px solid #fff; }
img#boxbot { top:100px; left:25px; border:3px solid #fff; }
img#bxbt { top:590px; left:4px; }
img#figs { top:39px; left:165px; }
img#phone { top:13px; left:25px; }
img#camera { top:14px; left:15px; }
img#zarf { top:5px; left:5px; }
img#hand { top:62px; left:34px; }
img#now { top:5px; left:15px; }
img#tmpx { 
    position:absolute;
    top:150px;
    left:20px;
    border:5px solid #fff; 
    border-bottom:0px; 
}

div#fb {
    position:absolute;
    top:75px;
    left:190px;
    width:120px;
    text-align:left; 
}
p#fb {
    font:11px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#fff;
    padding-left:27px;
    line-height:13px;
}
img#fb {
    float:left;
    padding-top:2px;
}

p#iaw {
    position:absolute;
    top:205px;
    left:18px;
    font:11px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#c00;
    text-align:center;
}

#nav {
    position:absolute;
    top:65px;
    left:36px;
    width:250px;
    text-align:left;
}
#nav ul li {
    list-style-image:url('../img/star_sm.gif');
}
#nav ul li a {
    font:bold 12px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#fff;
    text-decoration:none;
}
#nav ul li a:hover {
    color:#ff0;
}

#box1, #box2 {
    position:absolute;
    background-color:#000;
    border:1px solid #ccc;
    text-align:left;
    font:13px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#fff;
    padding:10px;
}
#box1 {
    top:150px;
    left:45px;
    width:250px;
    height:155px;
    background:url('../img/sq_1.gif') no-repeat;
}
#box2 {
    top:350px;
    left:45px;
    width:250px;
    height:245px;
    background:url('../img/sq_2.gif') no-repeat;
}
p#pix_date {
    position:absolute;
    top:65px;
    left:190px;
}
a.pix {
    font:13px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#ff0;
    text-decoration:none;
}
a.pix:hover {
    color:#fff;
    text-decoration:underline;
}
p#ttl_b {
    position:absolute;
    top:15px;
    left:10px;
    font:bold 13px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#000;
}
p#ttl_r {
    position:absolute;
    top:33px;
    left:17px;
    font:11px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#c00;
}
p#p_date {
    position:absolute;
    top:50px;
    left:75px;
    font:bold 12px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#ccc;
}
p#p_artist {
    position:absolute;
    top:51px;
    left:300px;
    font:11px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#fff;
}
a.sm {
    font:11px Trebuchet MS, Verdana, Arial, sans-serif;
    color:#ff0;
    text-decoration:none;
}
a.sm:hover {
    color:#fff;
    text-decoration:underline;
}


/* FORMS 
-----------*/
#tmform {
    position:absolute;
    top:180px;
    left:170px;
    width:240px;
    height:250px;
    border:1px solid #ccc;
    padding:35px 0px 10px 10px; 
    background-color:#2786B2;
    background:url('../img/sq_2.gif') repeat;
}
#tmform form label { 
	text-align:right; 
	width:60px; 
	padding-right:2px; 
	float:left; 
	font:bold 12px Trebuchet MS, Verdana, Arial, sans-serif;
	color:#fff; 
	margin-top:7px; 
}
#tmform form input { 
	border:1px solid #ccc; 
	font:12px Trebuchet MS, Verdana, Arial, sans-serif;
	color:#ff0; 
	width:150px; 
	background-color:#0A0E11; 
	padding-left:2px; 
	margin-top:7px; 
}
#tmform form textarea { background-color:#0A0E11; padding-left:2px; border:#ccc 1px solid; 
	font:12px Trebuchet MS, Verdana, Arial, sans-serif; color:#ff0;
	margin-top:7px; width:150px; height:50px; }
button { margin:8px 0px 0px 5px; cursor:pointer; height:28px; width:83px; background-color:#630; }
button:hover { background-color:#c60; }
button span { font:bold 14px Trebuchet MS, Verdana, Arial, sans-serif; color:#fff; }
button span:hover { color:#ff0; }
.error { font:bold 12px Trebuchet MS, Verdana, Arial, sans-serif; color:#ff0; 
	margin:13px 0px 3px 20px; display:block; clear:both; }