@charset "UTF-8";
/* CSS Document - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	background-color: #f4f4f4;
}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	
/* first for Internet Explorer < 9 */
  @font-face {
    font-family: BauWeb;
    src: url("BauWeb.eot"); }
	@font-face {
				font-family: BauWeb-Medium;
				src: url("BauWeb-Medium.eot"); }
/* then for WOFF-capable browsers */
  @font-face {
    font-family: BauWeb;
    src: url("BauWeb.woff") format("woff"); }
	@font-face {
				font-family: BauWeb-Medium;
				src: url("BauWeb-Medium.woff") format("woff"); }
				
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

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

body {
font-size: 62.5%;
	font-family: BauWeb, Helvetica, Arial, sans-serif;
		text-align: left;
}

p, h2, h3, h1 {
	font-family: BauWeb, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}
h4,h5,h6 {
	font-family: BauWeb-Medium, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}

h1 {
	padding: 0 0 14px 0;
	}

.name,
.nav {
	font-size: 1.8em;
	margin: 14px 0 0 0;
		text-align:left;
		line-height: 1.2em;
	}
	.nav a {
		border-bottom: 1px Solid #333;
	}
.mininav {
		font-size: 1.4em;
		line-height: 1.2em;
		margin-top: 3px;
}


	
h1 {
	font-size: 1.8em;
	margin: 0;
	line-height: 1.28em;
	}	
h1 a {
	border-bottom: 0px Solid #333;

	}
h1 a:hover {
	}	


@media only screen and (min-width: 0px) {
.worktitlesindex  { }}

@media only screen and (min-width: 702px) {
.worktitlesindex  { }}

	
h2 {
		font-size: 1.8em;
		line-height: 1.28em;
		margin: 0px;
}
h2 a {}


.phils-fingers {
		font-size: 3em;
		line-height: 1.28em;
		margin: 0px;
		width: 75%;
		max-width: 680px;
}
@media only screen and (min-width: 0px) {
.phils-fingers  {	font-size: 1.8em;
		line-height: 1.28em;
		margin: 0px;
		width: 100%;
		}}

@media only screen and (min-width: 702px) {
.phils-fingers {
		font-size: 3em;
		line-height: 1.28em;
		margin: 0px;
		width: 100%;
}}

@media only screen and (min-width: 900px) {
.phils-fingers {
		font-size: 3em;
		line-height: 1.28em;
		margin: 0px;
		width: 75%;
}}


/* 'Matthew Olczak' */
h3 {
	font-size: 1em;
	margin: 0px;
	text-align:left;
	
}
h3 a {
		border-bottom: 0px Solid #ccc !important;
}
h3 a:hover {
	}	

	
p {
	color: #000;
	font-size: 1.8em;
			line-height: 1.40em;
	}
	
	.caption {
		color: #000;
	font-size: 1.4em;
			line-height: 1.40em;
			max-width: 320px;
	}
	
	.captioninset {
		color: #000;
	font-size: 1.4em;
			line-height: 1.40em;
			max-width: 320px;
			margin-left: 25%;
			text-align: left;
	}
	@media only screen and (min-width: 0px) {
.captioninset  {margin-left: 0%;		}}

@media only screen and (min-width: 900px) {
.captioninset  {margin-left: 25%;		}}

	.captionmiddle {
		color: #000;
	font-size: 1.4em;
			line-height: 1.40em;
			max-width: 320px;
			margin-left: 12.5%;
			text-align: left;
	}
	@media only screen and (min-width: 0px) {
.captionmiddle  {margin-left: 0%;		}}

@media only screen and (min-width: 900px) {
.captionmiddle  {margin-left: 12.5%;		}}


	
	.createdby {color: #999;}
	
	
	.feet {
		text-align: left;
	}
	.whitebutton a {
	border:#FFF;
	background-color:#FFF;
	border: 1px solid #FFF;
	border-radius: 3px;
	padding: 8px 20px 7px 20px;
	}
	.whitebutton a:hover {
	border:#FFF;
	background-color:#f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 20px 7px 20px;
	}
	.whitebutton a:active {
	border:#0078ff;
	background-color:#0078ff;
	border: 1px solid #0078ff;
	border-radius: 3px;
	padding: 8px 20px 7px 20px;
	color: #fff;
	}
	
p a {
	text-decoration: none;
	border-bottom: 0px Solid #333;
	}
	p a:hover {
	text-decoration: none;
	border-bottom: 0;
	}
	
.feedText p {
	font-size: 1.4em;
	}
.fed_contact a { color:#999; border-bottom: 0px !important;}
.fed_contact a:hover { color:#000; border-bottom: 0px !important; transition: 1s;}