/*----------------------------------------------------------------------------------------------------*\
	C O N T E N T (also included as editor-css)

		typography
		space between
		images and captions
		gallery
\*----------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------*\
	typography
\*----------------------------------------------------------------------------------------------------*/


body {
/* 	@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:300,500,300italic,500italic|Alegreya:400italic,700italic,400,700); */
	font-family: "Alegreya Sans", sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}


h1,
h2,
h3 {
	font-family: "Alegreya", serif;
	font-weight: 500;
}

h4,
h5 { font-weight: 500; }
h6 { font-weight: 300; font-style: italic; }


/* bold elements */
dt,
strong {
	font-weight: 500;
}


/* italic elements */
blockquote,
cite, 
em, 
i { 
	font-style: italic; 
}


h1,
h2,
h3,
h4,
h5,
h6 { 
	letter-spacing: 0.1em;
	}


article ul li:before { 
	content: "\203A";
	display: block;
	height: 0;
	width: 0;
	left: -1.5em;
	position: relative;
	}





/*----------------------------------------------------------------------------------------------------*\
	space between
\*----------------------------------------------------------------------------------------------------*/


h1,
h2 {
	font-size: 1.25em;
	line-height: 1.2em;
	margin: 0 0 1.2em 0;
	}
h3
h4, {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5 0;
	}
h5,
h6 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 0 0;
	}
p,
address { 
	margin: 0 0 1.5em 0; 
	}


dl { margin: 0 1.5em; }
dd { margin-bottom: 1.5em; }


blockquote { margin: 1.5em; }


ul,
ol { 
	margin: 0 0 1.5em 1.5em; 
	padding: 0; 
	}
ul ul, 
ol ol, 
ul ol, 
ol ul { 
	margin-bottom: 0; 
	}





/*----------------------------------------------------------------------------------------------------*\
	images and captions
\*----------------------------------------------------------------------------------------------------*/


article img,
.comment-content img,
.widget img {
	display: block;
	max-width: 100%; /* Fluid images for posts, pages, comments and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
embed,
iframe,
object,
video {
	max-width: 100%; /* Make sure videos and embeds fit their containers */
}


.alignleft {
	float: left;
	margin-right: 1.5em;
}
.alignright {
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* all images */
article img { margin-bottom: 1.5em; } /* same margin like <p> */


/* images in gallery */
.gallery img { margin-bottom: 0; }


/* images with caption */
.wp-caption img { margin-bottom: 0; }


/* image caption */
.wp-caption {
	margin-bottom: 1.5em; /* same margin like <p> */
	max-width: 100%;
	clear: both;
}
.wp-caption-text {
	display: block;
	clear: both;
	width: 100%;
	font-size: 0.75em;
	line-height: 2em;
	margin: 0;
}


/* max-width for smaller images */
.wp-caption.size-medium,
p.with-image .size-medium { 
	max-width: 50%;
	}
.wp-caption.size-thumbnail,
p.with-image .size-thumbnail { 
	max-width: 33%; 
	}
.listed img[size="size-thumbnail"] { max-width: 33%; }


/* the second paragraf after image (with left or right alignment) should clear */
.content p:after {
	content: "";
	display: block;
	clear: both;
}
.content p.with-image:after {
	clear: none;
}





/*----------------------------------------------------------------------------------------------------*\
	gallery
\*----------------------------------------------------------------------------------------------------*/


/* wp-gallery - default wp-gallery-style ist disabled by functions.php */

.gallery dl.gallery-item {
	display: block;
	float: left; 
	}
.gallery dl.gallery-item + br { display: none; } /* disable breaks from wp */