@charset "UTF-8";
/* CSS Document
Guy Clark
Common CSS
© 2013 Guy Clark
Created 5/22/13 8:16AM
Updated 5/22/13 8:16AM
Validated 5/22/13 8:16AM
CSS code by Steve Wilkison at Digital Vision Media, www.digitalvisionmedia.com */

/* Normalize the padding and margins, remove borders */
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, p, blockquote, applet, object, iframe, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, caption, table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}

/* Remove list-style from lists */
ol, ul {
	list-style: none;
	}
	
/* Display lists inline */
li {
	display: inline;
	}
	
/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}
	
/* Redo italics and bold */
em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

em strong, strong em {
	font-weight: bold;
	font-style: italic;
}
	
/* Collapse table borders */	
table {
	border-collapse: collapse;
	}
	
/* Remove borders from fieldsets and images */
fieldset, img {
	border: 0;
	}
	
/* Left align text in caption and th */
caption, th {
	text-align: left;
	}
	
.clearfloats {
	clear: both;
	}

/* Set basics properties for page */
html, body {
	color: #000;
	background: #d4ceca url(../images/clarkhome5_20_13back.jpg) top center repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 130%;
	}
	
/* FONTS */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 22, 2013 09:34:54 AM America/New_York */



@font-face {
    font-family: 'CabinRegular';
    src: url('../fonts/Cabin-Regular-webfont.eot');
    src: url('../fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Regular-webfont.woff') format('woff'),
         url('../fonts/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinItalic';
    src: url('../fonts/Cabin-Italic-webfont.eot');
    src: url('../fonts/Cabin-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Italic-webfont.woff') format('woff'),
         url('../fonts/Cabin-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Italic-webfont.svg#CabinItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinMedium';
    src: url('../fonts/Cabin-Medium-webfont.eot');
    src: url('../fonts/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Medium-webfont.woff') format('woff'),
         url('../fonts/Cabin-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Medium-webfont.svg#CabinMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinMediumItalic';
    src: url('../fonts/Cabin-MediumItalic-webfont.eot');
    src: url('../fonts/Cabin-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-MediumItalic-webfont.woff') format('woff'),
         url('../fonts/Cabin-MediumItalic-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-MediumItalic-webfont.svg#CabinMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinSemiBold';
    src: url('../fonts/Cabin-SemiBold-webfont.eot');
    src: url('../fonts/Cabin-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-SemiBold-webfont.woff') format('woff'),
         url('../fonts/Cabin-SemiBold-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-SemiBold-webfont.svg#CabinSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinSemiBoldItalic';
    src: url('../fonts/Cabin-SemiBoldItalic-webfont.eot');
    src: url('../fonts/Cabin-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-SemiBoldItalic-webfont.woff') format('woff'),
         url('../fonts/Cabin-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-SemiBoldItalic-webfont.svg#CabinSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinBold';
    src: url('../fonts/Cabin-Bold-webfont.eot');
    src: url('../fonts/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Bold-webfont.woff') format('woff'),
         url('../fonts/Cabin-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinBoldItalic';
    src: url('../fonts/Cabin-BoldItalic-webfont.eot');
    src: url('../fonts/Cabin-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Cabin-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-BoldItalic-webfont.svg#CabinBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
/* LAYOUT ELEMENTS */	
	
div#wrapperdiv {
	width: 960px;
	height: 925px;
	margin: 0 auto 0 auto;
	position: relative;
	visibility: visible;
	z-index: 0;
	background: url(../images/homeback.jpg) top center no-repeat;
	-webkit-box-shadow: 0 0 15px #000;
	-moz-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
	}

div#albummini {
	width: 167px;
	height: 203px;
	position: absolute;
	z-index: 100;
	top: 219px;
	left: 397px;
}

div#newsdiv {
	width: 314px;
	height: 660px;
	position: absolute;
	z-index: 20;
	visibility: visible;
	top: 151px;
	left: 41px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	background: #dac8b0;
}

div#guitarend {
	background: url(../images/guitarend.png);
	width: 96px;
	height: 288px;
	position: absolute;
	z-index: 150;
	visibility: visible;
	right: -96px;
	top: 579px;
}

div#newsheader {
	background: url(../images/newsheader.jpg);
	width: 314px;
	height: 45px;
}
	
div#socialdiv {
	width: 372px;
	height: 40px;
	position: absolute;
	z-index: 30;
	visibility: visible;
	top: 140px;
	left: 497px;
}

div#socialmusicdiv {
	width: 372px;
	height: 40px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

div#socialphotodiv {
	width: 372px;
	height: 40px;
	position: relative;
	margin: 20px auto 0 auto;
	padding: 0 0 30px 0;
}
	
div#navigationdiv {
	width: 500px;
	height: 74px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 25px;
	left: 435px;
	text-align: center;
	color: #dac8b0;
	font-family: 'CabinRegular', Georgia, sans-serif;
}

div#insidebackdiv {
	background: url(../images/biobackrepeat.jpg) top left repeat-y;
}	

div#creditsdiv {
	width: 440px;
	margin: 0;
	padding: 0;
	font-size: 70%;
	color: #9c8f7e;
	position: absolute;
	z-index: 50;
	visibility: visible;
	bottom: 10px;
	left: 20px;
	font-family: 'CabinRegular', Georgia, sans-serif;
}

div#copyrightdiv {
	width: 200px;
	float: left;
	text-align: left;
	margin: 0;
}

div#webdiv {
	width: 200px;
	float: right;
	text-align: right;
	margin: 0 15px 0 0;
}

div.excerpt {
	margin: 0 0 20px 0;
}

div.dividerdiv {
	margin: 30px 0;
}

div.dividerdivcon {
	margin: 30px 0;
	border-bottom: 1px solid #888;
}

div.dividernewsdiv {
	margin: 30px 0;
	border-bottom: 1px solid #888;
}

/* LINKS */

div#content a {
	color: #1c3566;
	text-decoration: none;
	text-decoration: underline;
}

div#content a:hover {
	color: #000;
	text-decoration: none;
	text-decoration: underline;
}

div#navigationdiv a {
	color: #dac8b0;
	text-decoration: none;
}

div#navigationdiv a:hover {
	color: #fff;
	text-decoration: underline;
}

div#webdiv a {
	color: #9c8f7e;
	text-decoration: none;
}

div#webdiv a:hover {
	color: #fff;
	text-decoration: none;
}

div#widgetdiv a {
	color: #000;
	text-decoration: underline;
}

div#widgetdiv a:hover {
	color: #777;
}

span.more a {
	font-size: 70%;
	color: #005760;
	text-decoration: none;
}

span.more a:hover {
	color: #fff;
	text-decoration: underline;
}

/* LISTS */

div#navigationdiv ul#topnav {
	margin: 0 0 15px 0;
}

div#navigationdiv ul li {
	padding: 0 10px 0 0;
	font-size: 110%;
}

div#widgetdiv ul {
	margin: 10px 10px 10px 10px;
}
div#widgetdiv ul li {
	display: list-item;
}

/* TEXT */

div#widgetdiv p {
	margin: 0 0 10px 0;
	font-size: 80%;
}

div#widgetdiv p.morediv {
	margin: 0 10px 10px 10px;
}

div.headline p, div.headline p em {
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 5px 0;
}

div.excerpt p {
	display: inline;
	font-size: 90%;
}

.linkedon {
	color: #fff;
}

div#content h2 {
	font-weight: bold;
	font-size: 110%;
	padding: 0 0 4px 0;
}

/* SCROLLER */

div#dsvContent1 {
	position: absolute;
	width: 255px;
	left: 20px;
	top: 0px;
	z-index: 0;
	visibility: visible;
	}
	
div#scrollerWrapper {
	position: relative;
	z-index: 40;
	visibility: visible;
	left: 20px;
	top: 20px;
}

div#dsvUp {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	width: 17px;
	height: 18px;
	visibility: hidden;
}

div#dsvDown {
	position: absolute;
	left: 0;
	top: 327px;
	z-index: 50;
	width: 17px;
	height: 18px;
	visibility: hidden;
}

div#dsvTrack {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 40;
	width: 3px;
	height: 570px;
	background: #000;
}

div#dsvContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 275px;
	height: 570px;
	clip: rect(0px,275px,570px,0px);
	overflow: hidden;
	z-index: 1;
}