body {
    font: 16px/1.4 "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;;
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    color: #000;
}

ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0 0 0 30px;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
	margin-bottom:5px;

}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
}
a:link {
    color: #42413C;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
    color: #6E6C64;
    text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
}

hr {margin: 30px 10px;border:1px solid #2580A2;}
.container {
    width: 940px;
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.header hgroup{margin: 0 2%}
.header h3 {font-size: 2em;line-height:1.1em;
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#site-description{
    margin: 0;
    font-variant: normal;
    font-size: 1em;
    padding-bottom: 5px;
}
.meny {background: #ff4;}
.content {clear: both;padding:35px 50px 50px;}
.content h1 {font-size: 1.5em;line-height: 1em;}
.content ul, .content ol {margin:10px 20px}
.content li {margin-bottom: 10px;}

.footer {
    padding: 14px 5px 1px;
    background: #000;
    color: #fff;
    text-align: center;
    letter-spacing:1px;
}
.footer p{font-size: .9em}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#nav {
    background: #000;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#nav li {
    float: left;
    font: 1em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#nav a {
    background: #000 url(images/seperator.gif) bottom right no-repeat;
    color: #ccc;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}
#nav a:hover {
    background: #2580a2 url(images/hover.gif) bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
}
#nav li#active a {
    background: #2580a2 url(images/hover.gif) bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
}
.content img {
    background: #fafafa;
    border: 1px solid #dcdcdc;
    padding: 5px;
    height: auto;
}
img.float-right {margin: 5px 0px 10px 10px; }
img.float-left {margin: 5px 10px 10px 0px;}

code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;  
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
    /* white-space: pre; */
    width:400px;
    border: 1px solid #eee; 
    background: #fafafa;  
}
acronym {
    cursor: help;
    border-bottom: 1px dashed #777;
}
blockquote {
    padding-right: 25px;
    padding-left: 25px;
    border: 1px solid #eee; 
    background-color: #fff; 
    background-image: url(images/66.jpg), url(images/99.jpg);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    font: italic 1.2em/1.4em Georgia, Arial, 'Trebuchet MS', Tahoma, Sans-serif;
    color: #555;
}

fieldset#contact-form {
    padding:20px;
    margin-left: 5%;
    font-size:15px;
    width:34%;
    color:#000;
    background: #fafafa top left no-repeat;
    border:1px solid #eee;
}
p {margin:0;margin-bottom:15px;}
@media (max-width: 992px) {.content img {max-width:98%;}.header hgroup {margin: 0 1.5em; padding-top: 1.5em}.container{ width: 96%;margin: 2% auto;}.content{padding: 1em 2em 2em;}#site-description{font-size: 0.95em; margin-bottom: 1em}}
@media (max-width: 767px) {.content blockquote{margin: 0; }fieldset#contact-form {width: 60%;}fieldset textarea {width: 99%;}.content img {max-width:97%;}hr{margin: 30px 20px}.content{padding: 1em 1.5em 1.5em;}.content ul, .content ol {margin:0 0 10px;}.content h1, .content h2, .content h3{line-height: 1.2em}#blog-list td{font-size: .95em}.footer{font-size: 13px}}
@media (max-width: 700px) {body {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1e5799 0%, #7db9e8 100%) repeat fixed 0 0!important;font-size:100%;}}
@media (max-width: 480px) {fieldset#contact-form {width: 83%; margin-left: 0;}.content blockquote {margin: 0;padding: 10px;}}
@media (max-width: 320px) {.header h3 {font-size: 1.4em;line-height: 1.3em;margin: 0;padding: 10px 0;}.content h1 {font-size: 1.2em;line-height: 1em;}.blog-post h2.blog-title {font-size: 17px;line-height: 20px;}.content h2 {font-size: 18px;}.blog-post h3 {font-size: 17px;}}