/* @override http://www.jasonreedwebdesign.com/clients/durr/assets/css/jdurr_style.css */

/* 

Jaimeson Durr
CSS Coding by

Jason Reed - jason@jasonreedwebdesign.com
jasonreedwebdesign.com
 */

/* @group General */

* {margin: 0; padding: 0; }

html {
	background:url(../images/bg_html.gif) repeat-x #cec9b2;
	height: 100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: url(../images/bg_body.jpg) no-repeat center top;
	height: 100%;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
	padding: 3px 10px;
	border-top: 1px solid #A89E7A;
}

th {
	vertical-align: top;
	border-bottom: 1px solid #4A4536;
	padding-bottom: .5em;
}

a:link {
	color: #444;
}

a:hover {
	color: #000;
}

a img {
	border-width: 0;
}

ul {
	list-style: none;
	margin-bottom: 1em;
}

li {
	padding: 0 0 .4em 10px;
	background: url(../images/bg_li.gif) no-repeat left .45em;
}

img {behavior: url("pngbehavior.htc"); }

/* @end */


/* @group Layout */

#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	min-height: 601px;
}

#header {
	float: left;
	width: 725px;
	background: url(../images/bg_header.png) no-repeat left bottom;
	padding-bottom: 30px;
}

#content {
	float: left;
	width: 685px;
	background: url(../images/bg_content.png) no-repeat left bottom;
	padding: 20px 30px 50px 10px;
}

#flash {
	margin-bottom: 20px;
}

#mixes #content {
	padding: 20px 30px 30px 10px;
}

#sidebar {
	width: 243px;
	height: 581px;
	position: absolute;
	top: 20px;
	right: 0;
}


/* @end */

/* @group Navigation */
#navPrimary {
	list-style: none;
	margin: 20px 0 0 0;
}

#navPrimary li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	background: none;
}

#navPrimary li a{
	outline: 0; 
	-moz-outline: none;

}
#navPrimary #navBiography a {
	display: block;
	height: 35px;
	width: 51px;
	background: url(../images/nav_biography.png) no-repeat left top;
	text-indent: -999em;	
} 

#navPrimary #navBiography a:hover {
	background: url(../images/nav_biography.png) no-repeat left bottom;
}

#index #navPrimary #navBiography a {
	background: url(../images/nav_biography.png) no-repeat left bottom;
}

#navPrimary #navDiscography a {
	display: block;
	height: 35px;
	width: 191px;
	background: url(../images/nav_discography.png) no-repeat left top;
	text-indent: -999em;	
} 

#navPrimary #navDiscography a:hover {
	background: url(../images/nav_discography.png) no-repeat left bottom;
}

#discography #navPrimary #navDiscography a {
	background: url(../images/nav_discography.png) no-repeat left bottom;
}

#navPrimary #navMixes a {
	display: block;
	height: 35px;
	width: 88px;
	background: url(../images/nav_mixes.png) no-repeat left top;
	text-indent: -999em;	
} 

#navPrimary #navMixes a:hover {
	background: url(../images/nav_mixes.png) no-repeat left bottom;
}

#mixes #navPrimary #navMixes a {
	background: url(../images/nav_mixes.png) no-repeat left bottom;
}

#navPrimary #navContact a {
	display: block;
	height: 35px;
	width: 117px;
	background: url(../images/nav_contact.png) no-repeat left top;
	text-indent: -999em;	
} 

#navPrimary #navContact a:hover {
	background: url(../images/nav_contact.png) no-repeat left bottom;
}

#contact #navPrimary #navContact a {
	background: url(../images/nav_contact.png) no-repeat left bottom;
}

#navPrimary #navStudio a {
	display: block;
	height: 35px;
	width: 100px;
	background: url(../images/nav_studio.png) no-repeat left top;
	text-indent: -999em;	
} 

#navPrimary #navStudio a:hover {
	background: url(../images/nav_studio.png) no-repeat left bottom;
}


/* @end */

/* @group Headings */

h1 a {
	display: block;
	text-indent: -999em;
	width: 370px;
	height: 80px;
	background: url(../images/bg_h1.png) no-repeat top left;
	margin: 10px 0 0 10px;
	outline: 0; -moz-outline: none;
}
/* @end */


/* @group Content */

#content p {
	line-height: 1.4em;
	margin-bottom: 1em;
}

#contact #content p {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

.artist {
	font-weight: bold;
	padding-right: none;
}

.imprint {
	white-space: nowrap;
}

#sidebar img {
	float: right;
	margin-bottom: 20px;
}

#mixes td {
	text-align: center;
	width: 150px;
	border: none;
	padding: 0 28px 30px 0;
}

#mixes td.last {
	padding-right: 0;
}

#mixes td img {
	width: 150px;
	height: 150px;
}

/* @end */


/* @group Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */