body 
{
	font-family: helvetica, arial, verdana, sans-serif;
	background-position: top left; 
	background-repeat: repeat-y; 
	margin-left:0px;  
	background-color:#EEEEEE;
	background-image: url('/img/background_light_grey.gif');
}

h1, h2, h3, h4, h5, h6 
{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color:#555555;
}

h1 {
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
}

h2 
{
	font-weight: bold;
	font-size: 14pt;
	line-height: 18pt;
}

h3 {
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 11pt;
}


h4 {
	font-size: 11pt;
	line-height:14pt;
	margin-bottom:0px;
	padding-bottom:0px;
}

h6 {
	font-size: 10pt;
	text-align: justify;
	margin-bottom:0px;
	font-weight: bold;
	padding-bottom:0px;
}

a
{
	outline: none;
}

a:link {
	color:#295A78;
	text-decoration: none;
}

a:link:hover {
	color:#AA0000;
	text-decoration: underline;
}

a:visited {
	/* color: #472656; */
	color: #555555;
	text-decoration: none;
	font-weight: normal;
}

p 
{
	font-size: 10pt;
	line-height: 14pt;
	margin-bottom: 11pt;
}

img 
{
	border: 0px;
}

/** form elements **/

input.text,
form .pre, 
textarea
{
	font-family: courier, monospace;
	font-size: 9pt;
	width: 98%;
	border: 1px solid #777777;
	padding: 4px;
	background: #ffffff;
}

form .pre
{
	display: block;
	overflow: hidden;
	color: #555555;
	background: #cccccc;
}

fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

label {
	color: #555555;
	font-weight: bold;
}

.buttons
{
	width: 98%;
	text-align: right;
}

/** user id classes **/

.user1, a.user1 {
	color: #555;
	font-weight: 900;
}

.user2, a.user2:link, a.user2:visited 
{
	color: #F04C3E;
	font-weight: 900;
}

.user3, a.user3:link, a.user3:visited {
	color: #67904B;
	font-weight: 900;
}

/** Title Bar and Navigation **/

#titleBar {
	position: fixed;
	top: 50px;
	width:100%;
	z-index:999;
}

#titleBar .padLeft
{
   position: absolute; 
   left:0px; 
   width:20px; 
   height:40px; 
   background:#EEEEEE; 
	
}

#titleBar .masthead
{
   position: absolute;
   top:0px;
   left:20px; 
   width:274px; 
   height:40px; 
   padding:0px; 
   margin: 0px; 	
}

#titleBar .masthead img
{
	float:left; 
	clear:none; 
	border:0px;
}

#titleBar .padRight
{
   position: absolute;
   top:0px; 
   left:980px; 
   width:20px; 
   height:40px; 
   background:#EEEEEE; 
	
}

#titleBar .navigation {
	position: absolute; 
	top:0px; 
	left:294px; 
	width:686px; 
	height:40px; 
	background:#EEEEEE; 
	text-align: left;
	padding-left: 20px;
	line-height:40px;
	font-size: 12px;
	padding-top:0px;
}


#titleBar .navigation a {
	text-decoration: none;
	color:#555555;
	padding: 4px;
	padding-top: 14px;
	padding-bottom: 13px;
}

#titleBar .navigation a:hover {
	background: #CCCCCC;
	color: #FFFFFF;
}

#titleBar .navigation a.current {
	background: #CCCCCC;
	color: #555555;
}

#backgroundImage {
	position: absolute; 
	left:0px; 
	top:0px; 
	width:1000px; 
	height:600px; 
	background-position: top left; 
	background-repeat: no-repeat;
}

/** head **/

.head p
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/** Content **/


#blog,
#content,
#shop {
	position: absolute; 
	left:10px; 
	top:220px; 
	width:530px; 
	margin-bottom:16px;
	padding-bottom:16px;
}

#gallery
{
	position: absolute;
	left:0px;
	top:90px;
	width:980px;

	background:#000000;
}

.content, 
.image 
{
	position: relative;
	background: url('/img/semi-opaque.png'); 
	margin-bottom:16px;
	padding: 10px;
	font-size: 10pt;
	line-height: 14pt;
}

.medium
{
	max-width: 385px;
}

#content .content
{
	width: 530px;
}

.content p 
{
	margin-top:0px;
	border-top:0px;
}

.content a 
{
	font-weight: bold;
	text-decoration: none;
}

.content a:visited 
{
	font-weight: normal;
}

.content a.current,
.content a.current:visited
{
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}


.subnavi ul, 
.content ul 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.subnavi ul li,
.content ul li {
	font-size:10pt;
	line-height: 14pt;
}

.content ul li h4 {
	clear: none;
	display: inline;
	line-height:14pt;
}

.content ul li h6 {
	margin: 0px;
	padding: 0px;
	clear: none;
	display: inline;
}

/** Secondary **/

#secondary,
#subnavi {
	position: absolute; 
	left:580px; 
	top:220px;	 
	width: 450px;
}

.secondary, 
.subnavi {
	padding: 10px;
	font-size:12px; 
	line-height:16px;
	margin-bottom:16px;
	padding-bottom:16px;
	background: url( '/img/semi-opaque.png' ); 
}

#secondary .content
{
	width: 385px;
}

/** images & media **/

.image
{
	float: left;
	margin-right: 8px;
}

.image h6 
{
	margin-top:6px;
	margin-bottom: 0pt;
	padding-bottom: 0pt;
}

/** themes **/


body.themes div.tagcloud
{
	 text-align: center;
}

body.themes div.tagcloud div.keyword
{
	padding: 3px; 
	display: inline-block; 
	vertical-align: middle; 
	float: left; 
	clear: none; 
	line-height: 30px;
	overflow: visible; 
	white-space: nowrap;
}


a.ki0:visited,
a.ki0:link {
	color:#bbbbbb;
}

a.ki1:visited,
a.ki1:link {
	color:#aaaaaa;
}

a.ki2:visited,
a.ki2:link  {
	color:#999999;
}

a.ki3:visited,
a.ki3:link  {
	color:#888888;
}

a.ki4:visited,
a.ki4:link  {
	color:#777777;	
}

a.ki5:visited,
a.ki5:link  {
	color:#666666;
}

a.ki6:visited,
a.ki6:link  {
	color:#555555;
}

a.ki7:visited,
a.ki7:link  {
	color:#444444;
}

a.ki8:visited,
a.ki8:link  {
	color:#333333;
}

a.ki9:visited,
a.ki9:link  {
	color:#222222;
}

a.ki10:visited,
a.ki10:link {
	color:#111111;
}

a.ki0:hover,
a.ki1:hover,
a.ki2:hover,
a.ki3:hover,
a.ki4:hover,
a.ki5:hover,
a.ki6:hover,
a.ki7:hover,
a.ki8:hover,
a.ki9:hover,
a.ki10:hover
{
	color: #ffffff;
	text-decoration: none;
}


/** blog styles **/

.blog #content
{ 
	width:990px; 
}

.blog .title p
{
	white-space: nowrap;
}

.blog #content .entry .content
{
	float: left;
	margin-right: 20px;
}

.blog #content .entry .files
{
	float: left;
	width: 400px;
}

.blog #content .entry
{
	clear: both;
}

.blog ul.navi li {
	list-style: none;
	display: inline;
}

.blog .byline
{
	font-size: 9pt;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: right;
}

.blog ul.topics,
.blog ul.topics li
{
	list-style: none;
	display: inline;	
}

.blog .entry h2,
.blog .entry h2 a:visited,
.blog .comments h4
{
	font-size: 12pt;
	font-weight: bold;
}

.blog .comments
{
	margin-top: 8px;
	border-top: 1px solid #999999;
	padding-top: 8px;
}

.blog .comments h4
{
	margin-bottom: 8px;
}

.blog .comments form .details
{
	width: 33%;
	float: left;
}

.blog .comments form .details input.text,
.blog .comments form .pre
{
	width: 90%;
}

.blog .comments form .optional
{
	font-size: 80%;
	font-style: italic;
}

.blog .comments form .formMessage
{
	font-size: 80%;
}

.blog .comment
{
	margin-bottom: 8px;
	border-bottom: 1px dashed #999999;
	padding-bottom: 8px;
}

.blog .date
{
	font-weight: bold;
}

/** page number styles **/

.title,
.years,
.pages
{
	font-size: 10pt;
	width: 955px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 10px;
   background: url( '/img/semi-opaque.png' ); 
	clear: both;
}

.blog .title
{
	position: relative;
}

.blog .pages
{
	background: none;
	width: auto;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
}

.months
{
	margin-top: 10px;
}

.title p 
{
	display: inline;
}

.title br
{
	clear: none;
	display: inline;
	float: left;
}

.pages
{
	text-align: center;
}

.years ul,
.months ul,
.pages ul
{
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}

.years ul li,
.months ul li,
.pages ul li
{
	display: inline;
}

.years .current a,
.months .current a,
.pages .current a
{
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

/** shop **/

.shop #content
{ 
	width: 960px; 
}

.shop .imageFrame
{
	float: left;
	width: 414px;
}


.shop #content div.content
{
	width: 960px; 
}

.shop .product
{
	position: relative;
	width: 980px;
	clear: both;
}

.half,
.shop .half,
.shop #content .half
{
	width: 48%;
	margin-right: 2%;
	float: left;
}

.shop #content form
{
	width: 1000px;
}

.shop #content fieldset.half
{
	width: 460px;
	margin-right: 0px;
}

.shop #content .right
{
	margin-left: 20px;
}


.shop .product .information
{
	position: relative;
	float: left;
	width: 546px;
	clear: right;
	background: url('/img/semi-opaque.png'); 
	margin-bottom: 16px;
	padding: 10px;
	font-size: 12px; 
	line-height: 16px;
	white-space: normal;
}

.checkout .product .imageFrame
{
	width: 224px;
}

.checkout .product .information
{
	width: 736px;
}

.checkout .product .information h2
{
	background: none;
	padding: 0px;
	margin: 0px;
	font-size: 14pt;
}

.shop .product .details
{
	background:#ffffff; text-align: right; margin: 5px -10px -10px -10px; padding: 10px;
}

.shop #content .totals
{
	width: 730px;
	padding-right: 5px;
}

.shop #content .paymentbuttons
{
	border-left: 2px solid #565656;
	padding-left: 20px;
	width: 145px;
}

.shop .paymentbuttons input.button
{
	width: 140px;
	margin-right: 3px;
}

.shop .paymentbuttons input.updatetotal
{
	margin-bottom: 10px;
}

.shop .receipt
{
	margin: 0px auto 0px auto;
	width: 650px;
	padding: 20px;
	background: #ffffff;
}

/** gallery **/

#gallery
{
	position: absolute;
	left:0px;
	top:90px;
	width:1000px;
	height: 540px;
	background:#000000;
}


#gallery .content
{
	margin: 10px auto 0px auto;
	clear: both;
}

#gallery .content .galleryImage
{
	text-align: center;
}

#gallery .content img
{
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#gallery img {
	margin-bottom:6px;
}

#gallery h6 {
	margin-top: 0px;
}

/** search **/

.search input.text
{
	width: 80%;
}

.search div.result
{
	border-bottom: 1px dashed #999999;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.search div.result h3
{
	padding: 0px;
	margin: 0px;
}

.search .result h3 span.index
{
	font-weight: normal;
}

.search .result h3 span.score
{
	font-weight: normal;
	font-size: 80%;
}

.search .result h3 a
{
	font-weight: bold;
}

.search .result p
{
	padding: 0px;
	margin: 4px 0px 4px 0px;
}

.search .result .keyword
{
	font-weight: normal;
}

.search .result .match
{
	font-weight: bold;
	color: #000000;
}

.search .pages
{
	width: 530px;
}

/** generic classes **/

.success,
.message
{
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	color: #007700;
}

.error
{
	font-size: 150%;
	font-weight: bold;
	color: #770000;
}

input.alert,
.alert
{
	border: 2px solid #770000;
}

.clear
{
	clear: both;
}


.hidden
{
	display: none;
}

/* custom almanac films layout */

.almanacfilms .mediacontainer
{
	position: relative;
	text-align: center;
	float: left;
	padding: 0px;
	margin: 0px;
	height: 480px;
}

.almanacfilms .media
{
	float: left;
	clear: both;
	position: relative;
}

.almanacfilms .sizes
{
	margin-left: 340px;
	width: 320px;
}

/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}

.almanacfilms .sizes object,
.almanacfilms .sizes .media
{
	margin-top: 150px;
}

.almanacfilms .sizem
{
	margin-left: 260px;
	width: 480px;
}

.almanacfilms .sizem .media
{
	margin-top: 105px;
}

.almanacfilms .sizel
{
	margin-left: 180px;
	width: 640px;
}

.almanacfilms .sizel .media
{
	margin-top: 60px;
}

.almanacfilms .sizehd
{
	margin-left: 63px;
	width: 854px;
}

.almanacfilms #content
{
	text-align: center;
	width: 960px;
}