/*******************************************************
TITLE:	Bretzel Design Stylesheet
AUTHOR:	Khaled Maiwand, HighCo Technology, Based on Dan Coderholm (simplebits.com)
CREATED:	Oct. 2007
*******************************************************/

body {
	margin: 0; padding: 0; 
	height: 100%;
	margin: .5em;
	font: small Verdana, sans-serif;
	color: #000; background: #fff;
	}

#wrap { 	
	min-width: 500px;
	max-width: 1400px;
	background: url( img/wrap_bg.jpg) repeat-y 70% 0;
	}

#header {
	border-bottom: 3px solid #87b825;
	background: #b4e637 url( img/header_bg.gif) top repeat-x;
	}

	#header h1 {
		margin: 0; padding: 25px;
		font: 150% Georgia, serif;
		color: #374c0e;
		background: url( img/bulls_eye.gif) top left no-repeat;
		}

#message{
	margin: 0; padding: 10px;
	font-size: 90%;
	text-align: center;
	color: #cc9;
	background: #404530 url( img/message_bg.gif) top repeat-x;
	}
	#message strong{
		padding: 0 0 0 28px;
		background: url( img/pretzel.gif) no-repeat 0 50%;
		}
#content{
	float: left;
	width: 70%;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	}
	#content .gutter{
		padding: 25px;
		background: url( img/content_bg.gif) top left repeat-x;
		}
	#content h2{
		margin: 0; padding: 0;
		font: normal 150% Georgia, serif;
		color: #663;
		}
	#content ul{ margin: 0; padding: 0 22px; }

#sidebar{
	float: right;
	width: 30%;
	}
	#sidebar .gutter{
		padding: 15px;
		}
	
#footer {
	clear: both;
	text-align: center;
	background: #828377 url( img/footer_bg.gif) top left repeat-x;
	}
	#footer p{
		margin: 0; padding: 7px;
		font-size: 85%;
		color: #333;
		}
	#footer a{ color: #333;}
/* --------------------------------- Common Styles --------------------------------- */
dl.feature{
	margin: 15px; pading: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
	dl.feature:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	dl.feature dt{
		margin: .3em 0 0 0;
		font: 140% Georgia, serif;
		color: #693;
		}
	dl.feature dt img{
		float: left;
		margin: 0 15px 0 0; padding: 0 4px 4px 0;
		}
	dl.feature dd{
		margin-left: 169px;
		font-size: 90%;
		line-height: 1.5em;
		color: #666;
		}

.box{
	margin: 0 0 20px 0; padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666; background: #fff url( img/box_b.gif) bottom right no-repeat;
	}
	.box h3{
		margin: 0; padding: 12px;
		font: normal 140% Georgia, serif;
		color: #693; background: #fff url( img/box_t.gif) top left no-repeat;
		}
	.box p, .box ul{
		margin: 0; padding: 0 12px;
		}
	.box li{
		margin: 0 0 0 12px; padding: 0 0 0 18px;
		list-style: none;
		background: url( img/bullet.gif) 0 3px no-repeat;
		}
a{ color: #000; }