/************************
 Cascading Style Sheet for

     funnelfiasco.com

 Copyright (c) 2010
   Ben Cotton 
   bcotton -at- funnelfiasco -dot- com
************************/

BODY { 
  background: #ffffff;
  font-family: Verdanda, sans-serif;
  color: #000000;
  margin-left: 10%;
  margin-right: 10%;
  }

H1, H2 { 
  color: #000000;
  text-align: center;
  }

H1.chasedate {
	color: #000000;
	text-align: center;
}

H2.chaseloc {
	color: #000000;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}

A:link {
  color: #0000ff;
  text-decoration: underline;
  }
A:visited {
  color: #aa00aa;
  text-decoration: underline;
  }
A:active {
  color: #32cd32;
  text-decoration: underline; 
  text-transform: uppercase;
  }
A:hover {
  color: #32cd32;
  text-decoration: none;
/*  text-transform: uppercase; */
  }

/* .smalltext is deprecated in favor of .caption */
.smalltext {
  font-size: small;
  }

.caption {
	font-size: 80%;
        padding-top: 7px; 
        padding-bottom:7px;
}

.banner {
	text-align: center;
}

/*****
*
* Stop using tables for image layouts
*  (adapted from http://thecodecentral.com/2007/10/02/tableless-image-gallery-an-experiment-of-fluid-grid)
*
*****/

.album{
  width:100%; 
  padding: 10px; 
  float: left; 
}

.album .imageSingle {
  float: left; 
  margin-left: 5px;
  margin-right: 5px;
  margin-top:2px;
  margin-bottom:2px; 
  width:320px; 
  text-align:center; 
}

.album .imageSingle .image {
  width:320px; 
  height:240px; 
  margin:3px;
}


/*****
*
* Stop using tables for things like link lists too
*
*****/

.texttable{
  width:80%;
}

.texttable .textentry{
  float:left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top:2px;
  margin-bottom:2px; 
  text-align:left;
}

td.mainbody {
  padding: 1% 10%;
  }

table.linklist {
  border: solid 0px;
  padding: 3px;
  }

table.linklist td {
  border: solid 0px;
  text-align: left;
  padding: 5px;
  }

table.linklist th {
  border: solid 0px;
  text-align: right;
  padding: 5px;
  }

table.linklist-full {
  border: solid 0px;
  padding: 3px;
  width: 100%
}
table.linklist-full td.quarter {
  font-size: medium;
  font-weight: normal;
  text-align: left;
  padding: 5px; 
  width: 25%;
}

table.datalist {
  border: solid 1px;
  padding: 3px;
}

table.datalist td { 
  border: solid 1px;
  font-weight: normal;
  text-align: left;
  padding: 6px;
}

table.datalist th {
  border: solid 1px;
  font-weight: bold;
  text-align: left;
  padding: 6px;
}

p.backlink {
  text-align: center;
  font-size: small;
  }

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

.mobilebanner {
  font-size: 1.4em;
}