/* 
banners.css
simply precious music link banners page
author: Iain Stewart
Author url: www.coolfeed.com
May 2008

 */
 *{margin:0;padding:0}
 body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#container {
	min-width: 500px;
	max-width: 1400px;
	background: url(../i/bg/container-bg.gif) repeat-y 70% 0;
}
#content {
	float: left;
	width: 70%;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	margin:0;
	padding:0;
}
#content .gutter {
	padding: 25px;
	background: url(../i/bg/content-bg.gif) repeat-x top left;
}
#content h2 {
	margin: 1em 0 1em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 150%;
	font-weight: normal;
	color: #336633;
}
#content h3 {
	margin: 1em 0 0.5em 0;
	padding:0;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 135%;
	font-weight: normal;
	color: #808000;
}
#sidebar {
	float: right;
	width: 30%;
}
#sidebar .gutter {
	padding: 15px;
}
#footer {
	clear: both;
	background: #828377 url(../i/bg/footer-bg.gif) repeat-x top left;
}
#footer p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: #333;
}
#header {
	border-bottom: 3px solid #87b825;
	background: #68fc1e url(../i/bg/header-bg.gif) repeat-x top left;
}
#header h1 {
	margin: 0;
	padding: 25px;
	font-family: Georgia, serif;
	font-size: 150%;
	color: #374c0e;
	background: url(../i/bg/thumb1.gif) no-repeat top right;
}
#message {
	margin: 0;
	padding: 10px;
	font-size: 120%;
	color: #cc9;
	text-align: center;
	background: #404530 url(../i/bg/message-bg.gif) repeat-x top left;
}
#content ul {
	margin: 0px 0 10px 0;
	padding: 15px;
}
#content li {
	margin: 1em 0;
	display: block;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
}
dl.linkbanner {
	margin: 15px 0;
	padding: 15px;
/*	border-top: 1px dotted #ccc;*/
	border-bottom: 1px dotted #808080;
}
dl.linkbanner dt {
	display: block;
	margin: 0.5em 0 0.5em 0;
	font-family: Georgia, serif;
	font-size: 140%;
	color: #693;
}
dl.linkbanner dd {
	margin: 1em 0;
	display: block;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
}
dl.linkbanner dt img {
	display: block;
	margin: 0;
	padding: 0 0px 4px 0;
}
.box {
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
	background: #fff url(../i/bg/b.gif) no-repeat bottom right;
}
.box h3 {
	margin: 0;
	padding: 12px;
	font-family: Georgia, serif;
	font-size: 140%;
	font-weight: normal;
	color: #693;
		background: url(../i/bg/t.gif) no-repeat top left;
}
.box p, .box ul {
	margin:  0;
	padding: 0 12px;
}
.box .microformat {
	background: url('../i/icons/mf_hcard.png') no-repeat top left;
	margin-bottom: 1em;
	margin-left: 12px;
}
.box .microformat strong {
	padding-left: 80px;
}
.box .vcard {
	padding: 0 14px;
}
.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
}
/*dl.linkbanner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.linkbanner dt {
	margin: 0 0 0.5em 0;
	font-family: Georgia, serif;
	font-size: 140%;
	color: #693;
}
dl.linkbanner dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
}
dl.linkbanner dd {
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
}
dl.linkbanner dd.medrect {
	margin-left: 320px;
}
dl.linkbanner dd.rect {
	margin-left: 200px;
}
dl.linkbanner dd.micro {
	margin-left: 120px;
}
dl.linkbanner dd.fullbanner {
	margin-left: 475px;
}

 IE hacks 

* html dl.linkbanner {
	height: 1%;
}
*:first-child+html dl.linkbanner {
	min-height: 1px;
}*/

/* hide from IE5/Mac \*/
* html #footer {
	height: 1%;
}
/* end hide from ie5/mac */