/*
Theme Name: JFFH 2010

Description: Japan Filmfest Hamburg 2010
Version: 1.0
Author: Nihon Media

*/
body
{
	background-attachment: fixed;
	background-image: url("http://www.jffh.de/wp-content/themes/jffh2010/images/bg_tile.jpg");
	color: #000;
	margin: 0;
	opacity: .999;
	padding: 2em 0;
}
.container
{
	background: #fff;
	padding: 1em 2em;
}
.container-bg
{
	background: #fff;
}
.abstand
{
	margin: 10px 0px 0px 0px;
}
blockquote
{
	background: url('images/quote.png') .5em top no-repeat;
	color: #000;
	font-style: normal;
	padding: 0 0 0 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: #000;
}
a
{
	color: #6C585A;
	text-decoration: none;
}
a:active, h2 a:active, h3 a:active
{
	color: #444130;
	text-decoration: none;
}
a:hover, h2 a:hover, h3 a:hover
{
	color: #6c585a;
	text-decoration: underline;
}
.chrome
{
	color: #ff0000;
}
blockquote p
{
	padding: 0 20px 0 30px;
}
hr
{
	background: #000;
	height: 1px;
}
img
{
	margin: 0;
}
.photo_align_left
{
	background: #eee;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 1em 0;
	padding: .8em;
}
.photo_align_left_single
{
	background: #eee;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 1em 0;
	padding: .5em;
}
.post .photo_align_left, .photo_align_left_single
{
	margin: 0 1.5em 1.5em 0;
}
.logo img
{
	margin: 0 0 0 0;
}
.logo h1
{
	color: #000;
	font-weight: bold;
	margin: 0 0 12px 0;
	text-transform: uppercase;
}
input
{
	border: 1px solid #CCCCCC;
	padding-left: 0;
}
ol
{
	margin-left: 35px;
}
label
{
	font-weight: normal;
}
.small
{
	font-size: .9em;
}
.nomargin
{
	margin: 0;
}
a.button, button
{
	font-weight: normal;
}
dl.small dd
{
	font-size: .9em;
}
.linkcat
{
	list-style: none;
}
.post_first
{
	background: #e5e5e5;
	padding: 1em;
}
.post_alt
{
	background: #eee;
	padding: 1em;
}
span.meta_align_right
{
	color: #ccc;
	float: right;
	font-size: .6em;
}
span.meta_align_right a
{
	color: #ccc;
}
span.meta_align_right a:hover
{
	color: #000;
}
.meta
{
	color: #666;
	font-size: .8em;
	line-height: 1.875em;
}
.meta a
{
	color: #666;
}
.meta a:hover
{
	color: #000;
}
.byline
{
	color: #666;
	font-size: .8em;
	line-height: 1.875em;
}
.byline a
{
	color: #666;
	line-height: 1.875em;
	text-decoration: none;
}
.byline a:hover
{
	color: #000;
}
.meta_list, .meta_list a, ul.meta_list
{
	color: #000;
	list-style-image: none;
}
.meta_list li
{
	border-bottom: 1px dotted #000;
	list-style-image: none;
}
h2.widgettitle
{
	border-bottom: 1px solid #000;
	color: #000;
	text-transform: uppercase;
}
.five_posts h3
{
	margin-bottom: 0;
	padding: .5em 0 .5em 0;
}
.five_posts h3 a
{
	text-transform: uppercase;
}
.five_posts h4, h6.category_head
{
	border-bottom: 1px solid #000;
	color: #513B42;
	font-size: .9em;
	font-weight: normal;
	margin: 0 0 1em;
	padding: 0;
	text-transform: uppercase;
}
.five_posts h4 a, h6.category_head a
{
	color: #6C585A;
	text-transform: uppercase;
}
.five_posts h4 a:hover, h6.category_head a:hover
{
	background: #604c53;
	color: #EBE27C;
}
h6.category_more a
{
	background: #eee;
	border: none;
	color: #000;
	font-size: .9em;
	padding: .3em;
	text-transform: uppercase;
}
h6.category_more a:hover
{
	background: #333;
	color: #fff;
}
#gray_bg
{
	background: #ddd;
	float: left;
	margin: 0 -2em 0 -2em;
	padding: 2em;
	position: relative;
}
#dark_bg
{
	background: #000;
	color: #666;
	float: left;
	margin: 0 -2em 0 -2em;
	padding: 2em;
	position: relative;
}
#dark_bg ul li
{
	border-bottom: 1px solid #666;
	list-style-image: none;
}
#dark_bg a
{
	color: #ff0000;
}
#dark_bg a:hover
{
	color: #fff;
}
#dark_bg h2.widgettitle
{
	border-bottom: 1px solid #666;
	color: #666;
	font-weight: normal;
	margin: 0 0 1em;
	padding: 0;
	text-transform: uppercase;
}
.five_posts ul
{
	margin: 1em;
}
.five_posts ul li
{
	border-bottom: 1px #000 solid;
	color: #000;
	font-size: .9em;
	line-height: 1.8em;
	list-style-image: none;
	margin: 0 0 0 -1em;
}
.five_posts ul li a
{
	color: #000;
}
.five_posts ul li a:hover
{
	color: #ff0000;
}
.post h2
{
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}
h2.category_page
{
	background: #604c53;
	color: #F4E37B;
	margin-bottom: 15px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}
.post h2 a
{
	color: #000;
	text-decoration: none;
}
#maincontent .post h2
{
	margin-bottom: 5px;
}
#maincontent .content
{
	padding: 5px 47px 20px 48px;
}
#maincontent h2.pagetitle
{
	border: none;
	text-transform: uppercase;
}
#feature h3
{
	margin-bottom: 0;
	padding: 0;
}
#feature p img
{
	margin: 7px 0 2em 0;
}
.feature_text
{
	margin-top: 2em;
}
#home_right .entry
{
	padding: 0 0 2em 0;
}
.news h3
{
	text-transform: uppercase;
}
.content
{
	margin: 0 0 1em 0;
}
ul#featurenav
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#featurenav li
{
	display: inline;
	list-style-type: none;
}
#featurenav a
{
	padding: 1px 5px;
}
#featurenav a:link, #featurenav a:visited
{
	background-color: #eee;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
}
#featurenav a:hover
{
	background-color: #444;
	color: #fff;
	text-decoration: none;
}
.author
{
	background: #eee;
	margin-bottom: 1.5em;
	padding: 1.5em;
}
.author img
{
	float: left;
	padding: 0 1em 1em 0;
}
.author p
{
	margin-left: 8em;
}
.author h6
{
	border-bottom: 1px #000 dotted;
	margin-left: 7em;
}
.navigation, 
.navigation a
{
	color: #AAA;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
.post
{
	clear: both;
	display: block;
	float: none;
	margin-bottom: 25px;
}
.entry
{
	clear: both;
	display: block;
	float: none;
	padding-bottom: 25px;
}
#header
{
	height: 50px;
	padding: 4px 0 0 0;
	width: 950px;
}
#header h1, #header .description
{
	line-height: 1em;
	margin: 0;
	padding: 0;
}
h1 a.logo
{
	text-transform: uppercase;
}
.entry #nav .content
{
	margin: auto;
	padding: 0;
}
.entry #nav
{
	background: #FFF;
	margin-bottom: 25px;
}
.entry #nav li a
{
	background: #666;
	border-right: 1px solid #000;
	color: #FFF;
}
.entry #nav li.last a
{
	border-right: none;
}
.entry #nav li a:hover
{
	background: #333;
	color: #FFF;
}
#footer
{
	font-size: .9em;
	margin: 0;
	text-align: center;
}
#footer a
{
	text-decoration: none;
}
#search
{
	float: right;
}
#search #s
{
	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
	color: #CCCCCC;
	font-size: 0.9em;
	margin-right: 0px;
	margin-top: 69px;
	padding: 2px 0 2px 17px;
	width: 135px;
}
#search #s:hover
{
	color: #000;
}
.search-excerpt
{
	margin: 0;
}
.commentlist li
{
	padding: 8px 15px;
}
.comments-alt
{
	background: #EEE;
}
.bottombar
{
}
.bottombar h2
{
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 1em 0 1em;
}
ul
{
	list-style-type: none;
	margin-left: 1em;
	padding: 0;
}
ul li
{
	background-repeat: no-repeat;
	line-height: 2em;
	list-style-image: url('images/icons/li.png');
	margin: 0;
	padding: 0;
}
#top
{
	margin: 0 auto;
	width: 950px;
}
#title
{
	float: left;
}
#title h1
{
	margin: 0;
}
#title h1 a
{
	color: #fff;
	font-weight: bold;
	letter-spacing: -.1em;
	line-height: 1.3em;
	text-transform: uppercase;
}
#title h1 a:hover
{
	color: #eee;
}
#contents
{
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
	margin: 0px;
	padding: 50px;
}
.topright
{
	background: url('images/sidebg.jpg') no-repeat top left;
	padding: 40px;
}
.news h3
{
	text-transform: uppercase;
}
#navmenu-h
{
	background: #604c53;
	z-index: 13;
}
#navmenu-h-r
{
	background: #fff;
	z-index: 14;
}
#navmenu-h li.alignright
{
	float: right;
}
ul#navmenu-h
{
	border: 0 none;
	border-top: 0px #222 solid;
	height: 34px;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	width: 950px;
}
#navmenu-h-r
{
	border: 0 none;
	height: 24px;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}
ul#navmenu-h li
{
	border: 0 none;
	border-right: 0px #222 solid;
	display: inline;
	float: left;
	height: 34px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
#navmenu-h-r li
{
	border: 0 none;
	display: inline;
	float: right;
	height: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
ul#navmenu-h ul
{
	border: 0 none;
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 34px;
	width: 160px;
}
ul#navmenu-h-r ul
{
	border: 0 none;
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	width: 160px;
	z-index: 10;
}
ul#navmenu-h ul:after,ul#navmenu-h-r ul:after
{
	clear: both;
	content: ".";
	display: block;
	font: 1px/0px serif;
	height: 0;
	visibility: hidden;
}
ul#navmenu-h ul li, ul#navmenu-h-r ul li
{
	display: block !important;
	float: left;
	width: 160px;
}
ul#navmenu-h a
{
	background: #604c53;
	color: #E6D263;
	display: block;
	float: none !important;
	font: 12px/24px Helvetica;
	height: auto !important;
	padding: 5px 25px 5px 25px;
	text-decoration: none;
	text-transform: capitalize;
}
ul#navmenu-h-r a
{
	background: #fff;
	color: #fff;
	display: block;
	float: none !important;
	font: 11px/22px Helvetica;
	height: auto !important;
	padding: 2px 2px 0 2px;
	text-decoration: none;
}
ul#navmenu-h-r img
{
	border: 1px solid #000000;
}
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a
{
	background: #6C585A;
	color: #fff;
}
ul#navmenu-h-r a:hover,
ul#navmenu-h-r li:hover a,
ul#navmenu-h-r li.iehover a
{
	background: #fff;
	color: #fff;
}
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a,
ul#navmenu-h-r li:hover li a,
ul#navmenu-h-r li.iehover li a
{
	background: #6C585A;
	color: #fff;
	float: none;
}
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a,
ul#navmenu-h-r li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover a,
ul#navmenu-h-r li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover a
{
	background: #CCC4C4;
	color: #513B42;
}
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li a
{
	background: #000;
	color: #ccc;
}
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a,
ul#navmenu-h-r li:hover li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover a,
ul#navmenu-h-r li.iehover li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover a
{
	background: #CCC;
	color: #FFF;
}
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a
{
	background: #EEE;
	color: #666;
}
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover
{
	background: #CCC;
	color: #FFF;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul,
ul#navmenu-h-r ul ul,
ul#navmenu-h-r ul ul ul
{
	display: none;
	left: 160px;
	position: absolute;
	top: 0;
}
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul,
ul#navmenu-h-r li:hover ul ul,
ul#navmenu-h-r li:hover ul ul ul,
ul#navmenu-h-r li.iehover ul ul,
ul#navmenu-h-r li.iehover ul ul ul
{
	display: none;
}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul,
ul#navmenu-h-r li:hover ul,
ul#navmenu-h-r ul li:hover ul,
ul#navmenu-h-r ul ul li:hover ul,
ul#navmenu-h-r li.iehover ul,
ul#navmenu-h-r ul li.iehover ul,
ul#navmenu-h-r ul ul li.iehover ul
{
	display: block;
}
#myGallery, #myGallerySet, #flickrGallery
{
	height: 410px;
	width: 575px;
	z-index: 5;
}
#flickrGallery
{
	height: 334px;
	width: 500px;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}
.jdGallery
{
	overflow: hidden;
	position: relative;
}
.jdGallery img
{
	border: 0;
	margin: 0;
}
.jdGallery .slideElement
{
	background-color: #000;
	background-image: url('ajax/loading-bar-black.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.jdGallery .loadingElement
{
	background-color: #000;
	background-image: url('ajax/loading-bar-black.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.jdGallery .slideInfoZone
{
	background: #E0E1D9;
	bottom: 0;
	color: #452D35;
	height: 65px;
	left: 0;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: 0;
	width: 100%;
	z-index: 10;
}
* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}
.jdGallery .slideInfoZone h2
{
	color: #452D35;
	font-size: 1.5em;
	font-weight: bold;
	margin: 2px 5px;
	padding: 0;
}
.jdGallery .slideInfoZone h3
{
	color: #452D35;
	font-size: 1.5em;
	font-weight: bold;
	margin: 2px 5px;
	padding: 0;
}
.jdGallery .slideInfoZone p
{
	color: #3e3638;
	font-size: 1em;
	margin: 2px 5px;
	padding: 0;
}
.jdGallery div.carouselContainer
{
	height: 75px;
	left: 0;
	margin: 0px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
.jdGallery a.carouselBtn
{
	background: #CCC4C4;
	bottom: 0;
	color: #513B42;
	cursor: pointer;
	font-size: 13px;
	height: 20px;
	padding: 0 10px;
	position: absolute;
	right: 30px;
	text-align: center;
}
.jdGallery .carousel
{
	background: #CCC4C4;
	color: #513B42;
	height: 115px;
	left: 0;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 100%;
}
.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	height: 78px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 100%;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	background: #000;
	background-position: center center;
	border: solid 1px #fff;
	cursor: pointer;
	float: left;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{
	bottom: 5px;
	font-size: 13px;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	background: #222;
	border: 1px solid #888;
	bottom: 5px;
	cursor: pointer;
	font-size: 10px;
	margin: 0;
	padding: 1px 2px;
	position: absolute;
	right: 10px;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}
.jdGallery a
{
	color: inherit;
	font-size: 100%;
	text-decoration: none;
}
.jdGallery a.right, .jdGallery a.left
{
	cursor: pointer;
	filter: alpha(opacity=20);
	height: 99%;
	khtml-opacity: 0.2;
	moz-opacity: 0.2;
	opacity: 0.2;
	position: absolute;
	width: 25%;
	z-index: 10;
}
* html .jdGallery a.right, * html .jdGallery a.left
{
	filter: alpha(opacity=50);
}
.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter: alpha(opacity=80);
	khtml-opacity: 0.8;
	moz-opacity: 0.8;
	opacity: 0.8;
}
.jdGallery a.left
{
	background: url('ajax/fleche1.png') no-repeat center left;
	left: 0;
	top: 0;
}
* html .jdGallery a.left
{
	background: url('ajax/fleche1.gif') no-repeat center left;
}
.jdGallery a.right
{
	background: url('ajax/fleche2.png') no-repeat center right;
	right: 0;
	top: 0;
}
* html .jdGallery a.right
{
	background: url('ajax/fleche2.gif') no-repeat center right;
}
.jdGallery a.open
{
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}
.withArrows a.open
{
	background: none;
	cursor: pointer;
	height: 99%;
	khtml-opacity: 0.8;
	left: 25%;
	moz-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 10;
}
.withArrows a.open:hover
{
	background: url('ajax/open.png') no-repeat center center;
}
* html .withArrows a.open:hover
{
	background: url('ajax/open.gif') no-repeat center center;
	filter: alpha(opacity=80);
}
.jdGallery a.gallerySelectorBtn
{
	background: #CCC4C4;
	color: #513B42;
	cursor: pointer;
	filter: alpha(opacity=40);
	font-size: 13px;
	height: 20px;
	khtml-opacity: 0.4;
	left: 30px;
	moz-opacity: .4;
	opacity: .4;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 15;
}
.jdGallery .gallerySelector
{
	background: #000;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
}
.jdGallery .gallerySelector h2
{
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	padding: 10px 20px 10px 20px;
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	border: 1px solid #888;
	color: #fff;
	cursor: pointer;
	float: left;
	height: 40px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	border: none;
	float: left;
	height: 40px;
	margin-right: 5px;
	width: 40px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}