/*
Theme Name: Blå Tornet
Theme URI: http://www.plucera.se/
Description: Blå Tornet AB
Version: 1.0
Author: Plucera Webbyrå
Author URI: http://plucera.se/
*/
* { margin: 0px;padding: 0px; }

BODY, HTML { height: 100%; }
BODY {
        width: 100%;
        margin: 0;
        background: url("./img/bg/bg_body.gif") left top;

        font: 11px/16px Arial, Tahoma, Verdana, "Trebuchet MS", sans-serif;
        color: #222;
}
HR { width: 100%;height: 1px;margin: 0 0 12px;border: 0;border-top: 1px dashed #ccc; }

IMG { border: none; }

.row {
        position: relative;
        width: 876px;
        margin: 0 auto;
        padding: 0 30px;
        overflow: hidden;
}
.row .row { display: inline-block;width: auto;margin: 0 -10px; }
.column { float: left;display: inline;min-height: 10px;margin: 0 10px;overflow: hidden; }
.grid_1 {width: 53px;}
.grid_2 {width: 126px;}
.grid_3 {width: 199px;}
.grid_4 {width: 272px;}
.grid_5 {width: 345px;}
.grid_6 {width: 418px;}
.grid_7 {width: 491px;}
.grid_8 {width: 564px;}
.grid_9 {width: 637px;}
.grid_10 {width: 710px;}
.grid_11 {width: 783px;}
.grid_12 {width: 856px;}

.text { margin: 0 0 0 10px; }

/* ------------ HTML - Text -------------- */

A { color: #38657a; }
A:hover { color: #f6921d; }

A.doc, A.pdf, A.xls { display: block;height: 12px;padding-left: 15px;background-position: left top;background-repeat: no-repeat; }
A.doc { background-image: url("./img/bg/doc.gif"); }
A.pdf { background-image: url("./img/bg/pdf.gif"); }
A.xls { background-image: url("./img/bg/xls.gif"); }

H1, H2, H3, H4 { margin: 0;padding: 0;font-weight: normal; }
H1 { clear: both;margin-bottom: 15px;padding-top: 4px;font-size: 22px;color: #000; }
H2 { font-size: 20px;color: #111; }
H3 { font-size: 11px;color: #111; }
H4 { font-size: 12px;color: #333; }

#news H3 { font-size: 13px;font-weight: bold; }

P, OL, UL, TABLE { margin: 0 0 10px 0; }
BLOCKQUOTE { padding: 10px 0; }

/* ------------ HTML - Formulär -------------- */

FORM { margin: 0;padding: 0;border: none; }

INPUT, SELECT, BUTTON, TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; }
INPUT, SELECT, BUTTON { margin: 0;padding: 0 0.1em; }

INPUT, SELECT, TEXTAREA { border: 1px solid #ccc; }
SELECT { background-color: #fff; }
OPTION { padding: 0 0 0 0.5em; }

FORM.wpcf7-form { width: 70%;}
FORM.wpcf7-form P { position: relative; }
FORM.wpcf7-form LABEL { font-weight: bold; }
FORM.wpcf7-form INPUT, FORM.wpcf7-form TEXTAREA {
        width: 100%;
        height: 22px;
        margin: 3px 0 0;
        padding: 6px 6px 0;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;

        font-size: 13px;
}
FORM.wpcf7-form INPUT:focus, FORM.wpcf7-form INPUT:hover,
FORM.wpcf7-form TEXTAREA:focus, FORM.wpcf7-form TEXTAREA:hover { border: 1px solid #3e6b80;background-color: #f9f9f9; }

FORM.wpcf7-form TEXTAREA { width: 270px;height: 110px; }

FORM.wpcf7-form INPUT#send_btn {
        width: 80px;
        height: 34px;
        padding: 0 0 2px;
        background-color: #e4e1cd;
        border: 1px solid #ccc;
        cursor: pointer;

        color: #696438;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
}
FORM.wpcf7-form INPUT#send_btn:hover,
FORM.wpcf7-form INPUT#send_btn:focus { border: 1px solid #3e6b80;color: #222; }

#main span.wpcf7-not-valid-tip {
        position: absolute;
        height: 19px;
        padding: 7px 2px 2px 7px;
        left: 215px;
        top: -8px;
        border: 1px solid #666;
        background-color: #eee;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;

        color: red;
        font-size: 11px;
        z-index: 100;
}

#main div.wpcf7-validation-errors { border: 1px dashed #ddd; }
#main div.wpcf7-response-output { margin: 0;padding: 5px;color: red; }

#main div.wpcf7-mail-sent-ok { border: 1px dashed #ddd;color: #333; }

/* ------------ HTML - Listor -------------- */

OL OL, OL UL, UL OL, UL UL { margin: 6px 0 0 0;padding: 0; }
OL LI, UL LI { margin: 0 30px 4px 30px;padding: 0;list-style-type: decimal; }
UL LI { list-style-type: circle; }
OL OL LI, UL OL LI { list-style-type: lower-alpha; }
OL UL LI, UL UL LI { list-style-type: disc; }

/* ------------ HTML - Tabeller -------------- */

TABLE { width: 100%; }
TD, TH { padding: 8px 6px;text-align: left; }
TH { font-weight: bold; }
THEAD TD, THEAD TH { background-color: #666;border-bottom: 1px dashed #aaa;text-transform: uppercase; }
TBODY TD, TBODY TH { border-bottom: 1px dashed #aaa; }
TBODY.clean TD, TBODY.clean TH { border-bottom: 0px; }
TFOOT TD, TFOOT TH { background-color: #999; }

/* ------------ Specialstilar -------------- */

.l { text-align: left; }/*#edit#*/
.c { text-align: center; }/*#edit#*/
.r { text-align: right; }/*#edit#*/

.right { float: right; }
.left { float: left; }
.hidden { display: none; }

.date { margin-bottom: 5px;color: #7093a6;font-weight: bold; }

/* ------------ Header -------------- */

#top { background: url("./img/bg/bg_base.png") center top repeat-y; }
#top .row { width: 936px;padding: 0; }
#top .row .column { height: 360px;background: url("./img/bg/bg_col_top.png") left bottom repeat-x; }
#top .row .grid_4 { width: 290px;margin-right: 0;padding-right: 10px; }
#top .row .grid_8 { width: 606px;margin-left: 0;padding-left: 10px;background: url("./img/bg/ref1.jpg") right top no-repeat; }

#logo { position: absolute;top: 40px;left: 41px; }

#top .row P {  }
#top .row P.quote { position: absolute;top: 150px;left: 40px;width: 245px;margin: 0; }
#top .row P.quote, BLOCKQUOTE { color: #38657a;font-size: 14px;line-height: 18px; }

#contact_info { position: absolute;bottom: 20px;left: 40px;font-size: 11px;line-height: 14px; }
#contact_info SPAN { font-weight: bold;color: #7093a6; }

#topMenu { position: absolute;right: 11px;top: 0; }
#topMenu LI { float: left;margin: 0 5px 0 0;padding: 0;list-style-type: none;background: url("./img/bg/bg_topMenu_li.png") right top no-repeat; }
#topMenu LI A { float: left;color:#000;height: 27px;margin-right: 20px;padding: 7px 0 0 20px;background: url("./img/bg/bg_topMenu_a.png") left top no-repeat;text-decoration: none;  }

#partner { position: absolute;right: 9px;top: 200px;display: block;width: 185px;height: 67px;background: url("./img/bg/partner2.png") left top no-repeat;text-indent: -1000em; }

#mainMenu {
        position: absolute;
        bottom: 0;
        right: 10px;
        width: 616px;
        height: 80px;
        margin: 0;
        padding: 0;
}
#mainMenu LI { float: left;margin: 0;padding: 0;list-style-type: none; }
#mainMenu A, #mainMenu A:hover {
        float: left;
        display: block;
        width: 87px;
        height: 45px;
        margin: 0;
        padding: 35px 0 0;
        background: url("./img/bg/bg_mainMenu_a.png") center top no-repeat;
        border-left: 1px solid #efefef;

        color: #222;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
}
#mainMenu A:hover { background-position: center -160px;color: #f6921d; }

#mainMenu LI.current_page_item A, #mainMenu LI.current_page_item A:hover { background-position: center -80px;color: #5ba046; }
#mainMenu LI.current_page_item A:hover { background-position: center -240px; }

#mainMenu .page-item-5 A, #mainMenu .page-item-5 A:hover { width: 175px; }

#subMenu {
        height: 46px;
        margin: 0 0 35px;
        padding: 0;
}
#subMenu LI { float: left;margin: 0 10px 0 0;padding: 0;list-style-type: none; }
#subMenu A, #subMenu A:hover {
        float: left;
        display: block;
        height: 30px;
        margin: 0 15px 0;
        padding: 16px 0 0;
        background: url("./img/bg/bg_subMenu_a.gif") center 100px no-repeat;

        color: #333;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
}
#subMenu A:hover { background-position: center top; }
#subMenu LI.current_page_item A , #subMenu LI.current_page_item A:hover { color: #fff; }
#subMenu LI.current_page_item A:hover { background-position: center -46px; }

/* ------------ content -------------- */

#main { background: url("./img/bg/bg_base.png") center top repeat-y; }
#main.home .row { background: url("./img/bg/bg_aktuellt.gif") right bottom no-repeat; }
#main.home .top { padding-top: 43px;background: url("./img/bg/bg_aktuellt.gif") right top no-repeat; }
#main.home .top .grid_8 .text { margin: 0 15px 25px 0; }
#main.standard .top { padding-top: 31px; }
#main.sub .top { background: url("./img/bg/bg_subPage.gif") right top no-repeat; }

#info { display: block;position: absolute;left: 468px;top: 394px;width: 34px;height: 290px;margin-left: 50%;background: url("./img/bg/bg_info_2011.png") left top no-repeat;z-index: 1; }

#main .row H1.quote { width: 95%;margin-bottom: 30px;color: #38657a;line-height: 28px;font-size: 24px;font-weight: normal; }

.home .grid_8 { margin-bottom: 130px; }
.home .grid_8 H2, .sub .grid_4 H2 { margin-bottom: 15px;font-size: 14px; }
.sub .grid_4 H2 { margin-top: 15px; }
.home .grid_4 H2 { margin-top: 7px;margin-bottom: 25px; }

.box { float: left;width: 180px; }
.one { margin-right: 11px;background: url("./img/bg/box_shade.png") 153px top no-repeat; }
.two { background: url("./img/bg/box_shade.png") 153px top no-repeat; }
.three { float: right; }

.one H2 { color: #f6921d; }
.two H2 { color: #5ba046; }
.three H2 { color: #41799b; }

.box A.icon, .box A.icon:hover {
        display: block;
        width: 141px;
        height: 137px;
        background-image: url("./img/bg/box_a.jpg");
        background-repeat: no-repeat;
        background-position: 0px 0px;

        text-decoration: none;
}
.two A.icon { background-position: -141px 0px; }
.three A.icon { background-position: -282px 0px; }
.one A.icon:hover { background-position: 0px -137px; }
.two A.icon:hover { background-position: -141px -137px; }
.three A.icon:hover { background-position: -282px -137px; }

.box UL { width: 150px; }
.box LI { margin: 0 0 2px 0;padding: 0 0 0 18px;list-style-type: none;background: url("./img/bg/bg_li_orange.png") left top no-repeat; }
.two LI { background-image: url("./img/bg/bg_li_green.png"); }
.three LI { background-image: url("./img/bg/bg_li_blue.png"); }

.sub .box {
        clear: both;
        float: none;
        overflow: hidden;
        width: 100%;
        margin-left: 10px;
        padding-bottom: 15px;
        background: url("./img/bg/box_shade2.png") center bottom no-repeat;
}
.sub .one { margin-right: 0; }
.sub .three { float: none;background: none; }

.sub .box A.icon, .sub .box A.icon:hover {
        float: left;
        width: 110px;
        height: 107px;
        background-image: url("./img/bg/small_box_a.jpg");
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
.sub .two A.icon { background-position: -110px 0px; }
.sub .three A.icon { background-position: -220px 0px; }

.sub .box A.icon:hover { background-position: 0px -107px; }
.sub .two A.icon:hover { background-position: -110px -107px; }
.sub .three A.icon:hover { background-position: -220px -107px; }

.sub .box UL { float: right;width: 140px;margin-top: 10px; }

#desc { position: absolute;left: 28px;bottom: 23px;width: 544px;padding: 20px 20px 12px 20px;background: url("./img/bg/bg_desc.png") left top no-repeat;line-height: 14px; }
#desc P { display: inline; }
#descBtm { position: absolute;left: 28px;bottom: 15px;width: 584px;height: 8px;background: url("./img/bg/bg_descBtm.png") left top no-repeat; }

#main.standard .grid_12 H1,
#main.standard .grid_12 H2,
#main.standard .grid_12 H3,
#main.standard .grid_12 H4,
#main.standard .grid_12 UL,
#main.standard .grid_12 OL,
#main.standard .grid_12 TABLE,
#main.standard .grid_12 P { margin-right: 378px; }

#main.standard .grid_12 P { text-align: justify; }

#main.standard .grid_12 P IMG { float: right;margin: 0 -378px 20px 20px; }

/* ------------ footer -------------- */

#bottom { position: relative;background: url("./img/bg/bg_base.png") center top repeat-y; }
#bottom .row { position: absolute;bottom: 0;width: 100%;height: 100%;padding: 0px; }
#bottom .column { display: block;position: absolute;left: 50%;bottom: 0;height: 50px;margin: 0 0 0 -428px; }

#bottom.home .column, #bottom.sub .column { background: url("./img/bg/bg_aktuellt2.gif") 567px top no-repeat; }

#siteby  { float: left;margin: 0;padding: 15px 0 0;font-size: 10px; }

#siteby LI { float: left;list-style-type: none;margin: 0; }
#siteby LI A { padding-right: 10px;border-right: 1px solid #999;color: #999; }
#siteby LI A:hover { color: #38657a; }
#siteby LI A.plucera { padding-left: 10px;border: none; }