/*
Theme Name: Jasen Magic
Version: 1.0

This stylesheet (style-screen.css) consists of screen styling rules.

*/

body {
	background: url('images/page_background.jpg') top center no-repeat #1a0000;
	color: #600;
	padding: 0;
}

a,
a:link {
	color: #00F;
	text-decoration: underline;
}

a:visited {
	color: #808;
}

a:active,
a:hover {
	color: #F00;
}

/*
// Hide text-only elements
*/

#skiplinks {
	display: none;
}

/*
// Container
*/

#container {
	margin: 0 auto;
	width: 681px;
}

/*
// Header
*/

#header h1 a {
	position: absolute;
	top: 57px; /* centred */
	width: 681px; height: 120px;
	display: block;
	background: url('blank.png'); /* Makes it work in IE */
}

#header h1 img {
	display: none;
}

#header_navigation {
	position: absolute;
	top: 14px; /* centred */
	width: 681px; height: 25px;
}

#header_navigation ul {
	padding: 0;
	margin: 0;
}

#header_navigation li {
	display: inline;
}

#header_navigation li a {
	display: block;
	float: left;
	height: 25px; /* widths set individually */
	padding: 0 8px;
}

#header_navigation li.home,
#header_navigation li a span {
	display: none;
}

#header_navigation li.about a {
	background: url('images/nav_about.png') no-repeat;
	width: 51px;
	padding-left: 2px;
}

#header_navigation li.biography a {
	background: url('images/nav_bio.png') no-repeat;
	width: 33px;
}

#header_navigation li.clients a {
	background: url('images/nav_clients.png') no-repeat;
	width: 65px;
}

#header_navigation li.community a {
	background: url('images/nav_community.png') no-repeat;
	width: 143px;
}

#header_navigation li.blog a {
	background: url('images/nav_blog.png') no-repeat;
	width: 45px;
}

#header_navigation li.press a {
	background: url('images/nav_press.png') no-repeat;
	width: 52px;
}

#header_navigation li.testimonials a {
	background: url('images/nav_testimonials.png') no-repeat;
	width: 106px;
}

#header_navigation li.contact a {
	background: url('images/nav_contact.png') no-repeat;
	width: 70px;
	padding-right: 2px;
}

#header_navigation li a:link,
#header_navigation li a:visited {
	background-position: top;
}

#header_navigation li a:hover,
#header_navigation li a:focus {
	background-position: bottom;
}

#header_navigation li a:active {
	background-position: center;
}

/*
// Mailing list box
*/

#mailform {
	display:none; /* remove line when form processor has been configured. */
	position: absolute;
	top: 536px; /* centred */
	width: 179px; height: 19px;
	padding: 15px 10px;
	margin: 0 241px;
	background: url('images/mailform_fieldset_bg.png') no-repeat;
}

#mailform fieldset {
	width: 179px;
	height: 19px;
	padding: 0;
	margin: 0;
	border: 0 solid white;
}

#mailform legend {
	display: none;
}

#mailform label {
	display: none;
}

#mailform input {
	margin: 0;
	border: 0 solid white;
}

#mailform_email {
	position: absolute;
	top: 15px; left: 10px;
	width: 127px; height: 17px;
	padding: 2px;
	background: url('images/mailform_email_bg.png') no-repeat;
	font-family: Georgia, serif;
	font-size: 0.75em;
	color: white;
}

#mailform_submit {
	position: absolute;
	top: 15px; right: 10px;
	width: 48px; height: 19px;
	padding: 0;
}

#mailform .helptext { /* Only present when form is blank */
	background-image: url('images/mailform_email_join.png');
}

/*
// Content
*/

#content {
	position: absolute;
	top: 177px; /* centred */
	width: 641px; height: 357px;
	margin: 0 20px;
	overflow: hidden;
}

#content div.contents {
	margin: 10px;
	padding: 0 10px;
	/*background: gray;*/
}

/*
// Footer
*/

#footer {
	position: absolute;
	top: 628px; /* centred */
	width: 681px; height: 20px;
	text-align: center;
	color: #900;
	font-family: Verdana;
	font-size: 0.5em;
}

#footer hr {
	display: none;
}