html {
  background: #355b1d url('img/background.jpg') no-repeat fixed center top;
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Tahoma;
  font-size: 100%;
  line-height: 1.2;
  /* coloring */
  color: #21323f;
}

body {
  width: 852px;
  min-height: 100%;
  margin: 0 auto;
  padding: 0;
  /*background: transparent url('img/f7f7ea_12.png') repeat;*/
  background: rgba(247,247,234,0.12); 
  overflow-y: scroll;
  overflow-x: hidden;
	box-shadow: 1px 0 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 1px 0 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: 1px 0 1px rgba(0,0,0,0.05);
}



h1, h2, h3, h4, h5, h6 {
  /* coloring */
  color: #0c1a2d;
  margin-top: 0;
  font-family: Georgia, serif;
}

/* LINKS */

#content a:link,
#content a:visited,
#footer a:link,
#footer a:visited
 {
	text-decoration: none;
  color: #0c1a2d;
  /*background: transparent url('img/f7f7ea_45.png') repeat;*/
  background: rgba(247,247,234,0.33);
}

#content a:active,
#content a:hover,
#footer a:active,
#footer a:hover {
	/*background: transparent url('img/f7f7ea_12.png') repeat;*/
  background: rgba(247,247,234,0.12);
}

/* BILDER */

img {
  border: none;
  background: none;
}

img:hover {
  background: none;
}

img.right {
  float: right;
}

img.left {
  float: left;
}

/* HEAD */

  #head {
    width: 820px;
    height: 100px;
    margin: 0 auto;
    /*background: transparent url('img/f7f7ea_22.png') repeat;*/
    background: rgba(247,247,234,0.22);  
  }
  
  #head>* {
    margin: 0;
    padding: 0;
    position: relative; 
  }
  
  #head h1 {
    font-size: 2em;
    font-weight: bold;
    top: 22px;
    left: 40px; 
  }
  
  #head a {
    color: inherit;
    text-decoration: none; 
  }
  
  #head a:hover>span:after{
    content: ' «';
  }
  
  #head h1 span {
    font-weight: normal; 
  }
  
  #head h1 span span {
    font-size: 0.4em;
    vertical-align: 4px;
  }
  
  #head p {
    top: 18px;
    left: 111px; 
  }

/* HEAD END */

#content {
  width: 820px;
  min-height: 700px;
  margin: 0 auto;
  /*background: transparent url('img/f7f7ea_45.png') repeat;*/
  background: rgba(247,247,234,0.33);
  font-size: 0.82em;
}

#posts .post,
#posts .page {
  width: 500px;
  margin: 16px 0 16px 16px;
  padding: 10px;
}

#posts #respond {
  margin: 16px 0 16px 16px;
  padding: 10px;
}



#posts {
  float: left;
}

#footer {
  width: 820px;
  height: 129px;
  margin: 0 auto;
  /*background: transparent url('img/f7f7ea_22.png') repeat;*/
  background: rgba(247,247,234,0.22);
  font-size: 0.82em;
}

#footer>ul>li {
  font-size: 0.82em;
}



/* BOXES */

/* all Boxes: */
ul.xoxo>li,
ul.xoxofooter>li,
#posts .post,
#posts .page,
#posts #respond
{
  /*background: transparent url('img/f7f7ea_33.png') repeat;*/
	background: rgba(247,247,234,0.33);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}

  /* widgets */
    ul.xoxo {
      list-style: none;
      float: right;
      margin: 0;
      padding: 0;
    }
    
    ul.xoxo>li { 
      margin: 16px;
      padding: 10px;
      width: 232px;
    }
    
    ul.xoxofooter {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    ul.xoxofooter>li { 
      margin-left: 16px;
      margin-top: 16px;
      padding: 10px;
      width: 232px;
      height: 80px;
      float: left;
      overflow: hidden;
    }

    ul.xoxofooter>li { 
      text-align: center;
    }
    
    ul.xoxofooter>li:first-child { 
      text-align: left;
    }
    
    ul.xoxofooter>li:last-child { 
      text-align: right;
    }
    
    






/* BOXES END */


/* FORMs */

form label {
  display: block;
  font-weight: bold;
}


/* FORMs END */

.amp {
  font-family: 'Adobe Caslon Pro';
  font-style: italic;
  font-weight: bold;
  font-size: 1.1em;
}

.clearall {
  clear: both;
}


hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}


blockquote {
	font-style: italic;
	padding: 10px 1em 10px 3.2em;
	margin: 0;
	font-family: Georgia, serif;
}

blockquote:before {
	content: '“';
	position: absolute;
	margin-left: -45px;
	margin-top: -20px;
	font-size: 6em; 
}

blockquote p {
	margin: 0;
}

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}


pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	height: auto;
	max-width: 640px;
	width: auto;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;	
	margin: 16px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin: 16px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 16px;
}
#content .wp-caption {
	background: transparent url('img/f7f7ea_22.png') repeat;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* CALENDAR */


#wp-calendar th {
  height: 23px;
  text-align: center;
  padding: 2px;
  margin: 2px;
  background: transparent url('img/f7f7ea_12.png') repeat;
}

#wp-calendar caption {
  height: 23px;
  text-align: center;
  padding: 2px;
  margin: 2px;
  background: transparent url('img/f7f7ea_22.png') repeat;
}

#wp-calendar td {
  height: 23px;
  text-align: center;
  padding: 2px;
  margin: 2px;
  background: transparent url('img/f7f7ea_22.png') repeat;
}

#wp-calendar td#today {
  background: transparent url('img/f7f7ea_45.png') repeat;
}

#wp-calendar td.pad {
  background: transparent;
}

#wp-calendar a:link,
#wp-calendar a:visited,
#wp-calendar a:active,
#wp-calendar a:hover {
  background: transparent;
  font-weight: bold;
}






