/*  
Theme Name: Smålands akademi
Theme URI: -
Description: Theme for Smålands akademi
Version: 1.0
Author: Angry Creative
Author URI: http://www.angrycreative.se
*/

@font-face {
	font-family: 'CharisSILBold';
	src: url('CharisSILB-webfont.eot');
	src: local('☺'), url('CharisSILB-webfont.woff') format('woff'), url('CharisSILB-webfont.ttf') format('truetype'), url('CharisSILB-webfont.svg#webfontK3sYroiv') format('svg');
	font-weight: normal;
	font-style: normal;
}
		.Lobster {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
		}


body {
	font-size: 62.5%;  /* reset 1em to 10px. */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #333333;
}

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

a:hover, a:visited:hover {
	color: #000000;
	text-decoration: none;
}

h1 {
	font-size:36px;
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
	letter-spacing:-2px;

}


h2 {
	font-size:33px;
	line-height: 40px;
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
	letter-spacing:-1px;
}

h3 {
	font-size:26px;
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';

}

h4 {
	line-height: 20px;
	font-size:16px;
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';

}

h5 {
	font-size:14px;
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';

}

h6 {
	font-size:12px;
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';

}

/* BACKGROUND & FLOATING TAIL ----------------------------------------------- */


* {
	border: 0;
	margin: 0;
	padding: 0;
}

html, body { /* sets gradient background */
	height: 100%;
	background: url('images/background/bg.jpg') repeat transparent;
}

.wrapper { /* makes the tail float & wraps the content to a certain size */
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	width: 960px !important;

}

.wrap2 { /* here you place the header image that goes outside the wrapper. MAKE SURE this image aligns with wrap3 */
}

.wrap3 { /* sets bg of content & initiates sticky footer */
	background: url('images/background/topbg.jpg') repeat-x center top;
	height: auto !important;
	height: 100%;
	margin: 0 auto;  /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;

}
.footer {
	clear: both;
	width:100%;
height: 80px;
}

/* TAIL ------------------------------------------------------------------ */

.footWrapper {
	height: 80px;	
			margin: 0 auto;
				width:100%;

}

.footInfo {
	width: 960px;
	height: 80px;
		margin: 0 auto;
}

.footerGrid {
color: #484646;
line-height: 20px;
float: left;
width: 460px;
margin: 20px 10px 0px 10px;
}

.footerGrid p {
font-size: 16px;
}

.lastFooterGrid {
text-align: right;
}

#footerGrid1 {
	width: 220px;
}

#footerGrid2 {
		width: 700px;
}


/* HEADER ---------------------------------------------------------------- */


.logo {
	float:left;
margin-top: 8px;
       /*position: absolute;*/
        z-index: 100;
}

.logo img, .logo img a {
	float: left;
	border: 0px;
}

.header {
	width: 940px;
margin: 0px 10px;
}

.splashContainer {
width: 940px;
padding-top: 35px;
clear: both;
float: left;
padding-bottom: 35px;
}

.splashHead {
background:url("images/slider/splashtop.png") no-repeat scroll left top transparent;
clear: both;
float: left;
height: 20px;
width: 584px;
padding: 0px 66px 0px 28px;
}

.splashBottom {
background:url("images/slider/splashbottom.png") no-repeat scroll left bottom transparent;
clear: both;
float: left;
height: 20px;
width: 584px;
padding: 0px 66px 0px 28px;
}

.splash {
background:url("images/slider/splashmiddle.png") no-repeat scroll left top transparent;
clear: both;
width: 584px;
float: left;
padding: 0px 66px 0px 28px;
}

.splashHr {
background:url("images/post/post-footer.png") no-repeat scroll left center transparent;
float:left;
margin-top: 5px;
height:15px;
width:584px;
}

.splash h1.splashTitle {
font-size: 33px;
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
	letter-spacing:0px;
	text-align:left;
	margin-bottom: 10px;
}

.splashText p {
font-size: 16px;
line-height: 22px;
}


/* MENUBAR --------------------------------------------------------------- */

.menubar {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
margin-top: 16px;
	width: 620px;
	float: right;
/*font-weight: bold;*/
font-size: 20px;
margin-left: 0px;
}

.menubar ul {
	float: right;
	list-style: none;
	top: 0;
	left: 0;
}

.menubar li {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
        z-index: 31;
	display: inline;
	list-style: none;
	/*margin: 0;*/
	position: relative;
	float: left;
	/*height: 45px;*/
background: #ffffff;
}

.menubar li a {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
	display: block;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	margin: 0px;
}

.menubar ul ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;

}

.menubar li:hover > ul {
	display: block;
}

.menubar li ul li a {
font-size: 14px;
	width: 190px;
}

.menubar li ul li {
	display: block;
}

.menubar ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

.menu-item:hover {
}

.menu-item {
}

.hover {
}

.hover a {
}


.menu-item a {
	color: #333333;
	padding: 0px 17px 0px 17px;
}

.hover a {
}

.menu-item a:hover {
	color: #000000;
}


/* MENUBUTTON --------------------------------------------------------------- */

.menubutton {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
margin-top: 5px;
	/*width: 680px;*/
	float: left;
/*font-weight: bold;*/
font-size: 20px;
}

.menubutton ul {
	float: left;
	list-style: none;
	top: 0;
	left: 0;
}

.menubutton li {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
        z-index: 31;
	display: inline;
	list-style: none;
	/*margin: 0;*/
	position: relative;
	float: left;
	height: 45px;
margin-right: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

background: #000000;
}

.menubutton li a {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
	display: block;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	margin: 0px;
}

.menubutton ul ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;

}

.menubutton li:hover > ul {
	display: block;
}

.menubutton li ul li a {
	width: 190px;
}

.menubutton li ul li {
	display: block;
}

.menubutton ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

.menu-item:hover {
}

.menu-item {
}


.menubutton .menu-item a {
	color: #ffffff;
	padding: 0px 17px 0px 17px;
}

.menubutton .menu-item a:hover {
	color: #ffffff;
}

/* POSTS ----------------------------------------------------------------- */

.postListingImage {
        background: #f3f2f2;
        border: 1px solid #e1e1e1;
	float: left;
	padding:6px;
	margin-top: 0px;
margin-bottom: 8px;
}
.postListingImage img {
        border: 1px solid #f2f2f2;
}


.commentsWrap {
margin-top: 15px;
float: left;
}

.commentsWrap .contentHr {
margin-bottom: 15px;
}

.contentWrapTop {
margin-top: 18px;
background: url('images/post/content-top.png') no-repeat top center;
float: left;
height: 46px;
width: 940px;
padding: 0px 10px;
}

.contentWrap {
background: url('images/post/content-middle.png') repeat-y top center;
float: left;
width: 940px;
padding: 0px 10px;
}

.contentWrapBottom {
background: url('images/post/content-bottom.png') no-repeat bottom center;
float: left;
width: 940px;
height: 42px;
padding: 0px 10px 0px 10px;
}

.maincontent { /* with sidebar */
	float:right;
/*margin:30px 0 10px;*/
width:640px;
}

.postContainer {
float: left;
margin-bottom: 10px;
/*padding: 0px 10px 0px 1px;*/
}

.postContent {
width: 590px;
padding: 0px 25px;
float: left;
}

.postFooter {
width: 640px;
height: 33px;
float: left;
background: url('images/post/post-footer.png') no-repeat bottom left;
}

.blogExtras {
margin-top: 5px;
float: left;
clear: both;
width: 100%;
}

.blogExtras p.blogExtrasTags a {
font-size: 14px;
font-weight: normal;
}

.blogExtras p.blogExtrasTags {
line-height: 19px;
padding-left: 34px;
background: url('images/post/tag.png') no-repeat top left;
}

.hr {
float: left;
width: 940px; 
border-color:#181818 #3A3838 #3A3838;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:0px 10px;
}

.fullhr {
float: left;
width: 940px; 
border-color:#181818 #3A3838 #3A3838;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:15px 0px 15px 0px;
}


.contentHr {
float: left;
width: 470px; 
border-color:#181818 #3A3838 #3A3838;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:20px 0px 15px 0px;
}

.service {
margin-bottom: 8px;
}

/* POST INFO ------------------------------------------------------------- */



.theTime {
float: left;
width: 100%;
	clear: both;
	font-weight: normal;
	font-size:14px;
	line-height:14px;
        margin-top: 3px;
	margin-bottom: 3px;
color: #bababa;
}



/* TEXT ------------------------------------------------------------------ */

   

blockquote {
clear: both;
	background:transparent url(images/post/quote-r.png) no-repeat scroll right bottom !important;
	color: #ffffff !important;
	float:right;
	font-weight:bold;
	letter-spacing:-1px;
	margin:10px 0px;
	padding:0 30px 5px 0;
	text-align:left;
	/* width:570px; */
}

blockquote p {
float: right;
	background:transparent url(images/post/quote-l.png) no-repeat scroll left top !important;
	border:0 none;
	font-size:18px !important;
	line-height:1.3em !important;
	padding:5px 2px 10px 35px !important;
	margin-bottom: 0px !important;
}

.postThumb {

	float: left;

}

.postThumb img {

	border: 1px solid #d3d0d0;

	padding: 3px;

}

.postText {
	float: left;
	margin-top: 5px;
	clear: both;
	width: 100%;
}

.postText ul {
font-size: 14px;
	line-height: 16px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 44px;

}

.postText ul li {

	padding: 3px;

}

.postText ol {
font-size: 14px;
	line-height: 16px;

	margin-left: 48px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.postText ol ul {

	margin-bottom: 0px;

	margin-top: 0px;

}

.postText ul ol {

	margin-bottom: 0px;

	margin-top: 0px;

}

.postText p, .postText .wrap {

	line-height: 1.5em;

	font-size: 1.4em;

	margin-bottom: 14px;

}

.postText .wrap input, .postText .wrap textarea, .postText .wrap select{
border: 1px solid #000000;
padding: 3px;
}

.postText a:link, .postText a:visited {

	color: #000000;

	text-decoration: none;

}

.postText a:hover, .postText a:visited:hover {

	color: #616161;

	text-decoration: none;

}

.postText object {
background:none repeat scroll 0 0 #F3F2F2;
border:1px solid #E1E1E1;
float:left;
margin-top:0;
padding:6px;
}

.postTopic {
			font-weight: normal; font-style: normal; line-height:normal; font-family: 'CharisSILBold';
	color: #000000;
	/* float: left; */
	clear: both;
font-weight: normal;
	text-decoration:none;
	margin-bottom: 0px;
}

.postExcerpt {

	float: left;

	width: 100%;

	color: #333333;

	font-size: 20px;

	font-weight: bold;

	text-decoration:none;

	margin-top: 3px;

	clear: both;

}



.more-link {

	clear: both;

	float: right;

	font-weight: bold;

}



/* IMAGES ---------------------------------------------------------------- */



.size-thumbnail {

background:none repeat scroll 0 0 #F3F2F2;
border:1px solid #E1E1E1;
float:left;
margin-top:0;
padding:6px;

}

.size-full {

	border: 0px;

}

.size-medium {
background:none repeat scroll 0 0 #F3F2F2;
border:1px solid #E1E1E1;
float:left;
margin-top:0;
padding:6px;
}

img.wpGallery {

	border: 1px dotted #cc0000;

	background: #ffffcc no-repeat scroll center center;

	width: 99%;

	height: 250px;

}

.wp-caption {
	border: 1px solid #E1E1E1;
	text-align: center;
	background-color: #F3F2F2;
	margin: 10px 0px !important;

}

.wp-caption img {
border:0px solid #E1E1E1;
	margin: 0px auto;
background: none;
	padding: 5px;
}

.wp-caption-dd {
	font-size: 1.2em;
	line-height: 17px;
	padding: 0 4px 2px;
	margin: 0;
}

.wp-caption-text {
margin-bottom: 5px !important;
}

.alignleft {

	float: left;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignright {

	float: right;

}

.alignnone {

	margin: 0px;

}

/* TABLES & OTHER ELEMENTS ----------------------------------------------- */



td {

	padding-bottom: 14px;

	line-height: 15px;

	color: #000000;/*font-size: 14px;*/

}

pre {

	font: 1.2em/1.8em "Courier New", monospace;

}

/* NEXT / PREVIOUS POST -------------------------------------------------- */



.nextPrev {
	float: left;
	width:600px;
	margin:0px 25px 0;

}

.prev {
	margin-top: 10px;
	float:left;
	text-align: left;
	width: 50%;
	color: #ffffff;
	font-size: 14px;
	padding-bottom: 15px;

}

.prev a:link, .prev a:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	background: url(images/leftposts.png) no-repeat center left;
	text-decoration:none;
	font-size: 14px;
	color:#ffffff;
        font-weight: bold;
}

.prev a:hover, .prev a:hover:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	background: url(images/leftposts-on.png) no-repeat center left;
	font-size: 14px;
	text-decoration:none;
	color: #616161;
}

.next {
	margin-top: 10px;
	float: right;
	text-align: right;
	width: 50%;
	color: #ffffff;
	font-size: 14px;
	padding-bottom: 15px;

}

.next a:link, .next a:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 25px;
	background: url(images/rightposts.png) no-repeat center right;
	text-decoration:none;
font-size: 14px;
	color:#ffffff;
        font-weight: bold;

}

.next a:hover, .next a:hover:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 25px;
	background: url(images/rightposts-on.png) no-repeat center right;
	font-size: 14px;
	color: #616161;
	text-decoration:none;

}

/* SIDEBAR --------------------------------------------------------------- */

.services {
float: left;
width: 100%;
}

.servicesImage {
float: left;
margin-right: 15px;
}


#sidebar {
	margin-right: 0px;
	float: left;
	width: 300px;
	list-style: none;
	text-align:left;
	margin-top: 0px;
	margin-left: 0px;
}

#sidebar li {

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	color: #333333;

}

#sidebar li a:link, #sidebar li a:visited {
	text-decoration: none;
}

#sidebar li a:hover, #sidebar li a:hover:visited {
	text-decoration: none;

}

#sidebar p {

	margin-bottom: 10px;

}

#sidebar a:hover, #sidebar a:hover:visited {
	text-decoration: none;
	border: none;
}

#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
	border: none;
}

#sidebar h4 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:0px;
	line-height: 22px;

}

#sidebar h2, h2.widgettitle {
	font-size:22px;
	color:#333333;
	font-weight: bold;
	letter-spacing:0px;
line-height: 25px;
			font-weight: normal; font-style: normal; font-family: 'CharisSILBold';

}

#sidebar ul li ul li {
font-size: 14px;
	list-style-type: none;

	margin-left: 0px;

	margin-right: 0px;

	background: transparent;

	padding:2px 0px 8px 0;

}

#sidebar img {

	border: 0px;

}

#sidebar .widget {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}

#sidebar .textwidget {
	list-style-type:none;
	float:left;

padding:19px 25px;
	width:250px;
font-size: 14px;
}

#sidebar .widget_tag_cloud div {
float:left;
font-size:14px;
list-style-type:none;
padding:19px 25px;
width:250px;
}

#sidebar .shopping-cart-wrapper {
	list-style-type:none;
	float:left;

padding:19px 25px;
	width:250px;
font-size: 14px;
}

#sidebar .widget ul {
	list-style-type:none;
	float:left;
	padding:19px 25px;
	width:250px;
}

#sidebar .widget ul ul {

	background: transparent;

	list-style-type: katakana;

	padding: 5px 10px;

	float: left;

	width: 260px;

}

#sidebar .widgettitle {
	background: url('images/sidebar/widgettitle.png') no-repeat bottom left;
	padding: 0px 0px 16px 25px;
	width: 270px;
	float: left;
}


/* SEARCH BOX ------------------------------------------- */


.infoBoxSearch {
float: left;
	height: 40px;
	font-size:14px;
width: 270px;
margin-top: 5px;
margin-bottom: 10px;
}
#search {
float: left;
	color: #595959;
	background:transparent url('images/sidebar/search-bg.png') no-repeat scroll 0 0;
	padding: 0px 0px 0px 37px;
}
#search #s {
float: left;
	background: transparent;
	border: 0px;
	width: 144px;
padding: 12px 4px 12px 0px;
}

#search #btn {
float: right;
padding: 0px !important;
border: 0px;
height: 40px;
}


/* MISC  --------------------------------------------- */



.addthis_toolbox {

	clear: both;

	margin-top: 15px;

	float: left;

}

.at300bs.at15t_expanded, .at300bs.at15t_compact {

	margin-right: 0px!important;

}

.mapp-poweredby {

	display: none;

}

.dsq-brlink {
display: none;
}

#dsq-comments-title h3 {
margin-top: 15px;
}



/* http://sonspring.com/journal/clearing-floats */



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}