/* CSS file for divine Hunch studios website*/

  html, body {
	background: #90612a url(../images/dh-desktop.jpg) no-repeat 50% 0%;
	background-attachment: fixed;
	font-family: Janie, "Comic Sans MS", Times, serif;
	font-size: 100%;
	color: #FFFFFF;
	height: 100%;
	text-align: center; }
 
/* IE6 PNG transparency fixes */
body { behavior: url("csshover3.htc"); }
 
img, div, a, ul, li, { behavior: url("iepngfix.htc") }
 
#container, #footer, #fixed-header {
	width: 1035px;
	margin-left: auto;
	margin-right: auto;
	display: block; }
 
#container {
	padding-bottom: 36px;
	margin-top: 0px;
	margin-bottom: -30px;
	min-height: 85%;
	border: 0px solid gray; }
 
#footer {
	clear: both;
	color: #ffffff;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 100px;
	font-weight: normal;
	font-size: 85%;
	border: 0px solid gray; }
 
#fixed-header {
	position: fixed;
	top: 9px;
	z-index: 102;
	background: url(../images/menu-bar.png) no-repeat 0% 0%;
	padding: 0em;
	height: 77px;
	text-align: center;
	font-weight: bold;}
 
#left-paper {
	position: fixed;
	top: 0px;
	z-index: 1;
	background: url(../images/left-paper.png) no-repeat 16px 0;
	padding: 0;
	height: 725px;
	width: 1035px;
	text-align: center; }
 
#logo {
	position: absolute;
	top: 75px;
	left: 50px;
	z-index: 2;
	/* background: url(../images/dhs-logo.png) no-repeat 0px 0px; */
	padding: 0;
	height: 242px;
	width: 346px; }

.logo-home {
	background: url(../images/dhs-logo.png) no-repeat 0px 0px;
}

.logo-portfolio {
	background: url(../images/dhs-logo-portfolio.png) no-repeat 0px 0px;
}
 
.logo-contact {
	background: url(../images/dhs-logo-contact.png) no-repeat 0px 0px;
}
 
.logo-services {
	background: url(../images/dhs-logo-services.png) no-repeat 0px 0px;
}
 
.logo-thoughts {
	background: url(../images/dhs-logo-thoughts.png) no-repeat 0px 0px;
}
 
#post-it-top {
	position: relative;
	top: 255px;
	z-index: 2;
	display: block;
	float: left;
	background: url(../images/post-it-top.png) no-repeat;
	padding: 0;
	height: 22px;
	width: 349px; }
 
#post-it-y {
	position: relative;
	top: 255px;
	z-index: 2;
	display: block;
	float: left;
	background: url(../images/post-it-y.png) repeat-y;
	padding: 10px 25px 0px 25px;
	height: auto;
	width: 309px;
	text-align: left;
	font-size: 116%;
	line-height:135%;
	color: #444; }
 
#post-it-btm {
	position: relative;
	top: 255px;
	z-index: 2;
	display: block;
	float: left;
	background: url(../images/post-it-btm.png) no-repeat;
	padding: 0;
	height: 64px;
	width: 349px; }
 
.post-it-margin { margin: 0px 21px 0px 10px; text-align:left; }
 
#right-paper-top {
	position: relative;
	z-index: 2;
	display: block;
	float: right;
	background: url(../images/right-paper-top.png) no-repeat;
	padding: 0;
	height: 76px;
	width: 632px; }
 
#right-paper-y {
	position: relative;
	z-index: 2;
	display: block;
	float: right;
	background: url(../images/right-paper-y.png) repeat-y;
	padding: 0;
	height: auto;
	width: 632px; }
 
#right-paper-btm {
	position: relative;
	z-index: 2;
	display: block;
	float: right;
	background: url(../images/right-paper-btm.png) no-repeat;
	padding: 0;
	height: 76px;
	width: 632px; }
 
.right-paper-margin { margin:5px 62px 5px 53px; }

.right-paper-gallery { margin:5px 22px 5px 33px; }

.gallery-heading {padding: 40px 15px 0 0; }
 
#container2 { width: 100% }
 
/*  needed for ie cause fixed-header uses effective margin of div following it  */
#main-content {
	display: block;
	width: 1013px;
	height: auto;
	position: relative;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid white; }
 
/* TEXT ANCHOR LINKS */
a { text-decoration: none }
 
	a:link { color: white; }
 
	a:visited { color: white; }
 
	a:hover, a:active { color: black; }
 
.horiz-nav {
	z-index: 9998;
	float: left;
	width: 100%;
	font-size: 100%;
	line-height: 46px;
	margin-left: 19%; }
 
	.horiz-nav ul {
		margin: 0;
		padding: 10px 0 0 0;
		list-style: none; }
 
	.horiz-nav li {
		float: left;
		margin: 0;
		padding: 0 0 0 0; }
 
	.horiz-nav a {
		float: left;
		display: block;
		padding: 2px 30px 0px 27px;
		text-decoration: none;
		color: #fff; }
 
	.horiz-nav li:hover { background: url(../images/menu-hover.png) no-repeat right 2px; }
 
	.horiz-nav a:hover {
		color: #333;
		padding-bottom: 5px; }
 
	.horiz-nav #current a {
		background: url(../images/menu-hover.png) no-repeat right 2px;
		color: #333;
		padding-bottom: 5px; }
 
		.horiz-nav #current a:hover { background-image: none; }
 
p {
	text-align: justify;
	color: #000;
	font-size: 105%;
	line-height: 125%;
	padding-bottom: 7px; 
	}
 
h1 {
	font-size: 180%;
	color: #000;
	line-height: 130%;
	padding-bottom: 10px;
	text-align: left; 
	font-family: JanieBold, "Comic Sans MS", Times, serif; font-weight:bolder;
	}
 
h2 {
	color: #000;
	font-size: 130%;
	line-height: 160%; 
	font-weight:bold;
	text-align: left; 

	}
 
h3 {
	color: #000;
	font-size: 120%;
	line-height: 135%; 
	font-weight:bold;
	text-align: left; 
}
 
h4 {
	color: #CCCCCC;
	font-size: 100%;
	line-height: 125%; }
 
h5 {
	color: #444;
	font-size: 85%;
	font-style: oblique;
	line-height: 125%;
	padding-top: 20px; 
	}
 
.margin-right-5 { margin-right: 5px; }


  @font-face {
    font-family: Janie;
    font-style:  normal;
    font-weight: normal;
    src: url(../webfonts/JANIEHM1.eot);
  }
  @font-face {
    font-family: JanieBold;
    font-style:  normal;
    font-weight: normal;
    src: url(../webfonts/JANIEHM0.eot);
  }
  
    @font-face {
    font-family: Janie;
    font-style:  normal;
    font-weight: normal;
    src: url(../webfonts/JANIEHMK.TTF) format("truetype");
  }
  @font-face {
    font-family: JanieBold;
    font-style:  normal;
    font-weight: normal;
    src: url(../webfonts/JANIHB_.TTF) format("truetype");
  }