/* import style for forms
*/
/*@import url(forms.css);*/
/*
 * Colors
 * #47036F dark purple
 * #6F0AAB
 * #9D3ED5
 * #AC66D5 light purple
 * #D3AAEC even lighter
 * source: http://colorschemedesigner.com/#4G11Tw0w0w0w0
#####  Color Palette by Color Scheme Designer
#####  Palette URL: http://colorschemedesigner.com/#4911ThNue----0EuZa1RwI12--E83zM-L
#####  Color Space: RGB;



*** Primary Color:

   var. 1 = #B5A9F0 = rgb(181,169,240)
   var. 2 = #2B1F68 = rgb(43,31,104)
   var. 3 = #0C0049 = rgb(12,0,73)
   var. 4 = #E4DFFD = rgb(228,223,253)
   var. 5 = #F5F3FF = rgb(245,243,255)


#####  Generated by Color Scheme Designer (c) Petr Stanicek 2002-2010

 */
/*
 * class name conventions
 * source: http://engineering.appfolio.com/2012/11/16/css-architecture/
 *
 * Templates Rules ( not using Sass placeholders)
 * .t-template-name
 * .t-template-name--modifier-name
 * .t-template-name__sub-object
 * .t-template-name__sub-object--modifier-name
 *
 * Component Rules
 * .component-name
 * .component-name--modifier-name
 * .component-name__sub-object
 * .component-name__sub-object--modifier-name
 *
 * Layout Rules
 * .l-layout-method
 * .grid
 *
 * State Rules
 * .is-state-type
 *
 * Non-styled JavaScript Hooks
 * .js-action-name
 */

/*
 * Base rules
 * http://smacss.com/
*/
caption, h1, h2, h3, h4, td,thead {
	font-family: 'Exo 2', Arial, sans-serif;
}
body, li, p, td, a, input, textarea {
	font-family: 'Merriweather', Georgia, serif;
}
/*
h1 {
	font-size: 25px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
p, li, ol, a, td{
	font-size: 14px;
}*/
/*
table{
	border: 2px solid black;
	border-collapse: collapse;
}*/
li {
	margin-bottom: 10px;
}
/****/
html,
.outer-background {
    /*
	background: #B5A9F0;
	*/
	background: #E4DFFD;
    background: #e8e8ff;
    background: #fafaff;
    background: #fefeff;
    background: #d1d1ff;
    background: #9999cc;
  	background-image: url('../img/hex_border_f5f3ff_30.png');
	background-repeat: repeat;
	overflow-y: scroll;
}
body {
    color: #000;
    font-size: 15px;
    /*background: yellow;*/

}
#header,
.header,
.footer,
.header-background {
    background: #B5A9F0;
    background: #dadaff;
    background: #e1e1ff;
    background-image: url('../img/hex_border_f5f3ff_30.png');
    background-repeat: repeat;
}
.main {
    background: #E4DFFD;
    background: #e8e8ff;
    background: #fafaff;
    background-image: url('../img/hex_border_f5f3ff.png');
    background-repeat: repeat;

}
h1 {
  font-size: 1.7em;
}
h2 {
	font-size: 1.4em;
}
li {
	margin-bottom: 0.5em;
}/*
 * images
 */
img {
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
	border-radius: 10px;
}
figcaption {
	margin-left: 5px;
	margin-right: 5px;
	font-size: smaller;
}
figure {
	margin: 0px;
	padding: 0px;
}

a:link {
	color:#2B1F68;
}
a:visited {
	color:#0C0049;
}
math {
    font-size: x-large;
}
h1.pageTitle {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    margin-right: 10px;
}
.page-fysik2-blogg h2 {
    display: inline
}

/*
 * Template rules
 */
.right, /*deprecated*/
.t-right {
	float:right;
}
.left, /*deprecated*/
.t-left {
	float:left;
}
.text-right, /*deprecated*/
.t-text-right {
	text-align: right;
}
.t-small-text {
	font-size: small;
}
/*
 * 12 columns, 8.3% each
 */
.t-width-2of12 {
    width: 150px;
}
.width-4of12, /*deprecated*/
.t-width-4of12 {
	/*width: 32%;*/
	/*width: 300px;*/
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
}
.width-8of12,  /*deprecated*/
.t-width-8of12 {
	width: 66%;
}
.t-width-6of12 {
    /*width: 49%;*/
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}
.t-width-7of12 {
	width: 57%;
}
.t-center-8of12 {
    margin-left: 160px;
    margin-right: 160px;
}
.t-center-4-6-2{
    margin-left: 320px;
    width: 460px;
}
.t-center-4-4-4{
    margin-left: 34%;
    width: 33%;
}
.t-columns-2 {
	column-count: 2;
	column-width: 450px;
	-moz-column-count: 2;
	-moz-column-width: 450px;
	-webkit-column-count: 2;
	-webkit-column-width: 450px;
}


.t-clearfix {
    overflow: auto;
}
.t-text-center{
    text-align: center;
}
/*
.t-text-bottom {

}
*/
/*
 * Loyout rules
 */
.page-title {
	color: #47036F;
	margin: 8px 0px;
}
.page-fysik2-start {
    padding-top: 10px;/*to show top of title link button*/
}
.blog-start {
    padding-top: 20px;
}
.page-fysik2-blogg article,
.page-fysik2-start article{
    padding-top: 10px;
    border-bottom: 1px dotted #B5A9F0;
}
#header .nav-menu--sub {
    padding-top: 6px;
}
/* Layout body*/
.body-960 {
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 960px;
    padding: 0;
  /*
  margin: 8px auto;
  width: 928px;
  padding: 8px 8px;*/

  /*border: 1px solid #333;*/
  /*
  border-radius: 10px;
  */
  /*
  box-shadow: 4px 4px 3px #333, 0 0 2px #333;
  */
}
#header,
.footer,
.main {
    padding: 8px;
}
#header {
    /* header border radius top corners */
    /*
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    */
}
.footer {
    /* footer border radius lower corners */
    /*
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    */
}
/*
 * Layout
 * content
 */
.page-content {
	overflow: auto;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
    /*background-color: #AC66D5;*/

    /*box-shadow: 4px 4px 3px #333;*/
}
.page-content--2 {
	overflow: auto;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
    /*background-color: #D3AAEC;*/

    /*box-shadow: 4px 4px 3px #333;*/
}
/* Table -  two alternating colour on rows*/
/*
tr:nth-child(2n) {
	background-color:#AC66D5;
}
*/

/*
 * Module rules
 */
/*
 * module
 * tabular navigation menu, horizontal, and content
 */
/*
.navmenu {
	padding-top: 10px;

}
.navmenu a {
	border-radius: 2px;
}

.navmenu a:link,
.navmenu a:visited {
	color: #000;
}
.navmenu--small {
    font-size: small;
    padding-top: 0;
    margin-right: 10px;
}
.navmenu--small a {
    padding: 2px;
}
.navmenu--1 a:hover,
.navmenu__item {
    padding: 10px;
    margin: 0;
    font-family: Tahoma, Geneva, sans-serif;
    text-decoration:none;
    background-color: #B5A9F0;
	border-left: 3px #F5F3FF;
}
.navmenu--2 a:hover,
.navmenu--2__item {
    padding: 0em 1em 0em 1em;
    font-family: Tahoma, Geneva, sans-serif;
    text-decoration:none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #D3AAEC;
    box-shadow: inset 0px -4px 3px #333;
}
.is-selected,
.navmenu a:hover
{
	background: transparent;
    box-shadow: none;
}
.is-selected--2,
.navmenu--2 a:hover {
	background: #D3AAEC;
    box-shadow: none;
}
.navmenu a:active  { }
.navmenu--2 a {
	margin-right: 5px;
}*/
/*
 * module
 * tabular navigation menu, horizontal, and content
 */

.navmenu--horizontal ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.navmenu--horizontal li{
	float:left;
	margin: 0;
	padding: 0;
}

.content--tab {
    /* use ??*/
    /*
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    */

}
/*
 * module
 * table of contents
 * no symbol before text in a list element
 */
.table-of-contents li {
	list-style-type: none;
	text-indent: 0;
}
.table-of-contents ul {
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}



/*
 * module
 * byline
 */
.byline {
    border-top: 4px double #6F0AAB;
    clear: both;
    font-size: smaller;
    font-style: italic;
    margin-top: 2em;
    padding: 1em;
}
/*
 * module
 * footer ------------------------------------
 */
div#footer,
.footer {
    /*border-top: 4px double #AC66D5;	*/
    font-size: smaller;
}

/*div#footer a,*/
.footer a {
  font: italic 0.8em; /* Arial, Helvetica, sans-serif;*/
  /*text-decoration:none;*/
}
/*
.footer a:link    { }
.footer a:visited { }
.footer a:hover   {
	text-decoration:underline;
}
.footer a:active  { }
*/
/*
 * module
 * table
 */
/*
.table td {
	padding: 10px;
}
.table tr:first-child {
	background-color:#6F0AAB;
	color: white;
}
.table tr:first-child td{
	padding: 10px;
}

.table tr:nth-child(even) {
	background-color:#E4DFFD;
}
.table img {
	float:left;
	margin-right: 10px;
}
.table {
	width: 100%;
}
.table caption {
	text-align: left;
}
*/
/**
 * 	module code
 */
.code {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #999999;
    font-family: 'Inconsolata', monospace;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    padding-left: 0.5em;
    white-space: pre;
}

.class-page table{
   border-collapse:collapse;
}
.class-page td{
   border: 1px solid #fff;
   padding: 10px;
}
.class-page tr{
   border: 1px solid #fff;
}
/*
 * Unity page specific
 */
.unity h1,
.unity h2,
.unity h3,
.unity p {
    text-align: center;
}
.unity p.footer {
    font-size: x-small;
}
.unity div.content {
    margin: auto;
}
.unity div.broken,
.unity div.missing {
    margin: auto;
    position: relative;
    top: 50%;
    width: 193px;
}
.unity div.broken a,
.unity div.missing a {
    height: 63px;
    position: relative;
    top: -31px;
}
.unity div.broken img,
.unity div.missing img {
    border-width: 0px;
}
.unity div.broken {
    display: none;
}
.unity div#unityPlayer {
    cursor: default;
}
/*******/


/**
 *  Module - form
 */
.form input {
    border-radius: 2px;
}
.form--admin input[type=text] {
    width: 40%; /*TODO variable width to fill page */
    /*background: #f5f3ff;*/

}
.form--admin textarea {
    width: 100%;
    height: 70px;
    /*
    border-radius: 5px;
    */
    overflow-y: scroll;
    resize: none;
    resize: vertical;
    /*background: #f5f3ff;*/
}
.form--admin--page textarea {
    height: 300px;
}
.form fieldset {
  border: 0px #f5f3ff solid;
  border-radius: 2px;
}
/*
.form select {
    background-color: #D7B589;
    border-radius: 2px;
}
.form button {
    border-radius: 2px;
    background-color: #D7B589;
}
.form input[type=text],
.form input[type=password],
.form select {
    border-color: #8C6C44;
    border-style: inset;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.form fieldset {
    margin-bottom: 10px;
}*/
/* hide radio button */
.form input[type=radio] ,
.form input[type=checkbox]
{
    display:none;
    margin:10px;
}


/*
  Make the label look like a button
*/
.form input[type=radio] + label {
  display:inline-block;
    text-decoration:none;
    margin-right: 3px;
}

/*
 * UML class diagram
 */
.uml--class {
    border: 1px solid #000;
    background: #f5f3ff;
    background: #fdfdff;
    width: 300px;
    font-family: 'Inconsolata', monospace;/*TODO does not work with markdown*/
    margin: 10px
}
.uml--class p,
.uml--class ul:first-of-type {
    border-bottom: 1px solid #000;

}
.uml--class p,
.uml--class ul,
.uml--class ol  {
    padding-left: 10px;
}

.uml--class ul,
.uml--class ol {
    list-style-type: none;
}
/*
 * UML object diagram
 */
.uml--object {
    border: 1px solid #000;
    border-radius: 10px;
    background: #E4DFFD;
    background: #fdfdff;
    background: #f5f3ff;
    font-family: 'Inconsolata', monospace;
    width: 300px;
    margin: 10px;
}
.uml--object p{
    border-bottom: 1px solid #000;
    text-align: center;
}
.uml--object p,
.uml--object ul,
.uml--class ol {
    padding-left: 10px;
}

.uml--object ul,
.uml--object ol {
    list-style-type: none;
}
.uml--object li,
.uml--object ol {
    padding-bottom: 10px;
}
.uml--object i,
.uml--object em {
    padding: 3px;
    margin-left: 10px;
    border: 1px solid #000;
    background: #f5f3ff;
    background: #fdfdff;
}




/**
 *     Film page
 */
.table-db tr:first-child {
    font-weight: 900;
}
/**
 *     start page
 */
.page-fysik2-start h2 {
    font-family: 'Merriweather', Georgia, serif;
    font-size: 15px;
    font-weight: 900;
}
/*
 * Fix problem with awful rowbreak in buttons with long text.
 */
.page-fysik2-start a.button {
    display: block;
}
.page-webutveckling-elevsidor li{
    list-style-type: none;
}
.page-webutveckling-elevsidor h1,
.page-webutveckling-elevsidor ul
{
    text-align: center;
}
.page-webutveckling-elevsidor ul{
    margin-left: 0;
    padding-left: 0;
}
/*
.page-calender img {
    float: left;
}
.page-calendar .button a{
    overflow: auto;
}
*/
/**
 *     slogan
 */
.slogan {
    font-size: smaller;
}

/** --------------------------------------------------------------
 * Breadcrumb
 */
ul.breadcrumb {
  list-style-type: none;
  padding: 0;
  margin: 0 0 22px 0;
}

ul.breadcrumb li {
  padding: 0;
  margin: 0;
  display: inline;
}

ul.breadcrumb a {
  font-size: 0.85em;
  text-decoration: none;
  color: #666;
}

ul.breadcrumb a:hover {
  text-decoration: underline;
  color: #333;
}
/*
 * State rules
 */

/*
 * TEST
 */
.form input,
.form textarea,
.header input[type=submit].button {
    /* background: #E4DFFD; */
    background: #f5f3ff;
    background: #e1e1ff;
    border-radius: 2px;
    border-width: 0;
    font-size: 1em;
}
.header input[type=submit].button {
    background: transparent;
}
.header a.login-out-button {

}