/*
Theme Name: Maskinaffären i Nybro AB
Theme URI: http://www.maskinaffaren.com
Description: Maskinaffären i Nybro AB
Version: 1.0
Author: ClearSense
Author URI: http://www.clearsense.se
*/


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {
	height: auto;
	min-height: 100%;
}

/******************* Grundstruktur start *******************/
/*        Body, page, header, content, meny, footer        */
/*        Body-taggen är ROOT när det gäller stilar.       */
/***********************************************************/
body
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial,Helvetica, Sans-Serif;
	background: #fff url('images/bg-body.png') repeat-x top center;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
}

#wrap {
	padding-bottom: 30px;
}

#page
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	padding-bottom: 225px;
}

#header
{
	background: transparent url('images/bg-header.png') no-repeat bottom center;
	margin: 0;
	padding: 0;
	padding-top:5px;
	height: 194px;
	width: 980px;
}

#content
{
	font-size: 1.2em;
	padding: 0 60px 20px 0;
}

#content p {
	padding: 8px 0;
}

.contentcolumn
{
	float: left;
	clear: right;
	padding: 0 0 10px 20px;
	margin: 0 auto;
	width: 700px;
}

.contentcolumn .entry p
{
	font-size: 1.05em;
}

.contentcolumn .entry
{
	line-height: 1.4em;
}

.contentcolumn
{
	line-height: 1.6em;
}

.contentcolumn .postmetadata
{
	text-align: center;
}

div#page div#topmenu
{
	width: 980px;
}

div#page div#sidebar div#topmenu ul
{
	padding: 0;
	margin: 0;
}


div#page div#topmenu ul {
	background: transparent;
	height: 30px;
	padding-top: 11px;
}

div#page div#topmenu ul li
{
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

div#page div#topmenu ul li a
{
	color: #666;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 8px 9px 8px;	
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	margin: 0;
	
}

div#page div#topmenu ul li a:hover {
	background: url('images/bg-menu-item-hover.png') repeat-x top left;
	color: #fff;
	padding: 10px 8px 9px 8px;	
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	margin: 0;
}

div#page div#topmenu ul .current_page_item {
	background: url('images/bg-menu-item-hover.png') repeat-x top left;
	padding: 13px 0 9px 0;
	margin: 0;
}

#footer
{
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background: transparent url('images/bg-footer.png') repeat-x top left;
	border: none;
	position: relative;
	margin-top: -225px; /* negative value of footer height */
	height: 225px;
	clear:both;
	text-align: center;
}

#footer-inside {
	width: 780px;
	text-align: left;
	margin: 0 auto;
	color: #fff;
	padding-top: 95px;
	font-size: 1.1em;
}

.footer-block {
	width: 130px;
	display: inline;
	float: left;
	text-align: left;
	padding-right: 60px;
}

#footer a { color: #fff; }

#footer li {
	list-style-position: inside;
	list-style-type: none;
}

#footer li:before { content: "- "; }

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/********************** Grundstruktur slut **********************/


/******************* Innehåll struktur start *******************/
/*                     Post, postmetadata                      */
/***************************************************************/

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.contentcolumn .post
{
	margin: 0;
}

.post hr {
	display: block;
	}

.contentcolumn .postmetadata {
	padding-top: 5px;
	}

.contentcolumn .postmetadata {
	margin: 30px 0;
	}

.contentcolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.contentcolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}
/********************* Innehåll struktur slut ******************/

/****************** Text/Länk-stilar start ***********************/
/*            description, länkar,  small, sticky                */
/*****************************************************************/
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

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

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

.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;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

.hentry small {
	font-size: 1.1em;
	display: block;
	color: #999;
	
}	
	
/******************* Text/Länk-stilar slut ***********************/



/******************** Rubrikstaggar start ************************/
/*               h1, h2, h3 i content/sidebar                    */
/*****************************************************************/
h1, h2, h3
{
	font-family: Arial,Helvetica, Sans-Serif;
	font-weight: bold;
	color: #c33;
}

h1
{
	font-size: 4em;
	text-align: center;
}

h1
{
	padding-top: 70px;
	margin: 0;
}

h2
{
	margin: 30px 0 0;
}

h2.pagetitle
{
	margin-top: 30px;
	text-align: center;
}

#sidebar h2
{
	margin: 5px 0 0;
	padding: 0;
}

h3
{
	padding: 0;
	margin: 30px 0 0;
}

h3.comments
{
	padding: 0;
	margin: 40px auto 20px ;
}

h2
{
	font-size: 1.6em;
}

h2.pagetitle
{
	font-size: 1.6em;
}

#sidebar h2
{
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.5em;
	color: #666;
	padding-bottom: 12px;
}

h3
{
	font-size: 1.3em;
}

#sidebar h3 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
}

h1,
h1 a,
h1 a:hover,
h1 a:visited,
#headerimg .description
{
	text-decoration: none;
	color: white;
}

h2, 
h2 a, 
h2 a:visited, 
h3, 
h3 a, 
h3 a:visited
{
	color: #c33;
}

h2,
h2 a,
h2 a:hover,
h2 a:visited,
h3,
h3 a,
h3 a:hover,
h3 a:visited,
#sidebar h2,
#wp-calendar caption,
cite
{
	text-decoration: none;
}

.sticky h2
{
	padding-top: 10px;
}

.post h2, .hentry h2 {
	padding-bottom: 1.1em;
}

/********************* Rubrikstaggar slut ************************/


/************************ Bilder start ***************************/
/*    Positionjusteringar och css-stilar för samtliga bilder.    */
/*****************************************************************/
p img
{
	padding: 0;
	max-width: 100%;
}

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

.alignright
{
	float: right;
}

.alignleft
{
	float: left;
}
/************************ Bilder slut ***************************/


/********************* List-element start ***********************/
/*         List-element i innehåll (.entry) - ul li.            */
/****************************************************************/

html>body .entry ul
{
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

html>body .entry li
{
	margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before
{
	list-style-type: none;
	content: "- ";
}

.entry ol
{
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li
{
	margin: 0;
	padding: 0;
}

.postmetadata ul, .postmetadata li
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

/********************* List-element slut ************************/

/********************* Form-element start ***********************/

/** KONTAKTFORMULÄR START **/

#page div.wpcf7 form {
	text-align: left;
	padding: 10px 0;
}

#page div.wpcf7 form input[type=submit] {
	margin: 6px 0;
}

textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select
{
-moz-border-radius:4px 4px 4px 4px;
border-style:solid;
border-width:1px;
border-color: #ccc;
}

/** SLUT KONTAKTFORMULÄR **/

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

.entry form
{
	text-align:center;
}

select
{
	width: 130px;
}

#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;
}

/******************** Form-element slut ************************/


/********************* Kommentarer start ***********************/
/*   Kommentar-fälten under varje single-inlägg. (Single.php)  */
/***************************************************************/
.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;
}

.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;
}

/********************* Kommentarer slut ************************/


/*********************** Sidebar start *************************/
/*           Sidebaren är inaktiv i php från början.           */
/*      Ta bort "//" innan get_sidebar(); i page.php osv.      */
/***************************************************************/
#sidebar
{
	float: left;
	padding: 20px 0 10px 0;
	margin: 0;
	width: 190px;
}

#sidebar form
{
	margin: 0;
}

#sidebar #searchform #s
{
	width: 108px;
	padding: 2px;
}

#sidebar #searchsubmit
{
	padding: 1px;
}

#sidebar ul, #sidebar ul ol
{
	margin: 0;
	padding: 0;
}

#sidebar ul li
{
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select
{
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol
{
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol
{
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li
{
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li
{
	margin: 3px 0 0;
	padding: 0;
}

#sidebar small {
	font-size: 1.1em;
	padding: 4px 0;
}

/*********************** Sidebar slut *************************/



/********************** Kalender start ************************/
/*              Gjort för WP's inbyggda kalender              */
/**************************************************************/
#wp-calendar
{
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a
{
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a
{
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a
{
	display: block;
}

#wp-calendar caption
{
	text-align: center;
	width: 100%;
}

#wp-calendar td
{
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td.pad:hover
{
	background-color: #fff;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/********************** Kalender slut *************************/



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/*************** Bildtext start (captions) *******************/
/*      Rutan som syns under bilder med beskrivning          */
/*            .wp-caption, .wp-caption-text                  */
/*************************************************************/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/**************** Bildtext slut (caption) ********************/