/*
Theme Name: Simple Style
Theme URI: http://fimply.de/?page_id=348
Author URI: http://fimply.de
Description: Simple Style is our new WordPress Theme. It's the next step to increase the number of our available themes. Like Convention and elegantWhite it contains a lot of great features. Also, it is a perfect layout for photo blogs our/and personal blogs. If you have feature requests, you can send us an e-mail.
Author: Fimply
Version: 1.1.12
Tags: white, blue, one-column, fixed-width, sticky-post, translation-ready, one-column, custom-menu, light, gray
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/


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



/* ---------------------------------- Start ---------------------------------- */


/* --------- Alignment --------- */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}

img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
	margin-top: 1.625em;
	margin-bottom: 1.625em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}

img.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
	margin-top: 1.625em;
	margin-bottom: 1.625em;
}

.sticky {
	
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
margin-top: 1.625em;
	margin-bottom: 1.625em;
}

img.alignnone {
	display: block;
	clear: both;
	margin-top: 1.625em;
	margin-bottom: 1.625em;
}

/* Text elements */

p {
	margin-bottom: 1.625em;
}

#post ul, #post ol, #sidebar ul, #sidebar ol {
	margin: 0 0 1.625em 1.5em;
}

ul {
	list-style: square;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: upper-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 1.625em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.625em;
}

strong {
	font-weight: bold;
}

cite, em, i {
	font-style: italic;
}

blockquote {
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic !important;
	font-weight: 100;
	background-color: #f3f3f3;
	padding:25px 25px 5px 25px;
	margin: 2em 2em;
	border-left:3px solid #0092e0;
}

blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}

blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

pre {
	background-color:#ededed;
	margin:0 0 30px 0;
	padding:30px 30px 30px 40px;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	font-size:15px;
	line-height:20px;
}

code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}

address {
	display: block;
	margin: 0 0 1.625em;
}

ins {
	background: #ffccaa;
	text-decoration: none;
}

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

em {
	font-style: italic;
}

strike, del, s {
	text-decoration: line-through;
}


.post-title {
  text-transform:uppercase;
  letter-spacing: .2em;
	color: #b4b4b4;
	text-align: center;
	font-size:14px;
	font-weight: 100;
}


body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

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

a {
	color:#0092e0;
	text-decoration: none;
}


a.title {
	text-decoration: none;
	color:#0092e0;
}

#title {
	font-weight: 100;
	font-size: 40px;
	margin: 40px 0 0px 0;
}

#description {
	font-weight: 100;
	color: #aaaaaa;
	margin: 20px 0 50px 0;
	font-size: 20px;
}


.gallery .gallery-item {
	float: left;
	margin-bottom: 10px;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; margin: 0px 0 10px 0; }
.gallery-columns-4 .gallery-item { width: 25%; margin: 0px 0 1px 0; }

.gallery img {
    width:92%;
    height: auto;
	border: 0px solid white;
	background: #fff;
}

.gallery-columns-2 img {
	width:95%;
	height: auto;
}

.gallery-columns-4 img {
	width:94%;
	height: auto;
}

.gallery-columns-2 .attachment-medium {
	max-width: 95%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 95%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	display: none;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }



#nav-container {
	width:1000px;
	margin:0px auto 0 auto;
}

#nav {
	background-color: #fff;
	display: block;
	border-bottom:3px solid #eeeeee;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width:998px;
}
#nav ul {
	font-size: 14px;
	list-style: none;
	width: auto;
	display: table;
	margin: 0 auto 0 auto;
	padding-left: 0;
}
#nav li {
	float: left;
	position: relative;
	font-weight: 500;
}
#nav a {
	color: #aaa;
	display: block;
	text-transform: uppercase;
	margin: 0 0px 0 0;
	line-height: 4.333em;
	letter-spacing: .07em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#nav ul ul {
    top: 59px;
    left:-1px;
    z-index:99;
	width:190px;
	display:none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	float:left;
	margin:0 0 0 0;
	position: absolute;
}
#nav ul ul ul {
    
	left: 99.5%;
	top: -1px;
}


#nav ul ul li a {
	border-right: 1px solid #eee;
	background-color: #fff;
	margin: 0 0px 0 0;
}

#nav ul ul ul li a {
	border-top: 1px solid #eee;
}

#nav ul ul a {
	color: #444;
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 170px;
}
#nav li:hover > a,
#nav ul ul :hover > a,
#nav a:focus {
	background: #fcfcfc;
}
#nav li:hover > a,
#nav a:focus {
	background: #fcfcfc;
	color: #373737;
}
#nav ul li:hover > ul {
	display: block;
}
#nav .current-menu-item > a,
#nav .current-menu-ancestor > a,
#nav .current_page_item > a,
#nav .current_page_ancestor > a {
	background: #fcfcfc;
	color: #373737;
}

.clear {
	clear:both;
}

#image-container {
	margin:0px auto;
	width:1000px;
}

#header {
	width:898px;
	margin:0px auto;
	font-weight: bold;
	letter-spacing: .09em;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open sans', sans-serif;
	padding: 30px 50px;
}

img.header {
	width:1000px;
	height:400px;
	margin:0px auto;
}

#image-container #title {
	background-color: #fbf7f7;
	margin:-300px 0 0 0;
	font-family:'Oswald', sans-serif;
}

#container {
	width:998px;
	overflow: hidden;
	margin:0px auto 30px auto;
	padding: 50px 0 0 0;
}

.article {
	width:750px;
	margin:0 auto 80px auto;
	text-align: center;
	font-size: 17px;
	text-align: justify;
	word-break: break-word;
	line-height: 34px;
	color:#5f5f5f;
	font-family: 'Open Sans', sans-serif;
}

#border-bottom {
	background-color: #eee;
	height:1px;
	margin:0 0 80px 0;
	width:100%;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 40px;
	color:#0092e0;
	text-align: center;
	line-height: 52px;
}

/*--------- Social Options ---------------*/

table.social {
	border-bottom:0;
	margin: 50px auto 25px auto;
	width: 70%;
	text-align: center;
}

table.social th {
	color: #666;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 3.1em;
	text-transform: uppercase;
}

table.social td {
	border-top: 0;
	text-align: left;
	padding: 10px 10px 10px 0px;
}

table.social td.twitter {
	padding:0px 0px 0 0;
}

table.social td.googleplus {
	padding:0px 0 0 0px;
}

table.social td.fb {
	padding:0 20px 0 0px;
}

.date {
	text-transform: uppercase;
	letter-spacing: .7em;
	color: #b4b4b4;
	font-size:14px;
	text-align: center;
	margin:-15px 0 40px 0;
	font-weight: 100;
}


/* --------- Posts Link --------- */

#buttons {
	width:1030px;
	margin:-100px auto 40px auto;
}

#left {
	float:left;
}

#right {
	float:right;
}

#posts-button {
	border-radius:100px;
    font-size: 60px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    width:15px;
    margin:25px 0 30px 0;
    line-height: 20px;
    height:15px;
    color:#fff;
	font-weight: 800;
	padding:20px 38px 35px 18px;
	background-color: #0092e0;
}

#button a, #button2 a {
    color:#fff;
}

#posts-button2 {
	border-radius:100px;
    font-size: 60px;
    width:15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    margin:25px 0 30px 0;
    height:15px;
    color:#fff;
	font-weight: 800;
	padding:20px 33px 35px 23px;
	background-color: #0092e0;
}

table.links {
	border-bottom:0;
	margin: 50px 0 25px 0;
	width: 220px;
	text-align: center;
}

table.links th {
	color: #666;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 3.1em;
	text-transform: uppercase;
}

table.links td {
	border-top: 0;
	text-align: left;
	padding: 10px 10px 10px 0px;
}

table.links td.text {
	padding:0px 0 0 0px;
	font-family: 'Open Sans', sans-serif;
}


#footer {
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #b4b4b4;
	width:1000px;
	font-family: 'Open Sans', sans-serif;
	margin:20px auto;
	font-size:14px;
	text-align: center;
	font-weight: 100;
}


/* ----------------- Comments ----------------- */



.comment{
	margin:90px 0 0 -105px;
	padding: 0 0 0 0px;
	text-align: left;
}

#respond {
	display: block;
	width:100%;
	margin:0 auto;
	float:right;
}



.comment:first-child {
	margin:0;
}

.show-comments {
	margin:150px 0 0 0px;
}

.commentline {
	height:1px;
	margin:0px 0px 30px 0px;
	background-color: #eeeeee;
}

.comment-name {
	font-size:18px;
	font-size: 1.125rem;
	color: #0092e0;
}

.comment-date {
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #b4b4b4;
	padding: 7px 0 10px 0;
	font-size:12px;
    font-size: 0.75rem;
	font-weight: 100;
}

.comment-text {
    margin:10px 0 0 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 25px;
}

.countcomments {
	font-size:30px;
	font-size: 1.875rem;
	margin:0px 0 50px 0;
}

.comment-fields {
	margin:0;
}

#avatar {
	float: left;

}

.comment-box {
	margin:0px 0 0px 0px;
	float:right;
	padding: 15px 0 0 0;
	width:86%;
}

.comment-line {
    background-color:#eeeeee;
    height:1px;
	margin:40px 0 20px 0;
	width:100%;
}

.commentform {
	margin:100px 0 0 0px;
}

a.comment-edit-link {
	font-family: Helvetica;
	font-size:9px;
	font-size: 0.562rem;
	font-weight: 100;
	letter-spacing: .3em;
	text-transform: uppercase;
	background-color:#c1c1c1;
	border-radius: 5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-o-border-radius:5px;
	padding: 6px 9px;
	color:#ffffff;
}

a.comment-reply-link {
	font-size:14px;
	/*font-size: 0.562rem;*/
	background-color: transparent;
	color:#0092e0;
}


.avatar {
	width:60px;
	border-radius:60px;
	height:60px;
}

.children .comment {
	margin:50px 0 0 -50px;
	padding: 0 0 0 10px;
}

.children .children .comment {
	margin:50px 0 0 -25px;
}

.bypostauthor {
	font-weight: 800;
}


.wp-caption {
	text-align: center;
	font-size:13px;
	font-size: 0.812rem;
	max-width: 100%;
	font-style: italic;
}



/* --------- Forms --------- */

input[type=text] {
    border:1px solid #eeeeee;
	outline: none;
	width:60%;
	font-size:18px;
	font-size: 1.125rem;
	font-family: Helvetica;
	font-weight: 100;
	padding:13px 15px 13px 15px;
 }
 
input[type=password] {
    border:1px solid #eeeeee;
	outline: none;
	letter-spacing: .3em;
	font-size:18px;
	font-size: 1.125rem;
	max-width: 88%;
	font-family: Helvetica;
	font-weight: 100;
	padding:13px 15px 13px 15px;
 }

 
input[type=text]:focus, input[type=password]:focus {
    border:1px solid #b9b9b9;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
 }

textarea {
	border:1px solid #eeeeee;
	outline: none;
	width:75%;
	font-size:18px;
	font-size: 1.125rem;
	font-family: Helvetica;
	font-weight: 100;
	padding:15px 15px 15px 15px;
}

textarea:focus {
	border:1px solid #b9b9b9;
	-webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -o-transition: 0.5s;
}

input[type=submit] {
	background-color: #0092e0;
	padding:15px 30px;
	cursor: pointer;
	color:#fff;
	font-size:16px;
	font-size: 1rem;
	font-weight: bold;
	border:0;
	-webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
}

input[type=submit]:hover {
	background-color: #5f5f5f;
}


input.search-sidebar {
	width:188px;
	margin:-1px 0 0 0px;
	border:0;
	background-color: #f9f9f9;
	border:1px solid #dbdbdb;
	outline: none;
	font-size:16px;
	font-size: 1rem;
	color:#acacac;
	font-family: Helvetica;
	border-radius:30px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	-o-border-radius:30px;
	font-weight: 100;
	padding:12px 15px 11px 15px;
	-webkit-transition: 0.6s;
   -moz-transition: 0.6s;
   -o-transition: 0.6s;
}

input.search-sidebar:focus {
    outline: none;
	border:1px solid #dadada;
	color:#676767;
}

.wp-caption-text {
	
}

.link-pages {
    font-weight: bold;
}

.link-pages a {
	font-weight: normal;
}

.tags, .tags a {
	font-size: 14px;
	color: #adadad;
}

.tags .tags {
	color:#6d6d6d;
}



#sidebar {
    max-width:1000px;
	margin:-30px auto 0 auto;
	padding: 50px 50px 50px 90px;
	background-color: #fff;

}

#sidebar div[id] {
	margin:30px 0px 0px 50px;
	text-align: left;
}

#sidebar div[id]:first-child {
	margin:30px 0px 0px -50px;
}

#sidebar-widget {
	font-family: Helvetica;
	margin:50px 0 0px 0px;
	font-weight: 100;
	float:left;
	color:#515151;
	line-height: 27px;
}

#sidebar-widget li, ul.blogroll li {
	list-style-type: none;
	margin: 0 0 0 -20px;
	padding: 3px 0;
}

#sidebar-widget li.recentcomments {
	padding:10px 5px 10px 0px;
	border-bottom: 1px dotted #dedede;
}

#sidebar-widget li.recentcomments:last-child {
	border:0;
}

.sidebar-heading {
	font-family:Helvetica;
	font-weight:500;
	font-size:20px;
	font-size: 1.25rem;
	margin:0px 0 0 42px;
}

/* --------- Tables --------- */

table {
	border-bottom: 1px solid #ddd;
	margin: 10px 0 25px 0;
	width: 100%;
}

th {
	color: #666;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 3.1em;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	text-align: left;
	padding: 10px 10px 10px 0px;
}


/* --------- WP-Calendar Styling --------- */

table[id=wp-calendar] { 
	border-collapse: collapse;
	width:100%;
}

table[id=wp-calendar] caption {
	font-weight:bold;
	background-color: #3b3b3b;
	color:#fff;
	cursor: default;
	padding:8px 0;
}

table[id=wp-calendar] thead, table[id=wp-calendar] th {
	text-align:center;
	color:#fff;
	background-color: #0092e0;
}

table[id=wp-calendar] th {
   border-left: 1px solid #007fc9;
   border-right: 1px solid #007fc9;
   border-bottom: 1px solid #eee;
   padding: 5px 5px 5px 5px;
   cursor: default;
   text-align:center;

}

table[id=wp-calendar] tbody, table[id=wp-calendar] td {
	background-color: #f8f8f8;
}

table[id=wp-calendar] td { 
	padding: 5px;
	text-align: center;
	border: 1px #ddd solid;
}


