/* ----------- DOCUMENT CONTAINER --------- */


body {
    padding:     0;
    margin:      0;
    margin-top:  0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:       #000;
    background:  #6F6F70;
    font-size:   100.01%; /* for ie6 */
}


/* for tinymce */
.mceContentBody  {
   background:  #fff;
    font-size: 0.7em;
    line-height: 1.7em !important;
}


#container {
    margin:    0 auto;
    min-width: 800px;
    max-width: 55em;  /* doesn't change when font-size is changed in user-space (needs reload!) */
}



/* ----------- HEADER --------- */

#header {
    position: relative;
    height: 72px;
    background: url(/img/layout/layout_header_bg.gif) repeat-x top right transparent;
    width: 100%;
    padding: 0;
 /* ie7 adds here a z-index:0 .. argh! */
}

#headerleft {
    background: url(/img/layout/layout_header_left.jpg) no-repeat top left transparent;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0;

}

#headerright {
    background: url(/img/layout/layout_header_right.jpg) no-repeat top right transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0px;
    left: 0px;
}

#headertextlogo {
    position: absolute;
    z-index: 3000;
    margin:     3px 0px 0px 35px;
    width:      132px;
    height:     68px;
    background: url(/img/layout/layout_sidebar_logo.png) no-repeat top left transparent;
}

/* link above the logo */
a#aheadertextlogo {
    position: absolute;
    display: block;
    width:      132px;
    height:    38px;
}

#headernavigation {
    position: absolute;
    left: 185px;
    top: 5px;
    height: 50px;
    width: 223px;
    white-space: nowrap;
    background: url(/img/layout/layout_header_tribute.gif) no-repeat top left transparent;
    z-index: 2000;
}

#headernavigation ul {
    padding: 11px 0 0 0;
    margin: 0px;
	font-size: 0.7em;
	font-family:  Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 800;
}

#headernavigation li {
	margin: 0px;
	padding: 0 0.2em 0 0;
    list-style: none;
	display: inline;
}

/* doesn't work in IE7
#headernavigation  ul li:before {
	content: "\0020 \00BB \0020 \0020 ";
	color: #333;
}

#headernavigation  ul li.first:before {
	content: "";
}
*/

#headernavigation a {
    background-color: transparent;
	padding: 0px 0px 0 0;
	margin-top: 0px;
    color: #000;
    text-decoration: none;
}

#headernavigation a:hover, #headernavigation a.active:hover {
    font-weight: 800;
    color: #00028F;
}

#headernavigation a.active  {
    font-weight: 800;
    color: #000;
    color: #00028F; /* darklblue */
}

#headerlanguages {
    position: absolute;
    right: 25px;
    top: -3px;
}

#headerlanguages  img {
    border: 1px solid #ccc;
}

#headerquickepisodes, #headerquickcast {
    position: absolute;
    top: 17px;
    display: block;
    z-index: 10000;
    height: 18px;
}

#headerquickcast {
    right: 80px;
    width: 50px;
}

#headerquickepisodes {
    right: 25px;
    width: 55px;

}


div.dropout {
  display: none;
  position: absolute;
  top: 20px;
  right: 10px;
  width: 175px;
  overflow:hide;
  z-index: 9999;

  font-size: 0.9em;
  line-height: 1em;
}

div.dropout .quickhead {
   background: url(/img/layout/dropout_top.png) no-repeat top left transparent;
margin:0; padding: 0; top: 0; height:13px; left:0;
   padding-top: 6px;
    font-size: 2em;
    padding-bottom: 10px;
    text-align: center;
}

div.dropout .quickfoot {
   background: url(/img/layout/dropout_bottom.png) no-repeat bottom left transparent;
   margin:0; padding: 0; top: 0; height:22px; left:0;
    margin-top: -0.5em;
}
div.dropout .quickfoot a {
  display:block; width: 3em; position:relative; left: 10px; top: 0px; text-align: left;
  background-color: transparent;
}

#quickepisodes.dropout {
  text-align: right;
  line-height: 1.5em;
}


#quickcast.dropout {
  font-weight: 500;
  text-align: center;
}

#quickcast.dropout a{
  font-weight: 500;
}

#quickcast.dropout strong a {
  font-weight: 800;
}

div.dropout ul.quicklist {
    padding: 0px;
    list-style: none;
    background: url(/img/layout/dropout_bg.png) repeat-y transparent;
    margin:0px;
    padding-right: 8px;
    padding-left: 2px;
margin-top: -5px;
}

#quickcast.dropout li {
 margin-bottom: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}

#quickepisodes.dropout ul {
    font-family: Arial;
     margin-bottom: 0.5em;
 padding-bottom: 0.5em;
}


div.dropout  li:hover {
 background-color:#E6ECF2;
}



div.dropout a {
   text-decoration: none;
}

div.dropout a:hover {
   text-decoration: underline;
}


/* ----------- MAIN + CONTENT --------- */

a {
    color: #0002BF;
     color: #31639F;
   /*  text-decoration: underline; */
    text-decoration: none;
}

a:hover {
    color: #0000CC;
     color: #31639F;
    text-decoration: underline;
}



#main {
    background: url(/img/layout/layout_border_right.gif) repeat-y top right #ffffff;
    margin-top: -50px;
}

#maincntlftbg {
    background: url(/img/layout/layout_border_left.gif) repeat-y top left transparent;
}

#mainbtmlftbg {
    background: url(/img/layout/layout_bottom_left.jpg) no-repeat bottom left transparent;
}

#sidebarfooter {
    background: url(/img/layout/layout_sidebar_jordan01.png) no-repeat bottom left transparent;
}

#mainbtmrghtbg {
   background: url(/img/layout/layout_bottom_right.gif) no-repeat bottom right transparent;
}

#content {
    position: relative;
    margin: 0 10px 10px 170px;
    padding: 20px 20px 10px 10px;
    font-size: 0.7em;
    line-height: 1.7em;
    font-family: Verdana, Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
    /* text-align:justify; */
}

#contentright {
    width: 15em;
    float: right;
}

#contentleft {
    margin-right: 15em;
    padding-right: 1em;
    border-right: 1px dotted #ccc;
}

#printericon {
    position: absolute;
    right: 10px;
    height: 30px;
    width: 30px;
    margin-top: 10px;
}

#printericon  img {
    border: 0;
}


/* ----------- SIDEBAR + MENU --------- */

#sidebar {
    z-index: 2500;
    position: relative;
    float: left;
    width: 160px;
    margin: 40px 0px 3em 20px;
    padding: 0px;
    /* bac!kground: url(/img/layout/layout_sidebar_logophotos01.png) no-repeat 1px 0px transparent; */
    /* moved because of stacking order bug in ie7 */
    padding-bottom: 0px;
}

#sidebarphotos {
    height: 70px;
    margin: -10px 0px 3em 20px;
    background: url(/img/layout/layout_sidebar_logophotos01.png) no-repeat 0px 1px transparent;
    position: relative;
}

#sidebartext {
    margin: 70px 13px 0px 8px;
}


#sidebarmenu {
    background: url(/img/layout/layout_menu_msclcom.gif) no-repeat top center ;
    padding-top: 20px;
}


#username {
    font-size: 0.7em;
    text-align: center;
    margin: 1em 5px;
}

#accessibilityoptions {
    text-align: center;
    margin: 15px 0;
}

/* doesn't work in IE7
#menulibertyhigh:after, #menulatestnews:after, #menuforumtopics:after {
    content: url(layout/layout_menu_line.gif) ;
}
*/

.menuseperator {
    background: url(/img/layout/layout_menu_line.gif) no-repeat top right transparent;
    height: 3px;
    margin-top: 10px;
}


/* --------- SIDEBAR: NAVIGATION --------- */

#menulibertyhigh, #menulatestnews, #menuforumtopics {
    padding: 10px 0 0 0;
    margin: 8px 0 0 0;
}


#menulibertyhigh {
    background: url(/img/layout/layout_menu_libertyhigh.gif) no-repeat top center;
	font-size: 1em;
	font-family:  "Trebuchet MS", Tahoma, Verdana,  Arial, Helvetica, sans-serif;
    font-weight: 800;
    text-align: right;
    letter-spacing: 0.6pt;
}


#menulibertyhigh li ul {
    list-style: none;
    margin: 0;
	padding: 0;

}


/* pop outs */
#menulibertyhigh li {
    position: relative;
}

#menulibertyhigh li ul.smenu { /* = ul ul ul */
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    left: 100%;
 }




#menulibertyhigh li ul.smenu,
#menulibertyhigh li:hover ul.smenu ul
{display: none;}

#menulibertyhigh li:hover ul.smenu,  /* = ul ul li:hover ul  */
#menulibertyhigh li ul.smenu li:hover ul
{display: block;}



#menulibertyhigh li {
	margin: 0.3em 0 0 0;
	padding: 0 0 0 0px;
    list-style: none;
	display: block;
    text-align: right;
     border-bottom: 1px solid #fff;
     border-top: 1px solid #fff;
    letter-spacing: 0pt;
}

#menulibertyhigh li a{

    display: block;
    width: 124px;
    padding-right: 10px;
    padding-left: 5px;
    background-color: #D3DDE8;

}

#menulibertyhigh li a:hover, #menulibertyhigh .menuactive {
    background: url(/img/layout/layout_menu_arrow.gif) no-repeat 98% 0.5em #E6ECF2;
}

#menulibertyhigh .menuactive {
    font-weight: 800;

}



/* second layer */
#menulibertyhigh ul li {
	margin: 0;
	padding: 0;
    font-size: 0.8em;
    font-weight: 500;
}

#menulibertyhigh  .vmenu {
    margin: 0;
}

#menulibertyhigh  .vmenu  li li {
     font-size: 0.8em;
}

#menulibertyhigh ul a{
     border-bottom: 0;
     border-top: 1px solid #F0F0F0;
     border-left: 1px solid #F0F0F0;
     border-right: 1px solid #F0F0F0;

}


#menulibertyhigh  ul li{
     border-bottom: 0;
     border-top: 0;
}

#menulibertyhigh .vmenu a, #menulibertyhigh .vmenu   {
      border-top: 0;
}

#menulibertyhigh .vmenu a.first  {
      border-top: 0 ;
}

#menulibertyhigh .smenu   {  /* border at the bottom of drop out menu */
      border-bottom: 1px solid #F0F0F0; ;
}

#menulibertyhigh .vmenu  li a{
     border-bottom: 0;
     border-top: 1px solid #F0F0F0 ;
     border-left: 0;
     border-right: 0;
}


/* third layer */
#menulibertyhigh ul li li {
	margin: 0;
	padding: 0;
    font-size: 1em;
}

#menulibertyhigh  .vmenu  li li {
    font-family: Arial;
     font-size: 0.7em;
     line-height: 1.5em;
}


#menulibertyhigh ul li li a{
    background:none #D3DDE8;
}

#menulibertyhigh .vmenu  li li a{
  border-bottom: 0;
     border-top: 0;
}




/* --------- SIDEBAR: LATEST NEWS; FORUM etc --------- */


#menulatestnews li, #menuforumtopics li {
	margin: 0.2em 0 0 0;
	padding: 0 6px 0 6px;
    list-style: none;
	display: block;
}

/* doesn't work in IE7, but we don't care ;-)
#menulatestnews li:after, #menuforumtopics li:after {
    content: "*" ;
    display: block;
    height: 5px;
    font-weight: 800;
    font-size: 1em;
}


#menulatestnews li.last:after, #menuforumtopics li.last:after {
    content: "" ;
    height: 0px;
}
*/

#menulibertyhigh a, #menulatestnews a, #menuforumtopics a, #menumainlinks a    {

    padding: 0;
    margin-top: 0;
    color: #000;
    text-decoration: none;
    width: 141px;
}

#menulibertyhigh a:hover, #menulibertyhigh a.active:hover,
#menulatestnews a:hover, #menulatestnews a.active:hover,
#menuforumtopics a:hover, #menuforumtopics a.active:hover,
#menumainlinks a:hover, #menumainlinks a.active:hover {
    color: #0000CC;
}

#menulibertyhigh a.active, #menulatestnews a.active, #menuforumtopics a.active, #menumainlinks a.active {
    color: #000;
}



#menulatestnews {
    background: url(/img/layout/layout_menu_latestnews.gif) no-repeat top center transparent;
}

#menuforumtopics {
    background: url(/img/layout/layout_menu_forumtopics.gif) no-repeat top center transparent;
    margin-top: 2em;
}

#menulatestnews, #menuforumtopics {
    font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0;
}


#menulatestnews li, #menuforumtopics li {
    margin-bottom: 1em;
}

#menulatestnews li a, #menuforumtopics li a {
    color: #444;

    padding-left: 18px;
}

#menuforumtopics li a {
    background: url(/img/icons/comments.png) no-repeat left top;
}

#menulatestnews li a {
    background: url(/img/icons/new.png) no-repeat left top;
}


#menulatestnews li:hover, #menuforumtopics li:hover {
    background-color: #E6ECF2;
}



#sidebarsearchform, #menumainlinks {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 0.8em;
    text-align: center;
    line-height: 1.5em;
	font-family:  "Trebuchet MS", Tahoma, Verdana,  Arial, Helvetica, sans-serif;
    font-weight: 800;

}

#sidebarsearchform input {
    width: 80px;
    background-color: #D3DDE8;
    border: 1px solid #f0f0f0;
}


#sidebarsearchform input:hover, #sidebarsearchform input:focus{
    background-color: #fff;
    border: 1px solid #ccc;

}
#sidebarsearchform #searchbtn  {
    width: 30px;
    background-color: #ccc;
    border: 1px solid #000;
}

#sidebarsearchform #searchbtn:hover  {
    background-color: #fff;
    border: 1px solid #ccc;
}



#menumainlinks {
    margin: 10px 0 0 0;
    padding: 0;
 }

#menumainlinks li {
    margin: 5px auto;
    padding: 0;
    list-style: none;
	display: block;


}


#quickepisodes a, #quickcast a {
    color: #000;
    font-weight: 800;
}


/* ----------- FOOTER --------- */


#footernavigation {
    margin: 0 auto;
    text-align: center;
    margin-top: 2em;
}

#footerquote {
    position:relative;
    text-align:right;
    border-top: 1px solid #ddd;
    border-left: 0; /* needed for anti-forum */
    border-right: 0;
    border-bottom: 0;
    padding: 0.5em ;
    margin: 2em 14px 1.2em 180px ;
    font-size: 1.5em;
    font-style: italic;
    color: #ccc;
    font-family: Georgia, serif;
    top: -1em;
    background-color: #fff;
}


#footerquote:hover {
    color: #000;
}

#footerquote p {
    padding: 0;
    margin: 0;
    margin-bottom: 7px;
}

#footerquote cite {
    display: none;
    position: absolute;
    bottom: 0em;
    right: 15px;
    text-align:right;
    font-style: normal;
    font-family: Arial, sans-serif;
    font-size: 0.5em;
}

#footerquote:hover cite {
    display: block;
}



.clearing {
	/* height: 0; */
	clear: both;
}

#footer {

    letter-spacing: 0.5pt;
	text-align: center;
	padding-top: 0px;
	font-size: 9px;
	color: #333;
    background: url(/img/layout/layout_footer_mscl_frame.jpg) no-repeat -10px -2px transparent;
    width:auto;
    margin:    0 auto;
    height: 80px;

    min-width: 400px;  /* lassen wir vorerst mal drin, auch wenn 600 f�r die Startseite schon zu wenig ist */
    max-width: 65em;
    margin-bottom: 20px;
    padding-left: 96px;
    margin-top: -20px;
}

#footerimg {
    float: right;
    z-index: 3000;
    position: relative;
    width: 96px;
    height: 116px;
    margin-top: 0px; /* negative margin only with png */
    background: url(/img/layout/msclcomlogothumb.jpg) no-repeat 0px 0px transparent;
}

#footer a {
    text-decoration: none;
    color: #333;
}

#footer a:hover {
    text-decoration: underline;
    color: #444;
}



/* ----------- Accessibility --------- */

.nodisplay, #skipnavi a, #skipcontent a, #skipnavi a:hover, #skipcontent a:hover,
#skipnavi a:visited, #skipcontent a:visited {
    /* display: none; wird in manchen Screenreadern nicht vorgelesen, daher diese L�sung */
    position: absolute;
    left:     0px;
    top:      -500px;
    width:    1px;
    height:   1px;
    overflow: hidden;
}

/* Skip Navigation */
#skipnavi a:active, #skipcontent a:active, #skipnavi a:focus, #skipcontent a:focus    {
     position: absolute;
     left:     10px;
     top:      100px;
     z-index:  1000;
     background: #fff;
     width:    auto;
     height:   auto;
}



/* ------------ Fonts ------------ */

h1, h2 {
   margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-family: Georgia;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

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

h1 { /* h1 is usually a .socalledheader */
    letter-spacing: 1.6pt;
    font-size: 3em;
    text-align: center;
    margin-top:    5px;
    margin-bottom: 10px;
    font-weight: 500;
}

h2 {
    letter-spacing: 1.5pt;
    font-size: 1.9em;
    text-align: center;
    margin-top:    1em;
    margin-bottom: 10px;
    border-bottom: 1px solid #bbb;
     line-height: 1.2em;
 }

h3 {
    letter-spacing: 1.3pt;
    font-size: 1.6em;
    margin-bottom: 20px;
    margin-top: 30px;
}

h4 {
    font-size: 1.4em;
    margin-bottom: 7px;
    margin-top: 20px;
}

h5 {
    font-size: 1.2em;
    margin-bottom: 10px;
}


.socalledheader {
    background:      url(/img/layout/smallsocalled.gif) center top no-repeat;
	text-align:     center;
	margin-bottom:  10px;
	margin-top:     12px;
    line-height: 0.1em; /* does not support multi lines! */
    border-bottom: .5em solid #ECF1F5;
    padding-top: 0.8em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: black;
}

/* ---------------------- FRONTPAGE NEWS ----------------- */


#intrologo {
    background-image:url(/img/frontpage/msclcom_mysocalledlife_intro.jpg);
    margin: 5px 0px 15px 150px;
    height: 100px;
    width: 380px;

 }

#intrologo h1 {
    display:block;
    overflow:hidden;
    width:0;
    height:0;
}

.frontpageintrotext {
    margin: -0.5em 0 3em 120px;
    font-style: italic;
    text-align: justify;
    padding: 0 0 0 3em;
    font-family: Georgia, serif;
    font-size: 1.1em;
    line-height: 1.7em;
}

.frontpageintrotext img {
    float:right;
    display: block;
    position:relative;
    width: 112px;
    top: -10px;
}

#feedicon {
    position: relative;
    width: 24px;
    height: 1px;
    top: -40px;
    left: 90%;
}

.news {
	margin: 0px;
	padding: 0 0em 0 0;
    list-style: none;

    position: relative;
}

.news h2 {
 overflow: hidden;
 }

.news li {
    margin-bottom: 2em;

}

.news .date {
        background-repeat:no-repeat;
        background-position:0px -5px;
        width:5.5em;
        font-size: 1.0em;
       padding:2px 0 0 0;
       text-align:center;
       color:#355b61;
       background-color:#F1F4F8;
       position: relative;
       margin-top: 0;
       border:0;
       right: 0px;
        float: left;
        padding-right: 5px;
        min-height: 24px;

}

.news .date .day {float:left; display: block; font-size: 2em;  font-weight:normal; color:#555; margin-top: 0px; margin-bottom: 0px;}

.news .date .moya {display: block;}

.news .date .month {display: block; font-size: 0.9em; text-transform:uppercase; line-height:1em;  font-weight:bold; color:#555; padding: 0; margin:0;}

.news .date .year {display: block;  font-size: 0.8em; line-height:1.2em;  font-weight:normal; color:#555; padding: 0; margin:0;}



 img.newscategorylogo {
    float:left;
    border: none;
    margin: 0 0.5em 0 0;
}

.news h2 {
    font-family: Georgia, serif;
    letter-spacing: 0pt;
    margin: 0.7em 0em 0 0;
    padding: 0.3em 0 0.2em 0; /* 3.8em;*/
}

.news .german {
    background: url(/img/news/bg_german.png) no-repeat left bottom transparent;
}


.news h2 a {
    text-decoration: none;
    color: #000;
}


.news h2:hover,.news li:hover > h2  {
    text-decoration: none;
    background-color: #e6ecf2;
}

.news p {
    margin: 0;
    padding: 0;
    text-align:justify;
}

.news .metadata {
    font-size: 0.8em;
    text-align:left;
    letter-spacing: 0pt;
    margin: 0;
 padding: 0.5em 0;
    line-height: 1.7em;
    font-family: Arial, sans-serif;
    background-color: #F1F4F8;
}

.news .author {
    background: url(/img/icons/vcard.png) no-repeat 0 -2px transparent;
    padding-left: 20px;

}

.news  .readmore {
    background: url(/img/icons/bullet_go.png) no-repeat 100% -1px transparent;
    /* padding-left: 16px; */
    padding-right: 16px;
}


.news .forumlink {
    background: url(/img/icons/comment.png) no-repeat left top transparent;
    padding-left: 20px;
}


.news .tags {
    padding-left: 25px;
    background: url(/img/icons/tag_blue.png) no-repeat  0 -6px transparent;
}



/* Links on frontpage */

ul#frontlinks {
	margin: 0px;
	padding: 0 1.2em 0;
    list-style: none;
}

ul#frontlinks li {
    margin-bottom: 1.3em;
}


ul#frontlinks h2 {
    margin-bottom: 0em;
    padding: 0;

}


ul#frontlinks p {
    padding: 0;
    margin-top: 0.2em;
    text-align: center;
    font-style: italic;
    line-height: 1.2em;
}

ul#frontlinks a {
    text-decoration: none;
}
ul#frontlinks h2:hover, ul#frontlinks a:hover {
 background-color: #e6ecf2;
}


/* ---------------------- GUESTBOOK ----------------- */

#guestbook_form label {
    text-align: right;
    position: relative;
    width : 15em;
    display : block;
    margin : .2em 0em;
    padding:2px;
}

#guestbook_form label.required {
    font-weight: 800;
}

#guestbook_form label input {
    position : absolute;
    left : 110%;
    top : 2px;
    width : 13em;
    border:1px solid #ccc;
    padding: 2px;
    background-color:#fff;
}

#guestbook_form label .fielderror {
    background-color:#FFCFD1;
}

#guestbook_form label textarea {
    left: 10%;
    position : relative;
    width : 205%;
    border:1px solid #ccc;
    padding: 2px;
    background-color:#fff;
}

#guestbook_form label .note, #guestbook_form label .errornote {
    position : absolute;
    left : 222%;
    width: 18em;
    font-style: italic;
    font-weight: 500;
    text-align: left;
}

#guestbook_form label .errornote {
    font-weight: 800;
    color: red;
}

#guestbook_form label input:focus, #guestbook_form label textarea:focus {
    background-color:#eef1f6;
}

#guestbook_form input.submit {
    margin-left: 26.5em;
    margin-top: 1em;
    margin-bottom: 2em;
}

#guestbook_form br {
    display : none;
}

.gb_pager {
    border: 1px solid #999;
    padding: 3px;
    background-color: #ddd;
    color: black;
    text-decoration: none;

}

.gb_pager_active, .gb_pager:hover  {
    border: 1px solid #999;
    padding: 3px;
    background-color: #eef1f6;
    color: red;
    text-decoration: none;
}



ul#guestbook {
    margin: 0px;
    padding: 0 0em 0 0;
    list-style: none;
}

ul#guestbook li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

ul#guestbook li .entry_message {
    padding: 5px;
    margin: 5px;
    font-style: italic;
    background-color: #eef1f6;
}

ul#guestbook li .entry_no {
    float: right;
    font-size: 3em;
    font-family: Georgia, serif;
    font-style: italic;
    color: #ccc;
    padding: 5px;
}

ul#guestbook li .entry_loc, ul#guestbook li .entry_date {
    font-weight: 800;
}

ul#guestbook li .entry_name {
    font-size: 1.5em;
    font-family: Georgia, serif;
    font-style: italic;
}



div.info {
    border: 1px solid darkred;
    background-color: salmon;
    margin: 5px auto;
    width: 60%;
    text-align: center;
    padding: 5px;
    font-weight: 800;
    margin-top: 10px;

}


/* ----------- FORUM ------------ */

table#forumwrapper {
  /*  font-size: 10px; */
    font-size: 0.9em;
    margin: 0px;
    padding: 0px;
/*   position: relative; */
}

.inputbox {
    font-size: 12px !important;
    text-align: left !important;
}


/* -------- CHARACTER / CAST IMAGE BOX  h3 + blockquote  ----------- */

.introbox{
background-color: #BC7455;
border-bottom: 20px solid #6E2814;
border-top: 20px solid #6E2814;
width: 80%;
margin: 0 auto;
padding: 0;
margin-top: 2em;
}


.introbox img{
position: relative;
float: right;

}

.introbox .boxtext {
padding: 0;
margin: 0;

height:188px;

}

.introbox .boxtext  h2 {
margin-top:0 ;
text-align: center;
padding-top: 1em;
font-size: 2.5em;
border: 0;
}

.introbox .boxtext  blockquote {
margin-top: 0;
text-align: center;
margin:0;
padding: 0 194px 0 20px;
font-style: italic;
font-size: 1.5em;
line-height: 1.5em;
}




/* -------------- GENERAL STYLES ---------- */

img.withborder {
    border: 1px solid #999;
    margin: 5px; padding: 5px;
    background-color: white;
}

img.noborder {
    border: 0px dotted #999;
    margin: 0; padding: 0;
}

img.alignright, div.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	}

img.aligncenter, div.aligncenter {
	padding: 4px;
	margin: 7px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignleft, div.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
	}


a img {
    border: none;
}

blockquote {
    font-family: Georgia, serif;
    font-style: normal;
    font-size: 1em;
}

.introtext {
    font-style: italic;
    font-family: Georgia, serif;
    font-size: 1.2em;
    line-height: 1.7em;
}

pre {
    font-size: 1.5em;

}

table#songlist tr td {
    border-bottom: 1px solid #ccc;
    }


.interviewquote { border: 1px solid #999;
        background-color: #DBE2FC;
        font-style: italic;
        font-size: 1.5em;
        font-family: Georgia, "Times New Roman", serif;
        width: 250px;
        float: right;
        text-align:center;
        padding: 5px;
        margin: 5px;
}