/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

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

h1                                      { font: bold 60pxGeorgia, Sans-Serif; letter-spacing: -2px; margin: 10px 0; text-align: center; }
h2                                      { font: bold 30px Georgia, Sans-Serif; letter-spacing: -1px; margin: 0 0 0 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: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 200px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 25px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(50, 50, 0); background: rgba(50, 50, 0, 0.7); padding: 10px 10px 10px 50px;}
.image h3                               { position: absolute; top: 255px; left: 0; width: 100%; }
.image h3 span                          { color: white; font: bold 18px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(150, 150, 150); background: rgba(150, 150, 150, 0.7); padding: 10px 10px 10px 50px;}
.image h4                               { position: absolute; top: 280px; left: 0; width: 100%; }
.image h4 span                          { color: white; font: bold 14px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(100, 100, 100); background: rgba(100, 100, 100, 0.7); padding: 10px 10px 10px 50px;}
.image .h21                               { position: absolute; top: 205px; left: 0; width: 100%; }
.image .h21 span                          { color: white; font: bold 20px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(50, 50, 0); background: rgba(50, 50, 0, 0.7); padding: 10px  10px 10px 50px;}
.image .h31                               { position: absolute; top: 250px; left: 0; width: 100%; }
.image .h31 span                          { color: white; font: bold 16px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(150, 150, 150); background: rgba(150, 150, 150, 0.7); padding: 10px  10px 10px 50px;}
.image .h41                               { position: absolute; top: 290px; left: 0; width: 100%; }
.image .h41 span                          { color: white; font: 10px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(170, 170, 170); background: rgba(170, 170, 170, 0.7); padding: 10px  10px 10px 50px;}
.image .h22                              { position: absolute; top: 40px; left: 110px; width: 100%; }
.image .h22 span                          { color: white; font: bold 20px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(210, 170, 0); background: rgba(210, 170, 0, 0.8); padding: 10px  10px 10px 30px;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.image .h32                               { position: absolute; top: 85px; left: 110px; width: 100%;  }
.image .h32 span                          { color: white; font: bold 16px Georgia, Sans-Serif; height: 150px; letter-spacing: 0px; background: rgb(150, 150, 150); background: rgba(150, 150, 150, 0.87); padding: 10px  10px 10px 30px;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.image .h42                               { position: absolute; top: 125px; left: 110px; width: 100%; }
.image .h42 span                          { color: white; font: 12px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(80, 80, 0); background: rgba(80, 80, 0, 0.6); padding: 10px  10px 10px 30px;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.image .h42 span:hover                { background: rgb(40, 40, 0); background: rgba(40, 40, 0, 0.6);}
.image .h23                               { position: absolute; top: 180px; left: 450px; width: 100%; }
.image .h23 span                          { color: white; font: bold 20px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(50, 50, 0); background: rgba(50, 50, 0, 0.7); padding: 10px  10px 10px 50px;}
.image .h33                               { position: absolute; top: 225px; left: 450px; width: 100%; }
.image .h33 span                          { color: white; font: bold 16px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(150, 150, 150); background: rgba(150, 150, 150, 0.7); padding: 10px  10px 10px 50px;}
.image .h43                               { position: absolute; top: 265px; left: 450px; width: 100%; }
.image .h43 span                          { color: white; font: 10px Georgia, Sans-Serif; letter-spacing: 1px; background: rgb(170, 170, 170); background: rgba(170, 170, 170, 0.7); padding: 10px  10px 10px 50px;}
.image .h53                               { position: absolute; top: 300px; left: 450px; width: 100%; }
.image .h53 span                          { color: white; font: 12px Georgia, Sans-Serif bold; letter-spacing: 1px; background: rgb(50, 50, 0); background: rgba(50, 50, 0, 0.8); padding: 10px  10px 10px 50px;}