/* Demo specific css */
*                      { margin: 0; padding: 0; }
body                   { font: 12px Georgia, Serif; }
a, a img               { border: 0; text-decoration: none; }

#page-wrap             { width: 850px; height:420px; padding-top:0px; padding-bottom: 5px; background: white; margin: 0 auto; position: relative; }

h1                     { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                     { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                     { font: 20px Georgia, Serif; margin: 0 0 10px 0; }  
h5                     { font: 15px Georgia, Serif; text-align: center; }
pre                    { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; background: #f5f5f5; block: inline; }
blockquote             { margin-left: 30px; }

ul                     { margin: 0 0 25px 25px; }
ul li                  { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#dl                    { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover              { background: #666; }

.themeselector         { margin: 0; text-align: center; }

#status                { color: #00a; font-weight: bold; }
.alert                 { color: #f00; font-weight: bold; }
.data                  { width: 100%; border: #555 1px solid; border-collapse: collapse; }
.data td, .data th     { border: #555 1px solid; padding: 0 5px; }
.data th               { background: #eee; }
.data .col             { width: 200px; }

/* For Specific Slides */
#textSlide             { padding: 10px 30px; }
#textSlide h3          { font: 20px Georgia, Serif; }
#textSlide h4          { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul          { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li       { display: list-item; }

.quoteSlide            { padding: 30px; }
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p          { text-align: center; }

/* Set second slider panel sizes */
#slider2 .panel1       { width: 500px; height: 350px; }
#slider2 .panel2       { width: 450px; height: 420px; }
#slider2 .panel3       { width: 680px; height: 317px; }
#slider2 .panel4       { } /* left undefined to show it defaults to wrapper size */
#slider2 .panel5       { width: 680px; height: 317px; }