/**
* Eric Meyer's CSS reset
* @link http://meyerweb.com/eric/tools/css/reset
*/
a,abbr,acronym,address,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,ins,kbd,label,legend,li,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}body{background:#FFF;color:#000;line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:400;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content:none}blockquote,q{quotes:none}

/**
* Markup free clearing
* @link http://www.positioniseverything.net/easyclearing.html
*/
.clear-both:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clear-both{display:inline-block}* html .clear-both{height:1%}.clear-both{clear:both;display: block}

/**
* HTML elements
*/
:focus {
  outline: none;
}
body {
  background: #1d1918 url(images/bg.png);
  color: #959595;
  font: 0.75em/160% Arial, Helvetica, sans-serif;  /* 12px base font size */
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 120%;
  margin: 5px 0;
}
h1 {
  font-size: 2em;  /* 24px */
}
h2 {
  font-size: 1.667em;  /* 20px */
}
h3 {
  font-size: 1.5em;  /* 18px */
}
h4 {
  font-size: 1.334em;  /* 16px */
}
h5 {
  font-size: 1.167em;  /* 14px */
}
h6 {
  font-size: 1.084em;  /* 13px */
}
hr {
  border: 1px solid #CCC;
}
blockquote, fieldset, p, pre, table {
  margin: 10px 0;
}
a:link, a:visited, li a.active {
  color: #ffa10a;
  text-decoration: none;
}
a:active, a:hover {
  text-decoration: underline;
}
ol, ul {
  margin-left: 24px;
}
ol li {
  list-style-type: decimal;
}
ul li {
  list-style-type: disc;
}
label {
  color: #ffffff;
}

/**
* Layout styles
*/
#wrapper {
  background: url(images/top-bg.png) repeat-x left top;
}
#page {
  margin: 0 auto;
  width: 768px;
}
#content-wrapper {
  padding-top: 130px;
}
#left,
#right {
  float: left;
}
#left {
  background: url(images/separator.png) no-repeat right top;
  margin-right: 35px;
  padding: 12px 35px 0 0;
  width: 285px;
}
#right {
  width: 408px;
}
#logo,
#position-title {
  float: right;
}
#position-title {
  color: #ffa10a;
}
#right h5 {
  color: #ffa10a;
  font-weight: bold;
}
#right h5 a,
.page-title  {
  color: #FFFFFF;
  font-weight: bold;
}
#right h5 a:hover {
  color: #ffa10a;
}
#twitter {
  background: url(images/icon-twitter.png) no-repeat;
}
#linkedin{
  background: url(images/icon-linkedin.png) no-repeat;
}
#contact {
  background: url(images/icon-contact.png) no-repeat;
}
#portfolio {
  background: url(images/icon-portfolio.png) no-repeat;
}
#lyric {
  background: url(images/icon-lyric.png) no-repeat;
}
.icon {
  margin-bottom: 12px;
  padding: 2px 0 2px 45px;
}
#twitter.icon {
  padding: 0 0 0 45px;
}
ul#twitter_update_list {
  margin: 0;
  padding: 0;
}
ul#twitter_update_list li {
  border-bottom: 1px solid #454545;
  border-top: 1px solid #454545;
  list-style-image: none;
  list-style-type: none;
  padding: 6px 0;
}
.links {
  float: right;
}
.links a {
  margin-left: 8px;
}
#copyright {
  font-style: italic;
}
.required {
  color: #ffa10a;
  font-weight: bold;
  margin-left: 3px;
}
.error {
  color: #ff3f3f;
  font-style: italic;
}
.field-text {
  margin: 4px 0;
}
.form-select,
.form-submit,
.form-text,
.form-textarea,
.teaser-button {
  font: 1em Arial, Helvetica, sans-serif;
}
.form-select,
.form-text,
.form-textarea {
  background: #FFF;
  border-top: 1px solid #999;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #999;
  color: #333;
  padding: 4px;
  width: 100%;
}
.form-select:focus,
.form-text:focus,
.form-textarea:focus {
  outline: 1px solid #DCA842;
  border-top-color: #BE974B;
  border-right-color: #F1CA7F;
  border-bottom-color: #F1CA7F;
  border-left-color: #BE974B;  
}

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
#slider {
  margin-top: 20px;
  width: 408px;
  border:1px solid #333333;
}
.nivoSlider {
	position:relative;
  background:url(images/loadingAnimation.gif) no-repeat 50% 50%;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
  display:none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:392px;
  padding: 0 8px;
	z-index:89;
}
.nivo-caption p {
	padding:4px 0;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
  display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-999em;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  display:block;
  float: left;
  width:10px;
	height:10px;
	position:relative;
	z-index:99;
	cursor:pointer;
  top: 245px;
  left: 0;
  background:url(images/bullets.png) no-repeat;
	text-indent:-999em;
}
.nivo-controlNav a.active {
  background-position:-10px 0;
	font-weight:bold;
}