@charset "utf-8";

@import url(reset.css);

/*
	Author	
	Lucas Dietrich
	April 2010

*/

body {
	font-size: 14px;
	line-height: 1.2;
	color: #444;
	font-family:  "anivers-1","anivers-2", Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	}

#wrap {
	float: left;
	min-width: 884px;
	margin: 0 56px;
	padding-bottom: 56px;
}

#contentwarp {
	clear: both;
}

a {
	color: #444;
	text-decoration: none;
}

p.extern a {
	padding-right: 12px;
	background: url(link-extern.gif) right 1px no-repeat;
}

/* NAV ---------------*/

#nav ul {
	float: left;
	width: 882px;
	margin: 0 0 28px 0;
	border-bottom: 1px solid #ccc;
} 

#nav li {
	float: left;
}

#nav li a {
	font-size: 14px;
	display: block;
	padding: 8px 14px 8px 14px;
	position: relative;
	top: 1px;
	border-bottom: 1px solid #ccc;	
}

#nav li.sitename a {
	width: 256px;
	color: #444;
	font-weight: bold;
	padding: 8px 0;
}

#nav li.sitename a span {
	font-weight: normal;
}

#nav li a:hover,
#nav li.current a {
	color: #444;
	background: #efefef;
	border-bottom: 1px solid #444;	
}
#nav li.current a {
	background: #fff;	
}


/* LEFT ---------------*/

#left,
.left { 
	float: left;
	width: 228px;
	background: #fff;
	}
	
#left h1 {
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0;
	border-bottom: 1px solid #444;
}

#left p,
.left p {
	margin: 7px 0;
	line-height: 1.4;
}
#left .short-desc p {
	margin-top: 28px;
	line-height: 1.2;
}

#left h1 a {
	color: #444;
}

#left h1 span {
	font-weight: normal;
}
	
#left img {
	margin: 0;
}

#left ul#subnav li a {
	font-size: 14px;
	display: block;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

#left ul#subnav li a:hover {
	color: #444;
	background: #efefef;
	border-bottom: 1px solid #444;
} 

#left ul#subnav li.current a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

/* CONTENT ---------------*/

#content,
.content {
	font-size: 14px;
	margin-left: 256px;
	background: #fff;
}

.content p {
	line-height: 1.3;
}

#content h2.current a {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	border-bottom: 1px solid #444;
}

#content ul.contact {
	float: left;
	width: 228px;
	padding: 14px 7px;
}

#content ul.contact li {
	font-size: 14px;
	line-height: 1.4;
}

.rightimg {
	float: right;
}
.leftimg {
	float: left;
}

.m220px {
	margin-left: 220px;
}

/* GALLERY ---------------*/

#visual {
	float: left;
	width: 624px;
}

#playerwrap {
	margin-left: 7px;
}

ul.gallery li { 
    margin: 0 0 7px 0;
  }

ul.gallery li img { 
    float: left;
    margin: 0 7px 7px 0;
  }

/* LOG ---------------*/

#log,
.log {
	width: 624px;
}


#log h2 a {
	font-size: 14px;
	display: block;
	padding: 7px;
	border-bottom: 1px solid #ccc;		
}
#log h2 a:hover {
	color: #444;
	background: #efefef;
	border-bottom: 1px solid #444;		
}

#log h2 span {
	color: #444;
	float: right;
	padding-right: 7px;
	margin-top: -21px;
}

#log h2.current span {
	color: #444;
}

#log h2.important {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	padding: 7px;
	border-bottom: 1px solid #444;	
}

#log h3 {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	margin: 7px;
}

#log h3.underline {	
	font-weight: normal;
	margin: 14px 0;
	padding: 7px;
	border-bottom: 1px solid #ccc;	
}


#log p,
.content p
.content ol {
	font-size: 14px;	
	line-height: 1.4;
	margin: 7px 140px 14px 7px;
}

#content p img,
.content p img {
	margin-left: -7px;
}

#log p a,
#left p a,
#heading p a {
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#log p a.nbrd,
#log p a:hover.nbrd {
	position: relative;
	top: 4px;
	padding: 0;
	border-bottom-width: 0;
}

#log li a {
	font-size: 14px;	
	border-bottom: 1px solid #ccc;
}

#log p a:hover,
#log li a:hover,
#left p a:hover {
	color: #444;
	border-bottom: 1px solid #444;
}

#log ol {
	padding: 0 0 28px 0;
}

#log ol li a {
	font-size: 14px;	
	display: block;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

#log ol li a em {
	font-style: normal;
	text-transform: uppercase;
}

#log ol li a span {
	float: right;
}

#log ol li a:hover {
	color: #000;
	background: #efefef;
	border-bottom: 1px solid #444;
}

/* usb */

#log ol.usb {
	list-style-type: decimal;
	margin: 12px 140px 12px 24px;
}
#log ol.usb {
	padding: 0;
}
#log ol.usb li {
	line-height: 1.4;
	margin-bottom: 8px;
}

#log h4.right {
	text-align: right;
	position: relative;
	top: -36px;
}
#log h4.right a {
	padding: 4px 8px;
	background: #efefef;
}
#log h4.right a:hover {
	padding: 4px 8px;
	background: #ccc;
}

div#mc_embed_signup h3.underline {
	font-weight: bold;
}

/* usb mailchimp form */

div#mc_embed_signup {
	position: relative;
	left: 6px;
	width: 480px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
}
div#mc_embed_signup div.indicates-required {
	float: right;
}

#article-nav {
	clear: left;
	border-top: 1px solid #ccc;
	position: relative;
	top: 56px;
}

#article-nav p {
	margin-right: 0;
}

.log #article-nav p {
	padding: 7px 0;
}

#article-nav p a,
#article-nav a span {
	font-weight: normal;
	margin: 0;
	border: 0;
}

#article-nav a:hover,
#article-nav p a:hover span {
	color: #000;
	border-bottom: 1px solid #444;
}

#article-nav span {
	float: right;
}

#visual {
	margin-top: 35px;
}

#log p.dlink {
	padding: 7px 0;
	border-top: 1px solid #ccc;
	display: block;
}

#log ul.credits {
	padding: 0 7px;
}

#log ul.credits li {
	line-height: 17px;
}

#log p.credits a,
#log p.credits {
	color: #666;
	border-bottom: none;
	font-weight: normal;
}
#content p.credits img {
	margin-left: 0;
}


#log div.credits a:hover {
	color: #444;
}

/* visualog */

#visualog {
	float: left;
	width: 876px;
	border-top: 1px solid #ccc;
	padding-top: 14px;
	margin-top: 120px;
}

/* PORTFOLIO */

div.projectcard {
	float: left;
	width: 200px;
	height: 180px;
	margin: 0 14px 14px 0;
}

.projectcard a ul.caption {
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;	
}
.projectcard a:hover ul.caption {
	border-bottom: 1px solid #000;	
}

.projectcard a .caption li {
	font-size: 11px;
	padding: 1px 0;
	color: #666;
}

.projectcard a .caption li.captiontitle {
	font-weight: bold;
}

.projectcard a:hover .caption li {
	color: #000;
}

.projectcard a .caption li.date {
	float: right;
	margin-top: -16px;
}

/* LOG (ARCHIV) ---------------*/

table {
	font-size: 14px;
	width: 854px;
}

th {
	border-bottom: 1px solid #ccc;
}

th.date {
	width: 84px;
	padding: 7px 0;
}

th.category {
	width: 147px;
}

td {
	border-bottom: 1px solid #ccc;
	}

td.year {
	padding: 7px 0;
	font-weight: bold;
}

td a {
	padding: 7px 0;
	display: block;
	position: relative;
	top: 1px;
	border-bottom: 1px solid #ccc;
}
td a:hover {	
	color: #000;
	border-bottom: 1px solid #444;
}

td.year {
	padding: 7px 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#archiv th {
	font-weight: bold;
}

/* FOOTER -------------*/

#footer {
	width: 228px;
	clear: both;
	position: relative;
	top: 14px;
	border-top: 1px solid #ccc;
	padding-bottom: 70px;
}

#footer li {
	float: left;
} 

#footer li a {
	font-size: 14px;
	border-top: 1px solid #ccc;
	display: block;
	padding: 7px;
	position: relative;
	top: -1px;
}

#footer li a:hover {
	border-top: 1px solid #444;
	background: #efefef;
}

#footer li.behance a {
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	position: relative;
	top: 7px;
	left: 7px;
	background: url(behance.png) -22px 0 no-repeat;
	border: 0;
}

#footer li.behance a:hover {
	background: url(behance.png) 0 0 no-repeat;	
	border: 0;
}
#footer li.behance a span {
	visibility: hidden;
}



/* SLIDESHOW STARTSEITE -------------*/

#slideshow-container  { 
	width: 624px; 
	height: 624px; 
	position:relative; 
	}
#slideshow-container img { 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index:1;
	}


/* COMMENTS -------------*/

#txpCommentInputForm table {
	width: 485px;
	margin-top: 40px;
}

#txpCommentInputForm td  {
	border: none;
}

#log ol.comments {
	padding: 0;
}
#log ol.comments li {
	border-bottom: 1px solid #ccc;
}

#log ol.comments li p.small {
	color: #999;
}

#log .comments a {
	display: inline;
	padding: 0;
}

#log #comments-help a {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 0;
	display: inline;
	margin: 5px 0;
}
#log #comments-help a:hover {
	background: #efefef;
	border-bottom: 1px solid #444;	
}

/* buenos aires */

.ba-entry {
	width: 320px;
	height: 312px;
	float: left;
	margin: 0 7px 7px 0;
	border-bottom: 1px solid #efefef;
	padding-bottom: 7px;
}

.ba-entry .ba-excerpt {
	margin-top: 7px;
}
.ba-excerpt h4 {
	font-weight: bold;
}
.ba-excerpt p {
	margin: 7px 0;
}