/*	
Desc: *Cover Your Artz* Screen Style Sheet
Author: *Digital Anarchy*
Date: *05-10-2007*
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html,body {
background:#e2ddb7 url(../images/bg.jpg) no-repeat;;
border:0;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*=COMMON
=== === === === === === === === === === */
/***** General Formatting *****/
fieldset {
border:0;
padding:10px 0;
position:relative;
}

label {
display:block;
font:normal 12px/17px verdana;
}

input{
width:250px;
}

select{
width:255px;
}

textarea{
width:490px;
height:250px
}

img {border:0;}

a:link {color:#000;}

a:visited {color:#000;}

a:hover {color: #ffbe25;}

a:active {text-decoration: none}

h1,h2,h3{
padding:0;
margin:0;
}

.submit{
width:100px;
}
/*=WRAPER
=== === === === === === === === === === */
#wrapper {
width:745px;
height:auto;
margin:auto;
}

/*=HEADER
=== === === === === === === === === === */
#header {
width:auto;
height:110px;
}

/*=MENU
=== === === === === === === === === === */
#menu{
float:left;
margin:20px 0;
}

#nav_topper{
background:url(../images/nav_top.gif) no-repeat;
width:164px;
height:21px;
margin:30px 0 -1px 0;
}

#nav_bottom{
background:url(../images/nav_bot.gif) no-repeat;
width:164px;
height:21px;
margin:3px 0 0 0;
}

#nav {
background-color:#000;
border-left: 9px solid #000;
border-right: 5px solid #000;
width:150px;
margin:0 0 -3px 0;
}

#nav ul, #nav ul li {
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
width:150px;
}

#nav ul li a {
display:block;
color: #000;
width:100px;
font-weight:bold;
font-size:24px;
text-decoration: none;
}

#nav ul li span {
display: block;
background:url(../images/nav.png);
color: #ffbe25;
width:140px;
height:32px;
padding:3px 0 0 10px;
margin:1px 0 ;
}

#nav ul li a:hover {
color: #ffbe25;
font-weight:bold;
font-size:24px;
text-decoration: none;
}

#nav ul li span:hover {
display: block;
background:url(../images/rollover.png);
color: #ffbe25;
width:140px;
height:32px;
padding:3px 0 0 10px;
margin:1px 0 ;
}

#login {
background-color:#ffbe25;
border-left:4px solid #000;
border-right:10px solid #000;
width:140px;
margin:0;
padding:5px;
}

.login{
margin:4px 0 5px 0;
width:135px;
}

.login_button {
background:#000 url(../images/submit.gif);
color:#fff;
font-weight:bold;
border: 0;
width: 95px;
height: 22px;
margin: 0;
padding: 0;
cursor: pointer; /* hand-shaped cursor */
}


#login_topper{
background:url(../images/login_top.gif) no-repeat;
width:164px;
height:34px;
margin:30px 0 0 0;
}

#login_bottom{
background:url(../images/login_bot.gif) no-repeat;
width:164px;
height:24px;
}

/*=MAIN
=== === === === === === === === === === */
#main{
height:auto;
margin-left:164px;
}

#content_topper{
background:url(../images/content.gif) no-repeat;
width:550px;
height:40px;
}

#content_bottom{
background:url(../images/txt_bot.gif) no-repeat;
width:550px;
height:40px;
margin:-12px 0 0 0;
}

#content{
background:#e5dea7;
border-left:10px solid #000;
border-right:14px solid #000;
width:496px;
min-height:300px;
height:auto !important;
height:300px;
padding:0 15px;
margin:-20px 0 0 0;
}

.list{
float:right;
margin:0 50px 0 0;
}

.left_reg{
float:left;
text-align:center;
}

.right_reg{
float:right;
text-align:center;
}

#tnc{
margin:0 120px;}

/*=FOOTER
=== === === === === === === === === === */
#footer {
width:auto;
height:50px;
padding:0 10px 10px 10px;
vertical-align:text-bottom;
}

/*=BUTTONS
*/
.button_link{
text-decoration:none;
}

.submit{
width: 100px;
height: 30px;
margin: 0 20px 0 0;
padding: 0;
border: 0;
font-weight:bold;
background:url(../images/submit.png);
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */ 
}

.submit:hover{
width: 100px;
height: 30px;
margin: 0 20px 0 0;
padding: 0;
border: 0;
font-weight:bold;

background:url(../images/submit_rollover.png);
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */ 
}

/*=COLOURS
*/

.Bronze{
font-weight:bold;
text-transform:uppercase;
color:#8C7853;
}