/*	

	MAIR DESIGNS CSS Styles
	
	This file contains all of the primary styles that are used in the Mair Designs website.
	
	Designed by:	Robin Mair
	Date:			2009.02.21

*/

html {
	background: transparent url(../images/md_backgradient.png) repeat-x;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
}

p {
	font-weight: normal;
	color: gray;
	margin-top: 4px;
	margin-bottom: 6px;
	line-height: 1.25em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: white;
	margin-top: 0px;
	margin-bottom: 12px;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #7aa7d3;
	margin-bottom: 10px;
	margin-top: 2px;
}

h3 {
	font-size: 1.17em;
	font-weight: bold;
	color: #7aa7d3;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 6px;
}

h4 { 
	font-size: 1em;
	font-weight: bold; 
	color: #7aa7d3;
	margin: 6px 0; 
}

h4.caution  { 
	font-weight: bold; 
	color: black;
	margin: 6px 0; 
	background-color: yellow;
}

ul { 
	font-size: 12px; 
	font-weight: normal; 
	color: white;
	list-style-type: disc; 
	margin: 6px 0 8px 10px; 
}

td {  }

img {
	border: 0;
}


/*
	LINK STYLES
	
	These styles are used to consistently display links in the 
	site using a rollover effect
*/

a { 
	color: #7aa7d3;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.1em;
}

a:hover { 
	color: white;
	background-color: black; 
}

/*
	MISCELLANEOUS STYLES
	
	These styles are used to for various or elements in the site
*/

.copyright {
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	color: silver;
	text-align: center;
	display: block;
	margin: auto;
	top: 100%;
}

.image_caption {
	font-size: 0.75em;
	text-align: center;
	margin-top: 0;
	margin-bottom: 4px;
}

.special_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

/*
	copyright ©2009 Mair Designs LLC  All Rights Reserved
*/