/*
   CSS Stylesheet
   By Thomas Schraitle <tom_schr AT sourceforge DOT net>
   Released under Creative Commons CC-BY
*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,800|Cabin+Sketch);*/

html {
  margin:0;
  padding:0;
}

/* Fonts */
body, h1, h2, h3, h4, h5, h6, .button  { 
  font-family:'Open Sans', 'DejaVu Sans Condensed', sans-serif;
}

body {
  font-weight:300;
  color: #2c2c2c;
  
/* PU  background-image: url('bg-gradient.svg'); not found
  /* Legacy browsers
	background: #3E5066 url("bg-gradient.png") repeat-y left;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer
	*background: #8DA1B7;
	background: #8DA1B7\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bg-gradient.png", sizingMethod="scale");
	background: #293F65
PU end */
/* SM Test */
background: rgb(206,219,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,219,233,1)), color-stop(17%,rgba(170,197,222,1)), color-stop(50%,rgba(97,153,199,1)), color-stop(51%,rgba(58,132,195,1)), color-stop(59%,rgba(65,154,214,1)), color-stop(71%,rgba(75,184,240,1)), color-stop(84%,rgba(58,139,194,1)), color-stop(100%,rgba(38,85,139,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */

}

@media all and (min-width: 0px) {
  body {
  width:950px;
  margin-left:auto;
  margin-right:auto;
/* PU
  background-image: linear-gradient(bottom, rgb(174,235,235) 37%, rgb(9,92,92) 77%);
  background-image: -o-linear-gradient(bottom, rgb(174,235,235) 37%, rgb(9,92,92) 77%);
  background-image: -moz-linear-gradient(bottom, rgb(174,235,235) 37%, rgb(9,92,92) 77%);
  background-image: -webkit-linear-gradient(bottom, rgb(174,235,235) 37%, rgb(9,92,92) 77%);
  background-image: -ms-linear-gradient(bottom, rgb(174,235,235) 37%, rgb(9,92,92) 77%);

  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.37, rgb(174,235,235)),
	color-stop(0.77, rgb(9,92,92))
);

	}
PU end */
}


h1 {
  font-size:343.75%;
  font-weight:800; /* font-weight:700; */
  font-style: normal;
  line-height:1.1;
  text-shadow : 2px 2px 2px #CCC;
  margin-bottom:10px;
  padding-bottom:0;
}
h2, h3, h4, h5, h6 {
  font-weight:400;
  margin-bottom:0;
  padding-bottom:0;
}
/*.author {
  font-variant:small-caps;
}*/

span.draft {
  display:block;
  float:right;
  font-size:31.25%;
  font-weight:normal;
  font-variant:normal;
  font-family: 'Cabin Sketch', cursive;
  padding:10px 10px;
  text-shadow:none;
  background-color:#f78d1d;
  margin-right:5em;
  border-radius:5px;
  -webkit-transform:rotate(-15deg); /* Safari and Chrome */
  -moz-transform:rotate(-15deg); /* Firefox */
  -o-transform:rotate(-15deg); /* Opera */
  -ms-transform:rotate(-15deg); /* IE 9 */
  transform: rotate(-15deg);
  -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.9659258262890684,M12=0.25881904510252024,M21=-0.25881904510252024,M22=0.9659258262890684,sizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.9659258262890684,
            M12=0.25881904510252024,
            M21=-0.25881904510252024,
            M22=0.9659258262890684,
            sizingMethod='auto expand');
}
h2 {
  font-size:212.5%;
}
h3 {
  font-size:162.5%;
}
h4 {
  font-size:131.25%;
}

#main {
  margin: 0 4em auto 4em;
  padding-top:0;
}
#main h2, #main h3 {
  text-shadow : 1px 1px 1px #CCC;
  margin:1em auto 3px auto;
  padding-bottom:0;
}
hr {
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1pt dotted #CCC;
  margin-top:2em;
  margin-bottom:2em;
}
/* Header and Footer */
#header, #footer {
  padding: .5em 1.5em .5em 1.5em;
  background-color:white;
  background-color: rgba(211, 211, 211, .6);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  filter:alpha(opacity=90);/* IE6-IE8 */
}
#header {
  margin-top:-1em;
  padding-top:1em;
}
#footer {
  font-size:small;
  margin: 3.5em 4em 1.1em 4em;
}
#header h1 {
  padding-top:0;
  margin-top:0;
}
#header h2 {
  line-height:1;
}
#header h3 {
  padding-bottom:0;
  margin-bottom:0;
}
/* */
#content {
  background-color: rgba(255, 255, 255, .95);
  background-color:white;
  margin-top:2em;
  padding:.5em 1.5em;
  -webkit-border-radius : 5px;
  -moz-border-radius : 5px;
  border-radius : 5px;
}
blockquote {
  padding:.75em 1.5em .75em;
  box-shadow: 5px 5px 15px #ccc;
  /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius:3px;*/
  -moz-border-radius-bottomright: 90px 11px;
  border-bottom-right-radius: 90px 11px;
}
blockquote h4 {
  margin-top:0.5em;
}
blockquote p {
  margin-top:.5em;
}

form, .flattr {
  text-align:center;
}

/* From http://www.feedicons.com/code/  */
.feed-list {
  margin: 0 0 15px 15px;
  padding: 0;
  /*list-style-type: none;*/
}

.feed-list li {
  margin: 0 0 10px 0;
  padding: 0;
  /*list-style-type: none;*/
}

.feed-list li a {
  padding: 0 0 0 19px;
  background: url("feed-icon-14x14.png") no-repeat 0 50%;
  list-style-type: none;
} 

/* Floats */
.chunk {
  margin-left:1em;
}
.button-content {
  text-align:center;
}
.button-content div {
  float:left;
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

.end {
  clear:both;
  visibility:hidden;
  height:0;
  visibility:hidden;
}
.end:after {
  content:"'.";
  clear:both;
  display:block;
  height:0;
  visibility:hidden;
}

/* Inlines */
q:lang(en) { quotes: '“' '”' "‘" "’" }
q:before { content: open-quote }
q:after  { content: close-quote }
q { font-style: italic; font-weight:normal; }

/* Buttons */
.button b {
  font-weight:bold;
}
.button {
  display:inline-block;
  line-height:1;
  outline:none;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
  font-size:131.25%;
  width:280px;
  /*width:30%;*/
  padding: .5em 1em .5em;
  text-shadow:0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius:.5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
  text-decoration:none;
}
.button:active {
  position:relative;
  top: 1px;
}
.blue {
	color: #fef4e9;
	border: solid 1px #769AC4;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#90A4BB), to(#3B4D62));
	background: -moz-linear-gradient(top,  #90A4BB,  #3B4D62);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#90A4BB', endColorstr='#3B4D62');
}
.blue:hover {
	background: #3B4D62;
	background: -webkit-gradient(linear, left top, left bottom, from(#3B4662), to(#9AB0C8));
	background: -moz-linear-gradient(top,  #3B4662, #9AB0C8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B4662', endColorstr='#9AB0C8');
}
.blue:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#3B4D62), to(#90A4BB));
	background: -moz-linear-gradient(top,  #3B4D62,  #90A4BB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B4D62', endColorstr='#90A4BB');
}
.orange {
        color: #fef4e9;
        border: solid 1px #da7c0c;
        background: #f78d1d;
        background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
        background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top,  #f88e11,  #f06015);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}