/**
 **
 ** TABLE OF CONTENTS
 **
 ** 1. Body
 **  1.1 Headings
 **  1.2 Form
 ** 2. Container
 ** 3. Header
 **  3.1 Login
 ** 4. Menu
 **  4.1 User controls
 **  4.2 Font controls
 ** 5. Content
 **  5.1 Pagination
 **  5.2 Article footer
 **  5.3 Static pages
 ** 6. Side
 **  6.1 Newsletter form
 **  6.2 Quote
 **  6.3 Poll
 **  6.4 Tagcloud
 ** 7. Footer
 **  7.1 Categories
 **  7.2 Copyright
 ** 8. Boxes
 ** 9. Lists
 **  9.1 Small list
 **  9.2 List heads
 **  9.3 Details list
 **  9.4 List indent
 ** 10. Borders
 ** 11. Icons
 ** 12. Buttons
 ** 13. Tabs
 ** 13. Wysiwyg
 **/

/**
 **
 ** TABLE OF TYPOGRAPHY
 **
 ** Body            100% Arial, Verdana, Helvetica, Geneva, sans-serif;
 **
 **/

/**
 **
 ** TABLE OF COLOR CODES
 **
 ** background      #ffffff (white)
 ** content         #636363 (grey)
 ** h1              #636363 (grey)
 ** h2              #636363 (grey)
 **
 ** a (standard)    #eb6526 (orange)
 ** a (visited)     #eb6526 (orange)
 ** a (active)      #eb6526 (orange)
 **
 **/

/**
 **
 ** 1. BODY
 **
 ** All the default styling
 **
 **/

body {
  background: #ffffff;
  color: #636363;
  font-size: 16px;
  font: 100%/1em Arial, Verdana, Helvetica, Geneva, sans-serif;
  /* Crossbrowser word wrapping */
  white-space: -pre-wrap; /* Safari, Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

a {
  color: #eb6526;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

p {
  line-height: 1.5em;
}

.img {
  float: left;
  margin: 0 20px 0 0;
}

.imgsecondarymargin {
  float: left;
  margin-right: 10px;
}

.imgtertiarymargin {
  float: left;
  margin-top: 5px;
}

.clear {
  clear: both;
}

.ajax-loader {
  display: block;
  margin: 0 auto;
  height: 28px;
}

/**
 ** 1.1 HEADINGS
 **/

h1 {
  color: #636363;
  display: inline;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: bold;
  margin: 0 5px 0 0;
}

h2 {
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0 5px 4px 0;
}

h2 a {
  color: #636363;
}

[class|=title] {
  display: inline-block;
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0 5px 0 0;
}

[class*=titlemargin] {
  margin: 0 5px 10px 0;
}

h1 span,
.title span {
  color: #eb6526;
}

/**
 ** 1.2 FORM
 **/

input,
select,
textarea {
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

select {
  white-space: nowrap;
  width: 80px;
}

select#theme,
select#author,
select#category {
  width: 170px;
}

input[type=text],
input[type=password],
textarea {
  padding: 3px;
}

input[type=text],
input[type=password] {
  height: 14px;
  width: 190px;
}

form dl dd {
  margin: 10px 0 0 0;
}

form dl dt label {
  display: none;
}

form dl dd textarea {
  height: 170px;
  width: 99%;
}

form dl dd input[type=submit] {
  margin: 10px 0 0 0;
}

form.form-secondary dl dd {
  margin: 0 0 10px 0;
}

form.form-secondary dl dt {
  width: 150px;
  float: left;
}

form.form-secondary dl dt label {
  display: block;
  font-weight: bold;
}

form.form-secondary dl dt label span {
  font-weight: normal;
}

#profile_image {
  margin: 3px 0 3px 150px;
}

#profile_image_delete {
  margin: 3px 0 3px 150px;
}

.error_list {
  background: #e3500e;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0 0 20px 0;
}

.checkboxes, .checkbox_list,
.radiobuttons, .radio_list {
  overflow: hidden;
  display: block;
  margin: 0 0 0 80px;
}

#filter .filter-on,
#filter .sort {
  float: left;
}

.checkboxes li, .checkbox_list li,
.radiobuttons li, .radio_list li {
  float: left;
  width: 110px;
}

/**
 **
 ** 2. CONTAINER
 **
 ** The main container wrapping the entire site
 **
 **/

#container {
  font-size: 0.8em;
  margin: 0 auto;
  width: 950px;
}

#header-menu-holder {
  width: 950px;
  height: 220px;
}

#header-menu-content {
  position: absolute;
  width: 950px;
  height: 220px;
  top: 0;
}

#header-banner {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 468px;
  height: 60px;
}

/**
 **
 ** 3. HEADER
 **
 ** Containing: Header, logo, login, menu, font selection, search
 **
 **/

#header {
  height: 145px;
  position: relative;
  width: 950px;
}

#header-img {
  position: absolute;
  right: 0;
}

#logo {
  position: absolute;
  top: 34px;
}

/**
 ** 3.1 LOGIN
 **/

#login {
  background: url(../images/gradient-login.png) #df4400 repeat-x;
  padding: 6px 10px;
  position: absolute;
  right: 20px;
}

#login-profile {
  background: url(../images/gradient-login.png) #df4400 repeat-x;
  position: absolute;
  right: 115px;
}

#login-profile a {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2em;
  padding: 6px 10px;
  display: block;
}

#login-link {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
}

#login,
#login a {
  color: #ffffff;
  text-decoration: none;
}

#login a:hover {
  text-decoration: underline;
}

#login form ul li {
  margin: 5px 0 0 0;
}

#login form input[type=text], #login form input[type=password] {
  background: #ffffff;
  border: 0;
  width: 150px;
}

/**
 **
 ** 4. MENU
 **
 ** Containing: Menu bar & items. User controls which contains a search box and font-size selection
 **
 **/

#menu {
  height: 40px;
  margin: 0 0 35px 0;
  width: 950px;
}

#menu a {
  color: #b1b1b1;
  text-decoration: none;
}

#menu a:hover {
  color: #ffffff;
}

#menu ul li {
  display: inline;
  float: left;
  height: 40px;
}

#menu ul li a {
  background: url(../images/menu.png) 0 0 repeat-x;
  display: block;
  font-weight: bold;
  font-size: 1.4em;
  height: 40px;
  line-height: 2.2em;
  text-decoration: none;
  text-align: center;
}

#menu ul li a:hover,
#menu ul li a.current {
  background-position: 0 -40px;
  color: #ffffff;
}

#menu ul .item-1 {
  width: 124px;
}

#menu ul .item-2 {
  width: 134px;
}

#menu ul .item-3 {
  width: 89px;
}

#menu ul .item-4 {
  width: 101px;
}

#menu ul .item-5 {
  width: 123px;
}

#menu ul .item-6 {
  width: 128px;
}

#menu ul .item-7 {
  width: 143px;
}

#menu ul .item-8 {
  width: 108px;
}

/**
 ** 4.1 USER CONTROLS
 **/

#user-controls {
  float: right;
  margin: 20px 20px 0 0;
  width: 210px;
}

#user-controls form  {
  float: right;
}

#user-controls form div {
  position: relative;
}

#user-controls form input[type=text] {
  background: #ffffff;
  border: 1px solid #aaaaaa;
  width: 150px;
}

#user-controls form input[type=submit] {
  background: url(../images/icons.png) 0 -120px no-repeat;
  border: 0;
  cursor: pointer;
  height: 19px;
  line-height: 19px;
  position: absolute;
  left: 136px;
  text-indent: 19px;
  top: 1px;
  width: 19px;
}

#user-controls a {
  color: #b1b1b1;
}

/**
 ** 4.2 FONT CONTROLS
 **/

#font-controls {
  float: left;
  font-weight: bold;
  text-decoration: none;
  word-spacing: 2px;
  margin: 5px 0 0 0;
}

#font-small {
  font-size: 0.8em;
}

#font-medium {
  font-size: 1.1em;
}

#font-large {
  font-size: 1.4em;
}

/**
 **
 ** 5. CONTENT
 **
 ** Content column
 **
 **/

#content {
  float: left;
  width: 584px;
  margin: 0 40px 0 0;
}

#content.wide {
  float: none;
  margin: 0;
  width: auto;
}

#select-content-type {
  float: right;
}

/**
 ** 5.1 PAGINATION
 **/

.pagination {
  font-size: 0.9em;
  text-align: center;
  word-spacing: 2px;
}

.pagination a {
  color: #636363;
}

.pagination a.previous {
  margin: 0 8px 0 0;
}

.pagination a.next {
  margin: 0 0 0 8px;
}

/**
 ** 5.2 ARTICLE FOOTER
 **/

.article-footer {
  overflow: hidden;
}

.article-footer p ,
.article-footer div {
  float: left;
  display: inline;
}

[class*=rating] {
  display: block;
  margin: 0 5px;
}

p.tags {
  clear: both;
  display: block;
  margin-top: 5px;
}

/**
 ** 5.3 STATIC PAGES
 **/

.static-heading {
  margin: 30px 0 0 0;
}

.static-heading strong {
  font-size: 1.1em;
}

.static-heading a {
  float: right;
}

a.static-link {
  font-size: 1.1em;
}

/**
 **
 ** 6. SIDE
 **
 ** Side column
 **
 **/

#side {
  float: left;
  width: 326px;
}

#side strong a {
  color: #636363;
}

/**
 ** 6.1 NEWSLETTER FORM
 **/

form#newsletter div {
  margin: 20px 0 0 0;
}

form#newsletter div input[type=text] {
  float: left;
  border: 0;
  margin: 0 5px 0 0;
  width: 188px;
}

/**
 ** 6.2 QUOTE
 **/

.quote {
  background: url(../images/quote-open.png) no-repeat;
  font-size: 1.3em;
  font-style: italic;
  line-height: 1.2em;
  margin: -5px 0 0 0;
  padding: 7px 0 0 0;
  text-indent: 40px;
}

.quote a {
  color: #ffffff;
  text-decoration: none;
}

.quote span a {
  color: #632003;
  font-size: 0.8em;
}

.quote span.quote {
  background: url(../images/quote-close.png) no-repeat;
  display: inline-block;
  height: 24px;
  margin: 6px 0 -20px 5px;
  width: 30px;
}

/**
 ** 6.3 POLL
 **/

#poll {
  margin: 10px 0 0 0;
}

#poll-extra {
  margin: 10px 0 0 0;
  text-align: right;
  font-size: 0.9em;
}

#poll-extra .button-send {
  margin: 0 0 0 5px;
}

#pollresults li {
  display: block;
  margin: 6px 0 0 0;
}

#pollresults li div {
  background: #d8d8d8;
  height: 20px;
  display: block;
  overflow: hidden;
}

#pollresults li span {
	position: relative;
  background: url(../images/box-style3.png) 0 -40px repeat-x #df4400;
  color: #ffffff;
  line-height: 1.5em;
  height: 20px;
  display: block;
}

#pollresults li span span {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  width: 100px;
}

/**
 ** 6.4 TAGCLOUD
 **/

.tagcloud a {
  color: #636363;
  word-spacing: 0.1em;
  margin: 0 5px 0 0;
}

.tagcloud .tag1 {
  font-size: 0.8em;
  line-height: 0.5em;
}

.tagcloud .tag2 {
  font-size: 1.2em;
  line-height: 0.7em;
}

.tagcloud .tag3 {
  font-size: 1.6em;
  line-height: 0.9em;
}

.tagcloud .tag4 {
  font-size: 1.9em;
  line-height: 1em;
}

.tagcloud .tag5 {
  font-size: 2.3em;
  line-height: 1.4em;
}

/**
 **
 ** 7. FOOTER
 **
 ** Everything footer related
 **
 **/

ul#external-links a {
  display: inline-block;
  width: 234px;
}

/**
 ** 7.1 CATEGORIES
 **/

#categories {
  margin: 0 0 0 -40px;
  width: 950px;
}

#categories ul {
  margin: 15px 0 0 40px ;
  width: 197px;
  float: left;
}

#categories ul li a {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 5px;
}

#categories ul li a:hover {
  background: #f08f63;
  color: #de4700;
  text-decoration: none;
}

/**
 ** 7.2 COPYRIGHT
 **/

#copyright {
  text-align: center;
  margin: 0 0 20px 0;
}

#copyright .bar {
  background: #e5e5e5;
  margin: 0 0 15px 0;
  padding: 10px;
}

/**
 **
 ** 8. BOXES
 **
 ** The main box class used for the content and side column
 **
 **/

div[class|=box] {
  margin-bottom: 40px;
}

div[class*=boxsecondarymargin] {
  margin-bottom: 20px;
}

div[class*=box3boxes] {
  float: left;
  width: 147px;
  margin-right: 7px;
  margin-bottom: 10px;
}

div[class*=indent] {
  padding: 20px;
}

div[class*=indentsecondary] {
  padding: 10px;
}

div[class*=style1] {
  background: #e5e5e5;
}

div[class*=style2] {
  background: #636363;
  color: #b1b1b1;
}

div[class*=style3] {
  background: url(../images/box-style3.png) repeat-x #DF4400;
  color: #ffffff;
}

div[class*=style4] {
  background: url(../images/box-style4.png) repeat-x #df4400;
  border-bottom: 1px solid #ec8f66;
  color: #ffffff;
  position: relative;
}

div[class*=style5] {
  background: #f2f2f2;
}

/**
 **
 ** 9. LISTS
 **
 ** List views
 **
 **/

ul[class|=list] > li.hover {
  background: #efefef;
  cursor: pointer;
}

ul[class|=list] > li {
  border-bottom: 1px solid #cccccc;
  padding: 20px 10px;
}

ul[class|=list] > li.nopadding {
  padding: 20px 1px;
}

ul[class|=list] > li:first-child {
  border-top: 1px solid #cccccc;
}

ul[class|=list] > li p {
  line-height: 1.5em;
}

ul[class|=list] > li .mediaholder {
  margin: 0 0 5px 0;
}

ul[class|=list] > li a.location {
  text-decoration: none;
}

ul[class|=list] > li strong a,
ul[class|=list] > li strong span {
  color: #636363;
}

ul[class*=listtertiarypadding] > li {
  padding: 20px 0;
}

ul[class*=listsecondarypadding] > li {
  padding-top: 10px;
  padding-bottom: 10px;
}

/**
 ** 9.1 SMALL LIST
 **/

ul[class*=listsmall] {
  border-top: 1px solid #b7b7b7;
  float: left;
}

ul[class*=listsmall] > li {
  border-bottom: 1px solid #b7b7b7;
  float: left;
  padding: 10px;
  width: 272px;
}

ul[class*=listsmall] > li.first {
  border-top: 1px solid #b7b7b7;
  margin: 5px 0 0 0;
}

ul[class*=listsmall] > li:first-child {
  border-top: 0;
}

ul[class*=listsmall] > li .title {
  color: #636363;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}

/**
 ** 9.2 LIST HEADS
 **/

ul.listheads {
  display: inline;
}

ul.listheads li {
  padding: 10px;
  float: left;
}

ul.listheads li.odd {
  clear: both;
}

ul.listheads li.hover {
  background: #efefef;
  cursor: pointer;
}

ul.listheads li a {
  color: #636363;
}

#content ul.listheads {
  display: inline-block;
  left: -5px;
  position: relative;
  right: -5px;
  width: 594px;
}

#content ul.listheads li {
  margin: 0 5px;
  width: 267px;
}

#side ul.listheads li {
  margin: 0 9px;
  width: 70px;
}

/*
#side ul.listheads li:first-child {
  margin: 0;
}
*/

#side ul.listheadssecondary li {
  width: 306px;
  margin: 0;
}

#side ul.listheadssecondary li img {
  display: block;
}

/**
 ** 9.3 DETAILS LIST
 **/

.listdetails span {
  display: inline-block;
  width: 140px;
}

.inthemedia li {
  height: 56px;
}

.inthemedia li .title {
  line-height: 1.5em;
}

/**
 ** 9.4 LIST WITH INDENTING
 **/

.listindent {
  padding: 0 0 0 20px;
  line-height: 1.5em;
}

/**
 ** 9.5 VIDEO LIST
 **/

.list-videos {
  overflow: hidden;
  width: 990px;
  margin: 0 -20px;
}

ul.list-videos li {
  border-top: 1px solid #cccccc;
  float: left;
  width: 270px;
  height: 215px;
  margin: 20px;
  padding: 8px 10px;
}

.list-videos .img {
  display: block;
  float: none;
  margin: 10px 0 0 0;
}

.list-videos h2 {
  height: 43px;
}

#side .list-videos {
  width: auto;
  margin: 0;
}

#side .list-videos li {
  float: none;
  height: auto;
  margin: 0 0 40px 0;
}

/**
 ** 9.6 VIDEO CAROUSEL
 **/

.video-carousel li {
  float: left;
  margin-top: 5px;
  width: 131px;
}

.video-carousel li:first-child {
  margin: 5px 22px 0 0;
}

.video-carousel .title {
  font-size: 0.9em;
  margin: 0 0 0 0;
  color: #636363;
  line-height: 1.5em;
}

.video-carousel .img {
  margin: 0 0 5px 0;
}

.video-carousel .next-video {
  float: right;
}

ul.list-events li,
ul.list-personalia li {
  padding-left: 0;
  padding-right: 0;
}

ul.list-personalia .title {
  margin: 0 0 5px 0;
  font-size: 1em;
}

ul.list-events .img,
ul.list-personalia .img {
  float: right;
  margin: 0 0 20px 20px;
}

ul.list-events .img img,
ul.list-personalia .img img {
}

.list-events .event-details,
.list-personalia .event-details {
  line-height: 1.5em;
}

.list-events .event-details td,
.list-personalia .event-details td {
  vertical-align: top;
}

.list-events .event-details td:first-child{
  width: 100px;
}

/**
 **
 ** 10. BORDERS
 **
 ** Borders for the main & side column
 **
 **/

div[class|=border] {
  background: #b7b7b7;
  clear: both;
  height: 1px;
  margin: 10px 0;
}

div[class*=bordersecondarymargin] {
  margin: 10px 0 20px 0;
}

div[class*=style2] .border {
  background: #828282;
  border-bottom: 1px solid #4f4f4f;
}

div[class*=style4] .border {
  background: #ee814f;
  border-bottom: 1px solid #bb4e1b;
}

/**
 **
 ** 11. ICONS
 **
 ** Borders for the main & side column
 **
 **/

[class|=icon] {
  background: url(../images/icons.png) 0 0 no-repeat;
  display: inline-block;
  color: #999999;
  font-size: 0.9em;
  height: 16px;
  line-height: 17px;
}

/* +5 text-indent is added for the 'text-icons' */

.icon-article {
  background-position: 0 2px;
  margin: 2px 0 0 0;
  padding: 2px 0 0 21px;
}

.icon-audio {
  background-position: 0 -18px;
  padding: 2px 0 0 21px;
}

.icon-tv {
  background-position: 0 -38px;
  padding: 2px 0 0 21px;
}

.icon-articleinternet {
  background-position: 0 -58px;
  padding: 2px 0 0 21px;
}

.icon-printer {
  background-position: 0 -80px;
  padding: 2px 0 0 21px;
}

.icon-video {
  background-position: 0 -98px;
  padding: 2px 0 0 21px;
}

.icon-rss {
  background-position: 0 -140px;
  height: 17px;
  line-height: 17px;
  text-indent: 17px;
  width: 17px;
  overflow: hidden;
  margin: 0 0 -3px 0;
}

.icon-print {
  background-position: 0 -160px;
  height: 16px;
  margin: 2px 0 0 0;
  margin: 2px 0 0 0;
  padding: 0 0 0 22px;
}

.icon-backtotop {
  background-position: right -180px;
  color: #eb6526;
  height: 17px;
  line-height: 20px;
  margin: 2px 0 0 0;
  margin: 2px 0 0 0;
  padding: 0 25px 0 0;
}

/**
 **
 ** 12. BUTTONS
 **
 ** All buttons
 **
 **/

[class|=btn] {
  background: url(../images/buttons.png) 0 0 no-repeat;
  border: 0;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-indent: 200px;
  cursor: pointer;
  overflow: hidden;
}

[class*=btnfloatright] {
  float: right;
}

[class*=btntopmargin] {
  margin: 8px 0 0 0;
}

[class*=btnmjtv] {
  background-position: 0 0;
  width: 105px;
}

[class*=btnmjtv]:hover {
  background-position: -105px 0;
}

[class*=btnsend] {
  background-position: 0 -21px;
  width: 84px;
}

[class*=btnsend]:hover {
  background-position: -84px -21px;
}

/**
 **
 ** 13. TABS
 **
 ** Tabs
 **
 **/

ul.tabs {
  border-bottom: 1px solid #cccccc;
  height: 33px;
}

ul.tabs li {
  display: inline;
}

ul.tabs li a {
  background: url(../images/tabs.png) right 0 no-repeat;
  color: #636363;
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  height: 33px;
  line-height: 2em;
  margin: 0 0 0 10px;
  padding: 0 9px 0 0;
  text-decoration: none;
}

ul.tabs li a span {
  background: url(../images/tabs.png) 0 0 no-repeat;
  height: 33px;
  width: 9px;
  display: inline-block;
  float: left;
}

ul.tabs li a.current,
ul.tabs li a:hover {
  background: url(../images/tabs.png) right -33px no-repeat;
  height: 34px;
}

ul.tabs li a.current span,
ul.tabs li a:hover span {
  background: url(../images/tabs.png) 0 -33px no-repeat;
  height: 34px;
}

/**
 **
 ** 14. WYSIWYG FORMATTING
 **
 **/

.wysiwyg p {
  margin: 0 0 20px 0;
}

.wysiwyg em {
  font-style: italic;
}

.wysiwyg sub,
.wysiwyg sup {
  font-size: 10px;
}

.wysiwyg ul,
.wysiwyg ol {
  margin: 0 0 1.5em 0;
}

.wysiwyg ol li {
  list-style-type: decimal;
  line-height: 1.5em;
  margin: 0 0 0 20px;
}

.wysiwyg ul li {
  margin: 0 0 0 40px;
  line-height: 1.5em;
  list-style-type: disc;
}

.event-details .wysiwyg ol,
.event-details .wysiwyg ul,
.event-details .wysiwyg p {
  margin: 0;
}

.wysiwyg hr {
  background: none;
  border: 0;
  border-top: 1px solid #cccccc;
}

.wysiwyg h3 {
  font-weight: bold;
  font-size: 1.2em;
}

.wysiwyg h4 {
  font-weight: bold;
  font-size: 1em;
}

.wysiwyg h5 {
  font-weight: bold;
  font-size: 0.9em;
}

.wysiwyg h6 {
  font-weight: bold;
  font-size: 0.7em;
}

.wysiwyg address {
  font-style: italic;
}

.wysiwyg table th,
.wysiwyg table caption {
  background: #f6f6f6;
  text-align: center;
  font-weight: bold;
  padding: 10px;
}

.wysiwyg table {
  border: 0;
}

.wysiwyg table,
.wysiwyg table tr,
.wysiwyg table td {
  border-style: solid;
  border-color: #eeeeee;
}