/*
Theme Name: Scherzo
Theme URI: http://leonpaternoster.com/wp-themes/
Description: A clean, readable theme. Boasts a responsive design, which means it displays perfectly on all devices, including mobile phones (not just iPhones), tablets and desktops.
Version: 2.3
Author: Leon Paternoster
Author URI: http://leonpaternoster.com
Tags: white, two-columns, flexible-width, custom-background, threaded-comments, microformats, rtl-language-support, custom-header
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* CONTENTS

1.		RESET AND HTML5 SETTINGS
2.		BASE SETTINGS (HTML, BODY AND WRAPPER)
3.		REUSABLE AND UNIVERSAL (LINKS, FORMS, IMAGE LINKS ETC.)
4.		SITE HEADER
5.		ARTICLES AND PAGES
			5.1		Home page styles
			5.2		Single styles
			5.3		Page styles
			5.4		Archive and search styles
			5.5		Article header
			5.6		Article content headings
			5.7		Article content elements
			5.8		Article content images
			5.9		Article content tables
			5.10		Article footer
			5.11		Comments
6.		ASIDES
			6.1		Specific widget styles
7.		FOOTER
8.		PRINT STYLES (using @MEDIA)
9.		WIDE SCREEN STYLES (using @MEDIA)

*/


/* 1. RESET AND HTML5 SETTINGS 
------------------------------*/ 

body,
ul,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6,
fieldset,
dd {
	margin:  0;
	padding: 0;
}

article,
aside,
dialog,
figure,
figcaption,
footer,
header,
hgroup,
nav,
section,
small {
    display: block;
}


/* 2. BASE SETTINGS (HTML, BODY AND WRAPPER)
--------------------------------------------*/

html {
	background-color: #fcfcfb;
	color: #444;
}

body {
	font-size: 100%;
	line-height: 1.5em;
	font-family: georgia, 'liberation serif', palatino, serif;
	border-top: 0.25em solid #444;
}

#wrapper {
	margin: 0 auto;
	background-image: none;
	background-color: #fcfcfb;
	padding: 1.5em 1em;
	max-width: 51em;
	_width: 51em; /* For IE's awesome CSS rendering */
}
	

/* 3. UNIVERSAL AND REUSABLE
----------------------------*/

#quick-links {
	display: none;
}

.accessibility {
	display: none;
}

#site-footer {
	clear: both;
}

a {
	text-decoration: none;
}

a:link {
	color: #336699;
}

a:visited {
	color: #77A3CE;
}

a:hover,
a:active {
	color: #FC0599;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
}

a img {
	border: none;
}

.imglink,
.wp-caption a {
	border: none !important;
	text-decoration: none;
	color: #FFF;
}

p,
ul,
ol,
dd {
	margin-bottom: 0.75em;
}

blockquote {
	padding: 3.272em 1.5em;
	margin: 0;
	color: #888;
	font-size: 0.917em;
}

blockquote p {
	margin-bottom: 0.818em;
}

code {
	font-family: consolas, 'andale mono', 'courier new', monospace;
	font-size: 1em;
}

legend {
	border: none;
}

.hentry {
	padding-bottom: 1.5em;
}

.pagination {
	clear: both;
	padding-bottom: 0.75em;
}

.pagination p {
	margin-bottom: 0;
}


/* 4. SITE HEADER
-----------------*/

#site-header {
	margin-bottom: 1.5em;
	padding: 0.75em 0.375em;
	background-size: 100%;
	background-repeat: no-repeat;
}

a.header-link {
	display: block;
	border: none !important;
}

#site-title {
	font-size: 1em;
	font-weight: bold;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	padding-top: 0.375em;
}

#site-title a:link,
#site-title a:visited {
	color: #444;
}

#site-title a:hover,
#site-title a:active {
	color: #444;
}

#tag {
	font-size: 0.833em;
	font-weight: normal;
	font-style: italic;
}


/* 5. ARTICLES AND PAGES
------------------------*/

#content {
	padding-left: 0.375em;
}


/* 5.1 Home page styles
-----------------------*/

.sticky {
	font-family: inherit;
}


/* 5.2 Single styles
--------------------*/

.single .entry-summary p {
	font-weight: bold;
}


/* 5.5 Article header
---------------------*/

.entry-title a{
	color: #545454;
	font-family: verdana, sans-serif;
}

.entry-title,
.page-title {
	font-size: 1.333em;
	font-weight: bold;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	padding: 0 0 0 0;
}

.page-title,
.page .entry-title {
	margin-bottom: 1.143em;
}

.entry-meta p,
.entry-meta ul {
	font-size: 0.833em;
	color: #888;
	margin-bottom: 0.9em;
}

/* 5.6 Article content headings
-------------------------------*/

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content dt {
	font-weight: bold;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
}

.entry-content h1,
.entry-content h2 {
	font-size: 1.167em;
	padding: 0.857em 0 0.428em 0;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content dt {
	font-size: 1em;
	padding: 1em 0 0.5em 0;	
}


/* 5.7 Article content elements
-------------------------------*/

/* We're going to restate p and list sizes beacause iOS Safari enlarges the .entry-content div's font-size.
   As to why it decides to do this... */

#

.entry-content {
	font-size: 1em;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dd {
	font-size: 1em;
	margin-bottom: 0.75em;
}

.entry-content li {
	margin-left: 1.25em;
}

.entry-content cite {
	color: #444;
}

.entry-content pre {
	overflow: auto;
	display: block;
	/* May I rot in hell for this IE6 hack */
	_width: 90%;
	font-size: 1em;
	padding: 1.5em;
	color: #AF0000;
}

.entry-content a,
.entry-summary a {
	border-bottom: 1px dotted #888;
}

/* 5.8 Article content images
-----------------------------*/

/* We're adding some importants here to override any inline dimensions. */

.wp-caption,
.gallery-caption  {
	display: block;
	max-width: 100% !important;
	padding: 1.438em 0;
}

.wp-caption img,
.entry-content img,
.entry-content video {
	max-width: 100% !important;
	/* May I rot in hell for this IE6 hack */
	_width: 95% !important;
	height: auto !important;
	border: 1px solid #EFEFEF;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	padding: 1.4375em auto;
}

.alignleft {
	float: left;
	display: inline;
	margin-right: 0.75em;
	border: 1px solid #EFEFEF;
}

.alignright {
	float: right;
	display: inline;
	margin-left: 0.75em;
	border: 1px solid #EFEFEF;
}

p.wp-caption-text {
	margin-bottom: 0;
	font-size: 0.833em;
	line-height: 1.351em;
}


/* 5.9 Article content tables
-----------------------------*/

.entry-content table {
	width: 100%;
	margin: 1.5em 0;
	border-collapse: collapse;
	border: 0.0625em solid #EFEFEF;
}

.entry-content tr {
	font-size: 0.75em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
}

.entry-content td {
	padding: 0.25em 0;
}

.entry-content tbody tr:nth-child(even) {
	background-color: #EFEFEF;
}

.entry-content th,
.entry-content tbody td {
	text-align: left;
	padding-left: 0.25em;
	margin: 0;
}

.entry-content th {
	font-weight: normal;
	font-size: 1.333em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	background-color: #444;
	color: #FFF;
}

.entry-content table caption {
	font-size: 0.75em;
	font-family: georgia, 'liberation serif', palatino, serif;
	font-style: italic;
	text-align: left;
}

.entry-content tfoot tr {
	font-size: 0.75em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #AAA;
}


/* 5.10 Article footer
----------------------*/

.entry-footer {
	padding-top: 0.75em;
	border-top: 1px solid #444;
	margin-top: -1px;
}

.entry-taxonomy {
	padding-bottom: 0.75em;
}

.entry-taxonomy p {
	font-size: 0.833em;
	line-height: 1.351em;
	margin-bottom: 0;
}

.entry-taxonomy a {
	font-style: italic;
}
/* 5.xx Egna classer
---------------------*/

.entry-wraper{
	border-radius: 10px;
	background-color:#eeeeed;

	padding:10px 0px 10px 10px;
}

/* 5.11 Comments
----------------*/


/*
.commentlink{
	border:1px solid gray;
	border-radius: 10px;
	background-color:#6495ed;
}*/

.commentlink{
	/*border:1px solid gray;
	border-radius: 10px;*/
}

.commentlink a {

	font-size: 0.833em;
	color: #fff;



border:1px solid #42639d;
border-radius: 10px;
display:inline-block;
/*padding: 2px;*/
padding:2px 10px 2px 10px;
/*width: 200px;*/
background-color: #6495ed;
color: #fff;
}

.commentlink a:hover {
border-radius: 10px;
border:1px solid gray;
display: block;
padding: 2px;
width: 200px;
background-color:yellow;
color: #fff;
}

#comments {
	padding: 0 0 1.5em 0;
	border-top: 1px dotted #AAA;
	margin-top: -1px;
}	

.comment-heading,
#reply-title {
	font-size: 1.167em;
	padding: 0.857em 0 0.428em 0;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	font-weight: bold;
}

.form-allowed-tags {
	font-size: 0.833em;
}

.page-numbers {
	font-size: 0.833em;
	padding-left: 1em;
}

.current {
	font-weight: bold;
}

.bypostauthor {
	padding: auto;
	background-color: #FFF;
}

.avatar {
	float: left;
	margin-right: 0.75em;
	margin-bottom: 0.75em;
}

.says {
	display: none;
}

.reply {
	display: block;
	font-size: 1em;
	margin-bottom: 1em;
}

.vcard {
	padding-top: 0.75em;
}

.fn {
	font-style: normal;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	font-size: 1em;
	display: block;
	float: left;
}

.comment-meta {
	font-size: 0.833em;
	margin-bottom: 0.9em;
	clear: both;
}

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

.pinglist li {
	font-size: 0.75em;
	color: #AAA;
	list-style-type: none;
}

.children li {
	padding-left: 1em;
	margin-left: 1em;
	border-left: 0.0625em dotted #CFCFCF;
}

#commentform label {
	font-size: 0.833em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
}

#author,
#email,
#url,
#commentform textarea {
	display: block;
	border: 1px solid #CFCFCF;
	font-family: georgia, 'liberation serif', palatino, serif;
	max-width: 93%; /* Make sure width - border never exceeds container width */
}
	
#author,
#email,
#url {
	margin-bottom: 0.5em;
	padding: 0.25em;
	font-size: 1em;
}

#commentform textarea {
	display: block;
	font-family: consolas, 'andale mono', 'courier new', monospace;
	font-size: 1em;
	padding: 0.25em;
	height: 12em;
}

#submit {
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	cursor: pointer;
}

.form-allowed-tags {
	font-size: 0.833em;
	line-height: 1.351em;
}

.subscribe-to-comments {
	margin-bottom: 0;
}

.subscribe-to-comments #subscribe {
	float: left;
	margin-right: 2px;
}

.subscribe-to-comments label {
	float: left;
	margin-bottom: 0 !important;
}


/* 6. ASIDES
------------*/

#sidebar {
	/*color: #888;
	font-size: 81.25%;
	line-height: 1.385em;
	padding: 0.923em 0.462em;
	border-top: 0.154em solid #444;*/
}

.sidebar p ,
.sidebar ul{
	font-size: 1em;
	margin-bottom: 1.385em;
}

.sidebar ul {
	border-top: 1px dotted #AAA;
	margin-top: -1px;
}

.sidebar ul li {
	padding: 0.308em 0;
	border-bottom: 1px dotted #AAA;
	margin-left: 0;
	list-style-type: none;
}

.sidebar ul li ul,
ul.sub-menu {
	margin-bottom: 0;
}

.sidebar ul li ul li,
ul.sub-menu li {
	padding-left: 1em;
}

.sidebar ul li ul li:last-child {
	border-bottom: none;
	margin-bottom: 1px;
	padding-bottom: 0;
}

.sidebar img {
	max-width: 100% !important;
	_width: 100% !important; /* IE6 hack */
	height: auto !important;
}

.widgetContainer {
	padding-bottom: 0.692em;
}

.widgetTitle {
	font-size: 1.231em;
	font-weight: normal;
	padding: 0 0 0.563em 0;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
}

.sidebar #searchform {
	padding-bottom: 1.385em;
}


/* 6.1 Specific widget styles
-----------------------------*/

#wp-calendar table {
	width: 100%;
	margin: 1.5em 0;
	border-collapse: collapse;
	border: 0.0625em solid #CCC;
}

#wp-calendar tr {
	font-size: 0.75em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
}

#wp-calendar tbody tr:nth-child(even) {
	background-color: #DFDFDF;
}

#wp-calendar th,
#wp-calendar tbody td {
	text-align: left;
	padding-left: 0.25em;
	margin: 0;
}

#wp-calendar th {
	font-weight: bold;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	background-color: #444;
	color: #FFF;
}

#wp-calendar table caption {
	font-size: 0.75em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	text-align: left;
}

#wp-calendar tfoot tr {
	font-size: 0.75em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #AAA;
}

.sidebar .screen-reader-text {
	display: none;
}

.widget_recent_comments a {
	font-style: normal;
}

.widget_recent_comments a.url {
	font-style: italic;
}

.sidebar #searchform{
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
}

#s {
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	font-size: 0.75em;
	width: 13em;
}

#searchsubmit {
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	cursor: pointer;
	font-size: 0.75em;
}

.widget_tag_cloud div {
	padding-bottom: 0.692em;
}

.widget_tag_cloud a:link,
.widget_tag_cloud a:visited {
	font-size: 0.833em !important;
	background-color: #CFCFCF;
	padding: 0 0.25em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.widget_tag_cloud a:hover,
.widget_tag_cloud a:active {
	font-size: 0.833em  !important;
	padding: 0 0.25em;
	text-shadow: 1px 1px 1px #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/* 7. FOOTER
------------*/

#site-footer {
	clear: both;
	padding: 0em 0.375em 0 0.375em;
	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
}

#site-footer small {
	font-size: 0.833em;
	line-height: 1.351em;
}


/* 8. PRINT STYLES
------------------*/

@media print {

#sidebar, #site-nav, #comments, .entry-footer {
	display: none;
}

body {
	font-family: georgia, times, baskerville, garamond, serif;
	font-size: 100%;
	line-height: 1.5em;
	width: 75%;
	padding-left: 25%;
}

/* Copy some stuff from the screen stylesheet */

#site-title {
	font-family: 'helvetica neue', arial, helvetica, 'deja vu sans', sans-serif;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 3em;
}

#tag {
	color: #444;
	font-family: 'helvetica neue', arial, helvetica, 'deja vu sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

a:link {
	color: #336699;
}

a:visited {
	color: #336699;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
}

a img {
	border: none;
}

.imglink {
	border: none;
	text-decoration: none;
	color: #FFF;
}

p,
ul,
ol,
dd {
	margin-bottom: 12px;
	font-size: 19px;
}

.entry-title {
	font-family: verdana, arial, helvetica, 'deja vu sans', sans-serif;
	margin: 20px 0 4px 0;
	font-size: 24px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content dt {
	font-family: 'helvetica neue', arial, helvetica, 'deja vu sans', sans-serif;
	margin: 20px 0 4px 0;
}

.entry-content h1,
.entry-content h2,
.entry-content dt  {
	font-size: 21px;
}

.entry-content h3 {
	font-size: 19px;
}

.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-size: 13px;
}

.entry-content table {
	width: 100%;
	margin: 24px 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

.entry-content tr {
	font-size: 12px;
	font-family: 'helvetica neue', arial, helvetica, 'deja vu sans', sans-serif;
}

.entry-content tbody tr:nth-child(even) {
	background-color: #DFDFDF;
}

.entry-content th,
.entry-content tbody td {
	text-align: left;
	padding-left: 3px;
	margin: 0;
}

.entry-content th {
	font-weight: bold;
	font-family: 'helvetica neue', arial, helvetica, 'deja vu sans', sans-serif;
	background-color: #444;
	color: #FFF;
}

.entry-content table caption {
	font-size: 12px;
	font-family: 'helvetica neue', arial, helvetica, 'deja vu sans', sans-serif;
	text-align: left;
}

.entry-content tfoot tr {
	font-size: 12px;
	font-family: 'helvetica neue', arial, helvetica, 'deja vu sans', sans-serif;
	color: #AAA;

}

} /* End @media print query */


/* 9. WIDE SCREEN STYLES (using @MEDIA)
---------------------------------------*/

@media screen and (min-width: 600px) {

	/*	
		
		We set this first query to make sure that 
		our measure isn't *too* wide on some narrow
		width devices.

	*/
	
	#wrapper {
		width: 522px;
		margin-top: 1.5em;
	}
	
}

@media screen and (min-width: 850px) {

	#wrapper {
		width: 51em;
	}
	
	#content {
		clear: both;
		width: 32.625em;
		padding-left: 0.375em;
		float: left;
		margin-right: 3em;
		display: inline;
	}

	#sidebar {
		float: left;
		width: 18em;
		padding: 0 0.462em 0 0;
		background-color: #FFF;
		border-top: none;
	}
	
	#site-header {
		height: 9em;
	}
	
	#site-title {
		padding-top: 1.5em;
	}
	
	.hentry {
		padding-bottom: 3em;
	}
	
	.entry-title {
		margin-bottom: 0.571em;
	}
	
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-content dt {
		font-weight: normal;
	}
	
	.single .entry-summary p {
		padding: 0.75em;
		background-color: #EFEFEF;
		border: 1px solid #AFAFAF;
	}
	
	.comment-heading,
	#reply-title {
		font-weight: normal;
	}
	
	#author,
	#email,
	#url,
	#commentform textarea {
		width: 32.375em;
		max-width: 32.375em;
	}
	
	#author,
	#email,
	#url {
		width: 14.375em;
		max-width: 14.375em;
	}
	
} /* End @media width query */