@charset "utf-8";

/*
Theme Name: DarkWhispering.com
Theme URI: http://www.darkwhispering.com
Description: First Wordpress template from DarkWhispering.com
Version: 1.0
Author: DarkWhispering.com
Author URI: http://www.darkwhispering.com
Tags: 

DarkWhispering.com v1.0
http://www.darkwhispering.com

*/

/*******************************
clear css
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, ul, li, table, caption, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}

/* reset styles */
* {
padding: 0;
margin: 0;
}

img {
border: none;
}

hr {
margin: 0;
padding: 0;
border: 0;
}

/* - remember to define focus styles! */
:focus {
outline: 0;
}

.clear {
clear: both;
}
/*
clear css
*******************************/


/*******************************
setup styles
*/
html, body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000;
line-height: 1.5em;
height: 100%;
}

/*******************************
h1, h2, h3, h4, h5, h6, p, em, ul, hr
*/
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.5em;
margin: 0 0 20px 0;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2px;
margin: 5px 0 20px 0;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
padding: 10px 0;
}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h5 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight: bold;
}

h6 {
font-family: Georgia, "Times New Roman", Times, serif;
}

p {
margin: 0 0 1.5em 0
}

em {
font-style: italic;
}

ul {
list-style: circle;
margin: 10px 20px;
}

hr {
color: #fff;
border-top: 1px solid #ccc;
margin: 20px 0;
}
/*
h1, h2, h3, h4, h5, h6, p, em, ul, hr
*******************************/


/* img */
.img {
border: 5px solid #ccc;
}
/* // img // */

/*******************************
link styles
*/
a {
color: #248acb;
text-decoration: none;
}

a:hover {
color: #248acb;
text-decoration: underline;
}
/*
link styles
*******************************/

/*******************************
Classes used by wordpress core for placing images left, center and right in the editor
*/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0px;
margin: 0 0 20px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
	
.alignright {
float: right;
}

.alignleft {
float: left;
}
/*
Classes used by wordpress core for placing images left, center and right in the editor
*******************************/

/*******************************
site - needed for the footer to work properly
*/
#site {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -184px; /* the bottom margin is the negative value of the footer's height */
}
/*
site - needed for the footer to work properly
*******************************/

/*******************************
header
*/
#header {
width: 100%;
height: 152px;
background: url(images/meny-bg.png) repeat-x center center;
text-align: center;
padding: 20px 0;
}

#header-wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
height: 152px;
}

#logo {
width: 170px;
display: inline;
float: left;
}
/*
header
*******************************/

/*******************************
mainnav
*/
#mainnav {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}

#mainnav li {
display: inline;
float: left;
margin: 26px 0 0 0;
padding: 41px 0 41px 0;
border-left: 1px solid #999;
}

#mainnav ul {
list-style: none;
margin: 0;
}

#mainnav li:last-child {
display: inline;
float: left;
margin: 26px 0 0 0;
padding: 41px 0 41px 0;
border-right: 1px solid #999;
}

#mainnav a {
color: #000;
padding: 40px 30px 39px 30px;
text-decoration: none;
}

#mainnav a:hover {
color: #248acb;
background: #c9c9c9;
}

#mainnav .current_page_item a {
color: #248acb;
background: #c9c9c9;
}
/*
mainnav
*******************************/

/* center site */
#wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
}
/* // center site // */

/*******************************
frontpage carousel
*/
.infiniteCarousel {
width: 900px;
height: 200px;
margin: 0 0 40px 0;
position: relative;
display: block;
}

.infiniteCarousel .CarouselWrapper {
width: 900px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto;
height: 200px;
margin: 0 0;
position: absolute;
top: 0;
}

.infiniteCarousel .CarouselWrapper ul {
width: 9999px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}

.infiniteCarousel ul li {
display: block;
float: left;
width: 900px;
height: 200px;
}

.infiniteCarousel ul li img {
display:block;
width: 900px;
height: 200px;
}
/*
frontpage carousel
*******************************/

/* frontpage-left */
#frontpage-left {
width: 620px;
display: inline;
float: left;
padding: 0 40px 0 0;
}
/* // frontpage-left // */

/*******************************
frontpage-right
*/
#frontpage-right{
width: 240px;
display: inline;
float: left;
}

#frontpage-right h5 {
width: 220px;
height: 18px;
background: url(images/boxheader.png) repeat-x;
border: 1px solid #ccc;
padding: 10px;
text-transform: uppercase;
}

#frontpage-right .content {
width: 220px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 10px;
}
/*
frontpage-right
*******************************/

/* textbox */
.textbox {
width: 900px;
clear: both;
display: block;
}
/* // textbox // */

/*******************************
smallbox
*/
.smallbox-left {
width: 430px;
display: inline;
float: left;
padding: 0 0 40px 0;
}

.smallbox-right {
width: 430px;
display: inline;
float: right;
padding: 0 0 40px 0;
}

.smallbox-content {
width: 428px;
border: 1px solid #ccc;
}

.smallbox-content h5 {
width: 408px;
border-bottom: 1px solid #ccc;
background: url(images/boxheader.png) repeat-x;
padding: 10px;
}

.smallbox-text {
padding: 10px;
}
/*
smallbox
*******************************/

/******************************
coda-slider
*******************************/
#slider {
width: 900px;
margin: 0 auto;
}

#slider .navigation {
display: inline;
float: left;
list-style: none;
width: 202px;
}

#slider .navigation ul {
margin: 0;
padding: 0;
}

#slider .navigation li {
list-style: none;
}

#slider .navigation #last {
width: 202px;
border-top: 1px solid #ccc;
margin: 0;
padding: 0;
}

#slider .navigation a {
width: 180px;
padding: 10px;
text-align: center;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
display: block;
color: #000;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}

#slider .navigation a:hover {
color: #248acb;
background: url(images/coda-slider-hover-active.png) no-repeat center right;
}

#slider .navigation a.selected {
color: #248acb;
background: url(images/coda-slider-hover-active.png) no-repeat center right;
}

/*******************************
scroll
*/
.scroll {
display: inline;
float: left;
height: 560px;
width: 690px;
overflow: auto;
position: relative; /* fix for IE to respect overflow */
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

/*******************************
scrollContainer
*/
.scrollContainer div.panel {
height: 561px;
width: 690px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer div.panel img {
border-bottom: 1px solid #ccc;
}

.scrollContainer div.panel div.panel-text blockquote {
display: inline;
float: right;
width: 308px;
padding: 10px;
border: 1px solid #ccc;
font-style: italic;
color: #666;
background: #eeeeee url(images/blockquote.png) no-repeat right bottom;
}

.scrollContainer div.panel div.panel-text blockquote h5 {
font-size: 1.2em;
font-weight: bold;
padding: 0 0 10px 0;
}

.scrollContainer div.panel-text {
padding: 10px;
}
/*
scrollContainer
scroll
coda-slider
*******************************/

/*******************************
form
*/
#form {
width: 840px;
text-align: left;
margin: 0 auto;
}

/*******************************
customForm
*/
#customForm{
padding: 0 10px 10px;
}

#customForm label{
display: inline;
color: #333;
font-weight: 700;
line-height: 1.4em;
}

/*#customForm input.checkbox{
width: 0;
padding: 6px;
color: #949494;
font-family: Arial,  Verdana, Helvetica, sans-serif;
font-size: 11px;
border: 0px solid #cecece;
}

#customForm input.radio{
width: 0;
padding: 6px;
color: #949494;
font-family: Arial,  Verdana, Helvetica, sans-serif;
font-size: 11px;
border: 0px solid #cecece;
}*/

#customForm input{
width: 226px;
padding: 6px;
color: #636363;
font-family: Arial,  Verdana, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #ccc;
background: #eee;
}

#customForm input.error{
background: #f8dbdb;
border-color: #e77776;
}

#customForm textarea{
width: 786px;
height: 150px;
padding: 6px;
color: #636363;
font-family: Arial,  Verdana, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #ccc;
background: #eee;
}

#customForm textarea.error{
background: #f8dbdb;
border-color: #e77776;
}

#customForm div.float{
margin-bottom: 15px;
float: left;
display: inline;
padding: 0 40px 0 0;
}

#customForm div.float{
margin-bottom: 15px;
padding: 0 40px 0 0;
}

#customForm div span{
margin-left: 10px;
color: #999;
font-size: 11px;
font-style: italic;
}

#customForm div span.error{
color: #e46c6e;
}

#customForm div span.oki{
color: #00cc33;
}

#customForm #send{
background: #ccc;
color: #333;
font-weight: 700;
font-style: normal;
border: 0;
cursor: pointer;
border: 1px solid #999;
}

#customForm #send:hover{
background: #248acb;
color: #fff;
}

#customForm #reset{
background: #ccc;
color: #333;
font-weight: 700;
font-style: normal;
border: 0;
cursor: pointer;
border: 1px solid #999;
}

#customForm #reset:hover{
background: #248acb;
color: #fff;
}
/*
customForm
*******************************/

#error{
margin-bottom: 20px;
border: 1px solid #ccc;
}

#error ul{
list-style: none;
padding: 5px;
}

#error ul li{
list-style-position: inside;
line-height: 1.6em;
}

#error ul li strong{
color: #e46c6d;
}

#error.valid ul li strong{
color: #93d72e;
}
/*
form
*******************************/

/* push - fix for the fixed footer */
#push {
height: 200px;
clear: both;
}
/* // push - fix for the fixed footer // */

/*******************************
footer
*/
#footer {
width: 100%;
height: 184px;
background: url(images/footer-bg.png) repeat-x center bottom;
text-align: center;
}

#footer-wrapper {
width: 900px;
height: 84px;
background: url(images/WP-footer.png) no-repeat center center;
padding: 100px 0 0 0;
margin: 0 auto;
text-align: center;
}

#footer-wrapper ul {
width: 570px;
margin: 0 auto;
}

#footer-wrapper li {
list-style: none;
display: inline;
float: left;
}

#footer-wrapper a {
color: #000;
text-decoration: none;
text-transform: uppercase;
padding: 0 10px;
}

#footer-wrapper a:hover {
color: #248acb;
}
/*
footer
*******************************/