/*	
Project: artonwheels-va.org
Version: 1
Author: Dan Woodward
Author URI: http://www.danwoodward.com
*/

/* 
	Table of Contents:
	Typography
	Buttons
	Structure
				
*/

/* Reset
---------------------------------------------------------------------------------------- */

@import "reset.css";

* {
	margin: 0;
	padding: 0;
}


/* Typography
---------------------------------------------------------------------------------------- */


html {
	min-height: 100.05%;
}

body
{
	font-family: "Helvetica", Lucida Grande, Arial, Verdana, Sans-Serif;
	font-size: 62.5%; /* base font setting so that 1em = 10px */
	text-align: center;
	background-color: #FFF;
	height: 100%;
	max-width:100%
}

#hd p, a, a:hover {font-size:1.2em;}


.c1 p, .c2 p {color: #353535;}

#ft p {}

.c1 p, .c2 p, .c1 strong {font-size: 1.2em; line-height:1.6em; margin: 0; xpadding: 0 .5em 0 .5em;}

.c2 .c2-2 ul{list-style-position: outside; list-style-type: disc;margin: 0 0 1em 1.5em;padding:0 0 0 0;}
.c2 .c2-1 ul{list-style:none;}
.c2 .c2-2 li{font-size:1.1em; line-height:1.6em; color:#656565;margin: 0 0 0 0;}
.c2 .c2-2 p {padding: 0 0 0 1em !important;}

ul.list {list-style-position: outside; list-style-type: disc;margin: 0 0 1em 1.5em;padding:0 0 0 0;}
ul.list li{font-size:1.1em; line-height:1.6em; color:#656565;margin: 0 0 0 0;}

.c2-Single p {margin: 0 0 1.5em 0;}
.c2-Single .name{margin: 3em 0 0 0; font-weight:bold;}

em {color: #c5c5c5; font-style: italic;}

h2,h1,h3,h4 {font-weight:normal; margin: 0 0 10px 0;}
h2 {font-size: 1.2em; color: #a6a6a6;}
h1 {font-size: 1.2em;  color: #a6a6a6;}
h3 { font-size: 1.8em;  color: #00add0;}
h4 { font-size: 1.2em;  color: #00add0;}

span.imgCap {font-size:1.1em; color: #bababa; margin-top: .3em;}
h3.title {font-weight:bold;}

A h4 { font-size: 1.2em;  color: #b2541a;}
A:hover h4 {text-decoration: underline; color: #00add0;}
a {text-decoration: none; color: #b2541a; font-weight:bold;}
a:hover {text-decoration: underline; color: #00add0;}

#ft a {text-decoration: none; color: #a6a6a6; font-weight:normal;}
#ft a:hover {text-decoration: underline; color: #00add0;}

strong {color: #484848;font-weight: bold;}

span.clDesc {display:block;margin: 1em 3em 1em 0; color: #353535;}


blockquote{ font-size: 1.1em;}

li {margin: .3em}

.c2-1 .desc p {padding: .8em 0 .5em .5em;}


/* Buttons
---------------------------------------------------------------------------------------- */

.hide{
	color: #6b6b6b;
	display: none;
	}
	
A.logobtn:link, A.logobtn:visited {
	background-position: 0%;
	}

A.logobtn:hover {
	background-position: 100%;
	}
/* A.logobtn:active{background-position: 0%;} */
	
#hdLogo {
	background-image: url(images/aowlogobtn.gif);
	}

#hdLogo {
	width: 175px;
	margin: 0 0 10px 10px;
	}


.logobtn {
	display: block;
	float: left;
	height: 140px;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0 0px 0;
}

/* Images
---------------------------------------------------------------------------------------- */


.clListElm img{border-bottom:1px solid #cccccc;border-top:1px solid #ededed;border-right:1px solid #cccccc;border-left:1px solid #ededed;}


/* FadeBox
---------------------------------------------------------------------------------------- */
#classBox {border-bottom:1px solid #ededed;height: 34em;position:relative; }

#classBox ul img {border-bottom:1px solid #cccccc;border-top:1px solid #ededed;border-right:1px solid #cccccc;border-left:1px solid #ededed;}

.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
}



/* Structure
---------------------------------------------------------------------------------------- */

#ft{clear:both;margin: 2em 1em 0px 1em;text-align:center;}
#bd{margin-bottom: 4em; xbackground-color:aqua;
	overflow: hidden;
	width: 100%;
}
#hd{margin: 2em 1em 1em 1em;height: 15em;}


#doc {
	text-align: left;
	margin: 0 auto;
	width: 85em;
	min-width:850px;
	background-color: white;
}

.c1 {
    width:27em;
    margin: 0 1em 0 1em;
	padding-top: 2em;
    border-top: 1px solid #00add0;
float:left;

}

.c1element{margin: 0 0 2em 0;border-bottom: 1px solid #cecece; padding: 0 .8em 2em .8em;}


.logo {width:200px; margin: 0 0 10px 0;}

.c1, .c2 {margin-bottom: 4em;  }

	
.c2 {

	width: 55em;
border-top: 1px solid #cccccc;
	margin:0; 	
	padding-top: 2em;
	float:left;

	}

#wrap {width: 100%;clear:left;}

.clListElm {width:26em;float:left; margin:0 0 2.5em 1em;border-bottom: 1px solid #ededed;}

.clear{clear:both;}


.c2-1 {width:34em; margin:0 0 0 0;float:left;}
.c2-2 {width:20em; margin:0 0 0 0;float:right;}
.c2-2Info {width:20em; margin:2.5em 0 0 0;float:right;}

.c2-Single {width:41em; float:left;}

	
.hdc1 {
	width: 27em; 	
	margin:0 1em 0 0;
	float:left;
	}
	
.hdc2 {
	width: 13em;	
	margin:2em 1em 0 0;
	float:left;
	}
	
.hdc3 {
	width: 13em;
	margin:2em 1em 0 0;
	float:left; 	 
	}
	
	
#post {border-right-color: #c4c4c4; border-right-style: dotted; border-right-width: 1px;}



/* C1 Structure
------------------------------------------- */

ul#quoteBox {
	border: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
	margin: 20px 0 0 0;
	background:  #fffeb8;
}



/* C2 Structure
------------------------------------------- */