/*   
Theme Name: GKK NEW
*/

/*****************************************************************************************************
= 960
******************************************************************************************************/


/*
        Variable Grid System.
        Learn more ~ http://www.spry-soft.com/grids/
        Based on 960 Grid System - http://960.gs/

        Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 852px;
	
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
        display:inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
        margin-left: 0;
}

.omega {
        margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
        width:51px;
}

.container_12 .grid_2 {
        width:122px;
}

.container_12 .grid_3 {
        width:193px;
}

.container_12 .grid_4 {
        width:264px;
}

.container_12 .grid_5 {
        width:335px;
}

.container_12 .grid_6 {
        width:406px;
}

.container_12 .grid_7 {
        width:477px;
}

.container_12 .grid_8 {
        width:548px;
}

.container_12 .grid_9 {
        width:619px;
}

.container_12 .grid_10 {
        width:690px;
}

.container_12 .grid_11 {
        width:761px;
}

.container_12 .grid_12 {
        width:832px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
        padding-left:71px;
}

.container_12 .prefix_2 {
        padding-left:142px;
}

.container_12 .prefix_3 {
        padding-left:213px;
}

.container_12 .prefix_4 {
        padding-left:284px;
}

.container_12 .prefix_5 {
        padding-left:355px;
}

.container_12 .prefix_6 {
        padding-left:426px;
}

.container_12 .prefix_7 {
        padding-left:497px;
}

.container_12 .prefix_8 {
        padding-left:568px;
}

.container_12 .prefix_9 {
        padding-left:639px;
}

.container_12 .prefix_10 {
        padding-left:710px;
}

.container_12 .prefix_11 {
        padding-left:781px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
        padding-right:71px;
}

.container_12 .suffix_2 {
        padding-right:142px;
}

.container_12 .suffix_3 {
        padding-right:213px;
}

.container_12 .suffix_4 {
        padding-right:284px;
}

.container_12 .suffix_5 {
        padding-right:355px;
}

.container_12 .suffix_6 {
        padding-right:426px;
}

.container_12 .suffix_7 {
        padding-right:497px;
}

.container_12 .suffix_8 {
        padding-right:568px;
}

.container_12 .suffix_9 {
        padding-right:639px;
}

.container_12 .suffix_10 {
        padding-right:710px;
}

.container_12 .suffix_11 {
        padding-right:781px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
        left:71px;
}

.container_12 .push_2 {
        left:142px;
}

.container_12 .push_3 {
        left:213px;
}

.container_12 .push_4 {
        left:284px;
}

.container_12 .push_5 {
        left:355px;
}

.container_12 .push_6 {
        left:426px;
}

.container_12 .push_7 {
        left:497px;
}

.container_12 .push_8 {
        left:568px;
}

.container_12 .push_9 {
        left:639px;
}

.container_12 .push_10 {
        left:710px;
}

.container_12 .push_11 {
        left:781px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
        left:-71px;
}

.container_12 .pull_2 {
        left:-142px;
}

.container_12 .pull_3 {
        left:-213px;
}

.container_12 .pull_4 {
        left:-284px;
}

.container_12 .pull_5 {
        left:-355px;
}

.container_12 .pull_6 {
        left:-426px;
}

.container_12 .pull_7 {
        left:-497px;
}

.container_12 .pull_8 {
        left:-568px;
}

.container_12 .pull_9 {
        left:-639px;
}

.container_12 .pull_10 {
        left:-710px;
}

.container_12 .pull_11 {
        left:-781px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
}

/*
http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack
*/

.clearfix:after {
        clear: both;
        content: ' ';
        display: block;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
        width: 0;
        height: 0;
}

.clearfix {
        display: inline-block;
}

* html .clearfix {
        height: 1%;
}

.clearfix {
        display: block;
}

/*generic
----------------------------------------------------------------------------------------------------*/
a:link{
        text-decoration:none;
        color: #666;
        font-size: 12px;
}

a:hover{
        text-decoration:none;
        color: #666;
        font-size: 12px;
}

a:visited{
        text-decoration:none;
        color: #666;
        font-size: 12px;
}

/* hd
----------------------------------------------------------------------------------------------------*/
.hd{
}

.hd_inner{
}

.main-nav-wrap{
        font-family:sans-serif;
        font-weight:bold;
}

.main-nav-wrap ul{
        text-align:center;
        
        }
.main-nav-wrap ul li {
        background: url("http://localhost/ef/wp-content/uploads/2009/09/blue.png")
no-repeat top right;
        float:left;
        line-height: 22px;
        list-style-type: none;
        padding: 0 0 30px 0;
        width: 130px;
}

/* bd
----------------------------------------------------------------------------------------------------*/
.bd {
        font-family:Arial,'Liberation Sans',FreeSans,sans-serif;
        font-size: 10px;
        color: #696969;

}

.bd_inner{
}

.content_wrap{
        padding-left: 15px;

}


.right-sidebar{
        border:2px solid #EEE;
        margin-top: 45px;
        color:#696969;

}

.right-sidebar p:hover{
        width:100%;
        display:block;
        text-decoration:none;
}

.left-sidebar{
        list-style-type:none;
        padding:45px 0 0 45px;
}

.left-sidebar li a{
        color:#696969;
        line-height:20px;
}

.left-sidebar p:hover{
        width:100%;
        display:block;
        text-decoration:none;
}


/* ft
----------------------------------------------------------------------------------------------------*/
.ft{
        font-family:Arial,'Liberation Sans',FreeSans,sans-serif;
        font-size: 10px;
        color: #696969;

}

.ft_inner{
        border-top: 1px solid;
        margin-top: 10px;
}



img {border: 0;}
h2 {color: #029ddf;}




/* CALENDAR */
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }




#nav a { 
    padding: 25px 0 0 0; 
    overflow: hidden; 
    background-repeat: no-repeat; 
    height: 0px !important; 
    height /**/:30px; 
} 
#nav-start { background-image: url("wp-content/images/meny_start.gif"); width: 60px; } 
#nav-blog { background-image: url("/images/nav/blog.gif"); width: 50px; } 


/*
Use the DMSGuestbook admin interface for change these css settings.
Don't edit this file direct, your change could be overwrite by the DMSGuestbook admin.
If dmsguestbook.css is exist and writable, all CSS settings will be read from it.
Otherwise these settings will be load from the database.
*/


.css__position {position:relative;
left:0px;
top:0px;}

.css_guestbook_font_color {color:#000000;}

.css_form_text {font-weight:normal;}

.css_form_namefield {border:1px solid #999999;
width:150px;
color:#000000;}

.css_form_emailfield {border:1px solid #999999;
width:150px;
color:#000000;}

.css_form_urlfield {border:1px solid #999999;
width:150px;
color:#000000;}

.css_form_additional_option {border:1px solid #999999;
width:150px;
color:#000000;}

.css_form_textfieldspace {text-align:left;
padding:5px 0px 0px 0px;
margin:0px 0px;}

.css_form_messagefield {border:1px solid #999999;
width:80%;
height:150px;
color:#000000;}

.css_form_antispamtext {text-align:center;}

.css_form_antispamcontent {border:1px solid #999999;}

.css_form_antispamcontent_position {text-align:center;
padding:5px 0px;
margin:0px 0px;}

.css_form_antispam_inputfield {width:60px;
border:1px solid #999999;
color:#000000;}

.css_form_submit {color:#000000;}

.css_form_submit_position {text-align:center;
padding:20px 0px 10px 0px;}

.css_form_errormessage {color:#bb0000;
font-size: 11px;
text-decoration: none;
font-weight:bold;}

.css_form_successmessage {color:#00bb00;
font-size: 11px;
text-decoration: none;
font-weight:bold;}

.css_form_link {font-size:11px;
position:relative;
top:0px;
left:0;}

.css_navigation_totalcount {font-size:11px;
left:0px;
width:95%;
text-align:center;
padding:0px 0px 5px 10px;}

.css_navigation_overview {left:0px;
width:95%;
text-align:center;
padding:0px 0px 15px 12px;}

.css_navigation_select {color:#bb1100;
text-decoration:none;}

.css_navigation_notselect {color:#000000;
text-decoration:none;}

.css_navigation_char {color:#000000;
font-size:20px;
text-decoration:none;
font-weight:bold;}

.css_navigation_char_position {left:0px;
width:95%;
padding:0px 0px 0px 10px;
margin:0px 0px 20px 0px;
text-align:center;}

.css_post_header1 {font-size:11px;
height:15px;}

.css_post_header2 {width:20px;
height:15px;}

.css_post_header3 {width:20px;
height:15px;}

.css_post_header4 {font-size:11px;
height:15px;}

.css_post_email_image {height:15px;
width:15px;
border:0px;}

.css_post_url_image {height:15px;
width:15px;
border:0px;}

.css_post_separator {border: 1px solid #EEEEEE;
height:1px;
width:35%;
text-align:left;
margin:0px 0px 0px 0px;}

.css_post_message {font-size:11px;
margin:5px 0px 0px 0px;}

.css_form_embedded {width:75%;
border:1px solid #999999;
font-size:12px;
text-align:left;
padding:0px 10px;
margin:0px 0px 0px 0px;
line-height:1.4em;}

.css_post_embedded {width:75%;
border:1px solid #999999;
background-color: #FFFFFF;
font-size:12px;
text-align:left;
padding:10px 10px;
margin:0px 0px 0px 0px;
line-height:1.4em;}
a.css_navigation_char:hover {text-decoration:none; color:#000000;}
a.css_navigation_select:hover {text-decoration:none; color:#bb1100;}
a.css_navigation_notselect:hover {text-decoration:none; color:#000000;}
img.css_post_url_image {border:0px;}
img.css_post_email_image {border:0px;}



.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
	

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	background-color: #EEEEEE;
	}
/* End Comments */

	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.box {border:1px dotted; padding: 0px; background-color: #EEEEFF; border-color: #CCCCCC;}
.border-title{color: #FFF; padding: 3px; margin: 0px; background-color: #029ddf; font-size: 18px;}
.comment-body {background-color: #FEFFFF; border: 1px dotted; border-color: #DDDDDD;}
.comment-author {background-color: #EEEEEE;}
/* End Form Elements */