﻿/*
	Akulas Index Stylesheet
	Copyright (c) 2006 Sen Haerens
*/

*
{
	margin: 0;
	padding: 0;
/*	border: 1px solid black;*/
}

html
{
	padding: 4em;
	font-family: georgia, 'times new roman', serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align: center;
	color: #333;
	background: #fef4d9 url('/image/background.png') repeat fixed;
}

body
{
	width: 69em;
	margin: 0 auto 0 auto;
	font-size: 1em;
	line-height:  1.5em;
	text-align: left;
	background: transparent url('/image/rustines-sleeve.gif') no-repeat right top;
}

h1 a
{
	display: block;
	width: 107px;
	height: 80px;
	background: url('/image/akulas-logo.png') no-repeat left top;
}

h1 a:hover
{
	border: none;
}

h2
{
	clear: both;
	margin-top: 4em;
	padding-left: 2em;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	background: url('/image/flower-icon.gif') no-repeat left center;
}

p, ul
{
	margin-bottom: 1em;
}

a
{
	text-decoration: none;
	font-weight: 900;
	color: #ff2800;
}

a:hover
{
	color: #0094b2;
	border-bottom: 1px dotted #0094b2;
}

a img, a:link img, a:visited img
{
	border-style: none;
	background-image: none;
}

img
{
	display: block;
	margin: 0 auto 0 auto;
}

img.inline
{
	display: inline;
	margin: 1em;
}

table
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

th
{
	text-align: left;
	text-transform: capitalize;
}

td, th	
{
	vertical-align: baseline;
}

dt
{
	font-weight: bold;
	border-bottom: 1px dotted #333;	
}

form
{
	margin-bottom: 1em;
	text-align: center;
}

input.text, input.button, textarea, button.g-recaptcha
{
	font-family: georgia, 'times new roman', serif;
	font-size: 1em;
	color:#333;
}

input.text, textarea, select
{
	width: 100%;
	background-color: #fef4d9;
}

input.text
{
	text-align: center;
}

input.button, button.g-recaptcha
{
	padding: 0 1em;
	margin-top: 1em;
	margin-right: 0.5em;
}

label
{
	font-style: italic;
	text-transform: capitalize;
}

label.error
{
	display: block;
	color: #ff2800;
	font-weight: 900;
	font-style: normal;
	text-transform: none;
}

.border
{
	border: 1px #333 dotted;
	padding: 0.5em;
}

#col1
{
	float: left;
	margin: 0 4em 4em 0;
	width: 20em;
}

#col2
{
	float: left;
	margin: 26em 4em 4em 0;
	width: 20em;
}

#col3
{
	float: left;
	margin: 29em 0 4em 0;
	width: 20em;
}

#footer
{
	width: 100%;
	height: 50px;
	clear: both;
	padding-top: 1em;
	text-align: center;
	background: transparent url('/image/main-footer.gif') no-repeat top left;
}

#facebook a
{
	display: block;
	width: 100%;
	height: 63px;
	background: transparent url('/image/sign-facebook.gif') no-repeat top center;
	margin-bottom: -20px;
}

#facebook a:hover
{
	background-position: bottom center;
	border: none;
}

#gigs select
{
	width: auto;
}

.hide
{
	display: none;
	visibility: hidden;
}

#admin-button
{
	float: right;
	z-index: 1;
	height: 20px;
	width: 65px;
	background: transparent url('/image/button-admin.gif') no-repeat top left;
}

#admin-button:hover
{
	border: none;
}

#listen a
{
	display: block;
	width: 100%;
	height: 64px;
	background: transparent url('/image/listen-now.gif') no-repeat top center;
}

#listen a:hover
{
	border: none;
}

#music ul
{
	margin-top: 1em;
	list-style-type: none;
}
 
#music li
{
	padding-top: 4px;
	margin-bottom: 2em;
	background: transparent url('/image/music-top.gif') no-repeat top left;
}
 
#music p
{
	margin: 0;
	padding: 0.25em 1em  0em 1em;
	background-color: #e6dbc3;
}

#music div.bottom
{
	height: 8px;
	background: transparent url('/image/music-bottom.gif') no-repeat top left;
}
 
#music .music_player
{
	display: block;
	margin: 0.25em 0 0 0.05em;
}

#newsletter input.text, #shout input.text, #login input.text
{
	font-weight: 900;
}

.pictures
{
	margin-top: 0.5em;
}

.pictures a img
{
	display: inline;
}

.pictures a, .pictures a:hover
{
	border: none;
}

#tale 
{
	list-style-type: none;
}

#tale li
{
	padding-top: 4px;
	background: transparent url('/image/tale-top.gif') no-repeat top left;
}

#tale p
{
	margin: 0;
}

#tale p.message
{
	padding: 0.25em 1em  0.4em 1em;
	background-color: #e6dbc3;
}

#tale p.writer
{
	height: 29px;
	padding: 1em 7em 0 0;
	background: transparent url('/image/tale-bottom.gif') no-repeat top left;
	text-align: right;
	font-style: italic;
}
