.stream, .print { display : none; }


/* ********************************** */
/* Basic Style Definitions            */
/* ********************************** */


body {
  background : transparent url("i/bg-grad.gif") 0% 132px repeat-x;
  margin : 0;
  padding : 19px 0 0 0;
  color : #000;
  font-size : 12px;
  _font-size : 75%;
  font-family : Arial, Helvetica, Geneva, sans-serif;
}

.pgwrap {
  position : relative;
  left : 50%;
  margin-left : -371px;
  width : 762px;
  background : transparent url("i/bg-symbol.gif") 100% 36px no-repeat;
  border : 7px solid #ffffff;
  border-top : 0px;
}

div, table, caption { font-size : 1em; }

blockquote {
  margin : 0 3em 0 2em;
  padding : .3em .5em;
}
q:after, q:before { content : ""; }


p, blockquote, ul, ol, dl, table {
  margin-top : 0px;
  margin-bottom : .7em;
}
ul { padding-left : 2.5em; }
ol { padding-left : 3em; }
ul, ol  { margin-left : 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom : .27em; }
li { margin : 0; padding : 0; }


form { margin : 0; }
label { display : block; }
.fi_rdo label,
.fi_chk label { display : inline; }

input,
select,
textarea {
  vertical-align : middle;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 1em;
}
textarea { vertical-align : top; }
select,
textarea,
.textinput,
.fi_txt input { border : 1px solid #888; }

.button,
.fi_btn input {
  cursor : pointer; 
  _cursor : hand;
} 
.button:hover,
.button:focus,
.fi_btn input:hover,
.fi_btn input:focus { border-color : #c00; }


a:link     { color : #99CC33; }
a:visited  { color : #509; }
a:hover,
a:focus    { color : #999; }
a[name]:hover { color : inherit; text-decoration : none; }
a:active   { color : #f00; }




abbr, acronym {
  border-bottom : 1px dotted #777;
  cursor : help;
}
abbr:hover, acronym:hover { border-bottom-color : #555; }


img { 
  margin : 0;
  padding : 0;
  border : none; 
}
img[align="left"],
img.left {
  margin: .3em 12px 1em 0;
}
img[align="right"],
img.right {
  margin: .3em 0 1em 12px;
}


h1, h2, h3, h4 {
  margin-top : 0;
  margin-bottom : 0;
  color : #99CC33;
}
h1 {
  font-size : 1.27em;
}
h2 {
  font-size : 1.27em;
  margin-top : 1.57em;
  margin-bottom : .55em;
}
h3 {
  font-size : 1.09em;
  margin-top : 1em;
  margin-bottom : .64em;
}
h4 {
  font-size : 1em;
}


table { border-collapse : collapse; }
table, td, th, caption {
  border : none;
  background-color : transparent;
  padding : 0;
  text-align : left;
  vertical-align : top;
}
th.num, td.num {
  text-align : right; 
  white-space : nowrap; 
}

.wrap table.grid { width : 100%; }
.wrap table.grid,
.wrap table.grid td {
  border : none;
  padding : 0 10px 10px 0;
}



/* *****  clear  ***** */
.clear { clear : both; line-height : 1px; font-size : 1px; margin-top : -1px; }



/* ********************************** */
/* Page Canvas Definitions            */
/* ********************************** */


.pghead {}
.pghead h1 {
  font-size : 1em;
  margin : 0;
}
.pghead .logo { 
  vertical-align : top; 
  margin : 0 0 37px 5px;
}

.pgmain { 
  margin : 0; 
  _height : 1em;
  background : transparent url("i/midori_mynd1.jpg") 100% 0% no-repeat;
}

.pgmain .wrap {
  position : relative;
  margin : 0 330px 0 0;
  border-right : 7px solid #ffffff;
  _height : 1em;
}
.pgmain .boxbody { padding : 16px 10px 0 10px; }
/*.pgmain .boxbody { _padding : 3.5em 10px 0 10px; }*/
.pgmain .buttons : { border-top : 4px solid #E5E5E5; }
.cat1 .buttons { border : 0px }

.cat1 .pgmain { background-image : url("i/midori_mynd1.jpg"); }
.cat2 .pgmain { background-image : url("i/midori_mynd2.jpg"); }
.cat3 .pgmain { background-image : url("i/midori_mynd3.jpg"); }
.cat4 .pgmain { background-image : url("i/midori_mynd4.jpg"); }
.cat5 .pgmain { background-image : url("i/midori_mynd5.jpg"); }

.cat1 .pgmain .wrap { border-bottom : 4px solid #E5E5E5; }
.cat2 .pgmain .wrap { border-bottom : 8px solid #E5E5E5; }
.cat3 .pgmain .wrap { border-bottom : 8px solid #E5E5E5; }
.cat4 .pgmain .wrap { border-bottom : 8px solid #E5E5E5; }
.cat5 .pgmain .wrap { border-bottom : 8px solid #E5E5E5; }

.pgextra2 {
  position : absolute;
  top : 35px;
  left : 0;
  width : 190px;
}

.pgextra1 {
  position : absolute;
  top : 100px;
  right : 0;
  width : 190px;
  display : none;
}

.pgfoot {}




/* ********************************** */
/* Generic Box Definitions            */
/* ********************************** */


.box {
  _height : 1em;
  position : relative;
  margin-bottom : 1.5em;
}
.pgmain .boxhead {
  border-top : 20px solid #99CC33;
  padding : 16px 10px 0 10px;
  margin : 0;
}
.boxbody { _height : 1em; }



/* ********************************** */
/* Definitions of Individual Items    */
/* ********************************** */


/* ******  meta  ****** */
.meta {
  color : #777;
  display : block; 
  font-weight : normal;
  font-size : .92em;
}
.meta span { padding-right : .5em; }
.meta a:link,
.meta a:visited {
  color : #777;
}
.meta a:hover,
.meta a:active {
  color : #c00;
}


/* ******  buttons  ****** */
.more,
.buttons,
.moreolder {
  display : block;
  white-space : nowrap;
  height : 1.2em;
}
.buttons { margin-top : 1.33em; }
.more a,
.buttons a,
.moreolder a {
  float : left;
  padding-right : 1.2em;
}



/* ******  articlelist  ****** */
.articlelist { font-size : .91em; }
.articlelist .boxhead{
  border-top : 20px solid #99CC33; 
}
.articlelist .item {
  margin-bottom : 1em;
  width : 100%;
}
.articlelist .item h3 {
  font-size : 1em; 
  margin : 0;
}
.articlelist .summary p { margin : 0; }
.articlelist .more {}

.articlelist img {
  float : right;
  margin : .2em 0 .33em .5em;
}

.articlelist h3.old {
  clear : both;
  font-size : 1em; 
  margin : 0;
}

.articlelist ul {
  clear : both;
  list-style : none;
  padding-left : 0;
}
.articlelist li {
  padding-bottom : .7em;
}
.articlelist li a {
  font-weight : bold; 
}




/* ******  article  ****** */
.article {
  min-height : 20em;
  _height : 20em;
  /*border : solid 1px red;*/
}
.article .boxhead { display : none; }
.article .boxbody {
  border-top : 20px solid #99CC33; 
}
.article .subtitle {
  clear : none;
  margin-top : 0;
  font-size : 1em;
}
.article .meta { margin-top : .7em; }
.article .summary {
  color : #777;
  padding : 4px 0;
  margin : 0 0 .7em 0;
}
.article .summary p { margin : 0; }

.article img { clear : both; }
.article img.left { float : left;  margin : .2em .5em .2em 0; }
.article img.right { float : right;  margin : .2em 0 .5em .5em; }
.article img.center { float : none; display : block; margin : 0 auto .7em auto; text-align : center;}
.article-ie5mac img.center { display : inline; }

.article li { padding-bottom : .18em; }

.article table {
  border-bottom : 1px solid #ddd;
  border-left : 1px solid #ddd;
}
.article caption { 
  font-style : italic;
  padding : .2em 0;
  text-align : left;
}
.article th {
  font-weight : bold;
  padding : .2em .4em;
  border-right : 1px solid #eee;
  border-top : 1px solid #eee;
  background-color : #f8f8f8;
}
.article td {
  padding : .2em .4em;
  border-right : 1px solid #eee;
  border-top : 1px solid #eee;
}
.article tr.alt td {
  background-color : #f8f8f8;
}





/* ******  imgbox  ****** */
.imgbox {
  position : static;
  float : right;
  padding : 0 0 .75em 10px;
  margin : 0;
  width : auto;
}
.imgbox .boxbody {
  display : inline;
  padding : 0;
  margin : 0;
  border : 0;
  
}
.imgbox img {
  clear : none;
  float : none;
  margin : 0;
  padding : 0;
}
.imgbox .imgcontent { 
  width : 200px; 
  display : none;
}
.imgbox .imgtext {
  color : #333;
  font-weight : normal;
  font-size : .92em;
  display : none;
}
.imgbox .imgmeta {
  width : 200px;
  color : #666;
  font-weight : normal;
  font-size : .83em;
  display : none;
}

.pgextra1 .imgbox,
.pgextra2 .imgbox {
  float : none;
  margin : 0;
  width : auto; 
  margin-bottom : 2.5em;
}



/* ******  quizbox  ****** */
.quizbox .question {
  font-weight : bold; 
}
.quizbox .thanks {
  color : #0b6;
}
.quizbox ul {
  padding-left : 0;
  margin-left : 0;
  list-style : none;
}
.quizbox li { margin-bottom : .5em; }
.quizbox label { display : inline; }
.quizbox .options li { margin : 0; }
.quizbox .bar {
  display : block; 
  background-color : #ddd;
}
.quizbox .results .bar img { height : .91em; }
.pgextra2 .quizbox h3 {
  font-size : 1em;
  margin-bottom : .1em;
  font-weight : normal;
}



/* ******  contactform  ****** */
.contactform .boxbody { 
  padding-bottom : 2em;
}
.contactform label {
  width : 4.5em;
  float : left;
  margin-top : .2em;
}
.contactform .body label {
  float : none;
}
.contactform textarea {
  width : 98%;
}



/* ******  advert  ****** */
.advert {}



/* ******  breadcrumbs  ****** */
.breadcrumbs { position:absolute;right:9999px;left:auto; }



/* ******  nav  ****** */
.nav { 
  position : absolute;
  top : 53px;
  width : 770px;
}
.nav .boxhead { display : none;}
.nav ul {
  list-style : none;
  padding-left : 0;
  margin-bottom : .33em;
  background : transparent url("i/divider.gif") 0% 50% no-repeat;
}

.nav li {
  display : inline;
  padding-bottom : 0;
  background : transparent url("i/divider.gif") 100% 50% no-repeat;
  padding : 0 .25em 0 .75em;
}
.nav .boxbody a {
  display : inline;
  padding : .1em .33em;
  text-decoration : none;
  color : #999999;
  font-weight : bold;
}
.nav a:hover,
.nav a:focus,
.nav a:active { }
.nav .parent a {
 font-style : italic;
}
.nav .current a {
  font-weight : bold;
}


/* ******  calendar  ****** */
.calendar {
  border : 1px solid #eee;
  border-bottom : none;
  border-right : none;
}
.pgextra2 .calendar,
.pgextra1 .calendar { width : 100%; }

.calendar caption {
  font-weight : bold;
  font-style : normal;
  text-align : center;
  padding : .1em;
  font-size : 1.08em;
}
.calendar th {
  text-align : center;
  font-size : .92em;
  padding : .2em;
  border-right : 1px solid #eee;
  border-bottom : 1px solid #666;
}
.calendar td {
  text-align : right;
  border : 1px solid #eee;
  border-top : none;
  border-left : none;
}
.calendar .sa { }
.calendar .su { color : #555; }
.calendar .o { }
.calendar .osa { }
.calendar .osu { }

.calendar td i,
.calendar td a {
  display : block;
  font-style : normal;
  padding : .17em .17em;
}
.pgmain .calendar td i,
.pgmain .calendar td a {
  padding : .17em .33em;
}
.calendar td a:link,
.calendar td a:visited { font-weight : bold; }
.calendar td a:hover,
.calendar td a:focus,
.calendar td a:active { background-color : #eee; }


/* ******  advert  ****** */
.advert .boxbody {
  text-align : center;
}



/* ******  loginform  ****** */
.loginform {}



/* ******  searchform  ****** */
.searchform {}



/* ******  galleries  ****** */
.galleries {
  min-height : 240px;
  _height : 240px;
}
.galleries ul {}
.galleries h4 {}
.galleries p {}


/* ******  gallery  ****** */
.gallery .boxbody {
  padding-right : 0;
}
.gallery td {
  padding-right : 12px;
  padding-bottom : 12px;
  text-align : center;
  vertical-align : bottom;
}
.gallery img {
  margin : 0 auto;
}


/* ******  galleryitem  ****** */
.galleryitem .boxbody {
  text-align : center;
}
.galleryitem .ctrls a {
  padding : 0 .3em;
}
.galleryitem img {
  margin : .5em 0;
}




/* ******  order  ****** */
.order .boxbody {
  margin-right : -30px;
}
.order fieldset {
  border : none;
  margin : 0;
  width : 100%;
  float : left;
  padding : 0 0 .5em 0;
  clear : both;
}

.order .fi_txt {
  _display : inline;
  float : left;
  width : 44%;
  margin : 0 5.8% 0 0;
  padding : 0 0 .5em 0;
}
.order .fi_txt img { margin-bottom : -5px; }
.order .fi_txt label {
  position : relative;
  display : block;
  padding-left : 3em;
  _height:0;min-height:0; /* ie hasLayout fix */
}
.order .fi_txt input {
  float : left;
  margin-left : -3em;
  width : 2.5em;
  border-color : #bbb;
}
.order .fi_txt span {
  display : block;
  font-size : .92em;
}
.order .fi_txt i {
  display : block;
  font-style : normal;
  font-size : .92em;
  white-space : nowrap;
  color : #666;
}

.order fieldset h3,
.order fieldset h2 {
  margin : 0 35px 0 -7px;
  padding : .5em 7px .4em 7px;
  border-top : 1px solid #e9e9e9;
}
.order fieldset h2 { border-bottom : 1px solid #e9e9e9; }
.order fieldset h3 { padding-bottom : 0; }
.order fieldset.nigiri h3 { border : none; }


.order fieldset.sashimi { padding-bottom : 1em; }

.order fieldset p {
  min-height: 160px; _height: 160px;
  z-index: 99;
}

.order .vidtakandi h2 { margin-bottom : .5em; }
.order .vidtakandi .fi_txt input {
  float : none;
  margin : 0;
  width : 95%;
}

.order .vidtakandi p {
  _height:0;min-height:0; /* ie hasLayout fix */
}

.order .vidtakandi label { padding : 0; }
.order label acronym.req { color : #666; }

.order .fi_btn {
  text-align : right;
  padding : 10px 30px;
  _height:0;min-height:0; /* ie hasLayout fix */
}






/* ******  footer  ****** */
.footer { font-size : .91em; color : #999999; }
.footer .boxhead { display : none; }
.footer a:link { color : #999999; font-decoration : none; }

/* ******  footer2 & 3 ****** */
.footer2,
.footer3 { 
  color : #999999; 
  position : absolute;
  right : 0px;
  text-align : right;
  width : 330px;
}

.footer2 {
  top : -40px;
}
.footer3 {
  top : 390px;
}

.footer2 .boxhead { font-size : 1.5em; }

.footer2 .boxbody {
  margin : -.5em 0 0 0; 
  font-size : 1em;
  font-weight : bold;
}
.footer3 .boxbody { 
  margin : -.5em 0 0 0; 
  font-size : 1.3em;
  font-weight : bold;
}

.footer2 a:link,
.footer3 a:link { color : #999999; font-decoration : none; }



/* ******  byggiraeplica  ****** */
.byggiraeplica {
  padding-top: 20px;
  text-align: right;
  _height:0;min-height:0; /* ie hasLayout fix */
}
.byggiraeplica a {
  /* inline IR */display:inline-block; overflow:hidden; width:0; height:1px; font-size:1px; line-height:0; vertical-align:-2px;
  padding-left: 135px;
  padding-top: 19px;
  background: url(http://codecentre.eplica.is/f/ba_e2-b50.png) 0 0 no-repeat;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://codecentre.eplica.is/f/ba_e2-b50.png',sizingMethod='crop');
}





/* **************************************************************** */
/* Helpful stuff for developers (uncomment the following block)     */
/* **************************************************************** 

  *[class]:before,
  body[class]:before, body>div[class]:before, div.box:before, .wrap>div:before { content : attr(class); background-color : #ff0; font-family : Verdana; text-align : left; font-size : 10px; display : block; width : 90px; white-space : nowrap; margin-bottom : 1px; z-index : 3; letter-spacing : 0; }
  div.box, .wrap>div { border : 1px dashed #ff0; margin-bottom : 3px; }
  body>div[class]:before  { content : attr(class); background-color : #6f6; }
  body>div[class] .wrap { border : 1px dashed #0c0; }
  body[class]:before { content : "<body class=\"" attr(class) "\">"; background-color : #9cf; width : 160px; }
  *[class]:before { background-color : #fdd; display : inline; color : #000; }

*** */