/* ********
 * HungryFilmmaker.com CSS
 *
 */

/* Base */

html {
  background: black url(images/zipgradient3.gif) repeat-x;
  margin: 0;
  padding: 0;
}

body {
  margin: auto;
  width: 800px;
}

#Container {
  background: transparent;
  color: #b9b9b9;
  margin: auto;
  font: 16px/20px Helvetica, sans-serif;
  /*border-top: 2px solid black;
  border-bottom: 2px solid black;*/
  padding: 5px;
  max-width: 800px;
}

/* ********
 * Gobal Stuff
 *
 */

#Homepage, #Intro, #UnderConstruction, #Examples, #SourceCode, #Images, #VideoContent, #WhatYouGet, #FullServices, #WhatToDoNow, #Credits, #DVDArchives, #Policies, #Videos, #CopycatLinkRoll, #CopycatTagCloud {font-size: 80%;}

#Intro h2, #UnderConstruction h2, #Examples h2, #SourceCode h2, #Images h2, #VideoContent h2, #WhatYouGet h2, #WhatToDoNow h2, #Credits h2, #DVDArchives h2, #Policies h2, #Videos h2, #CopycatLinkRoll h2, #CopycatTagCloud h2 {
  font-family: Helvetica, sans-serif;
  color: #fff;
  border-bottom: 1px dotted #8a8a8a;
}

#WhatYouGet h3, #WhatToDoNow h3 {color:white;}

strong, b {color: #fff;}

a:link {
  color:#5090FF;
  text-decoration:none;
  }
a:visited {
  color:#215670;
  text-decoration:none;
  }
a:hover {
  color:#E6CF00;
  text-decoration:underline;
}

/* Create left column*/
#Intro, #SourceCode, #Images, #VideoContent, #Credits, #CopycatLinkRoll, #CopycatTagCloud {margin-left: 200px;}

/* ********
 * Specific Stuff
 *
 */
 
/* Header */

#Header {
  /*border-bottom: 2px dotted #333;*/
  /*background: #2a2a2a;*/
  margin-top: 3px;
  display: none;
}

.img-header {width: 250px;}

#Header h1 {
  text-align: center;
  color: #D6CF00;
  font-size: 200%;
}

/* TitleBar */

#TitleBar {
  font-size: 80%; 
  /*background: transparent url(TitleBar.png) no-repeat;;*/
  /*border: 1px outset #a2a2a2;*/
  padding: 1px;
  margin-top: 3px;
}

#TitleBar h1 {
  /*border-bottom: 1px solid black;*/
  margin-top: 3px;
  margin-bottom: -5px;
  color: #D6CF00;
  font-size: 250%;
  font-variant: small-caps;
  font-family: Georgia, "Times New Roman", serif;
  text-align: center;
}

#TitleBar #Menu {
  text-align: center;
  padding: 3px;
  /*margin-left: 12px;
  margin-right: 12px;*/
  border-top: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
  /*background: #1a1a1a;*/
  letter-spacing: 3px;
  /*text-transform: uppercase;*/
  font-variant: small-caps;
  font-family: Georgia, "Times New Roman", serif;
}

/* NavMenu */

#NavMenu {
  float: right;
  width: 150px;
  border-left: 1px solid #8a8a8a;
  font-size: 100%;
  background: transparent;
  margin-left: 5px;
}

#NavMenu ul {padding-left: 0px}

#NavMenu li {
  margin-left: 20px;
  list-style: none;
  text-align: left;
}

#NavMenu h2 {margin-left: 20px; font-size: 120%; text-decoration: none;}

/* Home Page */
#ReelVideo {
	text-align: right;
	padding-top: 35px;
}

/* Intro */

#Intro {margin-bottom: 10px;}

#Intro #Menu { 
	text-align: right;
	margin-top: 0px;
	padding-top: 0px;	
}

#Intro h1
{
  color: #D6CF00;
  text-align: left;
  font-size: 160%;
  font-family: Georgia, "Times New Roman", serif;
  font-variant: small-caps;
  letter-spacing: 6px;
  margin-left: -200px;
}

/* BannerBoxes */

#BannerBoxes
{float:left; margin-bottom: 1em;}

#BannerBoxes h3 {margin-bottom 0px; padding-left: 35px; padding-top: 3px; padding-bottom: 0px; color: white;}
#BannerBoxes a:link {color: white; text-decoration: none;}
#BannerBoxes a:hover {color: white; text-decoration: underline;}
#BannerBoxes a:visited {color: white; text-decoration: none;}
#BannerBoxes p {margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}

#Box1, #Box2, #Box3, #Box4, #Box5 {margin-bottom: 0px;padding-right: 10px;}

#Box5 {display:none;}

.banner-box {width: 190px;}

.img-banner-box {position: absolute;}

/*GoogleDocsForm*/

.GoogleDocsForm {
	border: 1px solid #555;
	background: #151515;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.GoogleDocsForm .ss-required-asterisk {color: #800;}

.GoogleDocsForm .ss-form-container {
	width: 380px;
	background-color: #333;
	border: 1px solid #CCC;
	padding: 0.5em 1em;
	font-size: 0.9em;
}

.GoogleDocsForm .ss-q-title{font-weight: bold; padding-left:7px; display: block;}
.GoogleDocsForm .ss-q-help{color: #666; padding-left:7px; display: block;}
.GoogleDocsForm .ss-q-submit{color: #000;}
.GoogleDocsForm .ss-q-short {font-size: 120%; width: 300px;}
.GoogleDocsForm .ss-q-long {font-size: 120%;}
.GoogleDocsForm .ss-q-short, .GoogleDocsForm .ss-q-long, .GoogleDocForm .ss-q-submit {
	background:#f7f7f7;
	border:solid gray 1px;
	margin:8px;
	padding:0px 3px;
	color:#666666;
	font-family: Helvetica, sans-serif;
}
.GoogleDocsForm .ss-powered-by {text-align: right; display: block;}

/* FullServices */

#FullServices {
	font-family: Verdana, sans-serif;
	font-size: 70%;
	max-width: 250px;
	float: right;
	border: 1px solid #8c8c8c;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	background: #1a1a1a;
}

#FullServices ul {padding-left: 15px;}

#FullServices h2 {
	font-family: Helvetica, sans-serif;
	color: white;
	text-align: center;
	background: #7f6f00;
	padding: 2px;
}

#price {color: white;}

/* PackageSummary */

#PackageSummary {padding-left: 20px;}

#PackageSummary #Field {
	color: #D6CF00;
	font-weight: bold;
}

#PackageSummary p {margin: 0px;}

/* IntroPackageList */

#IntroPackageList {text-align: center;}

#IntroPackageList ul {padding: 0px; margin: 0px;}

#IntroPackageList li
{
	list-style-type: none;
}

/* Copycat */

#CopycatTagCloud {}

#CopycatLinkRoll p {font-size: 100%;}

/* Misc */

#time {color:#E6CF00;}

#Question {font-weight: bold; color: white;}

#Answer {margin-left: 10px;}

.orderlist {list-style-image: url(images/Gold-check-mark.png);}

.img-left {
  width: 180px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-left: -200px;
  float: left;
}

/* Footer */

#Footer {
  clear: both;
  color: #3a3a3a;
  border-top: 1px solid #8a8a8a;
  /*border-bottom: 1px solid #8a8a8a;*/
  line-height: 1.5em;
  font-size: 80%;
}

#Footer b, #Footer strong {color: #5a5a5a;}

#Footer a:link {color: #aaa;}
#Footer a:hover {color: #aaa;}
#Footer a:visted {color: #aaa;}

/* MiniMenu */

#MiniMenu {text-align: right; width: 50%; float: right;}

#MiniMenu p {border-left: 1px solid #8a8a8a; padding-left: 5px;}

#Footer #Copyright {}
#Footer #Warning {}