/*
Theme Name: 	LICHTfilm
Theme URI: 		...
Description: 	<ul style="list-style:none;"><li>Valides XHTML 1.1 und nahezu valides CSS 2.0 <small>(kleine Anpassungen für Gecko und MSIE)</small></li></ul>
Version: 		0.7
Author: 			<br />Stefan Fels
Author URI: 	http://s-fels.de/
*/

/* general... */
* { border: 0; border-collapse: collapse; empty-cells: show; margin: 0; padding: 0; }
body { font-size: 62.5%; }

:link, 
:visited, 
:hover,
:active, 
:focus { text-decoration: none; }

b, 
strong { font-weight: bolder; }
em,
i { font-style: italic; }

address { font-style: normal; }
code, 
pre { font-family: monospace; }

legend { display: block; }

li, 
ol, 
ul { list-style: none; }

object { background-color: transparent; margin: 1em 0; }

input,
textarea { background-color: #e1dcdd; border: 1px solid #999; letter-spacing: 1px; margin: 0 0 10px; }
input:hover, 
input:active, 
input:focus, 
textarea:hover,
textarea:active, 
textarea:focus { background: #fff none; color: #666; }

abbr, 
acronym { border-bottom: 1px dotted #999; cursor: help; }

small { font-size: smaller; }

.hilite  { background-color: #0f0; }
.hilite1 { background-color: #090; color: #fff; }
.hilite2 { background-color: #060; color: #fff; }
.hilite3 { background-color: #030; color: #fff; }
.hilite4 { background-color: #0ff; color: #fff; }
/* ...general */
/* site specific... */
	/* headlines... */
	h1, h2, h3, h4, h5, h6 { font-family: Verdana,Arial,sans-serif; font-weight: bold; letter-spacing: .05em; line-height: 1em; margin: 0 0 .5em; }
		h2 { font-size: 13px; }
		h3 { font-size: 16px; margin: 1em 0 .5em; }
		h4 { font-size: 11px; }
	/* ...headlines */
	/* links... */
	a,
	a:link { background-color: transparent; color: #000066; }
	a:visited { background-color: transparent; color: #006; }
	a:hover, 
	a:active,
	a:focus { background-color: transparent; color: #000066; outline: none; /* @ Firefox, remove ugly dotted border */ }
	/* links */
/* ...site specific */
/* general... */
body { background: #fff url(images/bg-body.png) repeat-x 0 0; color: #504f4e; font: 12px/1.4em Arial,Verdana, sans-serif; }
div#pageWrapper[id=pageWrapper]{background: transparent url(images/bg_shadow_1.png) repeat-y 0 0;margin: 0 auto; position: relative; width: 956px; padding:0 8px}
	#page { background: #eaeaff url(images/bg-head.png) no-repeat 0 0; margin: 0 auto; position: relative; width: 956px; }
		#head { height: 195px; position: relative; }
			#head h1 { background: transparent url(images/logo-lichtfilm.png) no-repeat 0 0; height: 53px; left: 144px; position: absolute; top: 65px; width: 129px; }
				#head h1 a { display: block; height: 34px; text-indent: -999em; width: 129px; }
			#description { background: transparent url(images/description.png) no-repeat 0 0; height: 34px; left: 144px; position: absolute; text-indent: -999em; top: 124px; width: 129px; }
			#search { float: right; margin: 15px 5px 0 0; }
				#search input { width: 85px; }
				#search input#searchsubmit { width: 65px; }
			#topNav { background: transparent url(images/bg-topnav.png) repeat 0 0; height: 30px; left: 341px; padding: 0 4px; position: absolute; top: 127px; width: 530px; }
				#topNav li { float: left; }
					#topNav li a { font-size: 14px; font-weight: bold; line-height: 30px; padding: 0 11px; text-transform: uppercase; }
					#topNav li.active a { text-decoration: underline; }
			ul#language{ padding: 20px 0 0 20px; }
				ul#language a.german { background: transparent url(images/de.gif) no-repeat 0 0; color: #fff; padding: 0 0 0 20px; }
				ul#language a.english { background: transparent url(images/en.gif) no-repeat 0 0; color: #fff; padding: 0 0 0 20px; }

		#column1 { float: left; margin: 0 39px 0 23px; width: 250px; }
			#sideNav { padding: 10px; }
				#sideNav h2 { margin-top: 10px; }
					#sideNav ul { margin: 0px 0 10px 0;  padding: 10px;  background-color: #fff;}
					#sideNav ul li { margin: 5px 0 5px 0; padding:0 0 4px 0; text-align: left;  border-bottom: 1px solid #999;}
						#sideNav ul li a { font-size: 14px;font-weight: 300; line-height: 16px; }
						#sideNav ul li a:link,
						#sideNav ul li a:visited { }
						#sideNav ul li a:hover,
						#sideNav ul li a:active,
						#sideNav ul li a:focus { text-decoration: underline; }
						li.current_page_item a { text-decoration: underline; }
						li.current-cat a { text-decoration: underline; }
			/* tag cloud in sidebar*/
			.tag_cloud { }
			/* tag cloud in content*/
			.postCont.alltags a{ padding: 7px; text-decoration: none;}
			.alltags a:hover{text-decoration: underline;  }

		#column2 { background: #fff; float: left; margin: 10px 70px 0 25px; padding: 12px; width: 520px; }

			.postMeta{ font-size: 10px; margin: 5px 0 5px 0; color: #333;}
			/* content area */
			.news { padding: 10px 0 0 15px; }
			h3.postTitle { margin: 0; padding: 0; }
			h2.postTitle,
			h3.postTitle a { color: #000066; font-size: 16px; text-decoration: none;}

			.postCont { clear: both; margin: 15px 0 15px 0; padding: 3px 0 10px 0;overflow: auto;}
			.postCont img,
			.postCont p img { margin: 5px 10px 5px 10px; }
			.postCont .fileLink { margin: 15px 5px 15px 5px; }
			.postCont a {text-decoration: underline; }
			.postCont a.fileLink,
			.postCont a.fileLink img { margin: 0 5px 0 5px; text-decoration: none; border-bottom: 1px solid #999;}
			.postCont p { margin: 5px 0 5px 0; }
			.postCont h2 { margin:10px 0 10px 0; }
			.postCont li { list-style-type:disc; margin: 5px 0 0 20px; }
			.postCont li.linkcat { list-style: none; }
			a.more-link{font-size: 12px; font-weight: bold;}
			hr.devider{height: 1px; width: 100%; background: #999;}

		#foot { border-top: 1px solid #fff; clear: left; margin: 0 128px 0 356px; padding: 2px 0 10px; }
			#foot p { font-size: 10px; }
				#foot p a, 
				#foot p a:link, 
				#foot p a:visited { color: #78716f; font-weight: bold; }
				#foot p a:hover, 
				#foot p a:active, 
				#foot p a:focus { color: #008; font-weight: bold; }
				#foot p a#logIn, 
				#foot p a#logIn:link, 
				#foot p a#logIn:visited, 
				#foot p a#logIn:hover,
				#foot p a#logIn:active, 
				#foot p a#logIn:focus { color: #78716f; cursor: text; }
				
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* ...general */