/*
Theme Name: flyingdinners
Theme URI: http://www.flyingdinners.com
Description: css3 feature theme
Author: U. Uhlig
Author URI: http://www.curlybracket.net
*/

@import url(http://fonts.googleapis.com/css?family=Crimson+Text);

* {
	margin:0;
	padding:0;
}

body {
	font-size: 16px;
    font-family: 'Crimson Text', serif;
	color: #111;
	margin: 0;
    background: #fff;
    text-shadow: 0 1px 0 #fff;
}

img {
	border:none;
}

hr {
	display: none;
}

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

a:hover {
    text-decoration: underline;
}

table tr, table th, table td {
	border: 1px solid #bbb;
}

table th, table td {
    padding: 0.1em 0.3em;
}

table th {
	font-weight: bold;
}

blockquote {
    border-left: 10px solid #eee;
    padding: 0 1em;
}

pre, code {
	font-size: 0.9em;
	font-family: monospace;
}

.wp-caption-text {
    text-align: left;
    font-size: 0.9em;
}

.alignright {
	float:right;
	margin-left: 0.8em;
	clear: right;
}

.alignright .wp-caption-text {
    margin-left: 10px;
}

.alignleft {
	float: left;
    margin-right: 0.8em;
}

.aligncenter {
    text-align: center;
    margin: 0 auto 0.8em;
    display: block;
}

.clear {
	clear: both;
}

.wp-caption-text {
    line-height: 1.3em;
}

.screen-reader-text {
    display: none;
}
/*************************************
* Structure
*************************************/
#wrap {
	text-align: left;
	margin: 0 auto;
	position: relative;
	width: 90%;
	max-width: 900px;
}

#header {
    overflow: hidden;
    padding-top: 2em;
    padding-bottom: 3em;
    position: relative;
}

#header #lang {
    position: absolute;
    top: 1em;
    right: 0;
	text-align: right;
    list-style: none;
    font-size: 0.8em;
    text-transform: uppercase;
}

#header #lang li {
	display: inline;
	margin-left: 0.5em;
}

#header #lang .current {
	font-weight: bold;
}

#header #nl_subscribe {
	margin-top: 1em;
}

#header h1 a {
    font-size: 1.5em;
    font-weight: normal;
    text-decoration: none;
    background: url(images/logo-small.jpg) no-repeat;
    display: block;
    text-indent: -10000px;
    width: 390px;
    height: 170px;
}

#header h1 span {
    display: none;
}

/*************************************
* Menu
*************************************/

.primary-menu {
	margin-bottom: 2.5em;
}

.primary-menu li {
	list-style: none;
	margin-bottom: 0.8em;
}

/*************************************
* Sidebar
*************************************/

#sidebar {
    font-size: 0.9em;
	margin-top: 0.5em;
}

#sidebar .widget {
	margin-bottom: 1.5em;
	display: block;
	overflow: hidden;
}

#sidebar .widget-title {
	font-size: 0.9em;
	text-transform: uppercase;
    margin-bottom: 0.5em;
}

#sidebar .widget ul {
    list-style: none;
}

#sidebar .widget li {
    margin-bottom: 1em;
}

#sidebar .widget li a {
	outline: none;
}

.current-cat, .current-menu-item, .current-post-ancestor {
    text-decoration: underline;
}
/*************************************
* Content
*************************************/

#container img {
	max-width: 100%;
	height: auto;
    margin-bottom: .5em;
}

#content {
    line-height: 1.8em;
}

#content ul, #content ol, #content blockquote {
	margin: 15px 0 10px 20px;
}

/*************************************
* Post
*************************************/
.post {
	margin: 0 0 3em 0;
    position: relative;
}

.post .post-meta {
    color: #999;
display: none;
}

.post .post-title {
    font-size: 1.5em;
    margin-bottom: 0.6em;
}

.post .post-content {
    overflow: hidden;
    text-align: justify;
}

.post .post-content h2 {
	font-size: 1.3em;
}

.post .post-content .wp-caption {
    margin-bottom: 2em;
    font-size: 0.9em;
}
.post .post-content p {
    margin-bottom: 1em;
}

.post-content img {
	max-width: 100%;
	height: auto;
}

.post iframe {
	max-width: 100%;
}

#postlist {
	margin: 0 0 2em;
	line-height: 1.4em;
	font-size: 0.9em;
}

#postlist h2 {
	margin-bottom: 1em;
}

#postlist a:before {
	content: '· ';
}

/*************************************
* Categories, Archives
*************************************/
.cattitle {
    padding: 1em 0 2em;
}

/*************************************
* Galeries
*************************************/

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
  width: 450px;
  max-width: 100%;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
	text-align: center;
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
  margin: 0 auto !important;
  max-height: 390px;
  width: auto;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
    display: none;
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-indicators {
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
    font-size: 0.85em;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

/*************************************
* Navigation
*************************************/

#footernav  {
    overflow: hidden;
    margin-right: 210px;
}

#footernav .next {
	float: right;
}

#footernav .previous {
	float: left;
}

/*************************************
* Footer
*************************************/

#footer {
    clear: both;
    font-size: 0.9em;
    padding: 1em 0;
	border-top: 1px solid #ccc;
}

#footer a {
	color: #666;
}

#footer .widget-title,  #footer ul, #footer li {
	display: inline;
	margin: 0 0.5em 0 0;
}

/*************************************
* Search
*************************************/
.searchresults-title {
    margin-bottom: 1em;
}

#searchform {
    margin-top: 1em;
}

#searchform #s,
.form {
	border: 1px solid #ccc;
    color: #666;
	font-size: 0.9em;
	width: 100px;
}

.submit {
    padding: 0 0.25em;
	cursor: pointer;
}

/******************************
 Comments
******************************/

#comments, #respond {
	border-top: 1px dashed #ccc;
	padding-top: 1em;
	margin-top: 2em;
	margin-bottom: 1em;
	font-weight: normal;
}

.commentlist li {
	margin-bottom: 0.5em;
}

#approval {
	margin: 0.5em 0;
	color: orange;
}

#commentform .inputbox {
	width: 300px;
	margin: 0 0.2em 0.5em 0;
}

#commentsubmit {
	position: relative;
	width: 305px;
	padding-bottom: 14px;
}

#commentsubmit #submit {
	display: block;
	right: 0;
	bottom: 0;
	position: absolute;
}





#home #header {
    visibility: hidden;
    padding: 0;
    display: none;
}

#home #container p {
    font-size: 1.4em;
}



@media all and (min-width: 640px) {

	#header #lang li {
		display: block;
		margin: 0;
	}
	#header #nl_subscribe {
		text-align: right;
		margin: 0;
		position: absolute;
		right: 0;
		top: 4em;
		width: 40%;
	}
	#content {
		float: right;
		width: 70%;
	}
	#sidebar {
		width: 25%;
		float: left;
	}

	.gallery {
		float:right;
		margin-left: 0.8em;
		position: absolute;
		right: -30px;
		text-align: right !important;
		clear: right;
		width 200px;
	}
	.gallery br {
		clear: right !important;
	}
	.gallery-item {
		text-align: right !important;
	}

	.post .post-title {
		padding-right: 210px;
	}
	.post .post-content {
		padding-right: 210px;
	}
	.alignright {
		position: absolute;
		right: -30px;
		text-align: right;
	}

}

.lt-ie11 #content {
	float: right;
	width: 70%;
}
.lt-ie11 #sidebar {
	width: 25%;
	float: left;
}

.lt-ie11 .gallery {
	float:right;
	margin-left: 0.8em;
	position: absolute;
	right: -30px;
	text-align: right !important;
	clear: right;
	width 200px;
}
.lt-ie11 .gallery br {
	clear: right !important;
}

.lt-ie11 .gallery {
	right: 0;
	left: 440px;
}

.lt-ie11 .gallery-item {
	float: none !important;
	text-align: right !important;
}

.lt-ie11 .gallery-icon {
	text-align: right;
}

.lt-ie11 .post .post-title {
	padding-right: 210px;
}

.lt-ie11 .post .post-content {
	padding-right: 210px;
}

.lt-ie11 .alignright {
	position: absolute;
	right: -30px;
	text-align: right;
}

.lt-ie11 .alignright {
	position: absolute;
	right: -30px;
	text-align: right;
}

.ie-8 .alignright {
	right: -680px;
}

.chromeframe {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: #eee;
	padding: 0.3em 0;
}

.chromeframe a {
	text-decoration: underline;
}


.photos {
	float: right;
	width: 170px;
	margin-right: -190px;
}

.photos img {
	max-width: 100%;
	height: auto;
}