/* 

Theme Name: AvD_2013

Theme URI: http://wordpress.org/themes/twentythirteen

Author: Micha Bakker

Author URI: http://www.michabakker.com 

Description: in collaboration with Vladimir Llovet Casademont / vladimirllovet.com - and Sofie Spindler  / sofiespindler.com

Version: 1.0 

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, white, light, one-column, translation-ready

Text Domain: twentythirteen



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/





/**

 * 1.0 Reset

 *

 * Modified from Normalize.css to provide cross-browser consistency and a smart

 * default styling of HTML elements.

 *

 * @see http://git.io/normalize

 * ----------------------------------------------------------------------------

 */



* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
article,  aside,  details,  figcaption,  figure,  footer,  header,  nav,  section,  summary {
	display: block;
}
audio,  canvas,  video {
	display: inline-block;
}
 audio:not([controls]) {
 display: none;
 height: 0;
}
 [hidden] {
 display: none;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html,  button,  input,  select,  textarea {
}
body {
	color: #141412;
	line-height: 1.5;
	margin: 0;
}
a {
	color: #ca3c08;
	text-decoration: none;
}
a:visited {
	color: #ac0404;
}
a:focus {
	outline: thin dotted;
}
a:active,  a:hover {
	color: #ea9629;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}
h1,  h2,  h3,  h4,  h5,  h6 {
	clear: both;
	line-height: 1.3;
}
h1 {
	font-size: 48px;
	margin: 33px 0;
}
h2 {
	font-size: 30px;
	margin: 25px 0;
}
h3 {
	font-size: 22px;
	margin: 22px 0;
}
h4 {
	font-size: 20px;
	margin: 25px 0;
}
h5 {
	font-size: 18px;
	margin: 30px 0;
}
h6 {
	font-size: 16px;
	margin: 36px 0;
}
address {
	font-style: italic;
	margin: 0 0 24px;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,  strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
p {
	margin: 0 0 21px;
}
code,  kbd,  pre,  samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}
pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote,  q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}
blockquote:before,  blockquote:after,  q:before,  q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}
blockquote blockquote {
	margin-right: 0;
}
blockquote cite,  blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
blockquote em,  blockquote i {
	font-style: normal;
	font-weight: 300;
}
blockquote strong,  blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
sub,  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl {
	margin: 0 20px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 20px;
}
menu,  ol,  ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}
ul {
	list-style-type: square;
}
nav ul,  nav ol {
	list-style: none;
	list-style-image: none;
}
li > ul,  li > ol {
	margin: 0;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
 svg:not(:root) {
 overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
}
button,  input,  select,  textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button,  input {
	line-height: normal;
}
button,  html input[type="button"],  input[type="reset"],  input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],  input[disabled] {
	cursor: default;
}
input[type="checkbox"],  input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}
 input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
 button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}
caption,  th,  td {
	font-weight: normal;
	text-align: left;
}
caption {
	font-size: 16px;
	margin: 20px 0;
}
th {
	font-weight: bold;
	text-transform: uppercase;
}
td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}
/**

 * 2.0 Repeatable Patterns

 * ----------------------------------------------------------------------------

 */



.genericon:before,  .menu-toggle:after,  .featured-post:before,  .date a:before,  .entry-meta .author a:before,  .format-audio .entry-content:before,  .comments-link a:before,  .tags-links a:first-child:before,  .categories-links a:first-child:before,  .edit-link a:before,  .attachment .entry-title:before,  .attachment-meta:before,  .attachment-meta a:before,  .comment-awaiting-moderation:before,  .comment-reply-link:before,  .comment-reply-login:before,  .comment-reply-title small a:before,  .bypostauthor > .comment-body .fn:before,  .error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}
/* Clearing floats */

.clear:after,  .attachment .entry-header:after,  .site-footer .widget-area:after,  .entry-content:after,  .page-content:after,  .navigation:after,  .nav-links:after,  .gallery:after,  .comment-form-author:after,  .comment-form-email:after,  .comment-form-url:after,  .comment-body:after {
	clear: both;
}
.clear:before,  .clear:after,  .attachment .entry-header:before,  .attachment .entry-header:after,  .site-footer .widget-area:before,  .site-footer .widget-area:after,  .entry-content:before,  .entry-content:after,  .page-content:before,  .page-content:after,  .navigation:before,  .navigation:after,  .nav-links:before,  .nav-links:after,  .gallery:before,  .gallery:after,  .comment-form-author:before,  .comment-form-author:after,  .comment-form-email:before,  .comment-form-email:after,  .comment-form-url:before,  .comment-form-url:after,  .comment-body:before,  .comment-body:after {
	content: "";
	display: table;
}
/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}
/* Form fields, general styles first. */

button,  input,  textarea {
	border: 2px solid #d4d0ba;
	font-family: inherit;
	padding: 5px;
}
input,  textarea {
	color: #141412;
}
input:focus,  textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}
/* Buttons */

button,  input[type="submit"],  input[type="button"],  input[type="reset"] {
	background: #e05d22; /* Old browsers */
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #b93207;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}
button:hover,  button:focus,  input[type="submit"]:hover,  input[type="button"]:hover,  input[type="reset"]:hover,  input[type="submit"]:focus,  input[type="button"]:focus,  input[type="reset"]:focus {
	background: #ed6a31; /* Old browsers */
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
	outline: none;
}
button:active,  input[type="submit"]:active,  input[type="button"]:active,  input[type="reset"]:active {
	background: #d94412; /* Old browsers */
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
	border: none;
	border-top: 3px solid #b93207;
	padding: 10px 24px 11px;
}
.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
 color: #7d7b6d;
}



:-moz-placeholder {
 color: #7d7b6d;
}



::-moz-placeholder {
 color: #7d7b6d;
}



:-ms-input-placeholder {
 color: #7d7b6d;
}
/*

 * Responsive images

 *

 * Fluid images for posts, comments, and widgets

 */

.entry-content img,  .entry-summary img,  .comment-content img,  .widget img,  .wp-caption {
	max-width: 100%;
}



/* Make sure images with WordPress-added height and width attributes are scaled correctly. */

.entry-content img,  .entry-summary img,  .comment-content img[height],  img[class*="align"],  img[class*="wp-image-"],  img[class*="attachment-"] {
 height: auto;
}
img.size-full,  img.size-large,  img.wp-post-image {
	height: auto;
	max-width: 100%;
}
/* Make sure videos and embeds fit their containers. */

embed,  iframe,  object,  video {
	max-width: 100%;
}
/* Override the Twitter embed fixed width. */

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}
/* Images */

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}
img.alignright {
	margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}
img.aligncenter {
	margin: 5px auto;
}
img.alignnone {
	margin: 5px 0;
}
.wp-caption .wp-caption-text,  .entry-caption,  .gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}
img.wp-smiley,  .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption.alignleft + ul,  .wp-caption.alignleft + ol {
	list-style-position: inside;
}
 @font-face {
 font-family: 'U8-Medium';
 src: url('fonts/EOT/U8-Medium.eot');
 src: url('fonts/WOFF/U8-Medium.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'U8-Regular';
 src: url('fonts/EOT/U8-Regular.eot');
 src: url('fonts/WOFF/U8-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
body {
	font-family: 'U8-Regular', Helvetica, Arial, sans-serif;
	color:#000;
	line-height: 20px;
	font-size: 16px;
	text-rendering: optimizeLegibility;
	margin:8px;
}
strong {
	font-family: 'U8-Medium', Helvetica, Arial, sans-serif;
}
.menu, .topp{font-size:13px;	text-align: center;	width: 100%;	position:fixed; letter-spacing: 0.04em;}
.menu {
	top:8px;
	left:0px;
/*	text-transform:uppercase;*/	

}
.admin-bar .menu {
	top:36px;
}
.menu a {
	z-index:1000000;
	position: relative;
	padding: 0 4em 2em ;
}
.topp {
	bottom:6px;
	left:0px;
/*	text-transform:uppercase;
*/
}
.topp a {
	z-index:1000000;
	position: relative;
	padding: 2em 4em 0;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	color:#000;
}
#masthead h1.site-title {
	padding: 90px 0;
	margin:  0;
	font-size:30px;
	line-height:30px;
	font-weight: normal;
	font-family: 'U8-Medium', Helvetica, Arial, sans-serif;
	text-align:center;
	text-rendering: optimizeLegibility;
}
article {
	min-height:600px;
	max-width: 900px;
	margin: 0 auto;
	padding: 60px 0 80px;
}
article.type-page {
	min-height:600px;
	max-width: 900px;
	margin: 70px auto 0;
	padding: 80px 0 60px;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.slideshow-nav {
	max-width:900px;
	margin:0 auto;
	height: 17px;
	/**/

margin-top: 7px;
	font-size:14px;
	line-height:17px;
	letter-spacing: 0.04em;
}
/*

.cycle-slideshow { max-width:900px; width: 100%;  margin:6px auto; max-height:600px; }

.cycle-slideshow img { opacity: 0; filter:alpha(opacity=0); max-height:500px; width: auto; margin:auto;}

.imagebox{height:500px; margin:6px auto;}

.imagebox img{max-height:100%; max-width:100%}*/



.slideshow-nav {
	position:relative;
	z-index:10000;
	max-width: 900px;
}
.slideshow-nav a.slideshow-prev {
	float: left;
	height:500px;
	width: 50%;
	z-index: 10000;
	display:block;
	text-indent:1000000px;
	overflow:hidden;
	position: absolute;
	left: 0;
	padding: 0;
	margin: -507px 0 0;
}
a.slideshow-prev:hover {
	cursor: w-resize;
	cursor: url(gfx/prev.png), url(gfx/prev.cur), w-resize;
}
.slideshow-nav a.slideshow-next {
	height:500px;
	width: 50%;
	z-index: 10000;
	display:block;
	text-indent:1000000px;
	overflow:hidden;
	position: absolute;
	right: 0;
	padding: 0;
	margin: -507px 0 0;
}
.slideshow-nav a.slideshow-next:hover {
	cursor: e-resize;
	cursor: url(gfx/next.png), url(gfx/next.cur), e-resize;
}
html.touch .slideshow-nav a.slideshow-prev,
html.touch .slideshow-nav a.slideshow-next 
 {
	display:none;
}
.fluid .slideshow-content img {
	max-width:752px !important;
}
.type-page {
	font-size:21px;
	line-height:26px;
	text-rendering: optimizeLegibility;
}
h1.entry-title {
	text-align:center;
	font-size:14px;
	line-height:17px;
	font-weight:normal;
	margin-bottom:0;
	margin-top:0;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.04em;
}
.slideshow-nav span.sep {
	display:none;
}
footer.entry-meta {
	text-align:center;
}
.slideshow-nav .slideshow-info {/*float: right;*/
	margin-left: 0px;
	width: 30px;
	word-spacing: -.3em;
	text-align: right;
	padding-right:.3em;
}
.centered .portfolio-slideshow, .entry-content iframe {
	margin-top:6px;
}
.entry-content p {
	text-align:center;
}