/*
Theme Name: Pedagog Stockholm
Theme URI: http://pedagog.stockholm.se
Description: Custom built theme for Pedagog Stockholm
Version: 1.0
Author: Ida Franceen
Author URI: http://creuna.se
Tags: pedagog, custom header, fixed width, two columns, widgets

*/
/* @group Reset */

html{
	color:#262626;
	background:#ffffff;
	font-size: 125%;
}

body{
	font-size: 50%;
	font-family:Georgia,"times new roman",Times,serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
strong{
	font-weight: bold;
	font-style: normal;
}
blockquote{
	margin:0.7em 0;
	padding:0 2.8em;
	font-style: italic;
}
em{
	font-weight:normal;
	font-style: italic;
}
li{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

q:before,q:after{
	content:'';}

abbr,acronym{
	border:0;
	font-variant:normal;
}

sup{
	vertical-align:text-top;
}

sub{
	vertical-align:text-bottom;
}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input,textarea,select{
	*font-size:62,5%;
}

legend{
	color:#000;
}

del,ins{
	text-decoration:none;
}
h2{
	font-size: 3em;
	padding-bottom: 0.2em;
}

p, dd, dt{
	font-size: 1.4em;
}

p{
	line-height: 1.5em;
	margin:0.7em 0 0.7em 0;
}
a:link,
a:visited,
a:hover,
a:focus,
a:active{
	color: #262626;
}
/* @end */
/* @group General */
.error, .required strong{
	color: #e30000;
}

.error{
	font-size: 1.4em;
}
img.alignleft{
	float:left;
	padding-right: 1.5em;
}
img.alignright{
	float:right;
	padding-left: 1.5em;
}
#captchaImgDiv {
	display:block;
	padding-top: 20px;
}
.captchaSizeDivLarge img{
	float:left;
	padding-right: 5px;
}
.captchaSizeDivLarge {
	overflow:hidden;
	padding-bottom: 10px;
	width: 225px;
}
#captchaInputDiv{
	clear:left;
	margin-bottom: 10px;
}
#captchaInputDiv label{
	display:inline;
}
#captchaInputDiv input{
	margin-bottom: 0;
	margin-right: 5px;
}
/* @end */

/* @group Main */
#skip{
	position:absolute;
	top:0;
	left:-999em;
	width: 98em;
}

.screenreader{
	position:absolute;
	top:0;
	left:-999em;
}

#header{
	border-bottom: 1px solid #6d6e71;
	position:relative;
	padding-bottom: 1.8em;
}

#header-content{
	margin: 0 auto;
	position:relative;
	overflow:hidden;
	width: 98em;
}

#logotype{
	float: right;
	margin:6.5em 0 0 0;
	padding-left: 4.3em;
}


#global-links{
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	font-size: 1.2em;
}

#global-links li{
	float:left;
	margin-top: 1.4em;
	padding:0 0.5em 0 0.5em;
	border-right: 1px solid #333333;
}

#global-links li:last-child{
	border-right:none;
}

#global-links a{
	color: #333333;
	text-decoration:none;
	text-transform:lowercase;
}

#top-banner{
	width: 66.4em;
	float:left;	
}

#top-banner img{
	position:absolute;
	bottom:0;
	left:73px;
}

#page{
	width: 98em;
	margin: 0 auto;
	position:relative;
	padding-top: 1.8em;
	overflow:hidden;
}

#content{
	width: 66.4em;
	float:left;
	overflow:hidden;
}

#footer{
	position:relative;
	text-align:right;
	top:-1em;
	border-top:5px solid #6D6E71;
	margin:1.2em 0 1.8em 0;
	padding:1em 0 0.8em;
	clear: both;
}

.start h1{
	position:absolute;
	left: -9999em;
}

h2.pagetitle{
	border-bottom:5px solid #6D6E71;
	margin:0 0 0.5em 0;
}

.navigation{
	overflow:hidden;
	padding: 0 0 0.8em 0;
	width: 66.4em;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:focus,
.navigation a:active{
	text-decoration: underline;
	color: #006699;
	font-size: 1.6em;
}

.navigation .back{
	display:inline;
}

.navigation .forward{
	display:inline;
	float: right;
	
}

/* @end*/

/* @group Comments */

.comment{
	margin-top: 1.5em;
}

.comment h4{
	text-transform: uppercase;
	font-size: 1.4em;
}

#respond, #comment-content{
	width:42em;
}

#respond h3{
	margin: 2.2em 0 0 0;
}

#respond p{
	margin: 1em 0;
}

.commentlist cite{
	text-transform: uppercase;
	font-size: 1.4em;
}

.commentlist cite a:link,
.commentlist cite a:visited{
	text-decoration: none;
}
.commentlist cite a:hover,
.commentlist cite a:focus,
.commentlist cite a:active{
	text-decoration: underline;
}
.commentlist li{
	margin-bottom: 2em;
}

p.required{
	font-size: 1.2em;
}

textarea{
	border: 1px solid #000000;
	width: 418px;
	overflow:auto;
	font-size: 1.4em;
}

form{
	width:42em;
	overflow:hidden;
}

legend span{
	position:absolute;
	left: -9999em;
	width: 42em;
}

input{
	border: 1px solid #000000;
	font-size: 1.4em;
	margin-bottom: 1em;
	padding: 0.2em;
}

label{
	font-size: 1.4em;
	display:block;
}

form .btn{
	float:right;
}

.btn{
	font-size: 1.4em;
	color: #ffffff;
	background-color: #6d6e71;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin:0.5em 0 0.8em 0;
	-moz-border-radius: 5px; /* Firefox… */
	-webkit-border-radius: 5px; /* Safari, Chrome… */
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	border:0;
	width:auto;
   	overflow:visible;
   	font-family:Georgia,Times,serif;
   	cursor: pointer;
}

a.btn{
	color: #ffffff;
	text-decoration: none;
	padding: 0.3em 0.5em 0.3em 0.5em;
}



/* @end */

/* @group Sprite */
.sprite, 
.widget_archive li,
.widget_archive li li,
.widget_archive li.parent a,
.widget_twitter h3,
.widget_twitter h3 a{
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
}

#header-content{
	background-position:-5px -385px;
}

.twitter-message{
	background-position: 0 0;
}

.widget_archive li{
	background-position: 0 -87px;
}

.widget_archive li li {
	background-position: 0 -46px;
}

.widget_twitter h3{
	background-position: 11px -192px;
}

.widget_twitter h3 a{
	background-position: right -292px;
}

/* @end*/

/* @group Post */

.post{
	padding: 0 0 0.8em 0;
	margin-bottom: 1.8em;
	width: 66.4em;
	overflow:hidden;
}
.start .post{
	border-bottom:5px solid #6D6E71;
}

#content .last{
	border:none;
	margin-bottom:0;
}

.post h2{
	border-bottom:1px solid #6d6e71;
}

.post h2 a{
	text-decoration: none;
}

.post h2 a small{
	font-size: 1em;
}

.hentry h3{
	font-size: 1.6em;
	margin: 2.2em 0 1.4em 0;
}

.postmetadata{
	font-weight:bold;
	padding-bottom: 0.2em;
	font-size: 1.4em;
	clear:both;
}

.postmetadata span{
	text-transform: uppercase;
	font-weight:normal;
}

.postmetadata a{
	font-weight:normal;
}

.postmetadata .comment{
	text-transform: none;
}

.sociable{
	margin-top: 1.5em;
	display:block;
	overflow:hidden;
}

.sociable ul{
	overflow:hidden;
}

.sociable li{
	float:left;
	padding-right: 0.5em;
}

.sociable_tagline strong{
	font-size: 1.4em;
	font-weight: bold;
	display:block;
	margin-bottom:0.5em;
}
.sociable li img{
	padding-bottom:0;	
}
.post-entry{
	margin: 2em 0 1.5em 0;
}

.post-entry img{
	padding-bottom:1em;	
}

.entry{
	margin: 0 0 1.5em 0;
} 

/* @end*/

/* @group Sidebar */

#sidebar{
	width: 27.4em; /* 27.6em*/
	float: right;
	top: 3em;
	/*float:left;*/
}

.puff{
	border-bottom: 5px solid #6d6e71;
	margin-bottom: 1.4em;
	padding-bottom: 0.9em;
}

.puff h3{
	background-color: #6d6e71;
	padding:0.7em 0.7em 0.7em 0.7em;
	color:#ffffff;
	margin-bottom: 0.6em;
	font-size: 1.6em;
}
.puff strong{       font-size: 1.4em;       font-weight:bold;}
/*If default i.e. categories is added to the sidebar it will still get 'normal' headers*/
.puff li h3{
	font-size: 1.1em;
}

/*If default i.e. blogroll is added to the sidebar it will still get 'normal' headers*/
.puff h2{
	font-size: 1.1em;
	background-color: #6d6e71;
	padding:0.7em 0.7em 0.7em 0.7em;
	color:#ffffff;
	margin-bottom: 0.6em;
}

puff ul{
	margin-top: -0.5em;
}

.puff li{
	font-size: 1.4em;
	padding-top: 0.5em;
}

.puff li li{
	font-size: 1em;
}

.widget_archive li{
	padding-left: 1em;
}

.puff-link{
	font-size: 1.6em;
	text-decoration: none;
}

#sidebar .categories{
	padding-top: 0;
}

/* @group Twitter-widget */

.widget_twitter{
	text-align: right;
	margin-top:2em;
	padding-bottom: 2.2em;
}

.widget_twitter h3{
	text-indent: -9999em;
	padding:0.5em 0.7em 0.6em 0.7em;
	text-align: left;	
}

.widget_twitter h3 a{
	display:block;
	margin-top:-30px;
	padding:20px 15px 15px 15px;
	position:relative;
	z-index:9999;
}

.widget_twitter p{
	margin-bottom: 1em;
}

.widget_twitter ul{
	text-align: left;
	padding-bottom: 1.6em;
}

.widget_twitter li{
	margin-bottom: 0.5em;
}

/* @end */

.widget_categories a{
	text-decoration: none;
}

/* @group Custom widgets */

.pedagog_recent_comments_widget dt a{
	font-weight:bold;
	text-decoration:none;
}

.pedagog_recent_comments_widget dd{
	margin-bottom: 1em;
}

/* @end */
.textwidget img{
	padding: 0.5em 0 1em 0;
}
.widget_links a:after,
.textwidget a:after{
	content:"\A0\00BB";
}
.textwidget a{
	font-size: 1.6em;
}
.widget_links a,
.textwidget p a{
	font-size: 1.15em;
}
.widget_links a:link,
.widget_links a:visited,
.textwidget a:link,
.textwidget a:visited{
	color:#006699;
	text-decoration: none;
}
.widget_links a:hover,
.widget_links a:focus,
.widget_links a:active,
.textwidget a:hover,
.textwidget a:focus,
.textwidget a:active{
	color:#006699;
	text-decoration: underline;
}

/* @group Calendar */

#wp-calendar  {
	empty-cells:show;
	margin:10px auto 0;
	width:24em;
}

#wp-calendar caption {
	font-weight:bold;
	font-size: 1.4em; 
	text-align:center;
	text-transform: capitalize;
	padding-bottom: 0.5em;
}

#wp-calendar thead tr{
	background-color: #6D6E71;
	color:#FFFFFF;
}

#wp-calendar th {
	font-style:normal;
	text-transform:capitalize;
	font-size: 1.4em; 
	text-align:center;
	padding: 0.1em 0.1em 0 0.1em;
}

#wp-calendar td {
	padding:0.3em 0;
	text-align:center;
	font-size: 1.4em; 
}

/* @end */


/* @end*/

/* @group Archive */

.archive .post h3{
	border-bottom:1px solid #6d6e71;
	font-size: 3em;
	margin:0 0 0 0;
	padding-bottom: 0.2em;
}

.archive .post h3 small{
	text-transform: capitalize;
	font-size: 1em;
}

.archive .post h3 a{
	text-decoration: none;
}

.archive .post h4{
	font-size: 1.6em;
	margin: 2.2em 0 1.4em 0;
}

/* @end */