@import "reset.css";
body {
  text-align: left;
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  background: White;
  font-size: 13px;
  border: 0px;
  border-top: 3px solid #666;
  background-color: #fff;
  color:#555;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

a:link {
  color: #777;
}

a:hover {
  color: #017F8D;;
}

a:visited {
  color: #444;
}

a {
  text-decoration: none;
}
#logo h2 a {
    width: 300px;
    height: 75px;
    display: block;
    background: url(/images/yelvo2.png) no-repeat top left;
}
#logo h2 a span { display: none; }

#logo h2 {
font-size: 0;
text-indent: -1000px; }

p {
  padding-bottom: 10px;
}

table {
  border-spacing: 0;
}

img {
  border: 0;
}

.clearer {
            clear: both;
}

.clearleft {
            clear: left;
}

.clearright {
            clear: right;
}

h1 {
    font-size: 24px;
    margin-bottom: 10px;
}
#wrap{
   /* background:#FFFFFF none repeat scroll 0 0; */
    background:transparent url(/images/body.png) repeat-y scroll center 0;
}
#wrap-inner {
background:#FFFFFF none repeat scroll 0 0;
margin:0 auto;
width:980px;
}
#wrap2 {
    margin: 0 auto;
    width: 76em;
    background-color: #fff;
    padding: 15px;
    margin-top: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#main {
  margin-left: 10px;
  float: left;
  width: 710px;
}
#rightcontent {
  margin-top: 10px;
  float: left;
  width: 250px;
}

#right {
  margin-top: 10px;
  float: left;
  width: 250px;
}

.inputclass:hover {
    border: 1px solid #111;
}
.inputclass {
    padding: 3px;
    margin: 10px;
    font-size: 20px;
    background: #fff url(/images/backgroundInput.jpg) repeat-x;
    border: 1px solid #ccc;
}

.searchbtn:hover {
  border: 1px solid #000;
}
.searchbtn {
  font: bold 19px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;
  background: #ffffff url(/images/bg.png) repeat-x;
  border: 1px solid #ccc;
  color: #333;
}

 
.logo {
    margin-top: 10px;
    margin-bottom: 20px;
}
.back:hover {
    border-bottom: 3px solid #f39;
}
.back {
    background: url(/images/back.png) no-repeat 0px center;
    padding-left: 20px;
}

.mainItemTitle {
    margin-bottom: 5px;
  -x-system-font:none;
  background-color:#E0ECFF;
  font-family:arial;
  font-size:9pt;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  padding:0.2em;
}
.mainItem {
  border-top:1px solid #648DD4;
  margin:1em 0.5em;
}
.error {
    margin-top: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background: url(/images/ico_adv.gif) no-repeat 5px 5px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 30px;
    background-color: #ffebe8;
    border-color: #c00;
    color: #111;
    font-size: 14px;
}

.ok {
    border-width:1px 0pt;
    margin: 12px 0;
    padding: 8px 42px;
    font-size: 1.2em;
    color:inherit;
    background: #FFFFCC url(/images/accept.png) no-repeat 10px 10px;
    border-color:#F0AC1C;
    border-style:solid;
    border-width:1px 0pt;
}
.copy {
    padding-top: 30px;
    font-size: 12px;
}
.logotop {
    float: left;
}
.searchright {
    float: left;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 19px;
}
.clearer {
            clear: both;
}

.clearleft {
            clear: left;
}

.clearright {
            clear: right;
}
.line {
    border-top: 3px dotted #bbb;
}
.favicon {
    padding-right: 4px;
}
.foot {
    background-image: url(/images/bg4.jpg);
    width: 990px;
    height: 40px;
}
#headtop {
    width: 970px;
    height: 105px;
    padding: 5px;
    padding-left: 10px;
    margin-right: 10px;
    background-image: url(/images/bg4.jpg);
}
.infobox {
    margin-top: 20px;
    margin: 5px;
    font-size: 19px;
    padding: 7px;
    padding-left: 43px;
    background: #FFFFCC url(/images/info.png) no-repeat 10px center;
    color:inherit;
    border-color:#F0AC1C;
    border-style:solid;
    border-width:1px;
}
.screenshot {
    padding: 10px;
}
#share {
    position: relative;
    top: 5px;
    left: 70px;
    width: 200px;
    font-size: 15px;
    font-weight:bold;
}
#rsscontent  {
    margin-top: 5px;
}
#rsscontent p {
    margin: 0;
    padding: 0;
}
.bolder {
    color: #555;
    font-weight:bold;
}
.found {
    font-size: 16px;
    margin-bottom: 5px;
}
.random {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}
#header h2 {
    font-weight: bold;
    font-size: 42px;
    letter-spacing: -3px;
}
#header #right {
    float: left;
    text-align: right;
    font-size: 13px;
}
#header #left {
    float: left;
    width: 510px;
}
#header #logo {
    margin-left: 20px;
    margin-bottom: 8px;
}
#header {
    border-bottom: 2px solid #DBDBDB;
    margin-bottom: 10px;
}
#search {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
    font-size: 25px;
}
.searchform {
    padding: 5px;
    border: 2px solid #ccc;
    margin: 5px;
    width: 200px;
    height: 30px;
    font-size: 24px;
}
.submit {
    padding: 5px;
    border: 2px solid #ccc;
    margin: 5px;
    background-color: #fff;
    width: 100px;
    height: 30px;
}
#timer {
    font-size: 11px;
    text-align: right;
}
#menu {
margin:0 auto;
overflow:hidden;
width:880px;
}
#menu ul li:hover {
    background: #ccc;
}
#menu ul li {
    float: left;
    text-transform: uppercase;
    font-size: 90%;
    padding: 10px;
}

#menu ul li a {
    color: #666666;
}
.bloggare {
    margin-top: 20px;
    margin-bottom: 10px;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.bloggarelist {
    width: 700px;
}
.blogentry {
        padding: 3px;
        margin-bottom: 10px;
}
.blogentry:hover {
    background: #EFEFEF;
}
.name {
    padding: 2px;
}
.namehead {
    margin-top: 20px;
    margin-bottom: 5px;
}
.mainpage .merinfo:hover {
    background-color: #ccc;
    cursor: pointer;
}
.mainpage .merinfo {
    padding: 5px;
    margin-left: 20px;
    font-size: 15px;
}
.mainpage {
    margin: 30px;
}
.statepage h2 {
    font-size: 18px;
    letter-spacing: 0px;
}
.mainpage h2 {
    font-size: 32px;
    letter-spacing: -1px;
}
.mainleft {
    float: left;
    width: 440px;
}
.mainright {
    float: left;
}
.namelist ul {
    list-style-type: disc;
    color: #bbb;
    margin-left: 20px;

}
.namelist li:hover {
    color: #999;
}
.namelist li {
    padding: 2px;
}

#searchform div {
    /* This div will have the left image as a background */
    padding: 0 10px;
    margin: 0;
    line-height: 1;
    width: 350px;
    margin-top: 0px;
}
#searchform #search {
    /* Im going to apply a top and bottom border to this input so that it fits with my images and give it the gradient background */
    border: 1px solid #aaa;
    width: 140px;
    font-size: 13px;
    height: 16px;
}
#searchform #submitbtn:hover {
    cursor: pointer;
    border: 1px solid #333;
}
#searchform #submitbtn {
    border: 1px solid #ccc;
    background-color: #eee;
    color: #777;
    height: 20px;
}
/* Footer */

/************************************************
*   Footer                                      *
************************************************/

#footer {
    background: #F2F2F2;
    width: 940px;
    height: 140px;
    margin: 20px auto 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    position: relative;
    line-height: 10px;
    border-top: 2px solid #ccc;
}

#footer p {
    font-size: 11px;
    padding: 3px 0px 0px 0px;
    list-style-type: none;
    margin: 0px;    
    }
    
#footer h2 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #C0C0C0;
    padding: 0px 0px 2px 0px;
    margin: 15px 0px 0px 0px;
    text-transform: uppercase;
    }

#footer a {
    color: #017F8D;
    text-decoration: none;
    }

#footer a:hover {
    color: #017F8D;
    text-decoration: underline;
    }
    
#footer ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

#footer ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }
    
#footer ul li a {
    display: block;
    color: #666;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #C0C0C0;
    }

#footer ul li a:hover {
    background: #E5E5E5;
    color: #017F8D;
    text-decoration: none;
    }
    
.footerleft {
    float: left;
    width: 285px;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    display: inline;
    }
    
.footermiddle {
    float: left;
    width: 290px;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    display: inline;
    }
    
.footerright {
    float: right;
    width: 285px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    display: inline;
    }

/* 
 * Forms
 *
 */
 
form {
        padding: 0 20px 20px 20px;
}

form {
        padding: 0 20px 20px 20px;
}

form, form fieldset input, form fieldset textarea, form label {
        font-family: Helvetica, Arial;
        font-size: 12pt;
}
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}


form fieldset p input,
form fieldset p textarea {
        display: block;
        padding: 4px;
        width: 400px;
        margin: 0;
}

form fieldset p label {
        width: 380px;
        display: block;
        margin: 5px 5px 5px 6px;
        padding: 0;
}

form fieldset p textarea {
        padding: 2px;
        width: 404px;
}

form fieldset p textarea,
form fieldset p input {
        border: solid 1px #ccc;
}
form fieldset p label {
        color: #777;
}

label  { position:absolute; top:0; left:0}
#content {
    margin-top: 20px;
}
#searchform {
background:transparent url(/images/searchbox.png) no-repeat scroll 0 0;
float:right;
height:26px;
position:relative;
top:1px;
width:191px;
border:0 none;
margin:0;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline
}
#header #go {
background-color:transparent;
border:0 none;
cursor:pointer;
float:right;
height:26px;
width:25px;
}
#header #s {
font-family:Tahoma;
font-size: 15px;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#444;
float:left;
margin:4px 0 0 4px;
width:154px;
}
#page-wrapper {
background:transparent url(/images/page-wrapper.png) repeat-x scroll 0 0;
}
#page-wrapper-inner {
background:transparent url(/images/shade.png) no-repeat scroll center 0;
}
.infobox {
    border-width:1px 0pt;
    margin: 12px;
    padding: 10px 42px;
    width: 400px;
    background: #FFFFCC url(/images/info.png) no-repeat 10px center;
    font-size: 1.1em;
    color:inherit;
    border-color:#F0AC1C;
    border-style:solid;
    border-width:1px;
}

#copy {
    font-color: #999;
    margin-left: 20px;
}
.soklista:hover {
    background-color: #eee;
}
.soklista {
    width: 400px;
    padding: 3px;
    margin: 1px;
}
.subtitle {
    margin-left: 20px;
}
.statepage h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.statepage {
    margin-top: 10px;
}
.statepage li {
    margin-right: 10px;
    margin-top: 3px;

}
#google-map { width:300px; height:300px; }