/* 
Theme Name: Urban 2010
Theme URI: http://urban-svensson.com/
Description: Ett Wordpress-tema skapat av Urban Svensson
Version: 2.0
Author: Urban Svensson
Author URI: http://urban-svensson.com
Tags: centred layout, white, 2-column, widget-ready, clean
*/

/*
Farger bla ljus 			#000
Farger bla mork 		#4ea7c7
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}


body
{
	color:#666;
	font-family: "ratio-1","ratio-2",sans-serif;
	font-size:14px;
	line-height:160%;
	background:#eee;
}

#wrapper
{
	margin:0 auto;
	width: 960px;
}

#sida
{
	float:left;
	display:inline;
	padding:20px;
	width:900px;
	background:#fff;
}

em
{
	font-style:italic;
}

strong
{
	font-weight: bold;
}


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

.breadcrumb
{
	
	margin:20px 0 0 20px;
	padding:20px 0 10px 10px;
	width:50%;
	font-size:11px;
}

.breadcrumb a
{
	color: #000 !important;
	text-decoration:none !important;
	font-weight:bold;
font:italic 1.0em/125% "skolar-1","skolar-2",Georgia,serif;
}


/*------------------------------------- Typografi ------------------------------------*/

h1,h2,h3,h4
{
	line-height:110%;
	font-style:normal;
	font-variant:normal;
	font-weight: 400;
	letter-spacing:0.02em;
	margin: 20px 0 5px 0;
	color:#000;
	font-family: "atrement-web-1","atrement-web-2",sans-serif;
}

h2, .post h2 a
{
	font-size:40px;
}

h3
{
	font-size:23px;
}

.post p, p
{
	margin:10px 0 15px 0;
	font:italic 1.0em/125% "skolar-1","skolar-2",Georgia,serif;
	line-height:180%;
	font-style: italic;
}


/* ----------------------------- Post --------------------------- */

.post
{
	margin:20px 0 60px 0;
}

.post h3
{
	font-size:18px;
	margin:20px 0 10px 0;
	font-family: "adelle-1","adelle-2",serif;
}

.post a.backtotop
{
	font-size:11px !important;
}

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

li
{
	list-style:none;
}

.post li
{
	list-style:circle !important;
	margin-left:35px;
	font-style:italic;
	font-size:12px;
}

/* ---------------------------------- Inlägg ------------------------------- */

.entry
{ 
	float:left;
	display:inline;
	margin-bottom:10px; 
	margin-left:25px;
	width:520px;
	margin-top:20px;
	background:#fff;
}

.entry-fullbredd
{ 
	float:left;
	display:inline;
	margin-bottom:10px; 
	margin-left:25px;
	width:900px;
	margin-top:20px;
}

/* -------------------------------------- Lankar ------------------------------- */

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

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

a:focus, a:active
{
	top:1px;
	position:relative;
}

.post a, .post a:link, .post a:visited
{
	color:#000;
}

/* ---------------------------------- Sidebar ------------------------------- */

#sidebar
{ 
	width:240px;
	float:left; 	
	margin:20px 0 30px 50px;
	display:block; 
	padding:30px 0 0 35px;
	
}

/* -------------------------------- Next/Prev - SexyCycle ---------------- */

span.prev
{
	margin-right: 20px;
}

/* --------------- Vad jag gor --------------- */

#vadjaggor
{
	font:italic 1.0em/125% "skolar-1","skolar-2",Georgia,serif;
	
}	

#vadjaggor h3
{
	margin-bottom:10px;
}

#vadjaggor p.bock
{
	background:url(images/bock.png);
	background-repeat: no-repeat;
	background-position: 5% 40%;
	padding: 3px 0px 3px 30px;
	margin:0 !important;
	line-height:160%;
	border-bottom:1px dotted #ccc;
	font-size:12px;	
}

p.bock a
{
	font-size:11px !important;
}

#vadjaggor p.tonad
{
	background:#f1f1f1 url(images/bock.png);
	background-repeat: no-repeat;
	background-position: 5% 40%;
	padding: 3px 0px 3px 30px;
	margin:0 !important;
	line-height:160%;
	font-size:11px;
}

#vadjaggor p.bock:hover, #vadjaggor p.tonad:hover
{
	background:#ffffa0 url(images/bock.png);
	background-repeat: no-repeat;
	background-position: 5% 40%;
	padding: 3px 0px 3px 30px;
}

#vadjaggor p.mer
{
	font-size:12px;
	margin:20px 0 0 0;
	color:#666;
}

/* --------------- Lankar sidebar --------------- */

#sidebar a
{
	margin:3px 0 2px 0;
}	

ul, li
{
	list-style:none !important;
	list-style-type:none !important;
}


/* ---------------------------------- Om mig i högerspalten ------------------------------- */

#besk 
{
	color:#000000;
	font-size:13px;
	line-height:15px;
	margin-left:10px; 
	margin-top: 20px; 
	border-bottom: 1px dotted #e2e2e2;
}

#commentsbox
{
	background:#f0f0f0;
	padding:20px;
	margin-top:20px;
}

#commentsbox textarea
{
	width:95%;
	margin-top:10px;
	padding:3px;
}

#commentsbox input
{
	width:95%;
	font-size:13px;
	margin:0;
	padding:3px;
	height:25px;
}

#commentsbox p
{
	margin:10px 0 5px 0;
	padding:0;
}



/* ---------------------------------- Kommentarer ------------------------------- */

.kommentarText
{
	margin-bottom:20px;
}

.avatar
{
	float: left;
	margin: 4px 20px 0 0;
	padding: 0px 4px 0 0;
}


#kommentarRuta
{
	padding:20px;
	text-align:left; 
	margin-bottom:20px; 
	background:#fff;
	border:1px solid #CCCCCC;
}

/* ---------------------------------- Footer ------------------------------- */

#footer
{ 

	width:100%;
	height:100px;
	overflow:hidden;
	margin:0 auto;	
	text-align:center;
	padding-top:20px;
	clear:both;
}

#footer a
{
	color:#000;
}


#footer-text-container
{
     width:900px;
     height:100px;
	 margin:0 auto;
	 text-align:left;
}

#footer li
{
	display:inline;
	list-style:none;
	color:#777 !important;
	font-size:11px !important;
	margin-right:60px;
}

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


a img, .post img { border: none; }

post img:hover
{
	opacity:0.9;
}

/* ---------------------------------------- Sök ------------------------------------------------ */

*:focus { outline: 0; }

#sok
{
	display:block;
	clear:both;
	margin:20px 0 20px 0;
	width:100%;
	height:40px;
}

input, textarea, select
{
	color: #666;
	border: 1px solid #ccc;
	background: #fff;
	padding: 0.4em 10px;
    line-height: 1.4em;
}

.sokfield
{
	width:100px;
	display:inline;
	float:left;
	margin-right:6px;
}

input:hover, textarea:hover
{
	border-color: #999;
	outline: none;
}

input:focus, textarea:focus
{
	border-color: #999;
	color: #777;
	outline: none;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
}

.knapp 
{
    float: left;
    background: #e9eaea url(images/buttonbg.png) repeat-x;
    padding: 0.275em 10px;
    line-height: 1.4em;
    border: 1px solid #ccc;
    text-shadow: 1px 1px 0 #fff;
}

div.sokning
{

}

div.sokning p
{
	margin:5px 0 3px 0 !important;
}

div.sokning a
{
	color:#777 !important;
	font-size:12px !important;

}

/* ----------------------- Wp Navi -------------------------- */

.wp-pagenavi a, .wp-pagenavi span {
	border:none !important;
	font-size:11px !important;
}

.wp-pagenavi
{
	background:url(images/post-bottom.jpg) no-repeat left center;
	padding-bottom:40px;
	margin:30px 0 10px 0 !important;
}

.wp-pagenavi a:hover 
{
	background:#777 !important;
	color:#fff !important;
}

.wp-pagenavi span.current 
{
	background:#000 !important;
	color:#fff !important;
}

.wp-pagenavi a:active
{
	color:#fff !important;
}


/* ---------------------------------------- Facebook och Twitter ------------------------------------------------ */

#social
{
	margin:20px 0 40px 0;
	margin-left:0px;
	display:block;
	clear:both;
}

#social a
{
	font:italic 1.0em/125% "skolar-1","skolar-2",Georgia,serif;
	color:#777 !important;
	font-size:12px !important;
}

#social li
{
	background-repeat: no-repeat;
	background-position: 0 40%;
	padding: 3px 0px 3px 30px;
	margin:0 !important;
	line-height:140%;
	margin:5px 0 5px 0;
}

#social li.rss
{
	background-image: url(images/rss.png);
}

#social li.fb
{
	background-image: url(images/fb.png);
}

#social li.tw
{
	background-image: url(images/tw.png);
}

#social li.sk
{
	background-image: url(images/sk.png);
}

#social li.gw
{
	background-image: url(images/gw.png);
}

/* ------------- Taggar --------------- */

div.taggar
{
	color:#777;
	font-size:11px;
	margin:18px 0 30px 0;	
}

.meta 
{ 
	margin:15px 0 10px 0; 
	font:italic 0.9em/125% "skolar-1","skolar-2",Georgia,serif;
}

.meta a
{
	font:italic 0.9em/125% "skolar-1","skolar-2",Georgia,serif;
}

div.taggar a
{

	color:#777 !important;
	
	padding:4px 6px;
	background:#eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	
}

/* -------------------- 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 */