/*
Theme Name: IT-Ped
Author: Charles Ravndal
Author URL: http://www.charlesravndal.com
*/


/*General*/       
h1, h2, h3, h4, h5, h6 { 
        font-weight:normal;
        text-transform: uppercase;
        font-family:  "Helvetica Neue",Arial,Helvetica,sans-serif;
}
h1 { 
        font-size: 40px; 
        margin: 20px 0 15px 0; 
}
h2 { 
        font-size: 26px; 
        margin: 15px 0 15px 0;
	color: #9C6;
}
h3 {    
        font-size: 22px; 
        margin: 20px 0 15px 0; 
}
h4 { 
        font-size: 18px; 
        margin: 5px 0 0 0;
}
h5 { 
        font-size: 16px; 
        margin: 5px 0 0 0; 
}
h6 { 
        font-size: 14px; 
        margin: 0 0 0 0; 
}

a:link, a:visited { 
        color: #9C6; 
        text-decoration: none; 
}
a:hover { 
        color: #555555; 
}

/*Body and Background*/


html, body {
    width: 100%;
    height: 100%;
}

body {
       font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
       color:#333333;
       background:url('http://www.itped.no/wp-content/themes/itped/images/greenback.png') fixed;
       background-color: #ffffff;
       overflow: hidden;
       margin-left: 0;
}

/*Menu*/
.menu {
      background:url('http://www.itped.no/wp-content/themes/itped/images/boxback.png');
      position: fixed;
      top: 500px;
      left: 0;
      border: 0px solid #555555;
      clear: both;
      float: left;
      font-family:  "Helvetica Neue",Arial,Helvetica,sans-serif;
      font-weight: bold;
      font-size: 18px;
      text-transform: uppercase;
      margin: 0;
      padding: 1px 16px 0px 0px;
      z-index: 500;
      -webkit-box-shadow: 0px 2px 3px #333;
      -moz-box-shadow: 0px 2px 3px #333;
}
#navigation ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
}


#navigation li {
     display: inline;
     margin: 0;
     padding: 0 19px 0 10px;
     list-style-type: none;
}

#navigation li a, #navigation li a:link, #navigation li a:visited{
     text-decoration: none;
     list-style-type: none;
     color: #777;
     display: inline;
     margin: 0;
     padding: 0;
}
#navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited {
    text-decoration: none;
    list-style-type: none;
    color: #9C6;
    display: inline;
    margin: 0;
    padding: 0;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
    text-decoration: none;
    list-style-type: none;
    color: #9C6;
    display: inline;
    margin: 0;
    padding: 0;
}

.menu img {
    margin: -25px 0px -28px -27px;
    left: 0;
    border: 0;
}

/*Container*/

#container{
       width: 9000px;
       height: 1000px;	
       background:url('http://www.itped.no/wp-content/themes/itped/images/background.png') no-repeat 40px 34px;
}

.box {      
       width: 2000px;
       height: 700px;
       float: left;
       line-height: 22px;
       margin: 10px 50px 50px 30px;
       padding: 5px 30px 30px 97px;
}
.content {
       background:url('http://www.itped.no/wp-content/themes/itped/images/boxback.png');
       color:#DADAD9;
       font-size: 15px;
       line-height:24px;
       padding: 5px 20px 20px 20px;
       margin: 20px 0 10px 0;
       width: 600px;
       height: auto;
       text-align:justify;
       -webkit-box-shadow: 0px 2px 3px #333;
      -moz-box-shadow: 0px 2px 3px #333;
}

.forside {
       color:#000000;
       font-size: 16px;
       line-height:24px;
       padding: 5px 0 20px 0;
       margin: 40px 0px 10px -44px;
       width: 600px;
}

/*Form*/
.contentform {
       background:url('http://www.itped.no/wp-content/themes/itped/images/boxback.png');
       color:#DADAD9;
       font-size: 15px;
       line-height:24px;
       padding: 5px 20px 20px 20px;
       margin: 20px 0 10px 0;
       width: 600px;
       height: auto;
       -webkit-box-shadow: 0px 2px 3px #333;
       -moz-box-shadow: 0px 2px 3px #333;
}
.contentform p {
	font-size: 16px;
	text-transform: uppercase;
	color: #88BB99;
	
}
.form {
    float: right;
    clear: both;
    margin-top: -194px;
    right: 0px;
    margin-right: 0;
    margin-left: 20px;
}

.form textarea{
	width: 280px;
        height: 150px;
}

.button {
    background:#333333; 
    border: 1px #555555 solid; 
    color:#fff; 
    font:bold 13px/1 helvetica,arial,sans-serif; 
    padding:5px 5px 5px 5px;  
    text-align:center;
    width: 60px; 
    float: right;
    clear: both;
    margin-top: -10px;
    margin-right: 0px;
}

.button:hover { 
   background:#9C6;
   border: 1px #555555 solid;
}
/*Sidebar*/
.sidebar {
	float: left;
	width: auto;
	height: auto;
	left: 0;
	position: fixed;
	clear: both;
	top: -50px;
	display: block;
	z-index: -1;
}
/*Footer*/
.footer {
      position: fixed;
      top: 570px;
      left: 0;
      clear: both;
      float: left;
      font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
      font-weight: bold;
      font-size: 9px;
      text-transform: uppercase;
      margin: 0;
      padding: 1px 0px 0px 10px;
      z-index: 500;
}

.footer a:link, a:visited { 
        color: #333333; 
        text-decoration: none; 
}
.footer a:hover { 
        color: #555555; 
}
/*Accordion*/

.basic h5 {
	border-bottom: 1px #ccc solid;
}

.basic a {
	color: #88BB99;
	cursor:pointer;
	display:block;
}
.basic a:hover {
	color: #555;
}

.basic a.selectable {
	color: #000;
}