/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
*{ margin: 0; padding: 0; }
body{ font: 12px Georgia, Serif; }
a, a img{ border: 0; text-decoration: none; outline: 0; }

#page-wrap{ width: 299px; padding: 0px; background: none; margin: 0 auto 0px; position: relative; }
#col1{ width: 49%; float: left; margin: 0 0 20px 0; }
#col2 { width: 49%; float: right; }

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: 16px 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; }

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: none; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover{ background: none; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image{ position: relative; margin-bottom: 20px; width: 100%; }
.image h2{ position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span{ color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: none; background: none; padding: 6px 8px; }
.image h2 span.spacer{ padding: 0 2px; background: none; }


/*
    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; }