body {
    margin: 0 0 15px 0;
    padding: 0;
    background: #EEE url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-bg-temp.jpg") top left fixed repeat-x;
    color: #333;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
}

.logo  {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 5px 3px 0;
}
h1.logo{
    font-size: 1.6em;
    font-family:  Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    background: none;
}
h1.logo a { background-image: none; }
#topbg {
    background: #DAE0D2 url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/top-bg.gif") repeat-x right bottom; /*../images/setberg.jpg 120px 80px*/
    color: #F90;
    width: 100%;
    height: 3.25em;
    position: absolute;
    left: 0;
    z-index: 5;
}




ul#header { 
    height: 2.166667em;
    font-size: 1.073333em;
    margin: 0 auto;
    width: 752px;
    z-index: 10;
    position: relative;
    padding: 1em 10px 0 0;
    list-style: none;
}
ul#header li {
    float: left;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-tab-left.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 9px;
}
ul#header li a {
    float: left;
    display: block;
    font-family: Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-tab-right.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #765;
    border: 0;
}
ul#header li a:first-letter { text-decoration: underline; }
/*  \*/
ul#header a { float:none; }
/* */
ul#header a:hover {
/*    color:#333;*/
    color: #F60;
}
ul#header li.active {
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/left_on.gif") no-repeat left top;
    z-index: 4;
}
ul#header li.active a {
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right_on.gif") no-repeat right top;
    color: #F60;
    padding-bottom:5px;
}

ul#header li ul {
    position: absolute;
    left: 1px;
    top: 2.5em;
    display: none;
    padding: 10px 0 10px 10px;
    margin: 0 50px 0 30px;
    list-style: none; /*url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-submenu-temp.gif") none inside;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-submenu-temp.gif") no-repeat;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.769em;
    width: 560px;
/*    border-top-image: spacer.gif;
    background: #FFF;*/
/*    border-top: 1px solid #000;
    background: #FFF;*/
    z-index: 6;
}
ul#header li ul li {
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-submenu-temp.gif") no-repeat;
    margin-right: 10px;
    float: left;
    padding: 0 0 0 10px;
}
ul#header li ul li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: #FFF;
    color: #000;
}
ul#header li.active ul li a:first-letter,ul#header li:hover ul li a:first-letter { text-decoration: none; }
ul#header li.active ul { display: block; }
ul#header li.active ul li { background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-submenu-temp.gif") no-repeat; }
ul#header li.active ul li a { background: #FFF; }
ul#header li:hover ul, ul#header li.over ul { display: block; z-index: 7; } /* The magic */
ul#header li:hover ul li, ul#header li.over ul li, ul#header li ul:hover li { background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/new-submenu-temp.gif") no-repeat; }


#Center {
    border-left: 2px solid #999;
    border-right: 2px solid #999;
    margin: 0em auto 0;
    position: relative;
    min-height: 750px;
    padding: 25px 0 90px 0;
    width: 760px;
/*    background: #FFF url("/images/skjaldarmerki-bg.jpg") center fixed no-repeat;*/
    background: #FFF url("http://www.gunnar.stuff.is/images/gunnar-bg.gif") top center fixed no-repeat;
}

* html #Center { height: 750px; }
#Main, #MainLarge {
    margin: 3.3333333em 15px 40px;
}
#Main {
    width: 530px;
}


/* /////////////// H�gri menu /////////////// */
#Main #right {
    position: absolute;
    top: 40px;
    right: 0;
    padding: 10px 20px;
    width: 170px;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}/*
.rightDiv {
    width: 140px;
    margin: 10px 0 20px 0;
}*/

#Main #right input#s { width: 114px !important; }

#Main #right h3 {
    font-size: 1.2em;
    padding: 3px 3px 0 3px;
    /*background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-bg.png") top no-repeat;*/
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-h3.png") top no-repeat;
    text-align: center;
    color: #000;
    margin: 15px 0 0;
    width: 164px;
    height: 30px;
}
* html #right h3 { /* IE sty�ur ekki png! */
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-h3-bg.gif") top no-repeat;
}
#Main #right h4 {
    padding: 1px 3px 3px 3px;
    /*background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-bg.png") no-repeat -1px -50px;*/
    text-align: center;
    font-size: 3px;
    font-weight: normal;
    /*border-left: 1px solid #999;
    border-right: 1px solid #999;*/
    border-bottom: 0;
    color: #000;
    margin: 0;
    min-height: 3px;
    width: 162px;
}
* html #right h4 { /* IE sty�ur ekki png! */
    height: 1px;
    /*background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-h4-bg.gif") top no-repeat;*/
}
#Main #right ul, #Main #right p {
    margin: 0 0 10px 0;
    line-height: 1.1em;
    font-size: .8333em;
    min-height: 20px;
    /*border-left: 1px solid #999;
    border-right: 1px solid #999;
    /*background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-p-bg.png") bottom no-repeat;*/
    padding: 0;
    width: 168px;
}
* html #Main #right ul, * html #Main #right p { /* IE sty�ur ekki png! */
    height: 20px;
    /*background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-p-bg.gif") bottom no-repeat;*/ 
}
#Main #right li, #Main #right p{
    padding:0 5px 7px;
    margin: 0;
    list-style: none;
    width: 158px;
    background: none;
}
#Main #right li a, #Main #right p a { /*display: block;*/ }
#Main #right h5 {
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-bg.png") bottom no-repeat;
    padding: 0 7px;
    font-size: .8333em;
    font-weight: normal;
    margin: 0;
    width: 156px;
}
* html #Main #right h5 { /* IE sty�ur ekki png! */
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-h5-bg.gif") bottom no-repeat;
}
#Main #right h5 a { background-image: none !important;}
#Main #right h3, #Main #right h4, #Main #right h5 { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; }


/* /////////////// D�fin og n�tt efni /////////////// */
#dofin, #nytt{
    position: absolute;
    width: 355px;
    height: 110px;
    margin: 0 15px;
    font-size: .916667em;
    color: #202020;
    list-style: none;
    bottom: 3px;
    line-height: 12px;
}
#dofin { left: 0; }
#nytt{ right: 0; }

#dofin ul, #nytt ul {
    list-style: none;
    margin: 0;
    padding: 0 0 5px 0;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/dofin-nidri.gif") no-repeat bottom left;
}
#dofin li, #nytt li {
    margin: 0;
    padding: 0 5px 2px 5px;
    background-color: #CCC;
}
dd, dt, dl {
    margin: 0;
    padding: 0;
}


/* Botn */
#bottom {
    width: 744px;
    height: 16px;
    background: #CCC url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/bottom-bg.gif") no-repeat;
    margin: 0 auto 0 auto;
    padding: 8px 10px 1px 10px;
    font-size: .8333em;
}
#bottom p {
    margin: 0;
}
#bottom a {
    color: #0000FF;
}

/* rammi utan um myndir � "comics" */
.comic {
    border: 2px solid #999;
}


/* CSS sem er bara nota� � garfield.php */
#flags {
    position: absolute;
    left: 5px;
    top: 5px;
}
#flags img {
    margin: 1px;
}

#GarfDagatal {
    position: relative;
    left: 40%;
    width: 194px;
}
* html #GarfDagatal { position: relative; left: 0; }
#MainLarge #GarfAr {
    position: relative;
    left: 16%;
    width: 69%;
}
* html #GarfAr { position: relative; left: 1%; }
#MainLarge #GarfAr li {
    padding-left: 5px;
    margin-right: 5px;
    margin: 0 0 0 0;
    float: left;
    list-style: none;
}
#GarfMan {
    position: relative;
    top: 25px;
    left: 12%;
    width: 80%;
}
#MainLarge #GarfMan ul {
    margin: auto 0;
    position: relative;
    float: left;
    top: 0;
}
#MainLarge #GarfMan li {
    padding-left: 1px;
    margin-right: 0px;
    margin: 0 0 0 6px;
    float: left;
    list-style: none;
}
.GarfPrev {
    position: relative;
    margin-right: -3px;
    font-size: 76px;
    bottom: 16px;
}
.GarfPrevInactive {
    position: relative;
    margin-right: -3px;
    font-size: 76px;
    bottom: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*color: #003333;*/
    color: #FF6600;
    text-decoration: none;
}
.GarfNext {
    position: relative;
    margin-left: -3px;
    font-size: 76px;
    bottom: 16px;
}
.GarfNextInactive {
    position: relative;
    margin-left: -3px;
    font-size: 76px;
    bottom: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*color: #003333;*/
    color: #FF6600;
    text-decoration: none;
}
/* Fr�ttir */
h2.Headline {
    color: #F60;
}





.center {
    text-align: center;
}


/* "Almennar" �tlits skilgreinigar � html */
#Main p, #MainLarge p {
    text-indent: 1.5em;
    text-align: justify;
    color: #444;
    line-height: 1.65em;
    background-image: url("http://www.gunnar.stuff.is/images/spacer.png");
}
* html #Main p, * html #MainLarge p { /* IE sty�ur ekki png! */
	background-image: none;
	background-color: #FFF;
}
#Main .pagetitle, #MainLarge .pagetitle {
	text-align: center;
}
#Main img.rssfeed, #MainLarge img.rssfeed { margin: 0 5px; }

#Main ul, #MainLarge ul { padding: 0 0 0 3em; margin: 0; }
#Main li, #MainLarge li {
    background-image: url("http://www.gunnar.stuff.is/images/spacer.png");
    margin-left: 0;
    color: #333;
 /*   line-height: 1.65em;*/
}
#Main ul li, #MainLarge ul li {
    list-style: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/bullet-3.gif");
}
#Main li.check, #MainLarge li.check {
    list-style-image: url("http://www.gunnar.stuff.is/images/check.gif");
}
#Main li.uncheck, #MainLarge li.uncheck {
    list-style-image: url("http://www.gunnar.stuff.is/images/uncheck.gif");
}
#Main blockquote, #MainLarge blockquote {
	font-size: 0.9em; !important
}
#Main cite, #MainLarge cite {
	text-align: right;
}

#Main input#s {
	background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-search-field.png") no-repeat;
	border: 0;
	width: 244px;
	height: 17px;
	margin: 10px 0 0;
	padding: 3px 1px 2px 4px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
#Main input#searchsubmit {
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/right-search-button.png") no-repeat;
    border: 0;
    width: 21px;
    height: 0;
    margin: 0 10px -20px -4px;
    padding: 22px 0 0;
    overflow: hidden;
}

/* Fr�ttirnar */
.element h2 { color: #F60; }
.element h3 { font-size: .833333em; }
h3.right { text-align: right; margin-top: -1.6em; }


/* Comments */
#Main ol.comms{ 
  padding: 0;
  margin: 30px 0 0 0;
}
#Main ol.comms li {
    position: relative; /* Causes an Opera bug */
    margin: 35px 0 0 80px;
    padding: 15px 0 0 30px;
    font-size: 72px;
    color: #CCC;
    min-height: 90px;
}
#Main ol.comms li div.commh3 {
    width: 95px;
    position: absolute;
    top: 0px;
    left: -65px;
    padding: 10px 0 0 0;
    margin: 0;
    border-right: 3px #CCC solid;

}
#Main ol.comms li h3 {
    font-size: 16px;
    color: #000;
}
#Main ol.comms li h4 {
    font-size: 10px;
    border-bottom: 0;
}
#Main ol.comms li h4 a { color: #999; }
* html #Main ol.comms li div.left {
    left: -95px;
}
#Main ol.comms li p {
    font-size: 12px;
    color: #000;
    margin: -20px 0 0;
    padding: 0 0 25px 15px;
    border-left: 3px #CCC solid;
}
#Main ol.comms h3,
#Main ol.comms h4,
#Main ol.comms p { margin: 0; padding: 0; }

/* Commets form */
div.svara {
    padding-left: 12em;
    color: #333;
}
#Main div.svara label,
#MainLarge div.svara label {
    margin-left: -10em;
    width: 9em;
    float: left;
    text-align: right;
    padding: 3px;
    text-indent: 0;
}
div.svara input {
    width: 260px;
    margin-bottom: 0.3em;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    border: 0;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/form-input.png");
    padding: 2px 8px;
}
div.svara input.senda {
    width: 4.5em;
    text-align: center;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/button.png") no-repeat;
    border: 0;
}
div.svara textarea {
    width: 268px;
    height: 126px;
    margin-bottom: 0.3em;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    border: 0;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/form-textarea2.png");
    padding: 0 0 0 8px;
}


/* Anna� */
img.left { float: left; }
img.right { float: right; }
#Main img, #MainLarge img { margin: 10px; }




/* Fonts  og anna� rusl */
#Main h1, #Main h2, #Main h4,
#MainLarge h1, #MainLarge h2, #MainLarge h4 {
    border-bottom: 1px solid #999;
}


h1, h2, h3, h4, h5, h6  {
    font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    margin: 2px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { background-image: url("http://www.gunnar.stuff.is/images/spacer.png"); }
* html h1 a, * html h2 a, * html h3 a, * html h4 a, * html h5 a, * html h6 a {
	background-image: none;
	background-color: #FFF;
} 
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1em;
}
h4 {
    font-size: 0.83333em;
}
code { font-size: 1.166667em; }
#Main .noBullet,
#MainLarge .noBullet {
    list-style: none;
}
#Main ul.noBullet li,
#MainLarge ul.noBullet li { list-style: none; }

.clear { clear: both; }
a {
    color: #F60;
    text-decoration: none;
}
a:visited {
    color: #F60;
}
a:hover {
    color: #000;
    text-decoration: underline;
    border: 0;
}
a:active {
    color: #F60;
}
hr {    
    width: 75%;
    height: 5px;
    margin: 10px auto;
    border: 0;
    background-color: #999;
}
a img { border: none; }
.hidden { display: none; }

/* - Nicetitle by Stuart Langridge: http://www.kryogenix.org/code/browser/nicetitle/ - 

div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: #000;
    font-size: 0.833333333333em;
    width: 255px;
    max-width: 255px;
    min-width: 250px;
    font-weight: bold;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/nicetitles-top.png") no-repeat;
    z-index: 100;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding: 3px 0 4px 4px;
    margin: 0 0 -11px -4px;
    color: #F60;
    width: 100%;
    background: url("http://www.mrgunnar.com/wordpress/wp-content/themes/Gunnar%202.0/images/nicetitles-bottom.png") no-repeat left bottom;
}*/