/*   
Theme Name: Fortellerfestivalen 2010
Theme URI: http://fortellerfestivalen.no/
Description: Fortellerfestivalen 2010's default theme
Author: Asbjørn Ulsberg
Version: 1.0
.
Copyright Fortellerfestivalen, Fortellerhuset, Albatrass and Tiger-IT 2007
.
*/

* {
  margin                                : 0;
  padding                               : 0;
}

html {
  background                            : #999 url('images/gradient.jpg') top left repeat-x;
}

body {
  font-family                           : Helvetica, 'Bitstream Vera Sans', Arial, Sans-Serif;
  font-size                             : .8em;
  background                            : transparent url('images/banner.jpg') 0 95px repeat-x;
  line-height                           : 1.5;
}

h1, h2, h3, h4, h5, h6 {
  font-family                           : 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight                           : bold;
  color                                 : #000;
  text-transform                        : uppercase;
}

h4, h5, h6 {
  text-transform                        : none;
}

a:link, a:active, a:visited {
  color                                 : #000;
  text-decoration                       : underline;
}

a:hover {
  text-decoration                       : none;
}

h1 a:link, h1 a:active, h1 a:visited,
h2 a:link, h2 a:active, h2 a:visited,
h3 a:link, h3 a:active, h3 a:visited,
h4 a:link, h4 a:active, h4 a:visited,
h5 a:link, h5 a:active, h5 a:visited,
h6 a:link, h6 a:active, h6 a:visited {
  color                                 : #d31;
  text-decoration                       : none;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration                       : underline;
}

hr {
  clear                                 : both;
  visibility                            : hidden;
}

a img {
  border                                : none;
}

div#canvas {
  width                                 : 1010px;
  margin                                : 0 auto;
}

div#header {
  text-align                            : center;
  height                                : 145px;
  color                                 : #fff;
  position                              : relative;
}

div#header h2 {
  font-size                             : 1.2em;
  letter-spacing                        : .2em;
  position                              : absolute;
  top                                   : 165px;
  left                                  : 0;
  text-align                            : center;
  width                                 : 1010px;
}

div.w {
  margin-top                            : 55px;
}

div#news {
  float                                 : right;
  width                                 : 220px;
  border                                : 1px solid #999;
  background-color                      : #fff;
}

div#news div.w {
  margin                                : 0;
  border                                : 5px solid #eee;
  padding                               : 5px 10px;
}

div#news div.article {
  margin-bottom                         : 1em;
}

div#news img {
  display                               : block;
  border                                : 3px solid #d31;
  margin                                : .5em auto;
}

div#news a:hover img {
  border-color                          : #999;
}

div#news h1 {
  font-size                             : 1em;
  font-weight                           : bold;
}

/*div#news a:hover,
div#news h1 a:hover {
  text-decoration                       : none;
}*/

div#content {
  background-color                      : #fff;
  border                                : 1px solid #999;
  float                                 : right;
  width                                 : 580px;
  margin                                : 0 10px;
}

div#content div.w {
  margin                                : 0;
  border                                : 5px solid #eee;
  padding                               : 5px 10px;
}

div#content div.article {
  clear                                 : left;
}

div#content div.article div.entry p {
  margin-bottom                         : 0;
}

/*div#content img,
div#content div.article img {
  clear                                 : left;
  float                                 : left;
  border                                : 3px solid #999;
  margin-right                          : 1em;
}

div#content img {
  margin                                : 1em 1em 1em 0;
}

div#content a:hover img {
  border-color                          : #999;
}*/

div#content .wp-caption {
  background-color                      : #999;
  color                                 : #fff;
  padding                               : 3px;
  text-align                            : center;
  width                                 : auto !important;
}

div#content .alignleft {
  float                                 : left;
  margin                                : 0 1em 1em 0;
}

div#content .alignright {
  margin                                : 0 0 1em 1em;
  float                                 : right;
}

div#content p.wp-caption-text {
  font-style                            : italic;
  font-size                             : .8em;
  margin-bottom                         : 0;
}

div.participants div.article {
  clear                                 : both;
  margin-bottom                         : 2em;
}

div#content h1 {
  font-size                             : 1.2em;
}

div#content h2 {
  font-size                             : 1.1em;
}

div#content h3 {
  font-size                             : 1em;
}

div#content div.top h1 {
  font-size                             : 1.3em;
}

div#content p {
  margin-bottom                         : 1.5em;
}

div#content div.box {
  float                                 : right;
  width                                 : 200px;
  margin-left                           : 1em;
  padding                               : 10px;
  border                                : 3px solid #999;
}

div#content div.box img {
  margin                                : 0 0 1em 0;
  border                                : none;
}

div#content table td,
div#content table th {
  border                                : 1px solid #999;
  padding                               : 2px 5px;
}

div#content table th {
  background-color                      : #999;
  color                                 : #fff;
  font-weight                           : bold;
}

div#content div.program table th {
  text-transform                        : uppercase;
}

div#content div.program table tbody th {
  background-color                      : #d31;
  border                                : 1px solid #d31;
}

div#content div.navigation {
  clear                                 : both;
}

div#content div.navigation div.prev {
  float                                 : left;
}

div#content div.navigation div.next {
  float                                 : right;
}

/* Course registration */

div#content form.course fieldset {
  border                                : 1px solid #d31;
  padding                               : 1em;
}

div#content form.course fieldset legend {
  padding                               : 0 .5em;
  font-weight                           : bold;
}

div#content form.course table td,
div#content form.course table th {
  border                                : none;
}

div#content form.course table th {
  text-align                            : right;
  background-color                      : transparent;
  color                                 : #000;
}

div#content form.course input.text {
  width                                 : 400px;
}

div#content form.course input.firstname,
div#content form.course input.lastname,
div#content form.course input.city,
div#content form.course input.postal-code {
  width                                 : 195px;;
}

div#content form.course input.error {
  background-color                      : #d31;
  color                                 : #fff;
}

div#content form.course span.error {
  color                                 : #d31;
}

/* Menu */

div#menu {
  width                                 : 185px;
  text-align                            : right;
  padding-top                           : 13px;
}

div#menu ul {
  list-style-type                       : none;
  margin-bottom                         : 1em;
}

div#menu ul a {
  padding-left                          : 15px;
  text-transform                        : uppercase;
  display                               : block;
  margin-bottom                         : .5em;
  white-space                           : nowrap;
  border-right: 2px solid #d31;
  padding-right: 8px;
}

div#menu ul a:link,
div#menu ul a:active,
div#menu ul a:visited {
  color                                 : #000;
  text-decoration                       : none;
  font-weight                           : bold;
}

div#menu ul a:hover {
  color                                 : #999;
}

div#menu form {
  margin                                : 2em 0;
}

div#menu form input.text {
  width                                 : 90px;
  padding                               : 2px 5px;
  border                                : 1px solid #999;
  text-align                            : right;
}

div#menu form input.button {
  background-color                      : #999;
  color                                 : #fff;
  border                                : 2px outset #999;
  width                                 : 45px;
}

div#organizers {
  margin-top                            : 4em;
}

div#organizers h2 {
  font-size                             : 1.3em;
  margin-bottom                         : .5em;
}

div#organizers a {
  display                               : block;
  margin-bottom                         : 1em;
}

div#organizers a.albatrass:link,
div#organizers a.albatrass:active,
div#organizers a.albatrass:visited {
  font-family                           : 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Sans-Serif;
  color                                 : #5f5f5f;
  text-decoration                       : none;
  text-transform                        : uppercase;
  letter-spacing                        : .3em;
  font-size                             : 1.5em;
  font-weight                           : bold;
}

div#organizers a.albatrass span {
  color                                 : #ea8030;
}

div#organizers a.albatrass:hover {
  color                                 : #ea8030;
}

div#organizers a.albatrass:hover span {
  color                                 : #5f5f5f;
}

div#footer {
  margin-top                            : 1em;
  text-align                            : center;
}

ul#sponsors {
  margin                                : 1em auto;
  list-style-type                       : none;
}

ul#sponsors li {
  display: inline-block;
  display: -moz-inline-box;
  margin: 1em 0;
}

ul#sponsors a {
  padding-right                         : 20px;
}

ul#sponsors a:link,
ul#sponsors a:active,
ul#sponsors a:visited {
  color                                 : #000;
  text-decoration                       : underline;
}

ul#sponsors a:hover {
  text-decoration                       : none;
}

div#menu form#newsletter {
  margin-top                           : 1em;
}

div#menu form#newsletter input.text {
  width                                 : 145px;
}

div#menu form#newsletter input.button {
  width                                 : 77px;
}

p.course-status {
  font-weight                           : bold;
  font-size                             : 1.2em;
  background-color                      : #d31;
  color                                 : #fff;
  padding                               : .4em;
  text-align                            : center;
}