/* CSS Document */
/*
Style Sheet for Michael Kocher Photo web site
created by Michael Kocher
www.michaelkocher.com
Table of Contents (ToC)
	1. Defaults
	2. Structure
	3. Links and Navigation
	4. Fonts
	5. Images
	6. Hacks
Notes
*/
/* ------ 1. Defaults -------- */
/* Remove Browesr Defaults */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
	}
body {
	background: #e1e3e5;
	margin: 10px auto 20px auto;
	text-align: center;
	font-size: 100%;
	font-family: Tahoma, arial, helvetica, sans-serif;

	}
/* ------ 2. structure ------- */
#wrapper {
	width:1000px;
	background:#fff url(images/bg_main.png) top left repeat-y;
	border: 1px solid #969696;
	margin: 0 auto;
	}
#wrapperWide {
	width:1200px;
	background:#fff url(images/bg_main.png) top left repeat-y;
	border: 1px solid #969696;
	margin: 0 auto;
	}
#header {
	background: #fff url(images/bg_header.png) top left repeat-y;
	border-bottom: 2px solid #CC0033;
	padding: 10px 10px 5px 10px;
	min-height: 40px; 
	}
.logo {
	float:left;
	padding:15px 0 0 10px;
	}
.contact {
	float: right;
	padding:18px 10px 0 0;
	font-size: 1em;
	}
#content {
	background: none;
	}
#breadcrumb {
	background: #fff url(images/bg_header.png) top left repeat-y; 
	min-height: 15px;
	font-size:0.8em;
	}
#leftSidebar {
	background:none;
	width: 200px;
	color: #000;
	float: left;
	padding: 0;
	min-height: inherit;
	}
#main {
	float: left;
	background: none;
	margin: 0 10px 5px 10px;
	width:550px;
	min-height: 350px;
	}
#mainAlbum{
	float: left;
	background: none;
	margin: 0 10px 5px 10px;
	width:890px;
	min-height: 500px;
	padding:10px;
	}
#mainWide {
	float: left;
	background: none;
	margin: 0 10px 5px 10px;
	width: 770px;
	}
#rightSidebar {
	float:right;
	padding: 10px 20px 0 0;
	width: 200px;
	min-height:450px;
	}
#footer {
	clear:both;
	background: #e3e5ed url(images/blWhtGrdBckgrd.png) top left repeat-x;
	padding: 0;
	font-size: 0.8em;
	}
.separator {
	clear: both;
	height: 0;
	}
.firstNavHeading {
	background: #bebebe url(images/topRghtCrnr.gif) top right no-repeat;
	color: #fff;
	padding: 5px 0 5px 0;
	font-size: 1.1em;
	}
#navHeadBuy:hover {
	background-color: #000;
	color: #fff;
	padding: 5px 0 5px 0;
	font-size: 1.1em;
	text-decoration:underline;
	}

.NavHeading {
	background-color: #bebebe;
	color: #fff;
	padding: 5px 0 5px 0;
	font-size: 1.1em;
	}
h3.a.NavHeading {
	background-color: #bebebe;
	color: #fff;
	text-decoration:none;
	}
h3.a.NavHeading:visited {
	color: #fff;
	}
h3.a.NavHeading:hover {
	text-decoration:underline;
	color:#4f60c4;
	}
.rghtBorder {
	background: #fff url(images/rghtSdBrdr.png) top right repeat-y;  
	}
.white {
	color: #fff;
	}
.greyRoundTop {
	background: #bebebe url(images/greyRndTp.png) top right no-repeat;
	color: #fff;
	font-size: 1.1em;;
	}
.bluRoundTop {
	background: #8692d3 url(images/bluRndTp.png) top left no-repeat;
	color: #fff;
	font-size: 1.1em;
	}
.lightBluBack {
	background-color: #d5e1f0;
	color: #000;
	border: 1px solid #8692d3;
	padding: 5px 5px;
	margin-bottom: 20px;
	font-size: 0.9em;
	}
.lightGreyBack {
	background-color: #ebebeb;
	color: #000;
	border: 1px solid #bebebe;
	margin-bottom: 10px;
	padding: 5px 5px;
	font-size: 0.9em;
	}
.title {
	margin: 5px 10px 5px 30px;
	padding: 4px 0 2px 0px;
	border-bottom: 4px solid #ebebeb;
	color:#646464;
	}
.imgleft {
	float: left;
	padding: 5px 5px 0 5px;
	}
.imgright {
	float: right;
	padding: 5px 5px 0 5px;
	}
/* ------ 3. links and navigator -------- */
a {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
.navigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	}
.navigation ul a {
	}
.navigation li {
	font-size: 1em;
	}
.navigation li a {
	display: block;
	height: 20px;
	line-height:20px;
	color:#000;
	text-decoration: none;
	text-indent:15px;
	font-weight:bold;
	}
.navigation li a:hover {
	text-decoration: underline;
	color: #4f60c4;
	background-color: #CCCCFF;
	}
a[href$=".pdf"] {
	background: url(images/icons/pdficon_small.gif) no-repeat right top;
	padding-right:30px;
	}
a[href$=".doc"] {
	background: url(images/icons/iconword.gif) no-repeat right top;
	padding-right: 30px;
	}
/* ------- 4. fonts ------ */
h1, h2, h3, h4, p, ul {
	color: #222;
	padding: 5px 5px;
	}
h1 {
	font-size:1.8em;
	}
h2 {
	font-size:1.5em;
	}
h3 {
	font-size:1.2em;
	}
h4 {font-size: 1.1em;
	}
p {
	padding: 15px 10px 5px 10px;
	font-size: 0.9em;
	color:#333333;
	}
ul {
	font-size: 0.9em;
	list-style-type: none;
	}
.basicList ul {
	margin: 5px 10px;
	}
.basicList li {
	margin: 5px 5px;
	padding: 0 10px 7px 10px;
	}
.pricing ul {
	margin: 5px 10px;
	}
.pricing li {
	margin: 0 15px 0 15px;
	padding: 0 0;
	list-style: square;
	}
.small {
	font-size:11px;
	}
input[type="text"], textarea {
	border-top:: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
text {
	width: 300px;
	height: 100px;
	}

/* ------ 5. images ------ */
a img {
	border: 0;
	}
.img-wrapper {
	background:url(images/shadow.gif) no-repeat bottom right;
	float: left;
	line-height: 0;
	}
.img-wrapper img {
	background: #fff;
	padding: 4px;
	border: 1px solid #a9a9a9;
	position: relative;
	left: -5px;
	top: -5px;
	}
/* ------ 6. tables ------ */
table.pricing {
	border-collapse: collapse;
	width: 31em;
	border: 1px solid #bebebe;
	}
table.order {
	border-collapse: collapse;
	width: 45em;
	border: 1px solid #bebebe;
	}
td {
	padding: 0.1em 1.5em;
	}
th {
	padding: 0.1em 0.3em;
	}
caption {
	font-size: 1.2em;
	font-weight:bold;
	color: #222;
	margin: 0.6em 0;
	text-indent: 5em;
	}
col {
	border-right: 1px solid #ccc;
	}
col#canvasPrint {
	border: none;
	}
col#8x10 {
	border: none;
	}
col#price {
	border: none;
	}
thead {
	background: #8692d3 url(images/bluebckgrd.png) repeat-x left center;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	color: #fff;
	}
th {
	font-weight: bold;
	text-align: center;
	}
.odd {
	background-color: #e3eaf3;
	}
.oddOrder {
	background-color: #eee;
	}
tr:hover {
	background-color: #3d80df;
	color: #fff;
	}
thead tr:hover {
	background-color: transparent;
	color: inherit;
	}
/* ------ 7. hacks ------ */
body {/* IE 5 centering bug fix */
		text-align: center;
		}
#wrapper {
	text-align: left;
		}