/* CSS file for heavenlyevil.com */

@font-face { font-family: Steak; src: url(STEAK.ttf) format("truetype") }
@font-face { font-family: Prokyon; src: url(DTLProkyonSTLight.otf) format("opentype") }
@font-face { font-family: KingQueen; src: url(King_Queen_font.ttf) format("opentype") }


* {
	margin: 0;
	padding: 0;
}

body {
	font: 87.5% Prokyon, Arial, Helvetica, sans-serif;
	font: 87.5% Calibri, Arial, Helvetica, sans-serif;
	color: #261500;
	min-width: 660px;
	max-width: 1000px;
	background: url(img/bg.jpg) #bf8f52;
	margin: 0 auto;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 0.8em;
	color: #871b4e;
}

h1 {
	font-family: KingQueen, Zapfino, Mistral, fantasy;
	font-weight: 300;
	letter-spacing: 0.08em;
	text-shadow: #999 1px 1px 2px;
	line-height: 2em;
	padding: 0.4em;
}

h2 {
	font-family: Steak, Georgia, Times, serif;
	height: 2em;
	letter-spacing: 0.08em;
	text-shadow: #333 1px 1px 2px;
}

a:link, a:visited {
	color: #c95d7e;
	padding: 1px;
}

a:hover {
	color:#871b4e;
	padding: 1px;
	text-decoration: none;
}

a img {
	border: none;
}

p {
	margin-bottom: 0.8em;
}

p + p {
	text-indent: 1.2em;
	margin-top: 1em;
}

/* Styles for the header section */

#rap {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 2em;
}

#header {
	background: url(img/bg.gif) #e3ada7;
	overflow: hidden;
}

#header h1 {
	color: #261500;
	padding: 1.5em;
}

#contact {
	float: right;
	width: 10em;
}

#contact h2 {
	float: right;
	text-shadow: #666 1px 1px 2px;
	width: 7.5em;
	padding-top: 0.8em;
	height: auto;
}

#contact ul {
	list-style-type: none;
	margin: 0.8em;
	line-height: 2em;
}

#contact img {
	margin: 0.1em;
	display: block;
	float: left;
}

#contact a {
	color: #261500;
	text-decoration: none;
	vertical-align: middle;
}

/* Navigation Section */

#nav {
   float:left;
   width:100%;
   border-bottom:4px solid #871b4e;
   overflow:visible;
   position:relative;
}
#nav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#nav ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right: 50%;
}
#nav ul li a {
   display:block;
   margin-right:5px;
   padding:5px 10px 3px 5px;
   background:#ddd;
   color:#261500;
   text-decoration:none;
   line-height:1.3em;
   	-moz-border-radius-topleft: 4px;
   	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#nav ul li a:hover {
   background: #e3ada7;
   color: #261500;
}
#nav ul li a#active,
#nav ul li a#active:hover {
   color: #fff;
   background: #871b4e;
   font-weight: bold;
}

/* Breadcrumb styles */

#crumbs {
	font-size: 0.85em;
	padding: 0.8em;
	clear: both;
}

/* Styles for the main content */

#about {
	margin: 0 1.5em;
}

#about img {
	float: left;
	padding: 0 0.8em;
}

#content {
	clear: both;
	width: 50%;
	min-width: 600px;
	margin: 1em auto;
}

#content .section img {
	border: #261500 1px solid;
}

#content .section {
	float: left;
	width: 25%;
	margin: 0 4%;
	text-align: center;
	font-size: 0.8em;
}

#content .section ul {
	list-style-type: none;
	margin: auto;
}

#content .section li {
	background-color: #fff;
	padding: 0.4em;
	border: #999 1px solid;
	height: 14em;
	width: 14.5em;
	margin: 1em 0;
}

#content .section li a {
	text-decoration: none;
}

/* Styles for the <footer> section */

#footer {
	clear: both;
	text-align: center;
	padding: 1.5em 0;
	color: #fff;
	background-color: #261500;
}

/* CSS for heavenlyevil.com/patterns */
.pattern{margin:1em 0;padding:1em;border: 2px solid #871b4e;}
.preview{width:30%;float:left;}
.caption{text-align:center;margin:0.5em;}
.description{width: 30%;float:right;}
.downloads{width:30%;float: right;}
.downloads ul{list-style-type:none;}
.bottom{clear:both;text-align:right;}