/* 
Theme Name: Haggard Design
Theme URI: www.haggard.com.au
Description: Haggard Design version 2008 2.0 (10.0)
Version: 10.0
Author: Josh Miller
Author URL: www.haggard.com.au
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body{
	font: 62.5% Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #1F1F18;
	text-align: center;
	background: #0F0E0B url(../wsimages/body.jpg) top center;
	text-rendering: optimizeLegibility;
}

#wrapper{
	width: 100%;
	min-width: 1040px;
	margin: 0 auto;
	text-align: left;
}

#header-inner, #nav-inner, #feature-inner, #content-inner, #footer-inner{
	width: 960px;
	padding: 0 40px;
	margin: 0 auto;
}

/* @group HEADERS, ANCHORS */

/* GLOBAL HEADERS, ANCHORS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.copy p, .copy blockquote, .copy pre, .trim{
	margin-bottom: 1.3em;
	font-size: 1.3em;
	line-height: 1.6em;
}

.copy a:link, .copy a:visited, .copy a:active, #feature .copy a:link, #feature .copy a:visited, #feature .copy a:active{
	font-weight: bold;
	color: #83951A;
	text-decoration: none;
	border-bottom: 1px solid #BCBE8D;
	padding: 0 2px;
	margin: 0 -2px;
}

.copy:hover a, #feature .copy:hover a{
	border-bottom: 1px solid #83951A;
}

.copy a:hover, #feature .copy a:hover{
	border-bottom: none;
	background-color: #83951A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.copy h1, #feature .copy h1{
	margin-bottom: 1em;
	font-size: 2em;
	color: #D34740;
	text-transform: uppercase;
}

.copy h1 a:link, .copy h1 a:visited, .copy h1 a:active, #feature .copy h1 a:link,  #feature .copy h1 a:visited, #feature .copy h1 a:active{
	color: #D34740;
	text-decoration: none;
	border-bottom: 1px solid #BCBE8D;
}

.copy h1 a:hover{
	background: #D34740;
}

.copy h2, #feature .copy h2{
	margin-bottom: 1em;
	font-size: 1.9em;
	color: #D34740;
	background: none;
}

.copy h2 a:link, .copy h2 a:visited, .copy h2 a:active, #feature .copy h2 a:link, #feature .copy h2 a:visited, #feature .copy h2 a:active{
	color: #D34740;
	text-decoration: none;
	background: none;
}

.copy:hover h2 a, #feature .copy:hover h2 a{
	border-bottom: 1px #D34740 solid;
}

.copy h2 a:hover, #feature .copy h2 a:hover{
	background: #D34740;
}

.copy h3, #feature .copy h3{
	margin-bottom: 1em;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #1F1F18;
}

.copy h3 a:link, .copy h3 a:visited, .copy h3 a:active, #feature .copy h3 a:link, #feature .copy h3 a:visited, #feature .copy h3 a:active{
	color: #83951A;
	text-decoration: none;
	border-bottom: 1px solid #BCBE8D;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.copy:hover h3 a, #feature .copy:hover h3 a{
	border-bottom: 1px #83951A solid;
}

.copy h3 a:hover, #feature .copy h3 a:hover{
	background: #83951A;
}

.copy h4, #feature .copy h4{
	margin-bottom: 1em;
	font-size: 1.4em;
	color: #D34740;
	background: none;
}

.copy h4 a:link, .copy h4 a:visited, .copy h4 a:active, #feature .copy h4 a:link, #feature .copy h4 a:visited, #feature .copy h4 a:active{
	color: #D34740;
	text-decoration: none;
	background: none;
}

.copy:hover h4 a, #feature .copy:hover h4 a{
	border-bottom: 1px #D34740 solid;
}

.copy h4 a:hover, #feature .copy h4 a:hover{
	background: #D34740;
}

.copy h5, #feature .copy h5{
	margin-bottom: 1em;
	font-size: 1.3em;
	color: #D34740;
	background: none;
}

.copy h5 a:link, .copy h5 a:visited, .copy h5 a:active, #feature .copy h5 a:link, #feature .copy h5 a:visited, #feature .copy h5 a:active{
	color: #D34740;
	text-decoration: none;
	background: none;
}

.copy:hover h5 a, #feature .copy:hover h5 a{
	border-bottom: 1px #D34740 solid;
}

.copy h5 a:hover, #feature .copy h5 a:hover{
	background: #D34740;
}

.copy h6, #feature .copy h6, #stalk-me h6{
	margin-bottom: 1em;
	font-size: 1.2em;
	color: #ACAA81;
	background: none;
	font-weight: normal;
}

.copy h2 .dull, #feature .copy h2 .dull{
	font-size: .75em;
	color: #ACAA81;
	background: none;
	font-weight: normal;
	font-style: normal;
}

.copy h4 .dull, #feature .copy h4 .dull, .copy h3 .dull, #feature .copy h3 .dull{
	color: #ACAA81;
	background: none;
	font-weight: normal;
	font-style: normal;
}

.copy h6 a:link, .copy h6 a:visited, .copy h6 a:active, #feature .copy h6 a:link, #feature .copy h6 a:visited, #feature .copy h6 a:active{
	color: #9FA472;
	text-decoration: none;
	background: none;
}

.copy:hover h6 a, #feature .copy:hover h6 a{
	border-bottom: 1px #9FA472 solid;
}

.copy h6 a:hover, #feature .copy h6 a:hover{
	background: #9FA472;
}

.copy a:hover, .copy h1 a:hover, .copy h2 a:hover, .copy h3 a:hover, .copy h4 a:hover, .copy h5 a:hover, .copy h6 a:hover{
	color: #FFFFCD;
	border: none;
}

#feature .copy a:hover, #feature .copy h1 a:hover, #feature .copy h2 a:hover, #feature .copy h3 a:hover, #feature .copy h4 a:hover, #feature .copy h5 a:hover, #feature .copy h6 a:hover {
	color: #CCCB9B;
	border: none;
}

.inset{
	height: 15px;
	margin: 2px -14px 0 0;
	font-size: 1.1em;
	padding: 5px 24px 5px 10px;
	background-color: #CCCC9A;
	border: none;
	float: left;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-box-shadow: 0 1px 0 #D7D7A5, 0 -1px 0 #A1A179;
	-webkit-box-shadow: 0 1px 0 #D7D7A5, 0 -1px 0 #A1A179;
}

.copy abbr, #feature .copy abbr{
	border-bottom: 1px solid;
	border-bottom-style: dashed;
}

#single .single-inner .header h1{
	font-size: 3.6em;
	line-height: 1em;
	margin-bottom: 0;
}

#single .single-inner .header h3{
	font-size: 2em;
	margin-bottom: .4em;
}

#single .single-inner .header h6{
	font-size: 1.2em;
	margin-bottom: 1em;
}

#single .single-inner .header img{
	border: #1F1E17 4px solid;
	margin-bottom: 1em;
	max-width: 612px;
}

#single .single-inner .header a img:hover{
	border: 4px solid #423D30;
}

#single .single-inner .header a{
	background: none;
	border: none;
}

#single .single-inner .header h1 a:hover, #single .single-inner .header h6 a:hover{
	background: #D34740 none repeat scroll 0 0;
}

#previous-notes ul li h6, #from-the-notebook ul li h6{
	margin: 0;
}

/* @group LIST */

.copy ul{
	font-size: 1.3em;
	line-height: 1.6em;
	list-style: square;
	margin: 0 0 15px 16px;
}

.copy ul li{
	list-style-type: square;
}

.copy ul li ul{
	font-size: 1em;
	line-height: 1em;
	margin: .5em 1em;
}

.copy ol{
	list-style-type: decimal;
}

.copy ol li{
	list-style-type: decimal;
}

.copy li{
	margin-bottom: 5px;
}

#feature ul{
	font-size: 1.3em;
	line-height: 1.6em;
	list-style: square;
	margin: 0 0 15px 16px;
}

#feature #media-library ul{
	font-size: 1em;
	list-style: none;
	margin: 0;
}

/* @end */

.copy blockquote{
	padding: 0 15px;
	font-style: italic;
}

.copy img{
}

.copy img.alignleft{
	float: left;
	display: inline;
	margin: 10px;
}

.copy img[align $='left']{
	float: left;
	display: inline;
	margin: 10px;
}

.copy img.alignright{
	float: right;
	display: inline;
	margin: 10px;
}

.copy img[align $='right']{
	float: right;
	display: inline;
	margin: 10px;
}



/* @end */

/* @group HEADER */

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header{
	background: url(../wsimages/bg_status.jpg) repeat-x bottom center;
	width: 100%;
}

#header-inner{
	background: url(../wsimages/bg_status_inner.jpg) no-repeat bottom center;
	text-align: left;
	overflow: hidden;
}

/* LOGO - IMAGE REPLACEMENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#logo{
	height: 63px;
	font-size: 1.5em;
	margin: 16px 0 30px 0;
}

#logo a{
	display: block;
	height: 0;
	overflow: hidden;
	padding: 63px 0 0;
	text-decoration: none;
}

#logo h1{
	overflow: hidden;
	width: 530px;
	background: url(../wsimages/logo.png) no-repeat 0 0;
	display: block;
}

/* STATUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#status{
	line-height: 1.6em;
	float: right;
	width: 400px;
	margin: 15px 10px 10px 10px;
	color: #9FA472;
}

.aktt_tweet_time{
	
}

#status hr{
	background: url(../wsimages/dark_rule.png) no-repeat top left;
	border: none;
	padding: 2px 0 0 0;
	margin: 6px 0 10px 0;
}

#status p.right{
	float: right;
	width: 300px;
}

#status-inner{
	float: left;
}

#feature-inner hr{
	background: url(../wsimages/light_rule.png) no-repeat top left;
	border: none;
	padding: 2px 0 0 0;
	margin: 6px 0 10px 0;
}

#status.copy p a:link, #status.copy p a:visited, #status.copy p a:active{
	border-bottom: 1px solid #201F18;
}

#status.copy a:hover{
	color: #0F0E0B;
}

/* @group NAV */

/* NAV
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#nav{
	background: #83951B url(../wsimages/bg_nav.jpg) repeat-x bottom center;
	width: 100%;
	height: 108px;
	color: #cc9;
}

#nav-inner{
	background: url(../wsimages/bg_nav_inner.jpg) no-repeat bottom center;
	text-align: left;
	height: 108px;
}

#nav p, #nav li a{
	font-size: 1.2em;
}

#nav li{
	display: inline;
}

#nav li a:link, #nav li a:visited, #nav li a:active{
	float: left;
	color: #cc9;
	text-decoration: none;
	text-align: center;
	width: 140px;
	padding: 0 10px;
	height: 95px;
}

#nav li a:hover, #nav li a.active, #nav p a:hover{
	color: #ffffcd;
}

#nav li a.active{
	
}

#nav a span{
	height: 0;
	padding-top: 40px;
	background: url(../wsimages/nav.png) no-repeat;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}

#nav-home a span{
	width: 55px;
	background-position: 0 0;
}

#nav-home a:hover span, #nav-home a.active span{
	background-position: 0 -40px;
}

#nav-notes a span{
	width: 58px;
	background-position: -55px 0;
}

#nav-notes a:hover span, #nav-notes a.active span{
	background-position: -55px -40px;
}

#nav-portfolio a span{
	width: 100px;
	background-position: -113px 0;
}

#nav-portfolio a:hover span, #nav-portfolio a.active span{
	background-position: -113px -40px;
}

#nav-contact a span{
	width: 77px;
	background-position: -213px 0;
}

#nav-contact a:hover span, #nav-contact a.active span{
	background-position: -213px -40px;
}

#search{
	position: relative;
	margin-bottom: 10px;
}

#s{
	width: 266px;
	height: 15px;
	margin: 1px 14px 1px 0;
	padding: 5px 10px 5px 10px;
	background-color: #CCCC9A;
	color: #9CA349;
	font-weight: bold;
	border: none;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-box-shadow: 0 1px 0 #D7D7A5, 0 -1px 0 #A1A179;
	-webkit-box-shadow: 0 1px 0 #D7D7A5, 0 -1px 0 #A1A179;
}

#s:focus{
	color: #201F18;
}

#search-tags{
	width: 300px;
	padding: 10px;
}

#search-tags a:link, #search-tags a:visited, #search-tags a:active{
	color: #ffffcd;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: bold;
	-webkit-transition-property: color;
    -webkit-transition-duration: .5s;
}

#search-tags p:hover a:hover{
	color: #ffffff;
}

#search-tags p:hover a{
	color: #CC9;

}

/* @end */

/* @end */

/* @group FEATURE */

/* FEATURE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#feature{
	background: #cccb9b url(../wsimages/bg_feature.jpg) repeat-x bottom center;
	width: 100%;
}

#feature-inner{
	background: url(../wsimages/bg_feature_inner.jpg) no-repeat bottom center;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#feature-inner .copy{
	line-height: 1.6em;
	float: left;
	margin: 10px;
}

#feature-inner .projects{
	line-height: 1.6em;
	float: left;
	width: 300px;
	margin: 40px 10px 10px 10px;
}

#feature-inner #box img{
	border: #1F1E17 4px solid;
	float: left;
	margin: 10px;
}

#box{
	width: 3840px;
}

#box div{
	width: 960px;
	float: left;
	position: relative;
}

.mask1{
	position: relative;
	float: left;
	width: 960px;
	overflow: hidden;
}

#feature_tabs{
	position: absolute;
	display: block;
	right: 40px;
	width: 300px;
	height: 25px;
	overflow: hidden;
	padding: 10px 10px 0 10px;
	background: #CCCB9B;
}

#feature-inner .slide-control{
	height: 0;
	position: absolute;
	top: 120px;
	padding-top: 40px;
	width: 60px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

#feature-inner #prev{
	left: 0;
	background: #cccb9b url(../wsimages/button_arrow_left.png) no-repeat 40px center;
	box-shadow: 1px 0 0 #8D925E;
	-moz-box-shadow: 1px 0 0 #8D925E;
	-webkit-box-shadow: 1px 0 0 #8D925E;
	border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
}

#feature-inner #next{
	right: 0;
	background: #cccb9b url(../wsimages/button_arrow_right.png) no-repeat 14px center;
	box-shadow: -1px 0 0 #8D925E;
	-moz-box-shadow: -1px 0 0 #8D925E;
	-webkit-box-shadow: -1px 0 0 #8D925E;
	border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
}

#feature-inner a.hire-me, #feature-inner .copy a.hire-me, #content-inner .copy a.hire-me{
	text-decoration: none;
	padding-right: 20px;
	border: none;
	font-size: 1.1em;
	color: #A0A473;
	background: url(../wsimages/hire_me.gif) no-repeat center right;
}

#feature-inner a.hire-me:hover, #feature-inner .copy a.hire-me:hover, #content-inner .copy a.hire-me:hover{
	border: none;
	color: #84875E;
}

/* @end */

/* @group CONTENT */

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content{
	background: #ffffcd url(../wsimages/bg_content.jpg) repeat-x bottom center;
	width: 100%;
	padding-bottom: 5px;
}

#content-inner{
	padding: 10px 40px;
	background: #ffffcd url(../wsimages/bg_content_inner.jpg) no-repeat top center;
	text-align: left;
	overflow: hidden;
}

/* @group COLUMNS */

.col{
	float: left;
	margin: 10px;
}

.col-one{
	width: 60px;
}

.col-two{
	width: 140px;
}

.col-three{
	width: 220px;
}

.col-four{
	width: 300px;
}

.col-five{
	width: 380px;
}

.col-six{
	width: 460px;
}

.col-seven{
	width: 540px;
}

.col-eight{
	width: 620px;
}

.col-nine{
	width: 700px;
}

.col-ten{
	width: 780px;
}

.col-eleven{
	width: 860px;
}

.col-twelve{
	width: 940px;
}

#notes{
	float: left;
	width: 640px;
	margin: 0;
}

.notes-inner{
	float: left;
	width: 320px;
}

#single, .single-inner{
	float: left;
	width: 640px;
}

#feature-inner .col-twitter, #content-inner .col-twitter{
	float: left;
	width: 310px;
	padding: 10px 0 0 10px;
	background: url(../wsimages/lquo.png) no-repeat top left;
	margin: 0;
}

.tweet p{
	padding: 0 10px 10px 0;
	background: url(../wsimages/rquo.png) no-repeat bottom right;
	margin: 0;
	min-height: 36px;
	font-size: 1.6em;
	line-height: 1.2em;
	font-style: italic;
	color: #4A4533;
}

/* @end */


/* @end */

/* @group SIDEBAR */

/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/* @end */

/* @group COMMENTS */

/* COMMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/* @end */

/* @group FOOTER */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer{
	color:#9FA472;
	width: 100%;
	clear: both;
	line-height:1.6em;
}

#footer-inner{
	text-align: left;
}

#footer a:link, #footer a:visited, #footer a:active{
	color:#83951A;
	border-bottom: 1px solid #201F18;
}

#footer a:hover{
	color: #0F0E0B;
}

#footer h2{
	margin-bottom: 1em;
	font-size: 1.8em;
	color: #FFF;
}

#footer h2 a:link, #footer h2 a:visited, #footer h2 a:active{
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #4D88C4;
}

#footer h2 a:hover{
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

.copy a.tick:link, .copy a.tick:visited, .copy a.tick:active{
	padding-left: 15px;
	margin-left: 4px;
	background: url(../wsimages/tick.gif) no-repeat;
}

.copy a.tick:hover{
	background-color: #83951A;
	border: none;
	background-position: 0 -15px;
}

#footer .copy ul{
	padding: 0;
	margin: 0;
}

#footer .copy ul li{
	list-style: none;
}

#footer-bottom ul.copyright{
	width: 60%;
}

#footer-bottom p.validation{
	width: 40%;
	text-align: right;
	margin: 0;
}

#footer-bottom ul.copyright li{
	float: left;
	margin: 0 6px 0 0;
}

#footer ul.media{
	margin-bottom: 1em;
}

#footer ul.media li{
	float: left;
	padding: 4px;
	background: #080705;
	border-bottom: #2A2921 1px solid;
	margin: 0 6px 6px 0;
}

#footer ul.media li.last-item{
	margin-right: 0;
}

#footer ul.media li:hover{
	background-color: #201F18;
}

#footer-audio ul.media li{
	width: 62px;
	height: 62px;
}

#footer-video ul.media li{
	width: 62px;
	height: 82px;
}

#footer ul.media li img{
	background: #1A1813;
	border-top: #2A2921 1px solid;
	width: 62px;
}

#footer ul.media li a{
	border: none;
	text-decoration: none;
}

#footer-bottom{
	padding-top: 10px;
	border-top: #201F18 1px solid;
	margin-top: 0;
}

/* @end */

/* @group DDFM */

/* DDFM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.ddfm{
	overflow: hidden;
}

#content .ddfmwrap{
}

#footer #footer-get-in-touch .ddfm #fm_verify, #content #content-inner .ddfm #fm_verify{
	border: none;
	background:none;
	position:absolute;
	height: 18px;
	width: 48px;
	color: #83951A;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 6px;
	border: none;
}

#footer #footer-get-in-touch .ddfm p.fieldwrap img{
	border-bottom: 1px solid #2A2921;
}

#footer #footer-get-in-touch .ddfm p.fieldwrap label{
	display: block;
	margin-bottom: .8em;
	background: none;
	color: #83951A;
}

.ddfm p.fieldwrap label span.required{
	float: right;
	font-size: 2em;
	line-height: .5em;
	color: #2A2921;
	margin-top:10px;
}

.ddfm p.fieldwrap input.fmtext, .ddfm p.fieldwrap textarea.fmtextarea{
	width: 294px;
	padding: 3px;
	background: #201F18;
	color: #CCCC99;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	border: none;
	border-bottom: 1px solid #2A2921;
	font-size:1em;
}

.ddfm p.fieldwrap{
	margin-bottom: .8em;
}

#footer-get-in-touch .ddfm .submit{
	float: right;
	margin-top: -48px;
}

.ddfm .submit input{
	height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	background: none;
}

.ddfmerrors{
	font-size: 1.4em;
	font-weight: bold;
	background: #D34740;
	color: #080705;
	margin-bottom: .8em;
	padding: 2px 4px;
	margin: 0 -4px .8em -4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ddfmwrap .errorlist{
	font-size: 1.3em;
	margin-bottom: .8em;
	color: #D34740;
}

#content #content-inner .ddfmwrap .ddfm .fmselect, #content #content-inner .ddfmwrap .ddfm .fmtext, #content #content-inner .ddfmwrap .ddfm .fmtextarea{
	border: none;
	border-bottom: #1F1F18 1px solid;
	padding: 5px;
	background: #CCCB9B;
	width: 610px;
	color: #1F1F18;
}

#content #content-inner .ddfmwrap .ddfm .fmselect{
	width: 620px;
}

#content #content-inner .ddfmwrap .ddfm legend{
	color: #D34740;
	font-size: 1.9em;
	font-weight: bold;
	padding: .4em .4em .4em 0;
	display: block;
}

#content #content-inner .ddfmwrap .ddfm fieldset{
	border-top: 1px solid #CCCB9B;
	margin: 0 0 .8em 0;
}

#content #content-inner .ddfmwrap .ddfm label{
	width: 620px;
	margin-bottom: .4em;
	display: block;
}

/* @end */

/* @group MEDIA */

.media ul li{
	float: left;
	overflow: hidden;
}

.vinyl .case, .vinyl .media-inner{
	width: 140px;
	height: 140px;
}

.vinyl img.scan{
	height: 140px;
}

.vinyl{
	float: right;
	width: 140px;
	height: 140px;
	margin: 10px;
	position: relative;
	z-index: 1;
}

#content .vinyl{
	margin-top: 0;
}

.beta{
	float: right;
	width: 88px;
	height: 140px;
	margin: 10px 36px;
	position: relative;
	z-index: 1;
}

.beta .case, .beta .media-inner{
	width: 87px;
	height: 140px;
}

.beta img.scan{
	height: 140px;
}

.vinyl .case, .vinyl img.scan, .vinyl img.scan-inner, .vinyl .media-inner, .beta .case, .beta img.scan, .beta .media-inner{
	position: absolute;
	top: 0px;
	left: 0px;
}

.vinyl .case, .beta .case{
	z-index: 4;
	overflow: hidden;
}

.vinyl .format-inner{
	position: absolute;
	left: 43px;
	top: 43px;
	height: 48px;
	width: 48px;
	overflow: hidden;
	z-index: -1;
}

.vinyl .format-inner img{
	height: 48px;
}

.vinyl .format{
	background: transparent url(../wsimages/vinyl/format.png) top left no-repeat;
	position: absolute;
	top: 3px;
	left: 10px;
	width: 134px;
	height: 134px;
}

.beta .format{
	background: transparent url(../wsimages/beta/format.png) top left no-repeat;
	position: absolute;
	top: 2px;
	left: 6px;
	width: 85px;
	height: 136px;
}

.vinyl .sleeve{
	background: transparent url(../wsimages/vinyl/sleeve.png) top left no-repeat;
	position: absolute;
	top: 2px;
	left: 9px;
	width: 136px;
	height: 136px;
	text-align: right;
}

.vinyl .media-inner{
	background: transparent url(../wsimages/vinyl/media-inner.png) top left no-repeat;
	z-index: 5;
}

.beta .media-inner{
	background: transparent url(../wsimages/beta/media-inner.png) top left no-repeat;
	z-index: 5;
}

/*
.vinyl .info{
	width: 140px;
	height: 0px;
	overflow: hidden;
	background: url(../wsimages/vinyl/black.png) repeat;
	position: absolute;
	top: 140px;
	left: 0;
	text-align: left;
	color: #ffffcd;
	z-index: 6;
}
*/

.vinyl .info, .beta .info{
	min-width: 160px;
	background: #211F19 url(../wsimages/media_bubble.png) repeat-x;
	position: absolute;
	top: 100px;
	left: 0;
	color: #ffffcd;
	z-index: 6;
	opacity: 0;
	border-left: #33312B 1px solid;
	border-right: #33312B 1px solid;
	border-bottom: #33312B 1px solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.vinyl .info{
	margin-left: -10px;
}

.beta .info{
	margin-left: -26px;
}

.vinyl .info-inner, .beta .info-inner{
	margin-top: -8px;
	padding: 16px 8px 8px 8px;
}

.vinyl .info-inner{
	background: url(../wsimages/media_bubble_tag.png) no-repeat 20px top;
}

.beta .info-inner{
	background: url(../wsimages/media_bubble_tag.png) no-repeat 46px top;
}

.vinyl .info-inner h3, .vinyl .info-inner h6, .beta .info-inner h3, .beta .info-inner h6{
	max-width: 440px;
}

.vinyl .info-inner h3, .vinyl .info-inner h3 a, .beta .info-inner h3, .beta .info-inner h3 a{
	font-size: 1.2em;
	font-weight: bold;
	color: #83951A;	
	margin-bottom: .6em;
}

.vinyl .info-inner h3 a, .beta .info-inner h3 a{
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0 2px;
	margin: 0 -2px;
}

.vinyl .info-inner h3 a:hover, .beta .info-inner h3 a:hover{
	color: #1F1F18;
	background-color: #83951B;
}

.vinyl .info-inner h6, .vinyl .info-inner h6 a:link, .vinyl .info-inner h6 a:visited, .vinyl .info-inner h6 a:active, .beta .info-inner h6, .beta .info-inner h6 a:link, .beta .info-inner h6 a:visited, .beta .info-inner h6 a:active{
	font-size: 1.1em;
	color: #FFFFCD;
	text-decoration: none;
}

.vinyl .info-inner h6 a:hover, .beta .info-inner h6 a:hover{
	text-decoration: underline;
}

.vinyl .info-inner .rating, .beta .info-inner .rating{
	padding: 10px 6px 0 20px;
	background: url(../wsimages/star.png) no-repeat left bottom;
	display: block;
	margin: 0 0 10px 10px;
}

.vinyl .star-band{
	background: transparent url(../wsimages/vinyl/haze.png) top center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 36px;
	padding-top: 104px;
	z-index: 6;
	opacity: 0;
	-webkit-transition-property: opacity;
    -webkit-transition-duration: .3s;
}

.vinyl:hover .star-band{
	opacity: 1;
}

.vinyl .star-band img{
	float: left;
}

/* @end */

/* @group CALENDAR */

/* CALENDAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#calendar_wrap table th, #calendar_wrap table td{
	padding: 5px;
}

#calendar_wrap table caption{
	font-size: 1.8em;
	color: #3972AC;
}

#calendar_wrap table thead{
	color: #3972AC;
	font-weight: bold;
}

#calendar_wrap table tbody td{
	border: #CCC 1px solid;
}

#calendar_wrap table td#today{
	background: #3973AD;
	color: #fff;
}

#calendar_wrap table td#today a{
	color: #fff;
}

#calendar_wrap table td#today a:hover{
	color: #fff;
}

/* @end */

/* @group TITLES */

/* TITLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#wrapper h2.heading, #wrapper h2.block, #comments h2.heading, #sidebar h2.heading{
	position: relative;
	display: block;
	padding-top: 20px;
	overflow: hidden;
	height: 0;
	margin-bottom: 10px;
}

#sidebar h2.heading{
	
}

#feature_tabs h2.heading{
	float: left;
	width: 193px;
	background: url(../wsimages/title_latest_projects.png) no-repeat 0 0;
}

#status h2.heading{
	width: 81px;
	background: url(../wsimages/title_status.png) no-repeat 0 0;
	margin: 5px 0 5px 0;
}

#notes h2.heading{
	width: 125px;
	background: url(../wsimages/title_notebook.png) no-repeat 0 0;
	margin-top: 5px;
}

#from-the-notebook h2.heading{
	width: 243px;
	background: url(../wsimages/title_from_the_notebook.png) no-repeat 0 0;
	margin-top: 5px;
}

#popular-tags h2.heading{
	width: 166px;
	background: url(../wsimages/title_popular_tags.png) no-repeat 0 0;
	margin-top: 5px;
}

#previous-notes h2.heading{
	width: 188px;
	background: url(../wsimages/title_previous_notes.png) no-repeat 0 0;
	margin-top: 5px;
}

#categories h2.heading{
	width: 142px;
	background: url(../wsimages/title_categories.png) no-repeat 0 0;
	margin-top: 5px;
	margin-left: 10px;
}

#about-notes h2.heading{
	width: 489px;
	background: url(../wsimages/block_hi.png) no-repeat 0 0;
	padding-top: 27px;
}

#media-library h2.heading{
	width: 489px;
	background: url(../wsimages/title_media_library.png) no-repeat 0 0;
	margin-top: 5px;
}

#footer-audio h2.heading{
	width: 71px;
	background: url(../wsimages/title_audio.png) no-repeat 0 0;
	margin-top: 5px;
}

#footer-video h2.heading{
	width: 70px;
	background: url(../wsimages/title_video.png) no-repeat 0 0;
	margin-top: 5px;
}

#footer-get-in-touch h2.heading{
	width: 156px;
	background: url(../wsimages/title_get_in_touch.png) no-repeat 0 0;
	margin-top: 5px;
}

#portfolio h2.heading{
	width: 391px;
	padding-top: 24px;
	background: url(../wsimages/block_tasty.png) no-repeat 0 0;
	margin: 5px 0 20px 0;
}

#portfolio-info h2.heading{
	width: 177px;
	background: url(../wsimages/title_one_man_army.png) no-repeat 0 0;
	margin-top: 5px;
}

#portfolio-items h2.block{
	width: 449px;
	padding-top: 28px;
	background: url(../wsimages/block_fine_pixels.png) no-repeat 0 0;
	margin: 5px 0 20px 0;
}

#portfolio h2.block{
	width: 451px;
	padding-top: 89px;
	background: url(../wsimages/block_horde.png) no-repeat 0 0;
	margin-top: 5px;
}

#featured-work-header h2.heading{
	width: 188px;
	background: url(../wsimages/title_featured_work.png) no-repeat 0 0;
	margin-top: 5px;
}

#home-block h2.block{
	width: 188px;
	background: url(../wsimages/title_featured_work.png) no-repeat 0 0;
	margin-top: 5px;
}

#home-hello h2.block{
	width: 272px;
	padding-top: 48px;
	background: url(../wsimages/block_hello.png) no-repeat 0 0;
	margin: 5px 0 20px 0;
}

#home-love h2.block, #portfolio-info h2.block{
	width: 275px;
	padding-top: 48px;
	background: url(../wsimages/block_love.png) no-repeat 0 0;
	margin: 5px 0 20px 0;
}

#full-service h2.block{
	float: left;
	width: 390px;
	padding-top: 56px;
	background: url(../wsimages/block_full_service.png) no-repeat 0 0;
	margin: 5px 20px 0 0;
}

#get-touchy h2.block{
	width: 246px;
	padding-top: 26px;
	background: url(../wsimages/block_touchy.png) no-repeat 0 0;
	margin: 5px 0 20px 0;
}

/* @end */

/* @group BUTTONS */

/* BUTTONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.button-set{
	position: relative;
}

.button, .copy .button, .copy a.button{
	height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	background: none;
}

#search-submit{
	width: 28px;
	position: absolute;
	top: 0;
	right: 0;
	background: url('../wsimages/button_search.png') no-repeat top left;
}

#button-subscribe{
	width: 80px;
	background: url('../wsimages/button_subscribe.png') no-repeat top left;
}

#button-follow{
	width: 83px;
	margin: 0;
	padding: 28px 0 0 0;
	background: url('../wsimages/button_follow.png') no-repeat top left;
}

#button-archives{
	width: 75px;
	background: url('../wsimages/button_archives.png') no-repeat top left;
}

#button-start{
	width: 250px;
	padding: 48px 0 0 0;
	background: url('../wsimages/button_start.png') no-repeat 0 0;
}

#button-start:hover{
	background-position: 0 -48px;
}

#button-start:active{
	background-position: 0 -96px;
}

.ddfm .submit input{
	width: 103px;
	background: url('../wsimages/button_send.png') no-repeat top left;
	cursor: pointer;
}

.ddfm .submit input{
	width: 103px;
	background: url('../wsimages/button_send.png') no-repeat top left;
	cursor: pointer;
}

#search-submit:hover, #button-subscribe:hover, #button-follow:hover, #button-archives:hover, .ddfm .submit input:hover{
	background-position: 0 -28px;
}

#search-submit:active, #button-subscribe:active, #button-follow:active, #button-archives:active, .ddfm .submit input:active{
	background-position: 0 -56px;
}

/* @end */

/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.clear{
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.left{
	float: left;
	display: inline;
}

.right{
	float: right;
	display: inline;
}

#box div .copy a.post-edit-link, a.post-edit-link{
	float: right;
	padding: 5px;
	background-color: #9CA349;
	color: #CCCC9A;
	font-weight: bold;
	text-decoration: none;
	border: none;
	border-top: #8D925E 1px solid;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	margin-bottom: -30px;
}

#box div .copy a.post-edit-link:hover, a.post-edit-link:hover{
	padding-top: 7px;
}

.copy a.post-info, #feature .copy a.post-info{
	background: url(../wsimages/comment.png) no-repeat top center;
	color: #1F1F18;
	border: none;
	font-weight: bold;
	font-size: 1.2em;
	width: 22px;
	height: 19px;
	padding: 2px;
	text-align: center;
	margin: 0 0 5px 5px;
}

ul.wp-tag-cloud li, ul.cat-tags li.cat-item{
	float: left;
	margin: 0 3px 3px 0;
	font-size: 1.3em;
	text-transform: capitalize;
	-moz-border-radius: .9em;
	-webkit-border-radius: .9em;
}

#content ul.wp-tag-cloud li, #content ul.cat-tags li.cat-item{
	background: #CCCB9B url(../wsimages/light_bullet.png) no-repeat 6px center;
}

#feature ul.wp-tag-cloud li, #feature ul.cat-tags li.cat-item{
	background: #FFFFCD url(../wsimages/dark_bullet.png) no-repeat 6px center;
}

#content ul.wp-tag-cloud li:hover, #feature ul.wp-tag-cloud li:hover, #content ul.cat-tags li.cat-item:hover, #feature ul.cat-tags li.cat-item:hover{
	background-color: #83951B;
}

ul.wp-tag-cloud li a, ul.cat-tags li.cat-item a{
	color: #1F1F18;
	padding: 2px 8px 2px 16px;
	display: block;
	text-decoration: none;
}

ul.wp-tag-cloud li:hover a:hover, ul.cat-tags li.cat-item:hover a:hover{
	color: #FFFFCD;
}

#content #categories{
	float: left;
	width: 320px;
	margin: 10px 0;
}

#content #categories ul{
	list-style: none;
	list-style-image: none;
	margin: 0;
}

#content #categories li.cat-item{
	list-style: none;
	width: 130px;
	float: left;
	padding: 5px;
	background: url(../wsimages/dash.gif) repeat-x bottom left;
	margin: 0 10px;
}

#categories.copy li.cat-item a:link, #content #categories.copy li.cat-item a:visited, #content #categories.copy li.cat-item a:active{
	font-size: 1.1em;
	color: #D34740;
	text-decoration: none;
	background: none;
	border: none;
}

#content #categories:hover li.cat-item a{
}

#content #categories.copy li.cat-item a:hover{
	background: #D34740;
	color: #ffffcd;
}

#media-library ul{
	width: 640px;
}

#media-library a.media-toggle{
	display: block;
	width: 44px;
	height: 0;
	padding-top: 55px;
	margin-left: 5px;
	overflow: hidden;
	background: url(../wsimages/block_media.png) no-repeat;
}

#media-library a#toggle-audio{
	background-position: 0 0;
}

#media-library a#toggle-audio.active{
	background-position: 0 -55px;
}

#media-library a#toggle-video{
	background-position: -44px 0;
}

#media-library a#toggle-video.active{
	background-position: -44px -55px;
}

#content #previous-notes ul, #content #from-the-notebook ul{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#content #previous-notes ul li, #content #from-the-notebook ul li{
	list-style-type: none;
	padding-bottom: 8px;
	margin-bottom: 8px;
	background: url(../wsimages/light_rule.png) no-repeat bottom left;
}

#content #previous-notes ul li h4, #content #from-the-notebook ul li h4{
	margin-bottom: 0;
}

#content #previous-notes ul li h4 a, #content #from-the-notebook ul li h4 a, #content #categories ul li h4 a{
	border: none;
}

#about-josh{
	line-height: 1px;
}

#about-laura{
	width: 406px;
	height: 184px;
	position: absolute;
	top: 60px;
	right: 40px;
	background: url(../wsimages/laura.png) no-repeat bottom right;
}

#stalk-me{
	width: 170px;
	float: right;
	margin: 5px 10px;
}

#stalk-me a{
	width: 31px;
	height: 0;
	float: left;
	margin: 0 3px 0 0;
	padding-top: 36px;
	overflow: hidden;
	background: url(../wsimages/block_stalk.png) no-repeat;
}

#stalk-me a#vimeo{
	background-position: 0 0;
}

#stalk-me a#vimeo:hover{
	background-position: 0 -36px;
}

#stalk-me a#linked-in{
	background-position: -31px 0;
}

#stalk-me a#linked-in:hover{
	background-position: -31px -36px;
}

#stalk-me a#twitter{
	background-position: -62px 0;
}

#stalk-me a#twitter:hover{
	background-position: -62px -36px;
}

#stalk-me a#flickr{
	background-position: -93px 0;
}

#stalk-me a#flickr:hover{
	background-position: -93px -36px;
}

#stalk-me a#lastfm{
	background-position: -124px 0;
}

#stalk-me a#lastfm:hover{background-position: -124px -36px;}

#stalk-me h6{
	float: left;
	background: url(../wsimages/dark_strike.png) no-repeat center center;
	width: 167px;
	text-transform: uppercase;
	text-align: center;
	margin: 6px 0 0 0;
}

#stalk-me h6 span{
	background: #cccb9b;
	padding: 0 3px;
}

#featured-work{
	background: #cccb9b url(../wsimages/bg_info_box.jpg) no-repeat top center; 
}

#feature-inner #featured-work-header{
	margin: 0 10px;
	width: 440px;
	height: 68px;
	overflow: hidden;
}

#featured-work-header.copy h3{
	margin-bottom: 0;
}

#featured-work-inner{
	height: 236px;
	border: 4px solid #1F1E17;
	overflow: hidden;
	position: relative;
	clear: both;
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 6px;
	color: #FFFFCD;
}

#featured-work-inner p, #featured-work-inner h1, #featured-work-inner h2, #featured-work-inner h3, #featured-work-inner h4, #featured-work-inner h5, #featured-work-inner h6{
	margin-bottom: 1em;
}

#featured-work-inner h1, #featured-work-inner h2, #featured-work-inner h3, #featured-work-inner h4, #featured-work-inner h5, #featured-work-inner h6{
	font-size: 1.4em;
	line-height: 1em;
	color: #FFFFFF;
}

#featured-work-inner p img{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 4px solid #1F1E17;
	max-width: 417px;
}

#featured-work-inner a:link, #featured-work-inner a:visited, #featured-work-inner a:active{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border: none;
	padding: 0 2px;
	margin: 0 -2px;
}

#featured-work-inner a:hover{
	color: #9B9B75;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFFFCD;
}
	

#featured-work-toggle{
	height: 44px;
	background: #83951B url(../wsimages/bg_info.jpg) no-repeat top center;
	position: relative;
	clear: both;
	cursor: pointer;
}

#featured-work-toggle:hover{
	background-position: center -44px;
}

#featured-work-toggle:active{
	background-position: center -88px;
}

#featured-work-inner img#featured-work-image{
	position: absolute;
	top: 0;
	left: 0;
	height: 248px;
}

#featured-work-toggle p{
	font-size: 1.3em;
	line-height: 1.1em;
	padding: 8px 10px 8px 40px;
	background: url(../wsimages/plus.png) no-repeat 12px 14px;
}

#featured-work-toggle p span.emboss-light{
	color: #ffffcd;
	font-weight: bold;
	text-shadow: 0 -1px 0 #3B4216;
}

#featured-work-toggle p span.emboss-dark{
	color: #525B1F;
	font-weight: bold;
	font-size: .9em;
	text-shadow: 0 1px 0 #ADB36E;
}

#home-block{
	clear: left;
}

#home-love{
	margin-bottom: 0;
}

#portfolio-items .portfolio-item, #single .portfolio-item{
	padding-bottom: 12px;
	background: url(../wsimages/box_shadow.png) no-repeat bottom center;
	line-height: 1px;
}

#portfolio-items .portfolio-item img, #single .portfolio-item img{
	border: 4px solid #1F1E17;
	width: 292px;
}

#portfolio-items .portfolio-item img:hover, #featured-work-inner:hover, #single .portfolio-item img:hover{
	border: 4px solid #423D30;
}

#portfolio-items .portfolio-item a, #portfolio-items .portfolio-item a:hover, #feature #portfolio-items .portfolio-item a, #feature #portfolio-items .portfolio-item a:hover, #single .portfolio-item a, #single .portfolio-item a:hover{
	background: none;
	border: none;
	line-height: 1px;
}

ul.single-tags{
	padding-left: 24px;
	float: left;
	background: url(../wsimages/tag.png) no-repeat top left;
}

.media-pane{
	margin-bottom: 20px;
}

#content #get-touchy.copy h3{
	font-size: 1.8em;
	margin-top: 5px;
}

#content #get-touchy.copy h6{
	margin: 0;
}

#content a.phone, #content a.phone:hover{
	background: #D34740;
	color: #ffffcd;
	border: none;
	margin-right: 10px;
}

#full-service p{
	width: 520px;
	float: left;
	margin: 0;
}

#feature .services h3{
	color: #83951A;
}

#footer a#get-in-touch, #footer a#get-in-touch:hover, #footer a#get-in-touch:active{
	font-weight: bold;
	font-size: 1.4em;
	color: #080705;
	border: none;
	background: #FFFFCD;
	margin-bottom: .8em;
	margin: 0 -4px 0.8em;
	padding: 2px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
}

#footer a#get-in-touch:target{
	display: block;
}

#footer p.thank-you, #content p.thank-you{
	line-height: 1.2em;
	font-weight: bold;
	font-size: 1.4em;
	color: #080705;
	border: none;
	background: #92AE53;
	margin: 0 -4px 0.8em;
	padding: 2px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
}

.new-post{
	display: block;
	position: absolute;
	width: 70px;
	height: 73px;
	top: 0;
	left: 0;
	margin-bottom: -73px;
	background: url(../wsimages/new.png) no-repeat top left;
}

#box:hover div:hover .new-post{
	background: url(../wsimages/new.png) no-repeat 0 -73px;
}






#page-navigation{
	text-transform: uppercase;
}

#page-navigation .page-old, #page-navigation .page-new, #content .copy #page-navigation ul li{
	float: left;
	height: 34px;
	margin-right: 4px;

}

#page-navigation .page-old a, #page-navigation .page-new a, #content .copy #page-navigation ul li a{
	padding: 9px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #CCCB9B;
	height: 16px;
	float: left;
	padding: 9px;
	border: none;
	color: #1F1F18;
	margin: 0;
}

#page-navigation .page-new a{
	font-size: 1.3em;
	padding-left: 18px;
	background: #CCCB9B url(../wsimages/page_older.png) no-repeat top left;
}

#page-navigation .page-old a{
	font-size: 1.3em;
	padding-right: 18px;
	background: #CCCB9B url(../wsimages/page_newer.png) no-repeat top right;
}

#content .copy #page-navigation ul li{
	line-height: 1em;
	list-style: none;
}

#page-navigation .page-old a:hover, #page-navigation .page-new a:hover, #content .copy #page-navigation ul li a:hover, #content .copy #page-navigation ul li.active_page a{
	color: #FFFFCD;
	background-color: #83951B;
}

#page-navigation .page-new a:hover{
	background-position: left -34px;
}

#page-navigation .page-old a:hover{
	background-position: right -34px;
}

#content .copy #page-navigation ul li.space{
	height: 16px;
	float: left;
	padding: 9px;
	color: #1F1F18;
}

#content .copy .post img{
	margin: 0 20px 20px 0;
}

#content .copy .post img.right{
	margin: 0 0 20px 20px;
}

#content .copy .post a.left, #content .copy .post a.left:hover, #content .copy .post a.right, #content .copy .post a.right:hover, #featured-work-inner p a.left, #featured-work-inner p a.right{
	border: none;
	background: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 0;
}

#content .copy .post a img, #content .copy .post img{
	border: 4px solid #1F1E17;
}

/*
#map{
	margin: 0 50px;
	margin-top: -50px;
	margin-bottom: -30px;
	-webkit-perspective: 1800;
	-webkit-transform-style: preserve-3d;
	z-index: 100;
}

#map-inner{
	-webkit-transition-property: perspective;
	-webkit-transform: rotateX(45deg);	
}
*/