/*
Theme Name: Kai's Portfolio Style
Theme URI: http://www.nextension.com
Description: 
Version: 1.0
Author: Kai Jauslin
Author URI: http://www.nextension.com/
Tags: 
*/

@charset "UTF-8";

/* CSS reset from http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** KJ test **/

.print-only { display:block; }
.cover-image p { display:none; }
.print-wrapper { width:318px; float:left; font-family:Helvetica,Arial,sans-serif; color:black; font-size:12px;  }
.print-wrapper { text-decoration:none; }
.print-wrapper img { width:292px; height:194px; border:1px solid rgb(204,204,204); padding:6px; float:none; }
.print-wrapper #print-title { display:block; width:292px; height:3em; font-weight:normal; overflow:hidden; margin-bottom:2em; margin-top:0px; white-space:normal; float:left;
color:#777; }
.print-wrapper #print-title:hover { color:#6CF; }
.print-wrapper img.three { margin-bottom:6px; }

/*.print-only { display:none; }*/

/* ---------------- general settings ------------ */
body { background: url(images/body-bg.png) top repeat; background-color:#333; color:black; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:1.6em; }
body.home #body-wrapper #content-wrapper #content .navigation { display:none; }
p { color:black; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:1.6em; margin-bottom:0.8em;}
p em { background-color:#FF9; font-style:normal; padding:1px 2px 1px 2px;}
p.tags { font-weight:bold; border-top:1px solid #eee; padding-top:15px; margin-top:30px; }
#head-decoration { background: url(images/header-bg.png) top repeat-x; background-color:#CF0; height:10px; }
#body-wrapper { background-color:#fff; }
#footer { padding-top:24px; padding-bottom:50px; background: url(images/footer-bg.png) top repeat-x; }
#footer p { width:954px; margin:0 auto 0 auto; color:#efefef; }
#title { padding-top:28px; } 
#title h1 { float:left; }
h1 a { font-weight:bold; }
#inner-container { margin:0 auto 0 auto; width:954px; min-height:600px; }
#content-wrapper { clear:both; width:954px; }
#content-wrapper h2 { margin-top:70px; font-size:18px; font-family:Helvetica,Arial,sans-serif; font-weight:bold; color:black; margin-left:-0.08em; margin-bottom:1.2em;}
#content { width:630px; margin-right:18px; float:left; clear:left; margin-top:1.2em; }
#content-wrapper #home-images { white-space:nowrap; }

#content table.results { width:630px; table-layout:fixed; caption-side:bottom; font-family:Helvetica,Arial,sans-serif; font-size:12px; border:0; border-top:1px solid black; margin-bottom:12px; }
#content table.results caption { text-align:left; padding:6px; font-weight:normal; border-bottom:1px solid black; border-collapse:collapse; background-color:#fff;margin-bottom:12px;}
#content table.results td { padding:6px; margin:0 18px 0 0; border-bottom:1px solid gray; vertical-align:top; }
#content table.results #r-image { width:63px; }
#content table.results #r-desc { /*width:381px;*/ width:306px; }
#content table.results #r-context { width:144px; }
#content table.results #r-year { width:63px; }
#content table.results th { padding:4px 6px 4px 6px; padding-right:0px; margin:0 18px 0 0;font-weight:bold; text-align:left; background-color:#eee; }
#content table.results img { width:63px;height:auto; margin-top:0.4em; margin-bottom:0.5em; }
#content table.results td h3 { margin:0; padding:0; font-size:12px; font-weight:bold; }
#content table.results td h3 a { font-weight:bold; }
#content table.results td p { margin:0; padding:0; }
#content table.results tr:hover { background-color:#fafafa; }
#content .imagebox { margin-top:1.5em; margin-bottom:2.5em; }

#related-content table.results { }
#related-content table.results tr { height:10px; }
#related-content table.results td.thumb { width:81px; vertical-align:top; margin:0; padding:6px 0px 6px 6px; }
#related-content table.results td.title { padding-left:0;}
#related-content table.results td img { width:63px; vertical-align:top; margin:0; padding:0; }
#related-content table.results tr:hover { background-color:#fafafa; }
#related-content table.results td { padding:6px; margin:0 18px 0 0; border-bottom:1px solid #eee; vertical-align:top; }
#related-content table.results { width:306px; table-layout:fixed; caption-side:bottom; font-family:Helvetica,Arial,sans-serif; font-size:12px; border:0; border-top:1px solid #eee; margin-bottom:12px; }

img.one { width:63px; height:47px; margin:4px 18px 10px 0;  float:left; }
img.two { width:130px; border:1px solid #CCC; padding:6px; margin:0 18px 10px 0; float:left; }
img.three, object.three { width:292px; height:194px; border:1px solid #CCC; padding:6px; margin:0 18px 18px 0; float:left; }
img.portrait { height:auto; }
img.four { width:618px; border:1px solid #CCC; padding:6px; margin:0 18px 18px 0; }
img.last { margin-right:0px; }

div.flashmovie { padding:0; margin:0; }

.flash-four { width:618px; border:1px solid #CCC; padding:6px; margin:0 0px 18px 0; }
.flash-three { width:292px; border:1px solid #CCC; padding:6px; margin:0 18px 18px 0; }

/*
.cover-image { background:url("images/empty-cover-image.png") 6px 6px no-repeat; width:292px; height:200px; padding:6px; margin:0 18px 18px 0; float:left;  border:1px solid #CCC;  }
*/
.cover-image { width:306px; height:208px; padding:0px; margin:0 18px 6px 0; float:left; }
.cover-image img { width:292px; height:194px; margin:0; }
.last-cover { margin-right:0px; }
.cover-image p { padding:3px 6px 4px 6px; margin-left:7px; margin-top:7px; color:white; position:absolute; z-index:3000; background-color:black; opacity:0.7; max-width:280px; line-height:1.4em; filter:alpha(opacity=70); }

/* navigation */
.navigation { font-size:16px; font-family:Helvetica,Arial,sans-serif; font-weight:bold;  }
#main-nav { /*margin-top:8px; margin-bottom:0.75em; position:relative; left: 608px; top:-2em; */ position:relative; top:-4px; padding:0; width:310px; float:right; padding-top:4px; line-height:28px; }
#main-nav li { display:inline; margin:0; margin-right:0.33em; }
#main-nav li.selected a { color:white; background-color:#6CF; }
#main-nav li:hover {  }

.screen-reader-text { display:none; }

/* general links design */
a {
	color:#777;
	text-decoration:none;
	font-weight:normal;
}
a:hover {
	color:#6CF;
}
a:visited {
	color:#BBB;
}
a:visited:hover { color:#6CF; }


/* tests */
#main-nav a {
	color:#777;
	text-decoration:none;
	font-weight:normal;
	padding:4px 6px 3px 6px;
}
#main-nav a:hover {
	background-color:#6CF;
	color:white;
}
#main-nav a:visited {
	color:#BBB;
}
#main-nav a:visited:hover { color:#6CF; background-color:white; }





/* headers */
h1 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; margin-left:-0.04em; line-height:28px; color:black; }
h1 span.name { color:#F39; }
h1:hover span.name { }
/* h1:hover { border-bottom:3px solid black; cursor:default; } */

h2 { color:black; }
h3 { font-family: Helvetica, Arial, sans-serif; font-size:12px; margin-bottom:0.5em; margin-top:2.33em; font-weight:bold; line-height:1.6em; color:black; }

ul, ol { font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#666; line-height:1.6em; margin-left:2.5em;  }
ul li { list-style:square; }
ol li { list-style:decimal; }

#related-content ul { margin-left:0px; padding-left:6px; margin-bottom:1em; border-collapse:collapse; padding-left:0; padding-right:0; }
#related-content ul li {
	list-style:none;
	border-bottom:1px solid #EEE;
	border-collapse:collapse;
	text-indent:0px;
}
#related-content { width:306px; float:right; padding-bottom:2em; margin-top:1.2em; }
.related { border:0px solid green; margin:0;padding:0; }
#related-content ul  { list-style:none; margin:0 auto 0 auto; border:0px solid yellow; margin-bottom:24px; }
#related-content ul li { display:block; margin:0; border-bottom:1px solid #eee; padding:0 6px 0 6px; }
#related-content h3, #related-content h2 {  padding:3px 6px 3px 6px; padding-right:0px; margin:0 0px 14px 0;font-weight:bold; text-align:left; background-color:#eee; border-bottom:0px dotted black; border-top:1px solid #999; font-size:12px; color:#666;  background: url(images/header-subtitles.png) top repeat; }
#related-content img { margin:15px 0 15px 0; }
#sidebar-info li { margin-bottom:1.5em; }
#sidebar-info p { margin-top:0em; padding:0 6px 0 6px;}
#related-content select { margin:0 6px 0 6px; width:294px; }
#related-content p { padding:0 6px 0 6px; }

/* imagelist small */
#imagelist { margin-top:18px; }
#imagelist li { display:inline; float:left; margin-bottom:0px; width:262px; margin-right:0px; overflow:hidden; margin-right:12px;}
#imagelist li div {  }
#imagelist li img { padding:6px; width:240px; height:165px; border:1px solid #CCC; margin-bottom:18px;  }
/*#imagelist li img:hover { border:5px solid #F39; padding:0px; }*/
#imagelist p.desc { height:2.4em; font-weight:normal; font-size:100%;}
#imagelist p { display:none; font-family: Helvetica, Arial,sans-serif; font-size:14px; color:#999; font-weight:bold; }
#imagelist p span { color:white; background:#999; padding:0 2px 0 2px; }



.tipss { display:none; background:#F09; color:white; padding:8px 10px 8px 10px; z-index:9999; width:auto; max-width:300px; opacity:0.5; letter-spacing:1px;}
.tip { font-family: Helvetica, Arial,sans-serif; font-size:12px; }
.tip-title { font-weight:bold; margin-bottom:0.6em; line-height:1.3em; }
.tip-text { line-height:1.3em; }
.tip-top, .tip-bottom { border-color:1px solid red; }


/* generic CSS clear from http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/* wordpress overrides */
.wp-caption img { }
.wp-caption-text { display:none; }
.wp-caption { display:inline; }
.post { width:100%; border:1px solid red; clear:left; float:left; }
.size-full { display:block; }
#respond { clear:left; border-top:1px solid #eee; padding-top:0; margin-top:2em;}
#respond h3 { padding:0; margin:1em 0 1em 0; }
#respond #comment { width:100%; border:1px solid #eee; }
.wp-navigation { width:100%; padding-top:20px; padding-bottom:20px; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-weight:bold; }
.wp-navigation .alignleft { float:left; }
.wp-navigation .alignright { float:right; }
p.postmetadata { clear:both; width:100%; margin-top:2em; border-top:1px solid #eee; padding-top:15px; }
p.postmetadata small { font-size:12px; }/*webkit-safari*/


.vvqbox, .vvqvimeo { border:1px solid #ccc; margin-top:0; }

/* flickr-thumb overrides */
div.flickr-thumb { width:63px; margin:4px 18px 0px 0px;  float:left; border:0; padding:0;}
div.flickr-thumb img.photo { width:63px; margin:0; padding:0; }
div.last { margin-right:0px; }

/* flightbox */
.flickr-gallery-next { font-family:Helvetica,Arial,sans-serif; font-size:12px; }
.flickr-gallery-prev { font-family:Helvetica,Arial,sans-serif; font-size:12px; }
#flightbox-title { margin-top:0.8em; margin-bottom:10px;}
#flightbox-meta { font-family:Helvetica,Arial,sans-serif; font-size:12px; }
#flightbox-close { }
#flightbox-next { }
#flightbox-prev { }