/*
Theme Name: Forsbergs Skola - portfolios
Theme URI: http://forsbergsskola.se
Description: WordPress-tema för Forsbergs Skola, uppdaterad med portfolios
Version: 2.0
Author: Adoy AB
Author URI: http://www.adoy.se/
Tags: 3 columns, newspaper, fixed size, light grey, white, black

*/

/** General **/

p, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote, form, fieldset, legend {
	margin: 0;
	padding: 0;
}

body {
	background: url("graphics/Forsbergs_bakgrund.jpg") top left no-repeat #fff;
	color: #000;
	margin: 0;
	padding: 0;
	font: 11px/1.2 Verdana, Helvetica, Arial, sans-serif;
}
#load {
	display: none;
	float: left;
	padding: 2px 5px;
	background: #000;
	color: #fff;
}

#page {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 970px;
	height: 690px;
}

a {
	color: #666;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #333;
	background-color: transparent;
}

.left_column h2 {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Franklin Gothic", Arial Black, Arial Bold, Arial, Helvetica, sans-serif;
	margin: 0 0 0.3em 0;
	padding: 0;
}

h2 {
	font-size: 20px;
	padding-top: 2px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000;
	background: transparent;
	text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;
}

a img {
	border: none;
}

/** Header **/

#header {
	position: absolute;
	left: 0px;
	height: 47px;
	width: 970px;
	background: url("graphics/header-bg.gif") bottom left repeat-x transparent;
}

h1 {
	margin: 0;
	padding: 0;
	float: left;
}

h1 a {
	width: 303px;
	height: 37px;
	background: url("graphics/logo_forsbergs.png") top left no-repeat transparent;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#description {
	position: relative;
	top: 24px;
	float: left;
	margin-left: 5px;
}

#languages {
	float: right;
	position: relative;
	top: 26px;
}

#languages ul {
	position: relative;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#languages ul li {
	float: right;
	margin-left: 10px;
	font-size: 90%;
}

#languages ul li a span {
	float: left;
}

#languages ul li.active a {
	color: #000;
	background: transparent;
}

#fs_slash {
	position: absolute;
	top: 45px;
	left: 947px;
	width: 5px;
}

/** Menu **/

#menu {
	position: absolute;
	top: 60px;
	left: -20px;
	width: 180px;
	cursor: pointer;
	z-index: 100;
}

#menu a {
	color: #000;
	background: transparent;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li {
	margin-bottom: 8px;
	padding-left: 20px;
	background-position: 10px 2px;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #000;
	line-height: 12px;
}

#menu ul li.current_page_item, #menu ul li.current_page_ancestor, #menu ul li.menu_hover {
	background-image: url('graphics/arrow.gif');
}

#menu ul li li.current_page_item, #menu ul li li.current_page_ancestor {
	background-image: none;
}

#menu ul li a {
	border-bottom: 5px #F5F4F0 solid;
	padding-right: 10px;
}

#menu ul li.current_page_item a {
	color: #000 !important;
	background: transparent;
}

#menu ul ul {
	padding: 8px 0px 2px 10px;
	display: none;
}

#menu ul ul li {
	margin-bottom: 0;
	padding-left: 0px;
}

#menu ul ul li a {
	border-bottom: 0;
	padding-right: 0;
	color: #666;
	background: transparent;
}

#menu ul ul li a:hover {
	color: #000;
	background: transparent;
}

#menu ul li.current_page_item ul li a {
	color: inherit !important;
	background: transparent;
}

#menu ul li ul li.current_page_item a, #menu ul li ul li.current_page_parent a {
	color: #000 !important;
	background: transparent;
}

#menu ul li.kontMain a{
	border-bottom: 5px black solid;
}

#sub_menu {
	position: absolute;
	top: 0;
	left: 0px;
	width: 177px;
	height: 535px;
	overflow: hidden;
	background: url('graphics/line_forsbergs.gif') right top no-repeat;
}

#sub_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sub_menu ul li.current_page_item a {
	color: #000 !important;
	background: transparent;
}

#sub_menu_content h2 {
	font: bold normal normal 11px/1.2 Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 0;
	margin-top: 10px;
}

/** Blackboard **/

#blackboard {
	position: absolute;
	top: 402px;
	left: -21px;
	width: 190px;
	height: 168px;
	background: transparent;
	color: #fff;
}

#blackboard_wrapper {
	position: relative;
	float: left;
	top: 4px;
	left: 12px;
	width: 161;
	height: 217px;
}

#blackboard dt, #blackboard dl span {
	display: none;
}

#blackboard dd a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#link_to_map {
	position: relative;
	top: 73px;
	left: 0px;
	width: 190px;
	height: 47px;
}

#link_to_mail {
	position: relative;
	top: 77px;
	left: 0px;
	width: 190px;
	height: 33px;
}

/** Content **/

#content {
	position: absolute;
	top: 62px;
	left: 200px;
	background: transparent;
}

#splash {
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	height: 535px;
	overflow: hidden;
}

#latest_post {
	margin: 20px 0 0 0;
}

#latest_post .post {
	width: 385px;
}

#newsletter {
	width: 554px;
}

#single_post .acc_toggler.active a {
	text-decoration: underline;
}

.acc_element {
	padding-top: 7px;
}

#single_post h3 span.date {
	font-size: 9px;
	margin-top: 2px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#single_post .post {
	width: 375px;
}

#single_post .post p {
	margin: 0 0 14px 0;
	line-height: 16px;
}

#single_post .post_puff p {
	margin: 0 0 14px 0;
	line-height: 16px;
}

#single_post h2, #newsletter h2 {
	border-bottom: 5px solid #000;
	margin-bottom: 20px;
	text-transform: uppercase;
	width: 554px;
}

#single_post #teacher-header {
	margin: 0px 0px 0px 0px;
}

#single_post .teacher_wrapper {
	position: relative;
	float: left;
	padding-top: 20px;
	width: 550px;
}

#single_post .teacher_img {
	position: relative;
	float: left;
	width: 177px;
	margin-bottom: 0px;
}

#single_post .teacher {
	position: relative;
	float: left;
	width: 325px;
	margin-left: 20px;
}

#single_post .teacher h3 {
	font: bold 12px/1.2 Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}

#single_post .visiting_teacher {
	float: left;
	width: 345px;
}

#single_post .visiting_teacher h3 {
	font: bold 12px/1.2 Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}

#single_post .teacher .post {
	width: 325px;
}

#single_post .teacher .post p {
	margin-bottom: 0;
}

.post_wrapper {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	width: 554px;
}

.post_wrapper h3 a {
	display: block;
}

#puffs {
	position: absolute;
	top: 0;
	left: 593px;
	width: 177px;
	height: 538px;
	overflow: hidden;
}

#puffs h2, #intro h2 {
	display: none;
}

#puffs ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#puffs ul li {
	margin: 0 0 10px 0 !important;
	font: bold 16px/1.6 Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 0;
	line-height: 18px;
}

#puffs ul li.puff_pink {
	background-color: #e37bc4;
	color: #FFF;
	height: 91px;
	padding: 10px 10px;
}

#puffs ul li.puff_yellow {
	background-color: #f7e035;
	color: #FFF;
	height: 91px;
	padding: 10px 10px;
}

#puffs ul li.puff_green {
	background-color: #8af539;
	color: #FFF;
	height: 91px;
	padding: 10px 10px;
}

#puffs ul li.puff_blue {
	background-color: #9fddfe;
	color: #FFF;
	height: 91px;
	padding: 10px 10px;
}

#puffs ul li.puff_big {
	height: 152px;
}

#puffs a {
	color: #fff;
}

#page_content {
	position: absolute;
	top: 0;
	left: 196px;
	width: 574px;
	height: 535px;
	overflow: none;
	background: url('graphics/line_forsbergs.gif') right top no-repeat;
}

/** Misc **/

.border_pink {
	border-color: #e37bc4 !important;
}

.border_yellow {
	border-color: #f7e035 !important;
}

.border_green {
	border-color: #8af539 !important;
}

.border_blue {
	border-color: #9fddfe !important;
}

.border_right {
	border-right: 1px solid #000;
}

#newsletter form {
	padding: 0px;
	display: block;
}

#newsletter p {
	padding: 0 0 5px;
}

#newsletter .ul_error_class {
	color: #c00;
	font-size: 1.5em;
}

/** Scrollbars **/

.content {
	float: left;
	overflow: auto;
	height: 535px;
}

.track {
	width: 8px;
	height: 535px;
	float: left;
	position: relative;
	background: transparent;
	color: inherit;
	margin-left: 7px;
	visibility: hidden;
}

.thumb {
	position: absolute;
	top: 10px;
	left: 0;
	height: 10px;
	width: 8px;
	background: #aaa;
	color: inherit;
}

#sub_menu_content {
	width: 157px;
}

/** Modal **/

#modal_page {
	padding: 20px;
}

#modal_page * {
	float: none;
	margin: 0;
	padding: 0;
}

#modal_page div {
	margin-bottom: 20px;
}

#modal_page h1 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}

#modal_page p {
	margin-bottom: 10px;
}

/** cForm **/

.cform fieldset {
	padding: 0;
	border: none;
}

.cform legend {
	display: none;
}

.cform ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.cform li {
	margin-bottom: 10px;
}

.cform label {
	display: block;
}

.linklove {
	display: none;
}

.cf_info {
	font-size: 13px;
}

.cf_info.failure {
	color: maroon;
}

/** Nytt **/

#single_post .post_puff {
	width: 554px;
}

#single_post .post_puff ul {
	float: left;
	width: 150px;
	margin: 0 0 0 0px;
	padding: 10px 0px 10px 15px;
	list-style-type: square;
	list-style-position: outside;
}

#single_post .post_puff ul li {
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0;
}

#single_post .post_puff div.cf_info, #single_post .post_puff div.cf_info.failure {
	clear: both;
	padding: 10px 0 0 0;
}

#single_post .post_puff form.cform {
	clear: both;
	padding: 10px 0 0 0;
}

.print_page {
	position: relative;
	float: right;
	text-align: right;
	padding: 0px 20px 0px 0px;
	background: transparent url(img/printer_empty.png) no-repeat right center;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 10px;
}

/* portfolios */

#portfolio-content {
	position: relative;
	width: 950px;
	height: 570px;
	background: #fff;
}
#portfolio-content ul.tablist {
	position: relative;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
	height: 540px;
}
#portfolio-content ul.tablist a {
	outline: none;
}
#portfolio-content ul.tablist li.ui-tabs-selected a {
	color: #000;
	font-weight: bold;
}


#loader {
	z-index: 1500;
	position: absolute;
	top: 0px;
	left: 205px;
	width: 725px;
	padding: 0 0 0 20px;
	background: url(img/line_vertical.gif) repeat-y left top;
}
#loader h1.student-title {
	background: transparent url(img/linje.gif) repeat-x left bottom;
	padding: 0 0 7px 0;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0 0 0.3em 0;
	float: none;
}
#loader h2 {
	font-size: 16px;
	border-bottom: 1px solid #000;
	padding: 2px 0 3px 0;
	margin: 0 0 0.5em 0;
}
#loader h3 {
	font-size: 12px;
}
#loader p {
	padding: 2px 0 3px 0;
}

#loader address {
	text-decoration: none;
	font-style: normal;
	color: #666;
	padding: 0 0 10px 0;
}
#loader .scroll-pane{
	position: absolute;
	display: block;
	height: 530px;
	width: 725px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	left: 0px;
	top: 35px;
	/* fixes has-layout-bug in IE6*/
	zoom: 1;
}

.scroll-pane {
	width: 570px;
	height: 535px;
	overflow: auto;
}


.boxy-wrapper { position: absolute; padding: 10px; background: #fff; width: 950px; height: 580px;}
.boxy-wrapper.fixed { position: fixed; }

.boxy-wrapper .content { overflow: hidden; height: auto; width: auto; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 0px; background-color: transparent; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 0px; background-color: transparent; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { z-index: 1501; background-color: transparent; padding: 5px 0px 5px 5px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: #333; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: #000; position: absolute; top: 5px; right: 5px; font-size: 90%; z-index: 1502; height: 12px; display: block; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 10px; }
	.boxy-content { padding: 5px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
    
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-tabs-hide { display: none; }
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays
----------------------------------*/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }