/* Asgard style sheet */

body {
	background-image: url(../images/background.gif);	
}

/* navigation */
.navbar li:hover, a:hover {
	background-color: #54879d;
	} 

.navbar ul {
    list-style-type:none;
    color: white;
	background-color:#0000FF;
	text-decoration: none;
	width: 100%;
    display: table;
    table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}

.navbar ul li {
	padding: 10px;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.navbar ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

/* navigation */

/* footer list */
.footer ul {
    list-style-type:none;
    color: white;
	background-color:#0000FF;
	text-decoration: none;
	width: 100%;
    display: table;
    table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}

.footer ul li {
	padding: 10px;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.footer ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

.footer a:hover {
	background-color:transparent
}

/* footer list */

#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    display:none;
}
 
#errors li {
    padding:2px;
    list-style:none;    
}
 
#errors li:before {
    content: ' - ';    
}
 
#errors #info {
    font-weight:bold;
}
 
#errors #info:before {
    content: '';    
}
 
#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    font-weight:bold;
    display:none;
}
 
#errors.visible, #success.visible {
    display:block;    
}
 
#req-field-desc {
    font-style:italic;
}
 
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
 
/* Normalize placeholder styles */
 
/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}.bold {
	font-weight: bold;
}