* {
	padding:0;
	margin:0;
	}
h1, h2, h3, p, blockquote, ul, ol, dl { margin:1em 5%; }
/* The above is The Fluid Global Whitespace Reset from http://leftjustified.net Thanks a lot!*/

/* Generic elements */
html {
	font-size: 100%;
	background-color: #7a766f;
	}
body {
	font-size: 1em; /* 16px */
	font-family: 'Hoefler Text', Garamond, 'Times New Roman', Times, serif;
	color: #7a766f;
	}

h1, h2, h3 {
	line-height: 1.1em;
	margin: 0 0 20px 0;
	}
h2 {
	color: #a3907c;
	font-weight: normal;
	padding-top: .6em;
	}
p {
	margin: 1em 0;
	}
ul {
	list-style-type: circle;
	}
ol, ul {
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	}
	li {
		margin-left: 0;
		}
dl {
	margin-left: 0;
	}
	dt {
		padding-top: 2em;
		}
		dl dt:first-child {
			padding-top: 0;
			}
	dd {
		margin-left: 0;
		}
a img { border: none; 	}

a {
	color: #56B4F9;
	text-decoration: none;
	}
	a:visited {
		border-bottom: 1px dotted;
		}	
	a:hover {
		color: #fff;
		border-bottom: 1px solid;
		}
:focus {
	outline: 0;
	}
abbr {
	cursor: help;
	}

/* Site specific elements */	
	
#header {
	background-color: #7a766f;
	background-position: -200%  bottom;
	background-repeat: repeat-x;
	}
	#home-page #header {
		background-image: url(/images/tunel8.jpg);
		background-position: -280% bottom;
		}
	#bio-page #header {
		background-image: url(/images/tunel7.jpg);
		}
	.music-page #header {
		background-image: url(/images/tunel5.jpg);
		}
	#links-page #header {
		background-image: url(/images/tunel4.jpg);
		background-position: -280% bottom;
		}
	#contact-page #header {
		background-image: url(/images/tunel2.jpg);
		}
	#langswitch {
		position: absolute;
		top: 0;
		right: 0;
		background: #5b5852;
		padding: 4px 8px;
		font-size: .575em;
		font-family: Verdana, sans-serif;
		-webkit-border-bottom-left-radius: 9px;
		-moz-border-radius-bottomleft: 9px;
		}
		#langswitch:visited {
			border: none;
			}
		#langswitch:hover {
			background: #4f4d47;
			border: none;
			}

#header-content {
	width: 960px;
	margin: 0 auto;
	padding: 25px 20px 225px 20px;
	}
	.inner #header-content {
		padding-bottom: 191px;
		}
	/* =nav */
	#nav {
	margin: 10px 0 0 410px;
	list-style: none;
	width: 540px;
	font-family: 'Lucida Grande', Arial, sans-serif;
	text-transform: lowercase;
	text-align: right;
	}
	#nav li {
		display: inline;
		padding: 10px 0 10px 40px;
		color: #5c5954;
		}
		#nav li a:link {
			color: #2e2b27;
			border-bottom: 0;
			}
			#nav li a:visited {
				color: #2e2b27;
				border-bottom: 0;
				}
			#nav li a:hover {
				color: #56B4F9;
				}
	#second-nav {
	margin: 18px 0 0 410px;
	width: 540px;
	text-align: right;
	list-style: none;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 0.8em;
	}
	#second-nav li {
		display: inline;
		color: #a3907c;
		padding: 0 9px 0 7px;
		border-right: 1px solid #5c5954;
		}
		#second-nav li:last-child {
			border-right: none;
			padding-right: 0;
			}
			#second-nav a:visited {
				border-bottom: none;
				}
	h1 {
		color: #fff;		
		font-size: 2.2em;
		font-family: 'Century Gothic', 'AppleGothic', Arial, Helvetica, sans-serif;
		font-weight: normal;
		letter-spacing: 1px;
		width: 410px;
		float: left;
		}
		h1 em {
			font-size: .675em;
			font-style: normal;
			line-height: 1.3em;
			color: #353b42;
			}
#content {
	margin: 0;
	line-height: 1.5em;
	padding: 25px 20px;
	background: #2e3339 url(/images/intro-bg-shadow.gif) left top repeat-x;
	min-height: 400px;
	}
	#intro {
		margin: 0 auto;
		padding-bottom: 1em;
		color: #427898;
		font-size: 1.2em;
		text-transform: uppercase;
		line-height: 1.4em;
		}
    #intro1 {
        margin: 0 auto;
        padding-bottom: 1em;
        color: #003BCD;
        font-size: 1em
        text-transform: none;
        line-height:1.4em;
        }
		#intro a:link {
			color: #56B4F9;
			border-bottom: 0;
			}
			#intro a:visited {
				color: #56B4F9;
				border-bottom: 0;
				}
			#intro a:hover {
				border-bottom: 1px solid;
				}
	#main-content {
		width: 960px;
		margin: 0 auto;
		}
		#work-list {
			list-style: none;
			position: relative;
			left: -16px; /* To shift the whole list left so the + is outside the list */
			}
			#work-list h3, .vevent {
				font-size: 1em;
				font-weight: normal;
				margin-top: 1em; /* separates buying links form h3 */
				margin-bottom: 0;
				text-transform: uppercase;
				color: #a3907c;
				}
			#work-list li {
				margin-bottom: 20px;
				}
		#upcoming {
			border-top: 1px dashed #7a766f;
			margin-top: 2em;
			}
		.vevent span {
			text-transform: lowercase;
			}
		.dtstart {
			color: #a3907c;
			}
				
		.work-title, #contact-info dt {
			font-size: 1.3em;
			text-transform: uppercase;
			line-height: 1.4em;
			padding-top: .6em;
			}
		.work-title {
			}
			.work-title span {
				display: block;
				font-size: .725em;
				text-transform: lowercase;
				color: #7a766f;
				padding-left: 16px; /* To compensate the woork-list shift left */
				}
			.accordion .work-title:before {
				content: "+ ";
				}
			.info {
				padding-left: 16px; /* To compensate the woork-list shift left */
				}
			.info object {
				padding-top: .5em;
				}
		#portfolio-categories {
			list-style: none;
			}
			#portfolio-categories li {
				text-transform: uppercase;
				font-size: 1.2em;
				padding-right: 1em;
				line-height: 1.4em;
				}
		#contact-info dt {
			color: #3e6e8b;
			}
		#downloadables {
			height: 140px;
			}
			.downloadable {
				display: block;
				float: left;
				width: 100px;
				margin-right: 20px;
				}
				.downloadable em {
					font-size: .6em;
					line-height: 1.4em;
					font-family: Verdana, sans-serif; 
					font-style: normal;
					}
#footer{
	margin: 0;
	padding: 40px 0 20px;
	color: #b0a9a0;
	text-align: center;
	background: #7a766f url(/images/content-bg-shadow.gif) left top repeat-x;
	}
	#footer a{
		color: #b0a9a0;
		}
		#footer a:hover{
			color: #56B4F9;
			}