body {
background-color:#333333;
font-size:14px;
line-height:21px;
font-family:Arial;
margin:0;
padding:0;
color:#FFFFFF;
}

#page {
width:900px;
background-image:url(https://staticjw.com/n/templates/Plasmashot/images/page.png);
margin:auto;
padding:auto;
}
.stuga {clear:both;}
#header {
clear:both;
width:840px;
height:120px;
background-image:url(https://staticjw.com/n/templates/Plasmashot/images/header.png);
padding-top:70px;
padding-left:60px;
}
#header h3{ color: #fff;
    font-size: 32px;line-height:35px;
    margin: 0;
}
#header h4{color: #fff;
    font-size: 22px;line-height:25px;
    margin: 0;
}
#sidebar h4 {
margin-bottom:5px;
width:280px;
height:27px;
padding-top:10px;
padding-left:20px;
background-image:url(https://staticjw.com/n/templates/Plasmashot/images/sidebarheader.png);
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

#sidebar p {padding:0px 15px;}
#sidebarnav {
margin-left:10px;
margin-top:10px;
padding-bottom:10px;
}
  
#sidebar ul li a {
	width:265px;
	display:block;
	clear:both;
	padding-left:8px;
	padding-top:6px;
	height:25px;
	border-bottom:1px solid #353535;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background-color:#474747;
  }
  
#sidebar ul {margin:0px;padding:0px;list-style:none;margin-left:10px;}

#sidebar ul li a:hover, #sidebarnav #active a {
	background-color:#474747;
	text-decoration:none;
	border-bottom:1px solid #8be7ef;
	color:#FFFFFF;
}

.widget {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

#mainarea {
width:870px;
clear:both;
padding-left:21px;
}

#contentarea {
width:500px;
padding-right:34px;
padding-bottom:20px;
float:right;
line-height:14pt;
}

#sidebar {
float:left;
width:300px;
line-height:21px;
}

#footer {
width:900px;
clear:both;
height:55px;
padding-top:37px;
text-align:center;
line-height:14pt;
background-image:url(https://staticjw.com/n/templates/Plasmashot/images/footer.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

h1, h1 a {
font-size:25pt;
color:#FFFFFF;
margin:0;
}

h2 {
font-size:15pt;
color:#FFFFFF;
padding-top:6px;
}

.description {
font-size:14pt;
color:#FFFFFF;
margin:0;
}

a {
color:#FFFFCC;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#sidebar a, #footer a {text-decoration:underline;}
#sidebar a:hover, #footer a:hover {text-decoration:none;}

#contentarea img{background:#fff;padding:1px;border:3px solid #aaa;margin:10px;max-width:92%;height:auto;}
#contentarea li {margin-bottom:7px;}

fieldset#contact-form {margin:20px 0px 20px 10px;padding:10px;color:#000;width:75%;background:#eee;border:2px solid #aaa;}
fieldset#contact-form label {font-size:12px;}
fieldset#contact-form input {height:20px;font-size:14px;margin-bottom:15px;padding:3px;}
fieldset#contact-form textarea {font-size: 15px;margin-bottom: 15px;padding: 3px;width: 98%;}
fieldset#contact-form #contact-button {font-size:13px;height:30px;margin-left:30px;}

input:focus, textarea:focus {background:#fff;border:1px solid #555;}

blockquote {font-style:italic;}
#contentarea h1 {margin:25px 0px;font-size:25px;line-height:25px;}
#contentarea h2 {margin:25px 0px 5px 0px}
#contentarea hr {margin:30px 10px;border:1px solid #E4B5C5;}
@media (max-width: 992px) {
#page {width: 95%;background-size: 100% auto;}
#mainarea {width: 97%;}
#header {width: 94%;background-size:100% 100%;}
#sidebar {width: 32.2%;}
#footer {width: 98%;}
#contentarea{width: 60%; padding-right: 2%;}
#sidebar h4 {background-size: 100% 100%;width:97%;}
#sidebar ul li a {width: 100%;}
}
@media (max-width: 767px) {
#header {
    background-size: 100% 100%;
    width: 90%;
}
#sidebar h4 {
    background-size: 100% 100%;
    width: 93%;
}
#contentarea {
    padding-right: 4%;
    width: 58%;
}
}
@media (max-width: 700px) {
body {background-color: #333333!important;}
#page {
    background: #333 none repeat scroll 0 0;
    width: 95%;
}
#mainarea {
    width: 95%;padding-left: 2%;
}
.menuarea{display:none;}
#contentarea {float:none;
    background: #444 none repeat scroll 0 0;padding-top:2%;
    padding-left: 2%;
    padding-right: 2%;
    width: 97%;
}
#sidebar {width: 100%;float:none;}

#sidebar ul li a {
    width: 95%;
}
#header{ padding-left: 35px;
    padding-top: 45px;}
}
@media (max-width: 600px) {
#contentarea {
    width: 92%;padding-left: 4%;
    padding-right: 3%;
}
#header h3 {
    font-size: 28px;
    line-height: 26px;
}
#header h4 {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin: 10px 0 0;
}
}
@media (max-width: 480px) {
#header { width: 93%;
    padding-left: 22px;
    padding-top: 30px;
}
#header h3 {
    font-size: 25px;
    line-height: 22px;
}
#header h4 {
    font-size: 17px;
    line-height: 17px;
}
#contentarea h1 {
    font-size: 20px;
    line-height: 20px;
    margin: 25px 0;
}
.blog-post h2.blog-title,h2 {
    font-size: 19px!important;
    line-height: 20px!important;
}
#contentarea h3 {
    font-size: 18px;
    line-height: 18px;
}
#contentarea img {float:none!important;clear:both;}
blockquote {
    font-style: italic;
    margin: 5px 10px;
}#contentarea ul {
    padding-left: 17px;
}
fieldset#contact-form {
    width: 85%;
}#footer {
    background-size: 100% 100%;
    height: 80px;
}
}
@media (max-width: 320px) {
#contentarea {
    width: 94%;
}
#footer {
    background-size: 100% 100%;
    height: 100px;
    width: 98%;
}
}