/* -------------------------------------------------------------------------

    Title:      Westwood Historical Society CSS file for all media
    Filename:   master.css
    Method:     <link>
    Author:     R. Prokop | bobprokop@yahoo.com for WHS
    Updated:    May 2010
    Notes:      ...	

-------------------------------------------------------------------------- */

/* all temp stuff until new design is established */
.main-content{ /* container */
	width:auto;
	padding:0 12px;
	margin:18px auto;
	border-bottom:10px solid #595959;
	font:normal 12px/1.5em Georgia, "Times New Roman", Times, serif;
	color:#333;
}
a:link, a:visited{
	color:#36c;
}
a:hover{
	color:#c30;
}
a:active{
	color:#36c;
	text-decoration:none;
}
h1{
	font-size:250%;
	letter-spacing:-1px;
	line-height:1.1em;
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	border-bottom:1px solid #ccc;
	width:390px;
}
h2{
	font-weight:normal;
	font-size:175%;
	line-height:1.25em;
	letter-spacing:-1px;
	color:#333;
	padding:0 0 6px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
h3{
	font:bold 1.25em/1.15em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding:0;
	color:#216808;
}
.bump-down{
	margin-top:2em;
}
.nudge-down{
	margin:0 auto 10px auto;
	width:80%;
}
.mar-top{
	margin-top:18px!important;
}
.mar-top-3em{
	margin-top:3em!important;
}
h2.faq{
	margin:2.5em 0 0 0;
	width:390px;
	padding-top:6px;
	border-top:1px dotted #ccc;
}
.intro{
	font-size:130%!important;
	line-height:1.5em!important;
	padding:0;
	margin:0 0 2em 0;
}
p{
	font-size:100%;
	margin:0 0 12px 0;
	padding:0;
	/*line-height:1.5em;*/
}
p.last{
	margin-bottom:5em;
}
#main{
	width:390px;
	/*border-right:1px solid #dedede;*/
	padding:4px 16px 12px 0;
}
#main p{
	line-height:1.7em;
	margin-bottom:1.45em;
}
.sidebar{
	width:312px;
	padding:14px;
	/*border-left:1px solid #dedede;*/
	margin:0 0 10px 0;
	font:normal 100%/1.35em Georgia, "Times New Roman", Times, serif!important;
	background-color:#e9e5cf;
}
.sidebar p{
	line-height:1.5em;
	margin-bottom:1.5em;
}
.sidebar img{
	display:block;
	margin:0 auto;
}
.sidebar img.mar-norm{
	margin:10px 0!important;
}
.sidebar .caption  p{
	border-top:1px solid #595959!important;
	border-bottom:1px solid #595959!important;
}
.sidebar h2{
	border-bottom:1px dotted #595959!important;
	padding-bottom:10px;
}
.sidebar h3{
	font-size:115%!important;
	font-variant:small-caps;
	word-spacing:2px;
}
.caption{
	margin:4px 0 24px 0;
}
.cap-right{/* when floated to right */
	float:right;
	margin-left:16px;
}
.cap-left{/* when floated to left */
	float:left;
	margin-right:16px;
}
.caption img{
	display:block;
}
.caption p{
	font:normal 100%/1.35em Arial, Helvetica, sans-serif!important;
	letter-spacing:normal!important;
	margin:8px 0 0 0!important;
	padding:10px 0!important;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
blockquote{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:12px 0;
	font-size:150%!important;
	line-height:1.2em;
	width:auto;
	margin:2em auto;
}
p.callout{
	font:normal 13px/1.35em Arial, Helvetica, sans-serif;
	padding:6px;
	margin:10px auto;
	background-color:#61934f;
	color:#fff;
	width:294px!important;
}
p.callout strong{
	font-size:14px;
	letter-spacing:0;
}
/* float stuff */
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
.group:after{ /* clear the floats of anything inside */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* various display styles */
span.amp{
	font:italic 125%/.4em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight:normal!important;
	letter-spacing:normal;
}
.border-top{
	padding:6px 0 0 0;
	border-top:1px dotted #ccc;
	margin:24px 0;
}
p.txtCtr, .text-center{
	margin:0 auto!important;
	text-align:center;
}
p.txtCtr img{
	margin:12px auto;
}
.text-right{
	text-align:right;
	width:378px;
	padding:6px;
}
/*--- clear floats: thankfully, IE8 finally gets this stuff right ---*/
*:first-child+html .group{
	min-height:1px;
}
.bRight{
	border-right:1px dotted #ccc;
	padding-right:18px;
}
.bLeft{
	border-left:1px dotted #ccc;
	padding-left:18px;
}
.caps{
	text-transform:uppercase;
}
#logo{
	margin-bottom:12px;
}
/* normalize lists */
ul, ol, li{
	margin:0;
	padding:0;
	font:normal 13px/1.35em Arial, Helvetica, sans-serif;
}
.norm{
	width:308px;
	margin:12px auto;
}
.norm li{
	margin:10px 0 10px 24px!important;
}
.no-bullet{
	width:auto;
	margin:0 0 2.5em 18px;
	padding:0;
}
.no-bullet li{
	list-style-type:none!important;
	margin:4px 0;
}
.sidebar .no-bullet{
	margin-left:8px;
}
.sidebar ul h3{
	font:bold 1em/1.15 Arial, Helvetica, sans-serif;
	font-variant:normal;
	text-transform:none;
	margin:0.75em 0 0 0;
	padding:0;
	color:#216808;
}
.green{
	color:#060;
}
.arrow{
	font:bold 120%/1.4em Verdana, Arial, Helvetica, sans-serif;
}
dl#faq{
	margin-top:6px!important;
	width:312px!important;
}
dl#faq dt{
	font:bold 16px/1em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	padding:8px 8px 6px 0;
	margin:12px 0 0 0;
	cursor:pointer;
	border-bottom:1px dotted #585858;
}
dl#faq dt:hover, dl#faq dt.open:hover, dl#faq dt.IEhover{
}
dl#faq dt.open{
}
dl#faq dd{
	font:normal 13px/1.4em Arial, Helvetica, sans-serif;
	color:#333;
	padding:2px 8px 8px 0;
	margin:2px 0 30px 0;
	display:none;
	color:#585858;
}
dl#faq p{
	width:auto!important;
	margin-bottom:12px!important;
}
a#toggle-faq:link, a#toggle-faq:visited{
	font:normal 11px/1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:right;
	padding:8px 8px 8px 26px;
	color:#595959;
	background:url(../images/plus.gif) no-repeat 6px center scroll transparent;
	border-bottom:none!important;
}
a#toggle-faq:hover, a#toggle-faq:active{
	background-color:#f5f5f5;
	color:#595959;
	border-bottom:none!important;
}
a#toggle-faq.open{
	background:url(../images/minus.gif) no-repeat 6px center scroll transparent;
}
.about{
	border-bottom:2px solid #595959;
}
.about dl{
	width:90%;
	margin-left:24px;
}
.about dt{
	font:bold 14px/1em Arial, Helvetica, sans-serif;
}
.about dd{
	margin-left:10px;
}
.about ul{
	width:auto;
	margin:12px auto;
}
.about li{
	margin:10px 0 10px 24px!important;
}
.block{
	display:block;
}
/* a tag variations 
--------------------------------------------- */
a.button:link, a.button:visited{
	font:bold 20px/1em Arial, Helvetica, sans-serif; /*14px larger size */
	text-transform:uppercase;
	color:#666;
	padding:10px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
	background:url(../images/glass.png) repeat-x 0 50% scroll #e6eaef;
	background:url(../images/glass.png) repeat-x 0 50% scroll rgba(230,234,239,.75);
	border:1px solid #c5cbd2;
	border:1px solid rgba(197,203,210,1);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
a.button:hover, a.button:focus{
	color:#595959;
	background:url(../images/glass-test.png) repeat-x 0 50% scroll #d6dade;
	background:url(../images/glass-test.png) repeat-x 0 50% scroll rgba(214,218,222,1);
	border:1px solid #b1b7be;
	border:1px solid rgba(177,183,190,1);
}
a.button:active{
	color:#595959;
	text-shadow:1px 1px 1px rgba #fff;
	text-shadow:1px 1px 1px rgba(255,255,255,.8);
	background:url(../images/glass-bright.png) repeat-x 0 50% scroll #d6dade;
	background:url(../images/glass-bright.png) repeat-x 0 50% scroll rgba(214,218,222,1);
	border:1px solid #b1b7be;
	border:1px solid rgba(177,183,190,1);
}

/* green */
a.green:link, a.green:visited{
	background:url(../images/glass.png) repeat-x 0 50% scroll #95a958;
	background:url(../images/glass.png) repeat-x 0 50% scroll rgba(149,169,88,.75);
	border:1px solid #95a958;
	border:1px solid rgba(149,169,88,1);
	color:#fff;
}
a.green:hover, a.green:active{
	background:url(../images/glass.png) repeat-x 0 50% scroll #95a958;
	background:url(../images/glass.png) repeat-x 0 50% scroll rgba(149,169,88,1);
	border:1px solid #95a958;
	border:1px solid rgba(149,169,88,1);
	color:#fff;
}
/* blue */
a.blue:link, a.blue:visited{
	background:url(../images/glass.png) repeat-x 0 50% scroll #3e60c1;
	background:url(../images/glass.png) repeat-x 0 50% scroll rgba(62,96,193,.75);
	border:1px solid #3e60c1;
	border:1px solid rgba(62,96,193,1);
	color:#fff;
}
a.blue:hover, a.blue:active{
	background:url(../images/glass.png) repeat-x 0 50% scroll #3e60c1;
	background:url(../images/glass.png) repeat-x 0 50% scroll rgba(62,96,193,1);
	border:1px solid #3e60c1;
	border:1px solid rgba(62,96,193,1);
	color:#fff;
}