/* 
Theme Name: Smemo 2010
Theme URI: http://urban-svensson.com/
Description: Urban maj 2009</a> &auml;r ett Wordpress-tema skapat av <a href="http://urban-svensson.com/" title="Urban Svensson" target="_blank">Urban Svensson</a> 2010. (c) Copyright Urban Svensson 
Version: 1.0
Author: Urban Svensson
Author URI: http://urban-svensson.com/
*/

*{margin:0;padding:0;}

/* -------------------------- Layout ----------------------- */

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:150%;
	background:#b9b9b9 url(images/bg.png) repeat-x;
	margin:0; 
	padding:0;
}

.wrapper
{
	margin:0 auto;
	width:1026px;	
}

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

.header
{
	background:url(images/top.png) no-repeat;
	height:150px;
	margin:0 auto;
	z-index:2;
}	

.topstuff
{
     display:inline;
     float:left;
     width:980px;
	 margin:45px 0 0 22px;
	 z-index:20;
}

#toplinks
{
	float:right;
	width:250px;
	display:inline;
	padding:10px 10px 0 0;
}

.loggain
{
	float:right;
	display:inline;
	padding:0 10px 0 0;
}

.loggain a
{
	color:#ccc;
}

.loggain a:hover
{
	color:#fff !important;
}


#logo h1 a
{
	position:absolute;
	text-indent:-2222em;
	background:url("images/logo.png") no-repeat;
	width:210px;
	height:78px;
	top:60px;
	margin:0 0 0 20px;
	z-index:400;
	display:block;
}

/* -------------------------- Content ----------------------- */

.content-container
{
	background:url(images/content-bg.png) repeat-y;
	margin:0; 
	padding:0;
	z-index:7;
}

#start-container
{
	display:inline;
	float:left;
	clear:both;
	background:#fff;
	width:981px;
	padding:0; 
	margin:0 0 0 23px;
	z-index:1;
	
}

.content-wrapper
{
	 display:inline;
     float:left;
     clear:both;
     width:980px;

}

#main
{
     display:inline;
     float:left;
	 z-index:5;
	 width:680px;
	 background:#fff;	
}

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

li
{
	list-style-type:none;
	list-style:none;
}

.post ul, .post li
{
	list-style-image:url("images/listimage.png") !important;
}

.post li
{
	margin:0 0 2px 30px;
}

/* ---------------------------------- Brödsmulor ------------------------- */

.breadcrumb
{
	padding:0 0 20px 0;
}

.breadcrumb a
{
	color: #bf8507 !important;
	text-decoration:none !important;
}

.breadcrumb a:hover
{
	text-decoration:underline !important;
}	


/* ----------------- Bilder -------------------------- */

img
{
	border:none;	
}

.post img
{
	margin:10px 0 15px 0;
}

a img { border: none; }

img.alignright {float:right; margin:2em 2em 2em 2em}
img.alignleft {float:left; margin:2em 2em 2em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:2em 0 2em 2em}
a img.alignleft {float:left; margin:2em 2em 2em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* ----------------------- Mall for sidor ------------------ */

#sida
{
	display:inline;
	float:left;
	padding:35px;
	width:580px;
}

.wp-caption-text
{
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	border-bottom:1px solid #ccc;
	padding:5px 0 10px 0;
}

.sidebar
{
	display:inline;
	float:right;
	width:280px;
	padding:70px 10px 20px 0;
}

.sidebar h2 
{
	font-size:20px;
}

.sidebar a
{
	color:#333;
	font-size:12px;
	text-decoration:none;
}

.sidebar a:hover
{
	color:#000;
	text-decoration:underline;
}

.sidebar-pluggar a
{
	font-size:16px;
	font-weight:normal;
	color:#666;
}

.sidebar-pluggar
{
	width:185px;
	height:49px;
	padding:20px 0 0 80px;
}

.projektlogin
{
	background:url(images/projektlogin.png) no-repeat;
	margin:20px 0 10px 0;
}	

.projektlogin a, .saljare a, .galleri a
{
	font-family:Arial, Helvetica, sans-serif;
}

.saljare
{
	background:url(images/kontaktsaljare.png) no-repeat;
	margin:0 0 10px 0;
}	

.galleri
{
	background:url(images/galleri.png) no-repeat;
	margin:0 0 10px 0;
}	

a:active, a:link, a:visited
{
	text-decoration:none;
	color:#666;
}

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

a:active, a:link, a:visited
{
	outline:none;
}

h2, h3, h4, h5
{
	margin:5px 0 10px 0;
	color:#666;
	line-height:120%;
	font-family: Arial, Helvetica, sans-serif;

}

h2 
{
	font-size:24px;
}

h3
{
	font-size:16px;
}

h4
{
	font-size:13px;
}

h5
{
	font-size:12px;
}

p
{
	margin:5px 0 10px 0;
	font-size:12px;
	color:#666;
	line-height:160%;
}



/* ---------------------------------------- Sok ------------------------------------------------ */

#sok
{
	display:block;
	margin:15px 0 4px 0px;
	float:right;
}

#sok input 
{
	float: left;
	border: none;
	margin: 0;
}

#sok .tbox 
{
	display:block;
	width:180px;
	height:13px;
	padding:7px;
	font-size:11px;
	border:1px solid #ccc;
	color:#999;
	background:url(images/sok-bg.jpg) no-repeat;
}

#sok input.sok-knapp
{
	display:block;
	width:auto;
	height:32px;
	padding:5px 5px 7px 5px;
	background:url(images/sok-knapp-bg.png) repeat-x;
	color:#fff;
	margin:-2px 0 0 5px;
	float:left;
	color:#fff;
	font-size: 13px;
	background-position: center top;
}

#sok input.sok-knapp:hover
{
	
}


/* ------------------------------- Pluggar ---------------------------- */

.pluggar
{
     display:inline;
     float:left;
     width:650px;
	 margin:0 0 20px 20px;
}

.pluggar-produktion
{
     display:inline;
     float:left;
     width:650px;
	 margin:0 0 20px 0;
}

.plugg
{
     display:inline;
     float:left;
	 width:306px;
	 height:150px;
	 margin-right:0px;
	 padding:0 0 0 10px;
}

.plugg1
{
	background:url(images/plugg1-bg.png) no-repeat;
}

.plugg2
{
	background:url(images/plugg2-bg.png) no-repeat;
}

.plugg3
{
	background:url(images/plugg3-bg.png) no-repeat;
}

.plugg4
{
	background:url(images/plugg4-bg.png) no-repeat;
}

.plugg5
{
	background:url(images/plugg5-bg.png) no-repeat;
}

.plugg6
{
	background:url(images/plugg6-bg.png) no-repeat;
}

.plugg7
{
	background:url(images/plugg7-bg.png) no-repeat;
}

.plugg8
{
	background:url(images/plugg8-bg.png) no-repeat;
}

.plugg h3
{
	font-size:18px;
	color:#666;
	line-height:24px;
	font-weight:normal;
	padding:35px 0 0 10px;
	margin:0 0 10px 0;
}

.plugg h3 a
{
	font-size:18px;
	color:#666;
	line-height:24px;
	font-weight:normal;
	padding:0;

}

.plugg a
{
	color:#333;
	font-size:12px;
	padding:0 0 0 10px;
	text-decoration:none;
}

.plugg a:hover
{
	text-decoration:underline;
}


.nycklar, .nycklar a
{
	font-size:14px !important;
	color:#666 !important;
	line-height:24px !important;
	font-weight:normal !important;
	padding:0 0 0 10px !important;
	margin:0 0 10px 0 !important;
}

.nycklar a:hover
{
	text-decoration:underline;
}		

.produkter
{
	padding-top:10px;
	border-top:1px solid #ccc;
	margin-top:20px;
}

/* ------------------------------- Flashbanner---------------------------- */

#flashbanner
{
	width:640px;
	height:185px;
	padding:20px 0 0px 10px;
	display:inline;
	float:left;
}


/* ------------------------------- Foot ---------------------------- */

#footer
{
	background:url(images/foot3.png) no-repeat;
	height:76px;
	z-index:4;
}


.footer-text
{
	display:inline;
	float:left;
	width:980px;
	padding:15px 0 0 50px;
}

.footer-text li
{
	list-style-type:none;
	list-style:none;
	display:inline;
	margin:0 20px 0 0;
	color:#ccc;
}

.footer-text li a
{
	text-decoration:none;
	color:#f1f1f1;
}

.footer-text li a:hover
{
	text-decoration:underline;
	color:#fff;
}


/* ----------------- Kontaktformular --------------- */

.skickaknappen
{
	display:block;
	width:80px;
	height:32px;
	padding:5px 5px 7px 5px;
	background:url(images/sok-knapp-bg.png) repeat-x;
	color:#fff;
	float:left;
	color:#fff;
	font-size: 13px;
	background-position: center top;
	border:none;
}


div.wpcf7 p
{
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	line-height:25px;
	color:#666666;
}

div.wpcf7 textarea
{
	border: 1px solid #ccc;
	width:250px;
	background:url(images/sok-bg.jpg) no-repeat;
	border:1px solid #ccc;
	padding:5px 0 5px 5px;
	font-size:14px;
	color:#000;
}

div.wpcf7 input[type=text]
{
	border: 1px solid #ccc;
	height:25px;
	background:url(images/sok-bg.jpg) no-repeat;
	border:1px solid #ccc;
	padding:5px 0 5px 5px;
	font-size:14px;
	color:#000;
	width:250px;
}

#tooltip 
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #333;
	color:#f1f1f1;
	padding: 3px;
	opacity: 0.85;
	
}

#tooltip h3
{
	font-weight:normal;
	font-size:10px;
	color:#fff;
}

/* -------------------- Clearfix --------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */