/* style sheet by Håkon Wium Lie 2010 */
/* reuse is encouraged */

@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT);
@import url(http://fonts.googleapis.com/css?family=Cantarell);
@import url(http://fonts.googleapis.com/css?family=Ovo);


/* generic rules */
html, body, div, h1, h2, h3, p, blockquote, ul, ol, li { 
  margin: 0; padding: 0;
}

blockquote { font-style: italic; margin: 1em }

/*li { margin-left: 2em }*/

/* specific rules for this layout */
/* links */

a { text-decoration: none }
a { color: #675; }
a:visited { color: #342; }
a:hover { color: #9a8; }
a img { border: none; }

ul, ol { list-style-type: none }
li { margin-left: 0 }

html { 
  xbackground: url(pattern_097.png) #bdb; /* from http://www.squidfingers.com  */
  xbackground: url(bg2.jpg) #bdb; /* http://www.bgpatterns.com/ */
  background: url(mzgiz34.png) #bdb;
}

body { 
  background: white; 
  margin: 40px 6%;
  border: 1px solid gray;
  -moz-box-shadow: 4px 4px 0px 2px #333;
  -webkit-box-shadow: 4px 4px 0px 2px #333;
  box-shadow: 4px 4px 4px 0px #333;
}

@media print {
  html { background: white }
  body { margin: 0em; border: none }
}

body, table { font: 14px "Cantarell", sans-serif  }

hr {
  display: block; clear: right; border: none; border-bottom: 1px dotted black; 
}


#header { 
  text-align: center; 
}

#header, #header a {
  color: #68a;
}

#header h1 {
  font: 60px/60px Ovo, sans-serif; 
  padding: 0.5em;
}

#header .motto { 
  background: #b33; 
  color: white; 
  font: bold 14px "Trebuchet MS", "Gill Sans",  Nobile; 
  text-align: center; 
  padding: 3px; 
/*
  box-shadow: 10px 0px 10px -5px #7a7 inset, -10px 0px 10px -5px #7a7 inset;
*/
}

/* content */

#content { 
  margin: 0 0 0 180px;
  border-left: 1px solid black;
}

#content .post, #content .post-2 {
  padding: 20px 25px 10px 15px;
  border-top: 1px solid black;
}

.comment-container {
  padding: 20px 25px 10px 15px;
  border-top: 1px solid black;
}

#content .post:first-child, #content .post-2:first-child {
  border-top: none; /* remove border for first post */
}

#content h2 { 
  font: 30px 'OFL Sorts Mill Goudy TT';
}

#content .meta {
  font-size: 0.9em;
  font-style: italic;
  margin: 0.8em 0;
}


/* menu */

#menu {
  float: left; clear: left;
  width: 160px;
  padding: 10px 7px 7px 7px;
}

#menu p { 
  margin: 0px;
  padding: 2px 10px;
}

#menu a { 
  text-decoration: none; color: #480;
  xdisplay: block; font-weight: bold;
}

/*
#menu a:hover { background: #485; color: white }
*/

/* content */

#content img {
  border: 1px solid black; 
}

#content img.hoyre {
  float: right; margin: 0 0 10px 5px;
}

#content img.sample {
  float: right;
  border: 1px solid gray;
  margin-left: 10px;
}

/* footer */

#footer {
  text-align: center;
  padding: 0.4em 0 0.8em; 
  border-top: 1px solid black;
}

@page {
  margin: 0;
}