@import url("css/reset.css");
/*
Theme Name: Almedahls
Theme URI: http://dinwebb.nu/
Description: Skapat av dinwebb för Almedahls
Version: 1.0
Author: Dinwebb
Author URI: http://dinwebb.nu
*/

/*---------------------------------------[   General   ]*/
html { background: #fff url(images/bg2.gif);}
body {color: #373737; font: 11px/1.1 Arial, Helvetica, sans-serif;}

a {color: #000; text-decoration: none;}
a:hover {color: #ccc;}

blockquote {padding: 0px 10px 10px; border-top: 0px solid #eee; border-bottom: 0px solid #eee; margin: 0px 10px; font-style: italic;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin-bottom: 10px; font-family: 'Century Gothic', arial, sans-serif; color: #000;}
h1 {font-size: 25px;}
h2 {font-size: 22px; font-weight: normal;}
h3 {font-size: 20px; font-weight: normal;}
h4 {margin: 0; font-size: 14px;}
h5 {}

img {border: none;}

p {padding: 0 0 10px;}
strong {color: #000;}

#mainWrapper { width: 940px; margin: 0 auto 50px; background: #fff; border: 1px solid #eee; padding: 0 10px; -moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #ccc; }
#pageWrapper {padding: 0px 0 0;}


#js {text-align: center; padding: 10px; margin: 10px auto 10px; background: #ffebe8; border: 1px solid #cc0000; width: 940px; }

/*---------------------------------------[   Header   ]*/

#header {position: relative; float: left; width: 100%; clear: both; border-bottom: 1px solid #000; margin: 0 0 10px; padding: 30px 0 1px;}
	
    #logo a{
        display: block; 
        text-indent: -999999px; 
        width: 280px; 
        height: 43px; 
        float: left;
        background: url(images/almedahls.png) no-repeat left center;
        margin: 0px 0 30px;
    }
    #logo a:hover {}
    #header h1 {margin: 0px;}





/*---------------------------------------[   mainNav   ]*/

#mainNav {float: right}
#mainNav ul {float: left;}
#mainNav li {float: left; position: relative;}
#mainNav .mittLinje {font-size: 10px; color: #aaa;}
#mainNav li a {
    display: block;
    float: left;
    padding: 0px;
    margin: 0 5px;
    color: #aaa;
}
#mainNav li a:hover, 
#mainNav li.current_page_item a,
#mainNav li.current_page_parent a,
#mainNav li.current_page_ancestor a {
    border-color: #00A1D6;
    color: #333;
}

/*   lvl 2   */
#mainNav ul ul {display: none;}


#ps_loginform {}
#ps_loginform .input {border: 1px solid #e0e0e0; font: 12px arial; display: block; padding: 2px; width: 190px;}
.forgetmenot {float: left; margin: 5px 0 0;}
.ps-submit {float: right;}
#ps_submit {border: 0px solid #323; padding: 0; margin: 0; background: #fff; cursor: pointer;}
#ps_submit span { display: block; background: url(images/stor-knapp.png); border: 1px solid #850000; color: #fff; font: 11px arial; line-height: 25px; height: 25px; padding: 0 5px; margin: 0;}
#ps_submit span:hover { border-color: #a85555}
#nav {clear: both;}


#topSearch {float: right; clear: right; margin: 10px 0 0 0; position: relative; height: 30px; width: 280px;}
#searchInput {border: 1px solid #c7c7c7; width: 190px; padding: 5px; height: 16px; }
#searchSubmit {text-indent: -99999px; display: block; position: absolute; top: 0; right: 0; background: url(images/sprites.png) repeat 0px -35px; 
			height: 28px; width: 71px; border: none; cursor: pointer; font-size: 0; line-height: 0;}
#searchSubmit:active { -ms-background-position-x: 1px; -ms-background-position-y: -34px;}

/*---------------------------------------[   segmentNav  ]*/
#segmentNav {width: 100%; clear: both; border-bottom: 2px solid #000; padding: 0 0 2px; float: left;}
#segmentNav li {float: left;}
#segmentNav li a {
    display: block;
    float: left;
    padding: 0 0 0 20px;
    position: relative;
    font-size: 15px;
    color: #000;
    /*width: 150px;*/
    margin: 0 40px 0 0;
}
#segmentNav li a:hover {color: #ccc}
#segmentNav li span {display: block; position: absolute; overflow: hidden; left: 0px; top: 4px; width: 10px; height: 10px; background: #850000; }



/*---------------------------------------[   breadcrumb  ]*/
#breadcrumb {color: #ababab; margin: 0 0 10px 10px; font-size: 10px; float: left; clear: both; width: 100%;}
#breadcrumb a {display: block; float: left;}
.sep {display: block; float: left; width: 0px; height: 0px; margin: 3px 10px 0; line-height: 1px;
	border-top: 3px solid #fff; border-left: 3px solid #000; border-bottom: 3px solid #fff;}
.you-are-here {display: block; float: left; margin: 0 10px 0 0;}




/*---------------------------------------[   subNavWidget   ]*/

#sidebarLeft {width: 158px; float: left; margin: 0 20px 0 0; background: #f5f5f5; min-height: 1px; border: 1px solid #e0e0e0;}

.wpsc_categories a, #sidebarLeft .page_item a {
    display: block;
    padding: 5px 0 5px 12px;
    font-weight: bold;
    font-size: 12px;
    background: url(images/menu-dots.png) no-repeat 0px 9px;
	margin: 0;
}

#sidebarLeft li.page_item {padding: 0px 10px; width: 138px;}
#sidebarLeft .first {padding: 10px 10px 0;}
#sidebarLeft .last {padding: 0px 10px 10px;}
#sidebarLeft .current_page_item a {background-position: 0px -71px}


.widget_wpsc_categorisation .widget-title {display: none;}
.wpsc_categories {padding: 10px;}
.wpsc_categories ul {display: none;}
.wpsc_categories .wpsc-cat-ancestor ul {display: block}
.wpsc-cat-ancestor a {background-position: 0px -31px}

.wpsc_categories ul a {
    padding: 5px 0 5px 22px;
    font-weight: normal;
    background: none;
}
.wpsc_categories ul .wpsc-current-cat a {
    padding: 5px 0 5px 32px;
    font-weight: bold;
    background: url(images/menu-dots.png) no-repeat 22px -71px;
}


/*---------------------------------------[   subNav   ]*/

#subNav {border-bottom: 1px solid #B5B5B5; margin: 0 0 20px;}
    #subNav a {
        display: block;
        padding: 0px 10px 0px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        text-decoration: none;
        border-top: 1px solid #B5B5B5;
        background: #aaf;
        }
    
    #subNav .first a {}
    #subNav .last a {}
    #subNav .current_page_item.first a {}
    #subNav .current_page_item.last a {}

    #subNav a:hover, #subNav ul .page_item a:hover {font-weight: bold;}
    #subNav .current_page_item a, #subNav ul .current_page_item a { color: #333; background: #99f }







/*---------------------------------------[   Content   ]*/

#content { padding: 0 9px 0 0; float: left; background: none;}
.content-general {width: 520px; border-right: 1px solid #d7d7d7;}
.contentWide {width: 700px;}
.homepage-content {}
	body .post, body .page {padding: 0 0 20px 0;}
	
	.post-title {margin: 0 0 10px}
	.post-title h2 {margin: 0px;}
	.postmetadata {font-size: 11px; color: #777;}
	
    .entry {}
    .entry h3 {border-bottom: 1px solid #e0e0e0; font-size: 15px; font-weight: bold;}
    .entry ul {list-style: disc outside; margin: 0 0 10px 15px}
    .entry ul li {list-style: disc outside;}
    .entry ol {list-style: disc outside; margin: 0 0 10px 20px}
    .entry ol li {list-style: decimal outside;}
	



/*---------------------------------------[   Sidebar   ]*/

#sidebar {width: 220px; float: left; margin: 0 0 0 10px; background: none;}
	
	#sidebar li {}




/*---------------------------------------[   Widgets   ]*/



.ps_puff {position: relative; overflow: hidden; min-height: 150px;}
.ps_puff .widget-title {background: url(images/puff-bg.png) no-repeat right top; font-size: 16px; line-height: 20px;}
.ps_puff img {margin-bottom: 0;}
.page-template-homepage-php #content-widget {width: 940px;}
#content-widget .ps_puff {width: 220px; float: left; margin: 0 0 0 20px;} 
#content-widget .puff-wide {width: 460px; margin: 0;}

.ps_puff .knapp {position: absolute; float: none; bottom: 0px; left: 0px}

.edit-puff-link {background: url(images/edit.png) no-repeat left center; text-indent: 20px; height: 20px; line-height: 20px; display: block; position: absolute; top: 0px; right: 0px; width: 16px; overflow: hidden;}

.dark-puff {border: 1px solid #e0e0e0; background: #f5f5f5; padding: 10px 10px 0; min-height: 0px}
.dark-puff h3 {display: none;}

/*---------------------------------------[   Footer   ]*/

#footer {clear: both; width: 100%; padding: 0px 0 0px; border-top: 1px solid #e4e4e4; margin: 20px 0 0; height: 50px; position: relative; color: #d0d0d0;}

.kop-hemsida a {display: block; text-indent: -12001px; background: url(images/kop-en-ny-hemsida.gif); width: 59px; height: 9px; position: absolute; top: 17px; left: 0;}
#copyText {position: absolute; top: 15px; right: 0px; }
#copyText a {color: #d0d0d0}
#copyText a:hover {color: #333}

#footerSpace {height: 200px; width: 100%;}

/*---------------------------------------[   Ovrigt   ]*/

.redigera {background: url(images/edit.png) no-repeat left center; padding: 0 0 0 20px; height: 20px; line-height: 20px;}

.hide-me {display: none;}

.knapp {display: block; background: url(images/knapp.png) repeat-x ; line-height: 16px; height: 16px; color: #fff; padding: 0 5px; float: left; border: 1px solid #850000; text-shadow: -1px -1px 0 #850000, 1px -1px 0 #850000;}
.knapp:hover { border-color: #a84444; color: #fff; }
.kontakt-knapp {display: none;}


/*---------------------------------------[   Cform   ]*/

.cform {width: 100%; overflow: hidden; color: #000;}
.cform fieldset {border: none; margin: 0 0 0px; padding: 0;}
.cform legend {
    display: block;
    width: 100%;
    margin: 0px 0 20px;
    padding: 20px 0 0px;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    border-bottom: 1px solid #e0e0e0;
}
.cform ol {list-style: none; padding: 0; margin: 0}
.cform ol li, .cform ul li {overflow: hidden; padding: 0px 0 10px; margin: 0; list-style: none;}
.cform label {display: block; width: 120px; padding: 0 0 2px; float: left; line-height: 25px;}
.cform input, .cform textarea, .cform select {border: 1px solid #ddd; width: 390px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #757575; background: none;}
.cform select {padding: 3px; width: 210px;}
.cform input:focus, .cform textarea:focus {}
.cform input {}
.cform textarea { clear: both; float: none; height: 120px; width: 390px}
.cform p {}
.cform .cf-sb {text-align: right}
.cform .sendbutton {cursor: pointer; width: 71px; height: 27px; background: #ddd url(images/sprites.png) no-repeat 0px -81px; display: block; overflow: hidden; text-indent: -99999px; float: right; margin: 0 0 20px; border: none;}
.cform .sendbutton:hover {border-color: #1A82F7; color: #777}


/* checkboxar */
.cform .cf-box-title {}
.cform .cf-box-group label {float: none; width: auto; display: inline; padding: 0 20px 0 5px; top: -3px; position: relative;}
.cform .cf-box-group input {float: none; width: auto; height: 15px; }

/* submit messages */
.cf_info {padding: 0px 0; color: #333; font-weight: bold;}
.failure {color: #850000; padding: 10px 0;}
.success {color: #3C9C05; padding: 10px 0;}
.cform .cf_error {border: 1px solid #850000}
.cform .cf_li_err {}

/* other */
.emailreqtxt, .reqtxt {display: none;}
.cform .cf_hidden {display: none;}
.cform .oblig {font-size: 10px;}
.linklove {display: none;}






/*---------------------------------------[   wp pageNavi   ]*/

.wp-pagenavi {display: block; clear: both; margin-bottom: 20px; background: none; line-height: 2; text-align: center;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 3px 8px 3px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4B6A94;
	color: #4B6A94;
	background: none;	
}
.wp-pagenavi a:visited {
	color: #4B6A94;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #4B6A94;
	color: #fff;
	background-color: #4B6A94;
}
.wp-pagenavi a:active {
}
.wp-pagenavi span.pages {
	padding: 3px 8px 3px 8px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #4B6A94;
	background-color: #4B6A94;
}
.wp-pagenavi span.current {
	padding: 3px 8px 3px 8px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #4B6A94;
	color: #fff;
	background-color: #4B6A94;
}
.wp-pagenavi span.extend {
	padding: 3px 8px 3px 8px; 
	margin: 2px;	
	border: 1px solid #4B6A94;
	color: #4B6A94;
	background: none;
}




#omCookies {background: #000; width: 100%; min-height: 100%; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}
#omCookiesText {width: 430px; background: #fff; padding: 20px 10px 20px; position: absolute; z-index: 120; top: 100px; left: 50%; margin: 0 0 0 -225px; border: 0px solid #E2E2E2; -moz-box-shadow: 0 0 15px #000}
#closeCookies {position: absolute; top: 10px; right: 10px;}







.landing {position: relative; margin: 0 0 20px; height: 330px;}
.landing img {display: block;}
.landing-content {position: absolute; bottom: 0; left: 0; padding: 10px 80px 0 10px; background: url(images/black-tans.png); background: rgba(0,0,0,0.7); color: #fff; width: 430px;}
.landing-title {margin: 0; color: #fff;}
.landing .knapp {position: absolute; display: block; bottom: 10px; right: 10px;}



#slideshowWrap {position: relative; margin: 0 0 20px; height: 420px; width: 100%; overflow: hidden;}
#slideshowWrap .start-text {z-index: 10;}
.s-n-p {position: absolute; height: 20px; width: 29px; top: 50%; margin: -10px 0 0; background: url(images/arr.png); z-index: 10; left: 10px; cursor: pointer; display: none;}
#snext {right: 10px; left: auto; background-position: right top}

.start-container {position: relative; margin: 0 0 20px; display: none;}
.start-text {position: absolute; top: 20px; right: 20px; padding: 10px; width: 410px; color: #000; background: url(images/white-trans.png); background: rgba(255,255,255,.7);}
.start-text h2 {font-weight: bold;}
.start-text a {color: #850000; text-decoration: underline;}
.start-text a:hover {text-decoration: none;}



.kontakt-tabell img {vertical-align: top;}
.kontakt-tabell td {padding: 5px 10px;}
.kontakt-even-visible {background: #f2f2f2;}
.kontakt-tabell .td-first {width: 150px; color: #850000;}
.hidden-contakt {border-bottom: 1px solid #f2f2f2}
.kontakt-hover {background: #ddd; cursor: pointer;}









#wpsc_checkout_form_20 {width: auto; border: none; margin: 4px 0 0px;}