@charset "UTF-8";

/* ---------------------------------------------------------------------
   0. RESET & FONTS
   1. GLOBAL
   2. LAYOUT
   3. HEADER
   4. PORTFOLIO
        3.1 Description
        3.2 Description Developer
        3.3 Description Designer
        3.4 Description JavaScript
        3.5 Position
        3.6 Thumbnail
        3.7 Thumbnail Hover
        
   5. COPY
   6. COMMANDS
   
---------------------------------------------------------------------- */

/* 0. RESET & FONTS
---------------------------------------------------------------------- */

abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}

address, cite, q, dfn {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a, ins, del {
  text-decoration: none
}

q, blockquote {
	quotes: none;
}

q:after, q:before,
blockquote:after, blockquote:before {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
  vertical-align: top;
}

th {
  text-align: left;
}

button, input, select, textarea {
  font: inherit;
}

pre, code, var, samp, kbd {
  font-family: monospace, sans-serif;
}

/*
 * The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Apostrophic Labs
 * @vendorurl:  http://moorstation.org/typoasis/designers/lab/index.htm
 * @licenseurl: http://www.fontsquirrel.com/license/Steinem
 */

@font-face {
	font-family: "SteinemBold";
	src: local("Steinem Bold"), local("Steinem-Bold"), url("/styles/fonts/STEINEMB.ttf") format("truetype");
}

/* 1. GLOBAL
---------------------------------------------------------------------- */

body {
  font: normal 14px/18px "Helvetica Neue", Arial, sans-serif;
  background-color: #fff;
  color: #464646;
}

a {
  font-weight: bold;
}

h2 {
  color: #2e3133;
}

p, small {
  display: block;
  margin-top: 18px;
}

small {
  font-size: 11px;
  color: #808080;
}

/* 2. LAYOUT
------------------------------------------------------------------------- */

.columns .st,
.columns .nd {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  min-width: 400px;
  padding-top: 256px;
}

.animation .columns .st,
.animation .columns .nd {
  min-width: 0 !important;
}

.columns .st {
  left: 0;
  right: 50%;
  color: #fff;  
}

.columns .nd {
  left: 50%;
  right: 0;
  z-index: 5;
}

@media screen and (max-width: 999px) {
  .columns .nd { left: 500px !important; }
  .part-left .columns .nd { left: 800px !important; }  
  .part-right .columns .nd { left: 200px !important; }  
}
.columns .st,
.columns .st .inner {
  background: #000 url("/styles/smoke_bg.jpg") no-repeat left bottom;
  background-attachment: fixed;

}

.columns .nd,
.columns .nd .inner {
  background: #fff url("/styles/salt.resized.jpg") no-repeat right bottom;
  background-attachment: fixed;
}

/* ugly code is ugly. sue me. */
.columns .inner { min-height: 1224px; }
.js .columns .inner { min-height: 918px }
.js .part-left .columns .inner,
.js .part-right .columns .inner { min-height: 1152px; }

.columns .st section,
.columns .nd section {
  max-width: 400px;
}

.columns .st section {
  margin-left: auto;
  padding-right: 18px;
  padding-left: 20px;
  padding-bottom: 18px;
}

.columns .nd section {
  padding-left: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
}

.columns .st {
  color: #969798;
}

.columns .st h2,
.columns .st a {
  color: #fff;
}
.columns .st {
  background: #000 url("/styles/smoke_bg.jpg") no-repeat left bottom;
  background-attachment: fixed;
}

.copy a {
  border-bottom: 1px solid #fff;
  -moz-transition: border-color 0.15s ease-in;
  -webkit-transition: border-color 0.15s ease-in;
}

.st .copy a {
  border-bottom-color: #2e3133;
}

.copy:hover a {
  border-bottom-color: #ccc;
}

.st .copy:hover a {
  border-bottom-color: #585859;
}

.copy a:hover,
.copy a:focus {
  border-bottom-color: #999;
}

.st .copy a:hover,
.st .copy a:focus {
  border-bottom-color: #8b8b8c;
}

.copy a:active {
  position: relative;
  top: 1px;
}

.part-left .st h2 {
  text-align: left;
}

.part-right .nd h2 {
  text-align: right;
}

/* 3. HEADER
--------------------------------------------------------------------------------- */

.columns > header {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 20;
  min-width: 1000px;  
  color: #2e3133;  
  padding-top: 72px;
  padding-bottom: 36px;
}

.columns > header p,
.columns > header h1,
.columns > header h2 {
  height: 18px;
}

.columns > header p span,
.columns > header h1 span,
.columns > header h2 span {
  display: block;
  position: absolute;
}

.columns > header p span:first-child,
.columns > header h1 span:first-child,
.columns > header h2 span:first-child,
.columns > header p span.first,
.columns > header h1 span.first,
.columns > header h2 span.first {
  right: 50%;
  margin-right: 0.5ex;
  color: #fff;
}

.columns > header p span + span,
.columns > header h1 span + span,
.columns > header h2 strong + span,
.columns > header p span.last,
.columns > header h1 span.last,
.columns > header h2 span.last {
  left: 50%;
  margin-left: 0.5ex;
}

/* velkommen til */

.columns > header p {
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 0.72em;
  font-size: 16px;
  height: 18px;
  margin-bottom: 18px;
}

.columns > header p span:first-child {
  margin-right: -0.5ex;
  -moz-transform: scale(0.85) translate(1ex, 0pt);
}

.columns > header p span + span {
   -moz-transform: scale(0.85) translate(-1ex, 0pt);
}

/* Kim Schulz's */

.columns > header h1 {
  font: italic normal 30px/36px "Minion Pro", "Minion Std", "Minion Web", "Palatino", "Times", serif;
  letter-spacing: 0.18em;
  height: 36px;
  margin-bottom: 18px;
}

/* Grillen & kokkenet */

.columns > header h2 {
  font: normal 36px/36px "SteinemBold", "Trebuchet MS", serif;
  height: 36px;
  margin-bottom: 18px;
}

.columns > header h2 em {
  font-style: normal;
  color: #676e73;
}

.columns > header h2 span {
  white-space: nowrap;
}

.columns > header h2 span:first-child,
.columns > header h2 span.first {
  text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
  padding-right: 34px;
  margin-right: 10px;
}

.columns > header h2 strong {
  position: absolute;
  left: 50%;
  margin-left: -34px;
  min-width: 68px;
  
  font-size: 48px;
  line-height: 36px;
  padding-top: 18px;
  padding-bottom: 14px;
  margin-top: -18px;
  
  font-family: "Minion Pro", "Minion Std", "Minion Web", "Palatino", "Times", serif;  
  font-style: italic;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
  color: #fff;
  background: url("/styles/amp.png") 50% 50% no-repeat;  
}

.columns > header h2 strong + span,
.columns > header h2 span.last {
  text-shadow: rgba(255, 255, 255, 0.6) 0 1px 2px;
  padding: 5px 0 5px 34px;
  /* trim on animation */
  right: 0;
  margin-top: -5px;
  margin-left: 10px;
  overflow: hidden;
}

/* Visibility */

.invisible {
  opacity: 0.0;
}

/* Edge shadow */

.shadow {
  position: absolute;
  width: 40px;
  top: 0;
  height: 188px;
  z-index: 40;  
  background-image: url("/styles/tag-shaders.png");
  background-repeat: repeat-y;
}

.shadow-dev {
  left: 0;
}

.shadow-design {
  right: 0;
  background-position: -40px 0;
}

/*  =Tags
---------------------------------------------------------------------- */

.tags {
  position: absolute;
  padding: 4px 0;
  top: 252px;
  z-index: 40;
  font-size: 18px;
}

.tags li {
  display: block;
  text-transform: lowercase;
  background-repeat: repeat-x;
  background-position: 0 100%;
  line-height: 28px;
  padding: 0 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
}

.tags li span {
  display: block;
  padding: 0 6px;
}

.tags-dev {
  right: 0;
  text-align: right;
  white-space: nowrap;
  margin-right: -2ex;
}

.tags-dev ul {
  width: 2000px;
}

.tags-dev li {
  background-color: #4b5155;
  background-image: url("/styles/tag-dev.png");
  color: #fff;
  opacity: 0.5;
  float: right;
  margin-left: 6px;
}

.tags-dev li:first-child {
  background-color: #b52626;
  opacity: 1;
}

.tags-design {
  left: 0;
  width: 100%;
  overflow: hidden;
}

.tags-design ul {
  width: 2000px;
  padding-left: 2ex;
}

.tags-design li:first-child {
  margin-left: 6px;
}

.tags-design li {
  float: left;
  margin-right: 6px;
  line-height: 26px;
  padding: 0 0 1px;
  margin-top: 1px;
}

.tags-design li {
  background-color: #fff;
  background-image: url("/styles/tag-design.png");
  color: #4e4e4e;
  opacity: 0.5;
}

.tags-design li span {
  color: #4e4e4e;
  box-shadow: rgba(0, 0, 0, 0.08) 0 -1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.08) 0 -1px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 -1px 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* 4. PORTFOLIO
----------------------------------------------------------------------- */

.works {
  padding-top: -18px;
}
.articlepost {
  padding-top: -18px;
}
section h2 span {
  display: none;
}
.works h3 {
   margin-top: 30px;
}
.works h3 a {
   color: #fff;
}
section h2 {
  font: italic normal 24px/36px "Minion Pro", "Minion Std", "Minion Web", "Palatino", "Times", serif;
  letter-spacing: 0.18em;
  margin-bottom: 18px;
}

.st section h2 {
  text-align: right;
  margin-right: -18px;
  padding-right: 0.5ex;
}

.nd section h2 {
  margin-left: -18px;
  padding-left: 0.5ex;
}

article {
  padding-bottom: 18px;
}

/* 3.1 =Description
---------------------------------------------------------------------- */

article header {
  font: bold 24px/36px "Steinem", "SteinemBold", "Trebuchet MS", serif;
  margin-top: 18px;
  position: relative;
}

article header > a {
  font: bold 12px/16px "Helvetica Neue", Arial, sans-serif;
  text-transform: lowercase;
  color: #fff;
  background: #981818;/*#0681eb;*/
/*  background: -webkit-gradient(linear, left top, left bottom, from(#068cfa), to(#0676dc));*/
  background: -webkit-gradient(linear, left top, left bottom, from(#981010), to(#982121));
  background: -moz-linear-gradient(90deg, #981010, #982121);
  padding: 0 6px;  
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
  text-shadow: rgba(0, 0, 0, 0.35) 0 1px 0;
  position: absolute;
  right: 0;
  top: 0px;
  color: #fff;
  z-index: 100;
}

.st article {
  margin-right: 18px;
}
article header > a:after {
  content: " →";
}

article dl:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

article dl {
  font-size: 14px;
}

article dl dt {
  font-weight: bold;
  float: left;
  width: 111px;
  margin-bottom: 18px;
  clear: left;
}

article dl dt:after {
  content: ":";
  font:  normal 14px/1 "Minion Pro", "Minion Std", "Minion Web", "Palatino", "Times", serif;
}

article dl dt em {
  font: italic normal 14px/1 "Minion Pro", "Minion Std", "Minion Web", "Palatino", "Times", serif;
  position: relative;
}

article dl dd {
  margin-left: 81px;
  margin-top: 18px;
  position: relative;
}

article dl dd abbr[title]:hover:after {
  opacity: 0.999;
}

article dl dd abbr[title]:after {
  content: attr(title);
  position: absolute;
  left: 0;
  opacity: 0;
  background-color: #464646;
}

/* 3.2 =Description Developer
---------------------------------------------------------------------- */

.st article header {
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
}

.st article dl {
  color: #969798;
}

.st article dl dt {
  color: #fff;
}

/* 3.3 =Description Designer
---------------------------------------------------------------------- */

.nd article dl {
  color: #666;
}

.nd article dl dt {
  color: #000;
  padding-left: 9px;
}

.nd article dl dd {
  margin-left: 90px;
  padding-right: 0;
}

.nd article header a {
  text-indent: 0;
  color: #fff;
}

/* 3.4 =Description JavaScript
---------------------------------------------------------------------- */

.js article {
  position: relative;
}

.js article div {
  position: absolute;
  width: 470px;  
  top: -3px;
  opacity: 0;
  display: none;  
  z-index: 60;  
  border: 2px solid #585a5c;
  background-color: #191b1c;
  padding: 13px 13px 18px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

.js .border-image .st article div {
/*  padding: 2px 2px 7px;*/
  border: 14px solid #000;
  background-color: #191b1c;
  border-image: url("/styles/popover-dev.png") 11 11 round round;
  -moz-border-image: url("/styles/popover-dev.png") 11 11 round round;
  -webkit-border-image: url("/styles/popover-dev.png") 11 11 round round;
}

.js .box-shadow article div {
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px;
}

.js article div.enabled {
  display: block;
}

.js article div > span {
  position: absolute;
  width: 26px;
  height: 39px;
  background: url("/styles/popover-arrow.png") no-repeat;
  right: -38px;
  top: 40px;
  margin-top: -20px;
}

.js .border-image article div > span {
  right: -35px;
}

.js .box-shadow article div > span {
  background-position: -26px 0;
}

.js article header {
  line-height: 24px;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 13px;
  color: #fff;
}

.js article dl {
  margin-top: -18px;
}

.js article dl dt,
.js article dl dd {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 18px;
}

.js article dl dd {
  padding-right: 0;
}

.js .nd article div {
  border-color: #fff;
  background-color: #191b1c;
}

.js .border-image .nd article div {
  background-color: #464646; /*transparent;*/
  border: 14px solid #000;
  color: #fff;
  border-image: url("/styles/popover-design.png") 11 11  round round;
  -moz-border-image: url("/styles/popover-design.png") 11 11 round round;
  -webkit-border-image: url("/styles/popover-design.png") 11 11 round round;
}

.js .nd article div > span {
  background-image: url("/styles/popover-arrow.png");
  background-position: 0 -39px;
  right: auto;
  left: -32px;
  z-index: 400;
}

.js .border-image .nd article div > span {
  left: -35px;
}

.js .box-shadow .nd article div > span {
  background-position: -26px -39px;
}

.js .nd article header,
.js .nd article dl dt {
  color: #fff;
}

.js .nd article header {
  text-indent: 0;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
}

.js .nd article dl {
  color: #969798;
}

.js .nd article dl dt {
  padding-left: 0;
}

.js .nd article dl dd {
  margin-left: 81px;
}

/* 3.5 =Position
---------------------------------------------------------------------- */

.js .st article div {
  left: 0;
}

.js .nd article div {
  right: 0;
}

.js article dd {
  padding-right: 9px;
}

.nd article header {
  text-indent: 9px;
  text-shadow: rgba(255, 255, 255, 0.4) 0 1px 2px;
}

/* 3.6 =Thumbnail
---------------------------------------------------------------------- */

.st .works figure {
        margin-left:-18px;
}
.works figure {
  position: relative;
  z-index: 60;
}

/*.works figure,*/
.js .st .works figure  img{
  border: 8px solid #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0;
}
.js .nd .works figure  img{
  border: 8px solid #000;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0;
}
.works figure figcaption {
   display: relative;
   background-color: #000000;
   color: #ffffff;
   padding: 15px -8px 10px 8px;
   width:100%;
   height: 28px;  
   right: 8px;
   margin-top: -36px;
   margin-left: 8px;
   margin-right: 8px;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   -khtml-opacity: 0.6;
   opacity: 0.6;
   text-align: center;
line-height:95%;
}

.works figure figcaption > span{
    font-size: 60%;
line-height:110%;
}
.js .works figure {
  border: 0;
}

.works figure img,
.js .works figure a {
  display: block;
}

.js .nd .works figure a {
  border-color: #000;
}

/* Make images scalable */
.js .works figure img {
  display: block;
  width: 100%;
  height:auto;
  background-color: #000;
}

.animation .works img,
.part-left .works img,
.part-right .works img {
  height: auto;
}

/* 3.7 =Thumbnail Hover
---------------------------------------------------------------------- */

.js .works figure a {
  outline: none;
}


.js .works figure img:hover {
  border-color: #940000;
}
/* 5. COPY
----------------------------------------------------------------------- */

.contact h2 {
 /* text-transform: lowercase;*/
}

.contact h2:before {
  content: "& ";
}

.part-left .contact h2,
.part-right .contact h2 {
  text-transform: none;
}

.part-left .contact h2:before,
.part-right .contact h2:before {
  content: "";
}

.part-left .st .works h2 span,
.part-right .nd .works h2 span {
  display: inline;
}

.part-right .st .works h2,
.part-left .nd .works h2 {
  opacity: 0;
}

.animation .works h2 {
  white-space: nowrap;
  overflow: hidden;
}

/* 6. COMMANDS
----------------------------------------------------------------------------------------- */

body.baseline #master-header,
body.baseline .tags {
  background: url("/styles/baseline.png") !important;
}

body.baseline .columns .st .inner {
/*  background: url("/styles/baseline.png"), #2e3133 url("/styles/st.png") repeat-y 100% 0;*/
}

body.baseline .columns .nd,
body.baseline .columns .nd .inner {
/*   background: url("/styles/baseline.png"), #fff url("/styles/nd.png") repeat-y;*/
}

body.baseline .shadow {
  background: url("/styles/baseline.png"), url("/styles/tag-shaders.png") repeat-y;
}

body.baseline .shadow-design {
  background: url("/styles/baseline.png"), url("/styles/tag-shaders.png") repeat-y -40px 0;
}

span.zoomed {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.65); 
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  z-index: 200;
}

.articlepost {
  display:block;
  position:relative;
  z-index: 500;
  background: #2e3133;
  width: 900px;
  top: 254px;
  margin-left: auto; /*-450px;*/
  margin-right: auto;
/* background-color: transparent;*/

  border: 4px solid #fff;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
   color: #fff;
  padding: 5px 5px;
}
.articlepost >.nav {
 width: 100%;
 text-align: center;
 color: #fff;
}

.articlepost > h3 {
  font: normal 36px/36px "SteinemBold", "Trebuchet MS", serif;
  height: 36px;
  margin-bottom: 18px;
  color: #fff;
}
.articlepost > h4 {
  font: normal 30px/30px "SteinemBold", "Trebuchet MS", serif;
  height: 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #fff;
}
.articlepost  h2 {
  font: normal 38px/38px "SteinemBold", "Trebuchet MS", serif;
  height: 38px;
  margin-bottom: 18px;
  color: #fff;
}
.articlepost  h1 {
  font: normal 40px/40px "SteinemBold", "Trebuchet MS", serif;
  height: 40px;
  margin-bottom: 18px;
  color: #fff;
}
.articlepost  a {
 color: #f2a672; 
}
.articlepost  a:visited {
 color: #f2a672; 
}
.articlepost .wp-caption {
   background-color: #cfcfcf;
   color: #000;
  padding: 4px 4px;
  border: 4px solid #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.articlepost .wp-caption img {
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   width: 100%;
}
.articlepost address {
  background-color: #cfcfcf;
  font-style: italic;
  color: #000000;
  margin: 5px 5px;
  padding: 5px  5px;
  border: 4px solid #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.articlepost address strong {
    font-size: 160%;
}
#comments-wrap {
	background-color: #000;
}

.articlepost ul>li {
	margin-left:20px;
	padding:0;
}
#comments-wrap  h3 {
  font: normal 28px/28px "SteinemBold", "Trebuchet MS", serif;
  height: 28px;
  margin-bottom: 18px;
  color: #000;
}
#comments  h3 {
  font: normal 28px/28px "SteinemBold", "Trebuchet MS", serif;
  height: 28px;
  margin-bottom: 18px;
  color: #fff;
}
#comments p.comment-form-comment label {
	display:none;
}
.even, .thread-even {
    background-color: #454545;
}
.odd, .thread-odd {
    background-color: #545454;
}
.bypostauthor {
   background-color: #233535;
}

.alt {margin: 0;padding: 10px;} 
#comments ol {
     list-style-type: none;
     line-height: 18px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 10px;
     padding-left: 5px;
} 
#comments ul li {
     list-style-type: none;
     list-style-image: none;
     list-style-position: outside;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 5px;
     padding-top: 5px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0pt;
} 
.commentlist {
     padding: 0;
     text-align: justify;
}

.commentlist li {
     margin: 15px 0 10px;
     padding: 5px 5px 10px 5px;
     list-style: none;
} 
.commentlist li ul li { 
     margin-right: -5px;
     margin-left: 10px;
     list-style: none;
} 
.commentlist li li {
     border:none;
     list-style:none;
     margin:3px 0 3px 20px;
     padding:3px 0;
} 
.commentlist li .avatar {
     border:1px solid #ccc;
     margin:15px 8px 6px 0;
     float: right;
     padding:2px;
     width:75px;
     height:75px;
}
.commentlist cite, .commentlist cite a {
     font-weight: bold;
     font-style: normal;
} 
.commentlist p {
     font-weight: normal;
     line-height: 1.5em;
     text-transform: none;
      margin: 10px 5px 10px 0;
} 
.commentmetadata {
     font-weight: normal; 
     margin: 0;
     display: block; 
     color: #ca5433;
} 
.commentmetadata a, .commentmetadata a:visited {
     color: #fa7703;
} 

.commentmetadata a:hover { 
     color: #fff;
} 
.depth-2 {
   padding-left: 50px;
   background-color: #353535;
}

div.articlepost img{max-width:100%; margin-bottom:0;}
div.articlepost .alignleft,img.alignleft{float:left;margin:0.5em 1em 0.5em 0;}
div.articlepost .alignright,img.alignright{float:right;margin:0.5em 0 0.5em 1em;}
div.articlepost .center,div.articlepost .aligncenter,img.aligncenter{display:block;margin:2px auto;text-align:center; background-color:#cfcfcf; border: 1px solid #fff; color: #000;}
body div#footer{clear:both;color:#aaa;font-size:0.9em;padding:5em 0 0;width:100%; z-index:100;}
#footerbuttons {
     text-align: center;
 } 
div.menu-hovedmenu-container {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   text-align: center;
   color: #fff;
 
}
div.menu-hovedmenu-container ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   padding-top: 5px;
}
div.menu-hovedmenu-container ul>li {
   display: -moz-inline-stack;
   display: inline-block;
  *display: inline;
   zoom: 1;
   padding: 5px 5px;
   width: 100px;
  border: 3px solid #fcfcfc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   color: #fff;
   background-color: #353535;
}

#menu-hovedmenu li a {
   color: #fff;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 14px;

}

#menu-hovedmenu li.current-menu-item a {
   color: #981818;
}
div.menu-hovedmenu-container ul>li:hover {
   border-color: #981818;
}
.archive-thumb {
    width: 60px;
    float: left;
    border: 6px solid #000000;
    margin-right: 10px;
}
.archive-post {
    min-height: 150px;
  border: 3px solid #fcfcfc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   color: #fff;
   background-color: #353535;
}


.archive-post-content {
   min-height: 80px;
}

#older_nav_btn a {
   display: inline;
   padding: 0;
   float:left;
   padding: 5px 5px;
  border: 3px solid #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   color: #fff;
   background-color: #353535;
}
#older_nav_btn a:hover {
  color: #980000;
}
#newer_nav_btn a{
   display: inline;
   float:right;
   padding: 5px 5px;
  border: 3px solid #000;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   color: #fff;
   background-color: #353535;
}
#newer_nav_btn a:hover {
   color: #980000;
}
 
acronym {
    border-bottom: 1px dashed #cfcfcf;
    cursor: help;
}

#pagecornr a {
   border: none;
}
#pagecornr img {
   border: none;
}
.hrecipe h4 {
/*	color: #000;*/
     font-weight: bold;
     font-size: 140%;
}

#fb-root {
	background-color: #fcfcfc;
}
#greet_block {
	z-index: 100;
        
}

.st-results-container {
	color: #000000;
}
.autocomplete {
	color: #000000;
}