/*********************
loistempleton.com
css sheet v1.0

colors:

********************/

body {
	background:white;
	width:100%;
	font-size: .95em;
	font-family:georgia, sans-serif;
 	margin:0;
   	padding:0;
   	height:100%;
}
html {
	height:100%;
}
#container {
	width:100%;
	
	min-height:100%;
	   position:relative;
	
}
.inner{
	width:960px;
	margin:0 auto;
	}
h1{
	text-decoration:underline;
	margin:10px 0px 10px 0px;
}	
h2 {
	font-size:1.8em;
	margin-bottom:5px;
}
h3 {
	font-size:1.3em;
	margin-bottom:10px;
}
h4{
	font-size:1.3em;
	margin:30px 0px 20px 0px;
	font-style:bold;
}
h5{ 
	margin:10px 0px 10px 0px;
}
a {color:black; text-decoration:none;}
a:hover {text-decoration:underline;}

ul{
	margin:0px 0px 20px 0px;
}

/*********************
header
*********************/
#container #header {
	padding-top:17px;
	border-bottom:1px solid black;
	height:130px;
	background: url('../images/header-bg.jpg') repeat-x;
}
#container #header #name {
	font-size:3.0em;
	font-weight:bold;
	width:310px;
	float:left;
}
#container #header #name a{
	color:black;
	text-decoration:none;
}
/*********************
main-nav
*********************/
#container #header #main-nav {
	float:right;
	padding-left:150px;
	padding-top:70px;
	width: 480px;
	
}
#container #header #main-nav li{
	padding:0 8px;
	display:inline;
	text-align: right;
}
#container #header #main-nav li a{
	color:black;
	text-decoration:none;
}
#container #header #main-nav li a:hover{
	text-decoration:underline;
}
#container #header #sub-nav {
	float:right;
	width: 360px;

}
#container #header #sub-nav li{
	padding:0 5px;
	display:inline;
	font-size:.75em;
}
/*********************
content
*********************/
#container #content {
	clear:both;
	padding-top:50px;
	padding-bottom:400px;
	min-height:300px;
	
}
#container #content .copy{
	width:458px;
	float:left;
}
#container #content .copy p{
	width:350px;
	line-height:1.5em;
	margin:50px 0 0 20px;
	font-size:1.3em;
}
#container #content #home-port{	
	float:right;
	margin-right:-4px;
	margin-top:-4px;
}

/*********************
about
*********************/
#container #content .about-copy{
	float:left;
}
#container #content .about-copy p{
	line-height:1.3em;
	font-size:1.1em;
	margin-bottom:15px;
}
#container #content .about,
#container #content .maine{
	float:left;
	margin:-2px 20px 0 -6px;
}

/*********************
about
*********************/
#container #content .reviews-copy{
	float:left;
}
#container #content .reviews-copy p{
	float:right;
	line-height:1.4em;
	font-size:.95em;
	margin-bottom:15px;
	width:600px;
	
}
#container #content .reviews{
	float:left;
	margin:0 20px 20px 0;
}



.news-box p {
	margin-bottom: 18px;
}
.news-box img {
	float: right;
	margin-bottom: 15px;
}
/*********************
contact
*********************/
#container #content .contact-copy{
	float:left;
}
#container #content .contact-copy p{
	line-height:1.3em;
	font-size:1.1em;
	margin-bottom:15px;
}
#container #content .contact{
	float:left;
	margin:-2px 20px 0 -6px;
}
/*********************
books
*********************/
#container #content .books {
	float:left;
	width:400px;
}
#container #content .books li{
	line-height:2em;
}
#container #content .books li a{
	color:black;
	text-decoration:none;
}
#container #content .books li a:hover{
	text-decoration:underline;
}



#container #content .content-right {
	float:right;
	width:560px;
	font-size:.85em;

}
#container #content .content-right p{
	margin-bottom:20px;
	line-height:1.2em;
}
#container #content .content-right dl{
	line-height:2em;
}
#container #content .content-right dt{
	float:left;
	width:300px;
}
#container #content .content-right dt.indent{
	padding-left:20px;
}
#container #content .content-right dd{
	margin-left:350px;
	width:260px;
}
/*********************
view the art
*********************/
#container #content #view-art {
	float:left;
	width:500px;
font-size: .85em;	
}
#container #content #view-art p, #container #content #view-art li,#container #content #view-art a,
#container #content #art-menu p, #container #content #art-menu li, #container #content #art-menu a{
	font-family: verdana, arial, sans-serif;
	color: black;
}
#container #content #view-art img{
	margin-top:20px;
}

#container #content #art-menu {
    position: relative;
	float:left;
	width:200px;
	border-bottom:black 1px solid;
}

#container #content #art-menu .years {
	font-size:.65em;
	padding:2px 0;
	border-top: 1px black solid;
}
#container #content #art-menu .years a {
	text-decoration:none;
	display:block;
}
#container #content #art-menu .years a:hover{
	color:#999;
}
#container #content #art-menu .years ul{

	padding:5px 0 5px 20px;
	border-top:1px solid black;
}
#container #content #art-menu .years ul li {
	text-align:right;
	line-height: 1.5em;
	font-size:.75em;
	padding:1px 0;
}
#container #content #art-menu .years ul li a{
	background:none;
}

/*********************
dinkies
*********************/
#container #content #dinkies-menu {
	float:right;
	width:250px;

}
#container #content #dinkies-menu li {
	float:left;
	display:block;

	text-align:center;
	margin:15px;
	
}
#container #content #dinkies-menu li a{
	width:25px;
	height:25px;
	display:block;
	padding:8px 8px;
}
#container #content #dinkies-menu li a:hover{
	background:#cdcdcd;
	text-decoration:none;
}

/*********************
footer
*********************/

#container #footer {
	background:url('../images/footer-bg.jpg') repeat-x;
	position:absolute;
   	bottom:0;
   	width:100%;
	max-height: 400px;
}
#container #footer .box{
	float:left;
	font-family: verdana, arial, sans-serif;
	letter-spacing:auto;
	font-size:.85em;
	color:white;
	padding: 40px;
	width: 240px;
}
#container #footer .box p{
	margin-top:10px;
}
#container #footer .box p a{
	color:white;
}
#container #footer #last{
	margin-right:-5px;
}
/*********************
clearing
*********************/
.clear{clear:both;padding:0;margin:0;}