/*
Theme Name: Ken Second Version
Theme URI: http://www.kenkarner.com/
Description: This theme was programmed by Philipp Knoll.
Version: 2.0
Author: Philipp Knoll
Author URI: http://www.philippknoll.com/
Tags: black, custom header, fixed width, one columns, widgets


*/

body {font-size:12px; font-family: Arial, Helvetica, sans-serif; background:#000000; color:#FFFFFF; margin:0 0 20px 0; padding:0;}

#page {margin:28px auto; padding:0; width:900px; border:0;}

#header {height:28px; width:900px; margin:0 0 28px 0; padding:0; float:left;}

#header img {padding:0 2px 0 2px;}

#leftbox {height:28px; margin:0; padding:0; float:left;}

.searchbox {height:21px; padding:4px 0 0 0; float:left;}

.searchtrans { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

.searchtrans:hover { -moz-opacity: 0.65; opacity:0.65; filter: alpha(opacity=65);}

.searchinput {height:17px; width:146px; background:#FFFFFF; border:0; margin:0 0 0 0; padding:2px}

#rightbox {height:28px; margin:0; padding:7px 0 0 0; float:right;}

#rightbox img { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

#rightbox img:hover { -moz-opacity: 0.65; opacity:0.65; filter: alpha(opacity=65);}

.narrowcolumn {float:left; padding:0; margin:0; width:500px; text-align:left;}

.widecolumn {float:left; padding:0; margin:0; width:900px;}

#indexcontent {width:900px; float:left; margin:0 0 14px 0;}

.indexthumb {padding:2px; float:left;}

.indexthumb { -moz-opacity: 0.65; opacity:0.65; filter: alpha(opacity=65);}

.indexthumb:hover { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

#content {margin:0 0 28px 0;}

.post {padding:0; margin:10px 0 50px 0;}

.entry {padding:0; margin:10px 0 40px; line-height:17px; letter-spacing:1px;}

.infotable {padding:0; margin:0; border:0; width:100%;}

.infotable td { vertical-align:text-top; padding:3px 0 3px 0;}

.infocategories {margin:5px 0 0 0; color:#F16E7C;}

.infocategories a {color:#49D6DF; text-decoration:none;}

.infocategories a:hover {color:#49D6DF; text-decoration:underline;}

.purple {width:100px; padding:0 0 15px 0; color:#F16E7C;}

.navigation {padding:0 2px 0 2px; width:896px; height:21px; float:left;}

.navigation img { -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.navigation img:hover { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

.pagenavi {padding:0 2px 0 2px; width:896px; float:left; text-align:center;}

#footer {padding:14px 2px 0 2px; width:896px; float:left; font-size:11px; color:#666666; text-align:left;}

#footer a {color:#49D6DF; text-decoration:none;}

#footer a:hover {color:#49D6DF; text-decoration:underline;}

.fleft {width:398px; padding:0; float:left; margin:0;}

.fright {width:498px; padding:0; float:left; margin:0; text-align:center;}

.postmetadata {font-size:10px; color:#999999; text-align:center;}

.postmetadatabox {font-size:10px; color:#999999; border:#CCCCCC 1px solid; background:#CCFFFF; margin:20px 0 20px 0; padding:4px; line-height:11px;}

img {border:0;}

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

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

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

h1 {font-size:20px; color:#333333;}

h2 {font-size:16px; color:#FFFFFF; margin:0;}

h2 a{font-size:16px; color:#FFFFFF;}

h2 a:hover{font-size:16px; color:#FFFFFF;}

h2.templateheadline {padding:0; margin:40px 0 0 0;}

h3 {font-size:14px; color:#333333; font-weight:bold;}

a {color:#49D6DF; text-decoration:none;}

a:hover {color:#49D6DF; text-decoration:underline;}

small {font-size:10px; color:#999999;}

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}

#commentform {width:100%; margin:0; padding:0;}

#commentform p {margin:5px 0 5px 0;}

#commentform input {width:180px; padding:2px;}

#commentform textarea {width:100%; padding:2px;}

#commentform small {color:#333333;}

#commentform submit {}

.commentbox {color:#333333; border:#CCCCCC 1px solid; background:#CCFFFF; margin:0; padding:0;}

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

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

.commentlist ul li {}

.commentlist li {padding:4px; margin:10px 0 10px 0; list-style-type:none;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-size:12px; font-weight:bold; color:333333; font-style:normal;}

.commentlist small {font-size:10px; color:#999999;}



#stupidimagelayer {display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;  -moz-opacity: 1.0; opacity:1.00; filter: alpha(opacity=100); background:url('images/background.png');}

#stupidimagelayer img { position:absolute; width:800px; height:500px; top:50%; left:50%; margin:-250px 0 0 -400px; position:relative; -moz-opacity: 1.0; opacity:1.00; filter: alpha(opacity=100);}




.black_overlay {display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color:#000000; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}

.contentframe {display:none; position:absolute; height:100%; width:100%; z-index:1002; clear:both; top:0px; left:0px;}



.projectimageframe { position:absolute; width:800px; height:542px; top: 50%; margin-top:-291px; left:50%; margin-left:-400px;}

.projectimageframenav {width:800px; height:21px; padding:0 0 21px 0; float:left;}

.projectimageframenav img {float:right; padding:0 0 0 4px; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.projectimageframenav img:hover {float:right; padding:0 0 0 4px; -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

.projectimage {width:800px; height:500px; float:left;}

/*.projectimagejumper {width:800px; height:500px; float:left; position:absolute; top:42px; left:0px; background:url('images/transpx.png');}

.projectimagejumper img { -moz-opacity:0.00; opacity:0.00; filter: alpha(opacity=000);}

.projectimagejumper:hover img { -moz-opacity:0.65; opacity:0.65; filter: alpha(opacity=65);}

.projectimagejumper:hover img:hover { -moz-opacity:1.00; opacity:1.00; filter: alpha(opacity=100);}*/




.projectvideoframe { position:absolute; width:800px; height:542px; top: 50%; margin-top:-291px; left:50%; margin-left:-400px; float:left;}

.projectvideoframenav {width:800px; height:21px; padding:0 0 21px 0; float:left;}

.projectvideoframenav img {float:right; padding:0 0 0 4px; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.projectvideoframenav img:hover {float:right; padding:0 0 0 4px; -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

.projectvideo {width:500px; float:left; margin:0 150px 0 150px; padding:70px 0 0 0;}

/*.projectvideojumper img { -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.projectvideojumper img:hover { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}*/




.projectinfoframe { position:absolute; width:800px; height:542px; top: 50%; margin-top:-291px; left:50%; margin-left:-400px; display:none; float:left;}

.projectinfoframeheadline {width:250px; height:21px; padding:0 0 21px 150px; float:left; font-size:16px; font-weight:normal;}

.projectinfoframenav {width:400px; height:21px; padding:0 0 21px 0; float:left;}

.projectinfoframenav img {float:right; padding:0 0 0 4px; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.projectinfoframenav img:hover {float:right; padding:0 0 0 4px; -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

/*.projectinfoprevious img { -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.projectinfoprevious img:hover { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}*/

.projectinfo {width:500px; float:left; margin:0 150px 0 150px; padding:10px 0 0 0;}

.projectinfo h2 {font-size:16px; color:#FFFFFF; font-weight:normal; margin:0 0 40px 0;}

/*.projectinfonext img { -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.projectinfonext img:hover { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}*/



.nocontentframe { position:absolute; width:800px; height:542px; top: 50%; margin-top:-291px; left:50%; margin-left:-400px; float:left;}

/*.nocontentjumper img { -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.nocontentjumper img:hover { -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}*/

.nocontentframenav {width:800px; height:21px; padding:0 0 21px 0; float:left;}

.nocontentframenav img {float:right; padding:0 0 0 4px; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.nocontentframenav img:hover {float:right; padding:0 0 0 4px; -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

.nocontent {width:500px; float:left; text-align:center; margin:0 150px 0 150px; padding:50px 0 0 0;}






.pageframe { position:absolute; width:500px; min-heigth:300px; top:50px; left:50%; margin-left:-250px; float:left;}

.pageheadline {width:350px; height:21px; padding:0 0 21px 0; float:left; font-size:16px; font-weight:normal;}

.pageheadline img {padding:0 4px 0 0;}

.pageframenav {width:150px; height:21px; padding:0 0 21px 0; float:left;}

.pageframenav img {float:right; padding:0 0 0 4px; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.pageframenav img:hover {float:right; padding:0 0 0 4px; -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

.pagecontent {width:500px; float:left; margin:0 0 0 0;}

#pagecontent a {color:#49D6DF; text-decoration:none;}

#pagecontent a:hover {color:#49D6DF; text-decoration:underline;}

#pagecontent ul {padding:0; margin:0;}

#pagecontent li {list-style-type:none; padding:5px 0 10px 0;}

#pagecontent li a {color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold;}

#.pagecontent li a:hover {color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold;}

#pagecontent li ul {margin:10px 0 0 0;}

#pagecontent li ul li {display: inline; padding:0 8px 0 0;}

#pagecontent li ul li a {color:#49D6DF; text-decoration:none; font-size:12px; font-weight:normal;}

#pagecontent li ul li a:hover {color:#49D6DF; text-decoration:underline; font-size:12px; font-weight:normal;}




.contactframe { position:absolute; width:360px; min-heigth:300px; top:50px; left:50%; margin-left:-180px; float:left;}

.contactheadline {width:210px; height:21px; padding:0 0 21px 0; float:left; font-size:16px; font-weight:normal;}

.contactheadline img {padding:0 4px 0 0;}

.contactframenav {width:150px; height:21px; padding:0 0 21px 0; float:left;}

.contactframenav img {float:right; padding:0 0 0 4px; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);}

.contactframenav img:hover {float:right; padding:0 0 0 4px; -moz-opacity: 1.00; opacity:1.00; filter: alpha(opacity=100);}

.contactcontent {width:360px; float:left; margin:0 0 0 0;}