@import url(http://fonts.googleapis.com/css?family=Montserrat:400);

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic&subset=all);

/*!

Theme Name: Zweig

Theme URI: http://vandereecken.me/zweig/

Description: Zweig is a theme optimized for readability, to support a comfortable reading and writing experience. It features a clean and minimalist one column design, a three widget area footer, a single-level menu header and full ligatures support. It's build on HTML5 and CSS3 and fully responsive.

Author: Simon Vandereecken

Author URI: http://www.vandereecken.me

Version: 1.4

Tags: white, black, orange, light, threaded-comments, one-column, sticky-post, responsive-layout



License: GNU General Public License v2.0

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



*/



/* for modan browser */

.white-line{

text-shadow:0px 3px 1px white,0px 2px 1px white,1px 2px 1px white,2px 2px 1px white,2px 1px 1px white,2px 0px 1px white,3px 0px 1px white,2px -1px 1px white,2px -2px 1px white,2px -3px 1px white,1px -3px 1px white,0px -3px 1px white,-1px -3px 1px white,-2px -3px 1px white,-3px -3px 1px white,-3px -2px 1px white,-3px -1px 1px white,-3px 0px 1px white,-3px 1px 1px white,-3px 2px 1px white,-2px 2px 1px white,-1px 2px 1px white;



/* for IE */

filter:dropshadow(color=white,offx=0,offy=3,positive=1),dropshadow(color=white,offx=2,offy=1,positive=1),dropshadow(color=white,offx=2,offy=-1,positive=1),dropshadow(color=white,offx=1,offy=-3,positive=1),dropshadow(color=white,offx=-2,offy=-3,positive=1),dropshadow(color=white,offx=-3,offy=-2,positive=1),dropshadow(color=white,offx=-3,offy=1,positive=1),dropshadow(color=white,offx=-1,offy=2,positive=1);

}

/* Typography */

h1, h2, h3, h4, h5, h6 {

  font-family: "Baskerville", "Chancery", serif;

  font-weight: normal; }



a {

  color: #008c95;

  text-decoration: underline;

  transition: color .15s ease-in; }



a:hover, a:active, a:focus {

  color: #ffc117;
  font-weight:bold;
  text-decoration:none;

}



ul {

  list-style: square; }



em {

  font-style: italic; }



strong {

  font-weight: bold; }



.wrapper .post-title {

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic;

  margin-bottom: 0;

  padding-bottom: 0.2em;

  font-size: 3em;

  line-height: 1em;

  -moz-font-feature-settings: "kern" on, "liga" on, "calt" on, "dlig";

  -webkit-font-feature-settings: "kern" on, "liga" on, "calt" on, "dlig";

  -ms-font-feature-settings: "kern" on, "liga" on, "calt" on, "dlig";

  -o-font-feature-settings: "kern" on, "liga" on, "calt" on, "dlig";

  font-feature-settings: "kern" on, "liga" on, "calt" on, "dlig";

  -ms-word-break:break-all;

  word-break:break-all;

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto; }



.wrapper .post-date,

.wrapper .post-meta p,

.wrapper .wp-caption-text,

.wrapper .gallery-caption {

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps;

  font-style: normal;

  font-size: 0.8em;

  margin-bottom: 2.5em;

  margin-top: 0;

  padding-top: 0; }



.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4 {

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic; }

.wrapper h5, .wrapper h6 {

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps; }

.wrapper blockquote {

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic;

  text-transform: none;

  line-height: 2em; }

  .wrapper blockquote cite {

    display: block; }

  .wrapper blockquote cite:before {

    content: '\2014 \0000a0'; }

.wrapper cite {

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps;

  font-style: normal;

  font-size: 0.8em; }

  .wrapper cite:before {

    content: '\2014 \0000a0'; }

.wrapper table {

  width: 100%; }

  .wrapper table thead {

    border-bottom: 1px #cbcbcb solid;

    text-transform: uppercase;

    font-family: "Montserrat", sans-serif;

    font-variant: small-caps; }

  .wrapper table tbody {

    text-align: left;

    line-height: 2em; }

  .wrapper table tr {

    border-bottom: 1px #cbcbcb solid; }

  .wrapper table tr:nth-child(even) {

    background-color: #f9f8fa; }

.wrapper dt {

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps; }

.wrapper dd {

  padding-bottom: 1em; }

.wrapper address {

  font-style: normal; }



input[type=submit] {

  background-color: #008c95;

  color: white;

  border: transparent solid 1px;

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps;

  font-size: 0.8em;

  transition: background-color .15s ease-in; }

  input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {

    background-color: #4c5dba; }



.read-more {

  display: block;

  padding-top: 2em;

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps;

  font-size: 0.8em; }



#commentform label {

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps;

  font-size: 0.8em;

  display: block; }



input[type=text],

input[type=email],

input[type=url],

input[type=search],

input[type=password] {

  border: white 0px solid;

  border-bottom: 1px #cbcbcb solid;

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic;

  text-transform: none;

  color: #7a7a7a; }



textarea {

  width: 100%;

  border: 1px #cbcbcb solid;

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic;

  text-transform: none;

  color: #7a7a7a; }



input[type=text]:active,

input[type=text]:focus,

input[type=email]:active,

input[type=email]:focus,

input[type=url]:active,

input[type=url]:focus,

input[type=search]:active,

input[type=search]:focus,

input[type=password]:active,

input[type=password]:focus,

textarea:focus,

textarea:active {

  border: 1px #d43b1d solid;

  outline: 0px; }



@media screen and (max-width: 42em) {

  .post-title {

    font-size: 2em !important; }



  .entry {

    font-size: 0.9em; } }

/* Elements */

body {

  font-family: Verdana, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

  line-height: 1.5;

  background-color: white;

  color: #2d2d2d; 
  
  background:#D4F7FF;

  background-repeat:repeat;

  background-position: 50% 0%;

  background-attachment:fixed;

  }



.wrapper {

  width: 90%;

  max-width: 39em;

  margin: auto;

  font-weight: lighter;

  background: #fff;

  padding: 5px 5%;

  }



.clearer {

  clear: both; }



.alignleft {

  float: left; }



.alignright {

  float: right; }



/* Header */

#site-header {

  width: 100%;

  margin: auto;

  border-bottom: #cbcbcb 1px solid; 

  background-image: url(/fexr3cmw10w2lsvv/wp-content/themes/zweig/image/header.jpg);

  background-repeat: no-repeat;

  min-height: 200px;

  text-align:center;

  }

  #site-header .site-meta {

	  text-align:center;

	  padding: 10px;

	}

  #site-header h1, #site-header h2 {

    padding: 0;

    margin: 0; }

  #site-header h1,#site-header div.head-title {

    text-transform: lowercase;

    font-family: "Libre Baskerville", serif;

    font-style: italic;

    font-size: 46px; }

  #site-header h2,#site-header p {

    text-transform: uppercase;

    font-family: "Montserrat", sans-serif;

    font-variant: small-caps;

    font-size: 1.8em; 

	}

  #site-header nav {

    width: 70%;

    float: right;

    text-align: right;

    padding-top: 1em;

    padding-bottom: 0.5em;

    position: relative; 

		background: rgba(224, 247, 255, 0.8);

	}

  #site-header ul {

    margin: 0;

    padding: 0; }

  #site-header li {

    display: inline;

    padding-left: 1em; }



/* Single */

.sticky {

  border-bottom: 1px #cbcbcb solid;

  padding-bottom: 3em;

  margin-bottom: 3em; }



article img, article iframe, article div {

  max-width: 98% !important;

  height: auto !important; }



/* Post metas */

.post-meta {

  margin-top: 2em; }



.post-pages {

  clear: both;

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps;

  margin-top: 2em;

  font-size: 0.8em;

  font-weight: bold; }



/* Post navigation */

.post-navigation {

  font-family: "Libre Baskerville", serif;

  text-transform: lowercase;

  font-style: italic;

  font-size: 1em;

  margin-top: 3em; }



/* Author Box */

.author-box {

  clear: both;

  border-top: #cbcbcb 1px solid;

  padding-top: 2em;

  margin-top: 4em; }



.author-avatar {

  width: 100px;

  height: 100px;

  margin-right: 2em;

  margin-bottom: 5em;

  border-radius: 100px;

  float: left;

  overflow: hidden; }

  .author-avatar img {

    width: 100% !important;

    height: 100% !important; }



.author-description p {

  padding: 0;

  margin: 0; }



.author-name {

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps; }



/* Comments */

#comments h3 {

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic; }

#comments ol {

  list-style: none;

  padding-left: 0; }

  #comments ol ul {

    list-style: none; }

#comments .bypostauthor {

  background-color: #f9f8fa;

  padding: 0.5em; }

#comments .vcard {

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps; }

  #comments .vcard .avatar {

    float: left;

    margin-right: 1em;

    border-radius: 32px; }

  #comments .vcard cite {

    font-style: normal; }

  #comments .vcard span {

    color: #cbcbcb; }

#comments .comment-awaiting-moderation {

  padding-left: 46px;

  color: #7a7a7a; }

#comments .comment-meta {

  padding-bottom: 0.5em;

  margin-bottom: 1em;

  border-bottom: #cbcbcb 1px solid;

  font-size: 0.8em;

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps; }

#comments .reply {

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic; }

#comments .comment-body, #comments .comment {

  margin-bottom: 1em; }



/* Posts nav */

.posts-nav {

  text-align: right;

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

  font-variant: small-caps;

  font-size: 0.8em; }



/* Footer */

#footer {

  padding: 1em;

  margin: auto;

  border-top: #cbcbcb 1px solid;

  background-image: url(/fexr3cmw10w2lsvv/wp-content/themes/zweig/image/footer.jpg);

  background-repeat: no-repeat;

  }

  #footer img {

    max-width: 95% !important;

    height: auto !important; }



.widget-area {

  width: 30%;

  float: left;

  background:rgba(255,255,255,1);  

  }

  .widget-area h2,.widget-area div.wiget {

    text-transform: lowercase;

    font-family: "Libre Baskerville", serif;

    font-style: italic;

	font-size: 30px;

	margin: 0.83em 0;

	}



.widget-central {

  margin: 0 5%; }



/* Post Formats */

article.format-quote {

  padding: 1em 0 1em 0em;

  text-transform: lowercase;

  font-family: "Libre Baskerville", serif;

  font-style: italic;

  text-transform: none;

  font-size: 1.5em;

  line-height: 2em;

  text-align: left; }

  article.format-quote .post-title, article.format-quote .post-date {

    display: none; }



/* Media Queries */

@media screen and (max-width: 70em) {

  #site-header .site-meta {

    float: none;

    text-align: center; }



  #site-header nav {

    text-align: center; }



  #site-header li {

    padding-left: 0;

    padding-right: 1em; }



  #site-header .site-meta, #site-header nav {

    width: auto; } }

@media screen and (max-width: 56em) {

  footer .widget-area {

    float: none;

    width: 100%;

    margin: 0 !important; }



  .post-navigation .alignleft {

    display: block;

    float: none;

    text-align: left; }



  .post-navigation .alignright {

    padding-top: 1em;

    display: block;

    float: none;

    text-align: right; }



  .author-avatar {

    width: 50px;

    height: 50px;

    border-radius: 50px;

    float: left;

    margin: 0.5em 0.5em 0.5em 0; } }
	

/*--------------------------------------------------------------

 smartPhone

--------------------------------------------------------------*/
@media screen and (max-width: 900px) {

#site-header {	
	padding-top: 70px;	
	min-height: 130px;
}

div.site-meta h1,div.site-meta div.head-title {
	letter-spacing:normal;
	font-size:24px!important;
	line-height:1;
}
div.site-meta h1 a,div.site-meta div.head-title a {
	text-decoration:none;
}

div.site-meta h1 a:hover,div.site-meta div.head-title a:hover {
	text-decoration:underline;

}


div.site-meta p {
	font-size:14px !important;
	text-shadow:none;
	background:rgba(255,255,255,0.8);
}


@media screen and (max-width: 600px) {

div.site-meta h1,div.site-meta div.head-title {
	font-size:20px!important;
}
div.site-meta p {
	font-size:12px!important;
	text-shadow:none;
}

/*--------------------------------------------------------------