body {
margin:0px auto;
text-align:center;
background-image: url(http://hjproductions.org/images/themes/gradients/afternoon.jpg);
background-repeat: repeat-x;
background-color:#ffcc66;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

/* Colors, Sunrise cc3333, Morning ffcc33, Noon 99ccff, Afternoon ffcc66, Sunset ff6600, twilight 003366*/

/* Font Formatting */

h1 {
font-family: "Courier New",Courier,monospace;
color: #3366FF;
font-size: 20pt;
font-weight: bold;
}

h3 {
font-family: "Courier New",Courier,monospace;
color: #FF0000;
font-size: 16pt;
font-weight: bold;
}

h3.open {
font-family: "Courier New",Courier,monospace;
color: #FF0000;
font-size: 14pt;
font-weight: bold;
}

h3.whiteonred {
font-family: "Courier New",Courier,monospace;
background-color: #FF0000;
color: #FFFFFF;
font-size: 16pt;
font-weight: bold;
}

h3.whiteonturquoise {
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 16pt;
font-weight: bold;
background-color: #339999;
}

h3.whiteonorange {
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 16pt;
font-weight: bold;
background-color: #FF9933;
}

h3.blueongrey {
font-family: "Courier New",Courier,monospace;
color: #3366FF;
font-size: 16pt;
font-weight: bold;
background-color: #333333;
}

img.thumbnail {
border: 0px solid;
width: 196px;
height: 141px;
}

img.thumbnailtall {
border: 0px solid;
width: 96px;
height: 141px;
}

p {
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

p.open {
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 10pt;
}

small {
font-size: 8pt;
}

a.blue:link {color: #3366FF;}
a.blue:visited {color: #660066;}
a.blue:hover {color: #3399FF;}

a.blue16:link {color: #3366FF;}
a.blue16:visited {color: #660066;}
a.blue16:hover {color: #3399FF;}

a.blue16 {
font-size: 16pt;
font-weight: bold;
}

a.red:link {color: #FF0000;}
a.red:visited {color: #990000;}
a.red:hover {color: #FF6666;}



#topbanner {
display:block;
margin:0px auto;
background-image: url(http://www.hjproductions.org/images/themes/afternoon/topbanner.jpg);
width:750px;
height:191px;
text-indent: -5000px;
overflow:hidden;
}

#menu {
display:block;
margin:0px auto;
width: 750px;
height: 74px;
}


/* Open Menu */

#open {
display:block;
margin:0px auto;
background-image: url(http://www.hjproductions.org/images/themes/afternoon/opentop.jpg);
width:550px;
height:341px;}

#openbody {
display:block;
margin:0px auto;
width: 550px;
height: 0px;
background-color:#000000;
text-align:center;
}

#opencontent {
display:block;
margin:0px auto;
width: 510px;
height: auto;
background-color:#000000;
text-align:center;
}

html>body #opencontent {
float:left;
margin:0px auto;
width: 510px;
height: auto;
background-color:#000000;
padding-left: 20px;
padding-right: 20px;
}

#openbottom {
float:left;
margin:0px auto;
background-image: url(http://www.hjproductions.org/images/themes/afternoon/openbottom.jpg);
width:550px;
height:18px;
background-color:#000000;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 10pt;
}

/* Main Menu */

a.about {
float:left;
margin:0px auto;
width: 113px;
height: 41px;
text-decoration: none;
background: url(http://www.hjproductions.org/images/themes/afternoon/about.jpg);
text-indent: -5000px;
overflow:hidden;}
a.about:hover {background-position: -113px 0;}

a.blog {
float:left;
margin:0px auto;
width: 136px;
height: 41px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/blog.jpg);
text-indent: -5000px;
overflow:hidden;}
a.blog:hover {background-position: -136px 0;}

a.store {
float:left;
margin:0px auto;
width: 126px;
height: 41px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/store.jpg);
text-indent: -5000px;
overflow:hidden;}
a.store:hover {background-position: -126px 0;}

a.videos {
float:left;
margin:0px auto;
width: 122px;
height: 41px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/videos.jpg);
text-indent: -5000px;
overflow:hidden;}
a.videos:hover {background-position: -122px 0;}

a.photos {
float:left;
margin:0px auto;
width: 125px;
height: 41px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/photos.jpg);
text-indent: -5000px;
overflow:hidden;}
a.photos:hover {background-position: -125px 0;}

a.sound {
float:left;
margin:0px auto;
width: 128px;
height: 41px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/sound.jpg);
text-indent: -5000px;
overflow:hidden;}
a.sound:hover {background-position: -128px 0;}


a.feature {
float:left;
margin:0px auto;
width: 113px;
height: 34px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/feature.jpg);
text-indent: -5000px;
overflow:hidden;}
a.feature:hover {background-position: -113px 0;}

a.crew {
float:left;
margin:0px auto;
width: 136px;
height: 34px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/crew.jpg);
text-indent: -5000px;
overflow:hidden;}
a.crew:hover {background-position: -136px 0;}

a.contact {
float:left;
margin:0px auto;
width: 126px;
height: 34px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/contact.jpg);
text-indent: -5000px;
overflow:hidden;}
a.contact:hover {background-position: -126px 0;}

a.links {
float:left;
margin:0px auto;
width: 122px;
height: 34px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/links.jpg);
text-indent: -5000px;
overflow:hidden;}
a.links:hover {background-position: -122px 0;}

a.hire {
float:left;
margin:0px auto;
width: 125px;
height: 34px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/hire.jpg);
text-indent: -5000px;
overflow:hidden;}
a.hire:hover {background-position: -125px 0;}

a.home {
float:left;
margin:0px auto;
width: 128px;
height: 34px;
text-decoration: none;
background: url(http://hjproductions.org/images/themes/afternoon/home.jpg);
text-indent: -5000px;
overflow:hidden;}
a.home:hover {background-position: -128px 0;}


/* Body*/

#topcurve {
display:block;
margin:0px auto;
background-image: url(http://www.hjproductions.org/images/themes/afternoon/topcurve.jpg);
width:750px;
height:14px;}

#mainbody {
display:block;
margin:0px auto;
width: 750px;
height: 0px;
background-color:#000000;
text-align:center;
}

/* Transparency filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; */

#lefttower {
float:left;
width: 25px;
height: 2px;
background-color:#000000;
}

#content {
display:block;
margin:0px auto;
width: 700px;
height: auto;
background-color:#000000;
text-align:center;
}

html>body #content {
float:left;
margin:0px auto;
width: 700px;
height: auto;
background-color:#000000;
padding-left: 25px;
padding-right: 25px;
}

/* MovieBox */

.moviebox {
margin:0px auto;
width: 628px;
height: 0px;
background-color:#000000;
}

html>body .moviebox {
float:left;
margin:0px auto;
width: 650px;
height: auto;
background-color:#000000;
padding-left: 25px;
padding-right: 25px;
}

.movieboxcell1 {
float:left;
width: 246px;
height: auto;
background-color:#FF0000;
border-style:ridge;
border-top-width: 5px;
border-left-width: 5px;
border-bottom-width: 3px;
border-right-width: 3px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxcol1 {
float:left;
width: 246px;
height: auto;
background-color:#111111;
border-style:ridge;
border-top-width: 0px;
border-left-width: 5px;
border-bottom-width: 3px;
border-right-width: 3px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxcell2 {
float:left;
width: 146px;
height: auto;
background-color:#FF0000;
border-style:ridge;
border-top-width: 5px;
border-left-width: 0px;
border-bottom-width: 3px;
border-right-width: 3px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxcol2 {
float:left;
width: 146px;
height: auto;
background-color:#111111;
border-style:ridge;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 3px;
border-right-width: 3px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxcell3 {
float:left;
width: 92px;
height: auto;
background-color:#FF0000;
border-style:ridge;
border-top-width: 5px;
border-left-width: 0px;
border-bottom-width: 3px;
border-right-width: 3px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxcol3 {
float:left;
width: 92px;
height: auto;
background-color:#111111;
padding-top: 9px;
padding-bottom: 9px;
border-style:ridge;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 3px;
border-right-width: 3px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxcell4 {
float:left;
width: 52px;
height: auto;
background-color:#FF0000;
border-style:ridge;
border-top-width: 5px;
border-left-width: 0px;
border-bottom-width: 3px;
border-right-width: 5px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxcolview {
float:left;
width: 52px;
height: auto;
background-color:#00CC00;
padding-top: 9px;
padding-bottom: 9px;
border-style:ridge;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 3px;
border-right-width: 5px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.movieboxbluerow {
float:left;
width: 628px;
height: auto;
background-color:#0000FF;
border-style:ridge;
border-top-width: 0px;
border-left-width: 5px;
border-bottom-width: 3px;
border-right-width: 5px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 10pt;
}

html>body .movieboxbluerow {
float:left;
width: 640px;
height: auto;
background-color:#0000FF;
border-style:ridge;
border-top-width: 0px;
border-left-width: 5px;
border-bottom-width: 3px;
border-right-width: 5px;
border-color: #FFFFFF;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 10pt;
}

#movieboxleft {
float:left;
margin:0px auto;
width: 150px;
height: 200px;
background-color:#333333;
}

#movieboxright {
float:left;
margin:0px auto;
width: 150px;
height: 200px;
background-color:#333333;
}

/* End MovieBox */

/* ImageBox */

.imageboxcell {
float:left;
width: 209px;
height: auto;
background-color:#000000;
}

html>body .imageboxcell {
float:left;
width: 216px;
height: auto;
background-color:#000000;
padding-bottom: 4px;
}


/* End ImageBox */

/* Starbox */

.sbbox {
margin:0px auto;
padding-top: 10px;
padding-bottom: 20px;
width: 358px;
height: auto;
background-color:#000000;
}

html>body .sbbox {
float:left;
margin:0px auto;
padding-top: 10px;
padding-bottom: 20px;
width: 366px;
height: auto;
background-color:#000000;
padding-left: 171px;
padding-right: 171px;
}

.sbhead {
float:left;
width: 358px;
height: auto;
background-color:#222222;
border-style:ridge;
border-width: 4px;
border-color: #666666;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #3366FF;
font-size: 16pt;
font-weight: bold;
}

.starboxbody {
float:left;
width: 358px;
height: auto;
background-color:#000000;
border-style:ridge;
border-top-width: 0px;
border-left-width: 4px;
border-bottom-width: 4px;
border-right-width: 4px;
border-color: #666666;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.sbcol1 {
float:left;
width: 152px;
height: auto;
background-color:#000000;
border-style:ridge;
border-top-width: 0px;
border-left-width: 4px;
border-bottom-width: 4px;
border-right-width: 4px;
border-color: #666666;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

.sbcol2 {
float:left;
width: 206px;
height: auto;
background-color:#000000;
border-style:ridge;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 4px;
border-right-width: 4px;
border-color: #666666;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

html>body .sbcol2 {
float:left;
width: 202px;
height: auto;
background-color:#000000;
border-style:ridge;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 4px;
border-right-width: 4px;
border-color: #666666;
border-style: ridge;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 12pt;
}

/* End Starbox */



#righttower {
float:left;
width: 25px;
height: 100%;
background-color:#000000;
}

a.sitemap:link {color: #3399FF;}
a.sitemap:visited {color: #660066;}
a.sitemap:hover {color: #33CCFF;}

a.sitemap {
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 8pt;
}

#sitemapblock {
float:left;
margin:0px auto;
background-color: #000000;
width:750px;
height:auto;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 8pt;
}

#bottom {
float:left;
margin:0px auto;
background-image: url(http://www.hjproductions.org/images/themes/afternoon/bottom.jpg);
width:750px;
height:25px;
background-color:#000000;
font-family: "Courier New",Courier,monospace;
color: #FFFFFF;
font-size: 10pt;
}


/* JS-Kit */

.js-commentControl a {
color:#FFFFFF;}

.js-commentTool a {
color: #FFFFFF;}

/* End JS-Kit */


/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(http://www.hjproductions.org/js/mediabox/images/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #000 url(http://www.hjproductions.org/js/mediabox/images/BlackLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(http://www.hjproductions.org/js/mediabox/images/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(http://www.hjproductions.org/js/mediabox/images/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(http://www.hjproductions.org/js/mediabox/images/BlackClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

/* End mediaboxAdvanced - Black Theme */


/* Start WordPress */

/* Begin Comments */

/* My Code */

#commentbody {
display:block;
margin:0px auto;
width: 650px;
height: auto;
}

#papertop {
float:left;
margin:0px auto;
width: 650px;
height: 50px;
background:url(http://www.hjproductions.org/images/comments/paper_top.jpg);
}

#commentbox {
float:left;
margin:0px auto;
width: 650px;
height: auto;
background:url(http://www.hjproductions.org/images/comments/commentspaper_roughedges.jpg);
background-repeat: repeat-y;
text-align:left;
}

#respond {
float:left;
margin:0px auto;
width: 550px;
height: auto;
text-align:left;
padding-left:50px;
}

h3.comments {
font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
color: #000000;
font-size: 16pt;
text-align:center;
}

.comments {
font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
color:#000000;
}

#paperbottom {
float:left;
margin:0px auto;
width: 650px;
height: 73px;
background:url(http://www.hjproductions.org/images/comments/paper_bottom.jpg);
}

ol.commentlist p {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
}

/* End My Code */

ol.commentlist {
margin:0;
padding:0;
}

.commentlist li {
list-style:none;
margin-bottom:14px;
}

.commentlist cite {
padding-top:7px;
padding-bottom:7px;
padding-right:67px;
padding-left:67px;
display:block;
font-style:normal;
background:url(http://www.hjproductions.org/images/comments/authorstrip_blue.png);
color:#000000;
}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
padding:1px;
float:left;
margin-right:9px;
}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(http://www.hjproductions.org/images/comments/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
padding-top:0px;
padding-bottom:10px;
padding-right:80px;
padding-left:80px;
color:#000000;
}

.commentlist .alt cite {
padding-top:7px;
padding-bottom:7px;
padding-right:67px;
padding-left:67px;
display:block;
font-style:normal;
background:url(http://www.hjproductions.org/images/comments/authorstrip_red.png);
color:#000000;
}

.nocomments {
padding-right:80px;
padding-left:80px;
font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
color:#000000;
text-align:center;
}

/* End Comments */

/* End WordPress */

/* Cinema Play Buttons */

a.playmovie {
display:block;
text-indent: -5000px;
overflow:hidden;
margin:25px auto;
width: 182px;
height: 60px;
text-decoration: none;
background: url(http://www.hjproductions.org/images/cinema/playmovie.jpg);}
a.playmovie:hover {background-position: -182px 0;}

a.seventwentyp {
display:block;
text-indent: -5000px;
overflow:hidden;
margin:25px auto;
width: 182px;
height: 60px;
text-decoration: none;
background: url(http://www.hjproductions.org/images/cinema/720p.jpg);}
a.seventwentyp:hover {background-position: -182px 0;}