/* Blog design by Studio JohannaEwa */
body {
  background: url(http://englic.blogg.se/annat/images/2011/mall1e-kopia_169150255.jpg) fixed repeat-x;
  border-top: 0px solid #fff;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;

  font-family: 'arial', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #373737;
  text-align:center;
}

a { 
  color: #cccccc; 
  text-decoration:none; 
}
a:hover { 
  color: #373737; 
  text-decoration:none;
}

#wrapper {
  margin:0px auto;
  width: 1200px;
  position:relative;
  padding: 0px;
  vertical-align: top;
  text-align: left;
  background-color: none;
}

#wrapper:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}	

#content {
  overflow: hidden;
  float: left;
  background: none;
  padding: 0px 0px 0px 0px;
  margin: -15px 0px 10px -10px;
  border: 0px none;
  text-align: left;
  width: 960px;
}

/** Header **/
#header {
  background: text-align: center;
  background: url(http://i67.tinypic.com/m7wbvo.jpg) no-repeat;
  float: left
  width: 1150px;
  border: 0px solid #ffffff;
  height: 480px;
  padding: 0px 0px 0px 0px;
  margin: 50px 0px 0px 0px;
  width: 100%;
  border: 0px none;
   -webkit-box-shadow: 0px 0px 10px #919090;
  -moz-box-shadow:0px 0px 10px #919090;
  box-shadow: 0px 0px 10px #919090;
-moz-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
}
  
 
}

h1 {
  font-family: 'Playball', cursive;
  font-size: 75px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 60px 0px 60px 0px;
  margin: 0px 0px 0px 0px;
}

h1 a { 
  color: #6fa2a6; 
  text-decoration: none; 
  padding: 20px 20px 20px 20px;
  margin: 0px 0px 0px 0px;
}

h1 a:hover { 
  color: #6fa2a6; 
  text-decoration: none; 
}

/** Horizontal menu **/
#linkmenu { 
  height: 45px;
  padding: 0px 0px 0px 25px;
  margin: 0px 0px 40px 0px;
  background: #fff; /* Background color */
  border-radius: 0px; 
 -webkit-box-shadow: 0px 0px 9px #bbb;
  -moz-box-shadow:0px 0px 9px #bbb;
  box-shadow: 0px 0px 9px #bbb;
-moz-border-radius: 0px 0px 100px 100px;
  border-radius: 0px 0px 20px 20px;
}

.links {
  padding: 13px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 100%;
  text-transform: uppercase;
}

.links a {
  color: #ccc;
  padding: 0px 30px 0px 10px;
}

.links a:hover {
  color: #cccccc;
}

.sok {
  float: right;
  padding: 7px 35px 0px 0px;
  margin: -17px 0px 0px 0px;
}

.sokknappen {
  background: #ffffff;
  border: 1px solid;
  color: #373737;
  font-size: 85%;
}

.sokarean {
  background: #ffffff;
  border: 1px solid;
  color: #373737;
  font-size: 85%;
}

/** Sidebar **/
#sidebar {
  background: none;
  width: 240px;
  float: right;
  padding: 0px 0px 0px 0px;
  margin: -20px 0px 0px 0px;
}

.navheader {
  background: #e4e4e5;
  font-size: 105%;
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-family: arial;
  text-transform: uppercase;
  border-top: 0px solid #f5f4f2;
  padding: 5px 0px 5px 0px;
  margin: 20px 20px 0px 20px;
  -moz-border-radius: 100px 100px 0px 0px;
  border-radius: 100px 100px 0px 0px;
}

#navbar {
margin: 0;
padding: 0px 5px 10px;
position: center;
height: 1em;
}

#navbar li {
list-style: none;
float: left; 
} /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {
display: block;
margin: 7px 0px 0px 0px;
padding-left:25px; /*Hur stort avstånd det är mellan meny flikarna */
padding-right:25px; /*Hur stort avstånd det är mellan meny flikarna */
padding-top:7px; /*Hur hög menyn ska vara*/
padding-bottom:4px; /*Hur hög menyn ska vara */
background-color: none; /*Ändra färgen på menyflikarna här*/
color: #ccc; /*Ändra färgen på texten här*/
text-decoration: none;
text-transform: uppercase;
font-family: arial; /*Ändra typsnittet här*/
font-size: 13px; } /*Ändra storleken på texten här*/


#navbar li ul {
display: none; 
width: 14em; /* Ändra bredden på undermenyn här */
}

#navbar li:hover ul, 

#navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }

#navbar li:hover li,

#navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }

#navbar li:hover li, 

#navbar li.hover li {
float: none; }

#navbar li:hover li a, 
#navbar li.hover li a {
background-color: #ffffff; /*Ändra färgen på bakgrund på undermenyn*/
border-bottom: 1px solid #979797; /*Ändra kanten runt om undermenyn */
color: #cccccc; } /*ändra textfärgen på undermenyn här*/

#navbar li li a:hover {
color: #979797;  /*Färg på texten */
background-color: #ffffff; } /*Ändra bakgrund när man håller musen över undermenyn*/

.nav {
  font-size: 95%;
  padding: 0px;
  margin: 0px;
}

.nav ul {
  -webkit-box-shadow: 0px 0px 9px #bbb;
  -moz-box-shadow:0px 0px 9px #bbb;
  box-shadow: 0px 0px 9px #bbb;
  background: #fff;
  padding: 20px;
  font-weight: normal;
  margin: 0px 0px 5px;
-moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}

.nav li {
  list-style: none;
  padding: 0px 0px 2px 0px;
  font-weight: normal;
  margin: 0px;
}

.nav a {
  margin: 0;
  display: block;
  color: #373737;
}
.nav a:hover { 
  color: #cccccc;
  text-decoration: none; 
}

/** Posts **/

.post {
  -webkit-box-shadow: 0px 0px 9px #bbb;
  -moz-box-shadow:0px 0px 9px #bbb;
  box-shadow: 0px 0px 9px #bbb;
  background: #fff;
  padding: 20px 20px 20px 20px;
  margin: 0px 10px 20px 10px;
-moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}

h3 {
  font-family: 'times new roman', sans-serif;
  font-size: 25px;
  font-weight: 400;
  color: #000;
  background:none;
  padding: -5px 5px 20px 5px;
  margin: -7px 0px 0px 0px;
  text-align: left;
}

h4 {
  background: #e4e4e5;
  font-size: 85%;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-top: 0px solid #333;
  width: 175px;
  padding: 8px 0px 6px 0px;
  margin: 10px 0px 0px 30px;
  -moz-border-radius: 100px 100px 0px 0px;
  border-radius: 100px 100px 0px 0px;
}

.post-body {
  font-size: 100%;
  line-height: 145%;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
}

.post-body img {
  text-align: center;
  max-width: 900px;
  padding: 0px 0px 0px 0px;
  margin: 13px 0px 0px 0px;
}

.post-body iframe {
  text-align: center;
  max-width: 900px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.post-footer {
  font-size: 90%;
  font-weight: 400;
  text-align: center;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.post-footer a { 
  color: #000; 
  text-decoration: none;
}
.post-footer a:hover { 
  color: #cccccc;
  text-decoration: none; 
}

.post-comment {
  font-family: 'times new roman', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

/** Comments **/
.commentheader {
  font-size: 100%;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 0px 0px;
}

.commenttext {
  line-height: 145%;
  font-size: 100%;
  font-weight: 400;
  padding: 0px 10px 10px 10px;
  margin: 0px 0px 0px 0px;
}

.response {
  line-height: 145%;
  font-size: 95%;
  font-weight: 400;
  color: #6fa2a6;
  padding: 0px 10px 5px 10px;
  margin: 0px 0px 0px 0px;
}

.response-by {
  font-size: 90%;
  font-weight: 400;
  color: #373737;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
}

.commentform {
  font-size: 95%;
  font-weight: 400;
  padding: 0px 20px 20px 20px;
  margin: 0px 0px 0px 0px;
}


.xmlButton {
  border:1px solid;
  border-color:#FC9 #630 #330 #F96;
  padding:0 3px;
  font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
  color:#FFF;
  background:#F60;
  text-decoration:none;
  margin:0;
}

.image {
  border: 0px solid #fff;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 5px 0px;
}

.thumbnail {
  border: 0px solid #fff;
  margin: 0px 5px 5px 0px;
}

.fieldName{
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 11px;
  margin: 0px 0px 12px 0px
}

select{
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 11px;
}

form {
  margin: 0px 0px 6px;
  padding-left: 10px;
}