/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
official Teal #2efaad
*/

.clear{clear:both;}
.footer{width:100%; height:40px; background:#3f4245;}
h1.special
{
font-family: 'Maven Pro', sans-serif;
font-weight: 900;
font-size: 120px;
text-transform: uppercase;
letter-spacing: -5px;
line-height: 93px;
text-align: center;
color: #ACA9A0;
text-shadow: 1px 1px 1px #787777;
filter: dropshadow(color=#787777, offx=1, offy=1);
padding-top: 10px;
margin: 0 auto;
/*position: fixed;*/
z-index: 100;
width: 100%;
}
.name{color:#2efaad;}
.smallName{font-size: 80px; line-height: 93px; color:#827C7D;}
.smallNameExtra{font-size: 70px; line-height: 93px; color:#827C7D;}

span.intro_line {
background: url(http://www.williamhowley.com/img/intro_line.png) no-repeat;
width: 254px;
height: 8px;
display: inline-block;
margin: 0 20px 12px 25px;
}

.amp{font-size: 90px;}
#titleBackground{background: url(http://www.williamhowley.com/img/background4.png) repeat; width:auto;height:600px;}



input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	/*width: 350px;*/
	background:#C63;
	
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
	
	

textarea { 
	width: 350px;
	max-width: 350px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.labelspacer{width:100px; height:30px;
	background:#b5b53e;}
.form label { 
	margin-left: 5px; 
	color: #000; 
	
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #2efaad;
	border: 0;
	font-size: 14px;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	margin: 10px 0 0 0;
	}

.example {
width: 650px;
color: #000000;
background-color: #F6F4F0;
background-color: #D0E69C;
background-color: #DCECB5;
background-color: #2efaad;
margin: 0px;
padding: 5px;
border: 1px solid #d4d4d4;
background-image: -webkit-linear-gradient( #ffffff , #2efaad 300px);
background-image: linear-gradient( #ffffff , #a6fada 300px);
}

div.example_code {
background-color: #ffffff;
padding: 5px;
border: 1px solid #d4d4d4;
font-size: 80%;
font-family: "courier new";
}

/* For Menu */
#sidemenu li.selected { background: #767b7f; }

.divider{width:auto; height:1px; border-bottom:1px solid #ccc; margin: 40px 150px 20px 150px;}
.padd{width:600px;height:40px;}

/*Standard Table Formatting*/

table.special{margin:20px 0 0 0; border-top:1px solid #666;}
    table.special tr:first-child{padding:10px; font-weight:bold;}
    table.special td{min-width:200px;}
    table.special td{padding:10px; border-bottom:1px solid #ccc; border-right:2px dotted #e8e8e8; border-left:2px dotted #e8e8e8;}
    table.special td:first-child{padding:10px; border-right:2px dotted #e8e8e8;}
    table.special td:last-child{padding:10px; border-left:2px dotted #e8e8e8; font-weight:normal;}
    
    .twelve h3{margin-top:20px;}
    .run-in-head{font-weight:bold;}
    table.special td.strong{font-weight: bold; background-color: #F1F1F1;}

        
    ul.normal{
    	list-style: outside;
margin: 0px 0 0 17px;}


 .class{color:#666;}

table {
  display: table;
  background-color: white;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #e5e5e5 !important;
}
table caption {
  text-align: center;
  font-size: 30px;
  padding: .75em;
}
table thead th,
table tbody td,
table tr td {
  display: table-cell;
  padding: 10px;
  vertical-align: top;
  text-align: left;
  border-top: 1px solid #e5e5e5;
}
table tr td, table tbody tr td {
  font-size: 16px;
}
table tr td:first-child {
  font-weight: bold;
}
table thead {
  background-color: #3085d6;
  color: #fff;
}
table thead tr th {
  font-size: 16px;
  font-weight: bold;
  vertical-align: bottom;
}
table.striped tr:nth-of-type(even),
table table tr.stripe,
table table tr.striped {
  background-color: #e5e5e5;
}
table.rounded {
  border-radius: 4px;
  border-collapse: separate;
  border: 1px solid #e5e5e5;
}
table.rounded caption + thead tr:first-child th:first-child,
table.rounded caption + tr td:first-child,
table.rounded > thead tr:first-child th:first-child,
table.rounded > thead tr:first-child td:first-child,
table.rounded > tr:first-child td:first-child {
  border-top-left-radius: 4px;
}
table.rounded caption + thead tr:first-child th:last-child,
table.rounded caption + tr td:last-child,
table.rounded > thead tr:first-child th:last-child,
table.rounded > thead tr:first-child td:last-child,
table.rounded > tr:first-child td:last-child {
  border-top-right-radius: 4px;
}
table.rounded thead ~ tr:last-child td:last-child,
table.rounded tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
table.rounded thead ~ tr:last-child td:first-child,
table.rounded tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
table.rounded thead th, table.rounded thead td,
table.rounded caption + tbody tr:first-child td,
table.rounded > tbody:first-child tr:first-child td {
  border-top: 0;
}

ul.list{
  list-style-type: disc;
}