/* CSS Document */

/* tags */

html { background-color:#000;}
body { background-color:#000; color:#CCC;}

h1, h2, h3, h4, h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:700;}
h1 { position:absolute; text-indent:-9999px; background:url(../images/dj-psypha-logo.png) no-repeat; width: 311px; height:167px; top:20px;left:20px; padding:0px; margin:0px;}
h2 {}
h3 { padding:0px; margin:0px; font-weight:500; font-size:11px; margin:0 auto; letter-spacing:1px; word-spacing:4px; color:#DBF5C9; position:relative; text-align:center; vertical-align:middle; padding-top:3px;}
h4 {}
p,a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:300; color:#339966; padding:0px; margin:0px;}
blockquote { position:absolute; text-indent:-9999px; background:url(../images/dj-psypha-dance-music.png) no-repeat; width:337px; height:146px; top:30px; left:580px; margin:0px; padding:0px;}

/* DIV Styles*/

#wrapper { margin:0 auto; width:960px; height:auto; margin-top:40px;}
#header { margin:0 auto; position:relative; width:960px; background:url(../images/header.jpg) no-repeat; height:200px;}
#navbar { margin:0 auto; position:relative; width:960px; background: url(../images/nav-bar.jpg) no-repeat; height:42px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
#maincontent { margin:0 auto; position:relative; width:960px; background:url(../images/main-mid.jpg) repeat-y; margin-top:0px; padding-top:0px;}

#mainleft { float:left; width:202px; margin-right:4px; margin-left:5px; padding-top:10px; }

#left-top { background:url(../images/left-top.jpg) no-repeat; width:202px; height:20px; position:relative; margin:0 auto;}
#left-mid { background:url(../images/left-mid.jpg) repeat-y; width:202px; padding-left:5px;}
#left-bot { background:url(../images/left-bot.jpg) no-repeat; width:202px; height:20px;}

#maincenter { float:left; width:492px; height:auto; margin-right:5px; padding-top:10px; padding-bottom:10px;}

#cent-top { background:url(../images/cent-top.jpg) no-repeat; width:538px; height:20px;text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#cent-mid { background:url(../images/cent-mid.jpg) repeat-y; width:538px; }
#cent-bot { background:url(../images/cent-bot.jpg) no-repeat; width:538px; height:20px;}

#blog-top { background:url(../images/blog-top.jpg) no-repeat; width:931px; height:14px; margin:0 auto;}
#blog-mid { background:url(../images/blog-mid.jpg) repeat-y; width:931px; margin:0 auto;}
#blog-bot { background:url(../images/blog-bot.jpg) no-repeat; width:931px; height:14px; margin:0 auto;}

#mainright { float:right; width:202px; margin-right:5px; padding-top:10px;}

#right-top {background:url(../images/right-top.jpg) no-repeat; width:202px; height:20px;}
#right-mid {background:url(../images/right-mid.jpg) repeat-y; width:202px; padding-left:5px;}
#right-bot {background:url(../images/right-bot.jpg) no-repeat; width:202px; height:20px;}

#footer { margin:0 auto; position:relative; width:960px; height:62px; background:url(../images/footer.jpg) no-repeat; }



/* div style tags */

#header a { text-decoration:none; color:#CCC; width:202px; height:200px; background:url(../images/club-dj-psypha.png) no-repeat; text-indent:-9999px; position:relative; display:block; left: 330px; border:none hidden 0px;}

#navbar ul { margin:0px; padding:0px;}
#navbar li { display:block; width:140px; height:42px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:500; text-align:center; padding-top:12px;}
#navbar li:hover { background:url(../images/navbar-hover.png) repeat; font-weight:500; color:#F0F9F1}
#navbar a { font-size:14px;}

#footer p,a { margin-top:0px; margin-left:15px; color:#CCC; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; word-spacing:2px; font-weight:500; text-decoration:none; padding-top:20px;}
#cent-mid p,a { margin:0px; padding-left:5px; padding-top:5px;}

/* form elements */
form.contactform { margin-left:20px;}
label.contactme { width:200px; display:block;}
input { background-color:#000000; color:#00CC33; width:200px;}
select {background-color:#000000; color:#00CC33;}
textarea {background-color:#000000; color:#00CC33; width:200px; height:60px;}