body                              { max-width: 960px; font: 11px/1.5em Arial, sans-serif; padding: 0; margin: 0; }

a                                 { color: #D32690; text-decoration: none; }
a:hover                           { color:#5b3671; text-decoration:none; }

/* Whenever we want to use character entities in CSS, we need to declare them in their unicode value. If you don't know what that is
*  think of unicode as character entities on speed.
*/
a.go:after, li.item a:after       { color: #D32690; content:" \00bb"; }

p.action                          { font-size: 2.21em; text-align:right;}
p.action a                        { padding:10px 10px 10px 10px; color: #D32690; letter-spacing:-1px; text-decoration:none; background-color:#D4AE29; text-transform:uppercase;}
p.action a:hover                  { color: #5b3671; text-decoration:none; }

h1                                { position: absolute; top: 3em; left: 0; padding: 0; margin: 0; }
h2                                { color:#D32690; font-size: 4.1em; font-weight: normal; text-transform: uppercase; letter-spacing: -2px; margin: .35em 0em .6em; line-height:35px;}
h3                                { font-size: 1em; margin: 1em 0; }

/* Negative text indents incorperated to hide text and use the background image as the intended visual. */
h3 a                              { display: block; width: 80px; height: 25px; text-indent: -9999px; border: none; margin: 1em 0 0; }

#logo                             { position: absolute; top: 30px; left: 30px; width: 344px; height: 158px; text-indent: -9999px; background: url('../images/chase-mitchell-logo.png') no-repeat; margin: 0;}

.ribbon                           { position: absolute; top: 0px; right: 0px; }
.ribbon #itunes                   { display: block; width: 125px; height: 122px; text-indent: -9999px; background: url('../images/itunes-logo.png'); }

.content                          { width: 512px; padding: 1.5em 0 5em 0; margin: 0 0 0 400px; }
.content .box                     { background: url('../images/box-background.png'); padding: 0 8px; border: solid 1px #ededed; margin: 0 0 16px 0; }
.content .box.left                { width: 338px; float: left; margin: 0 0 8px 0; }
.content .box.right               { width: 140px; float: left; padding: 0; margin: 0 0 8px 8px; }
.content .footer                  { clear: both; background: url('../images/box-background.png'); padding: 0 1em; border: solid 1px #ededed; }

/* Here we're going to hide the link text and use background images for the display. Pretty, SEO friendly, and easy on the bandwidth. */
ul.social                         { height: 3.1em; list-style-type: none; text-align: center; padding: 0; margin: 0; }
ul.social li                      { display: inline; line-height: 3.0em; }
ul.social li              a       { display: inline-block; width: 16px; height: 17px; text-indent: -9999px; vertical-align: middle; background: url('../images/social-bookmarks-active-inactive.png') no-repeat top left; }
ul.social li#digg         a       { background-position:    0px -20px;  }
ul.social li#delicious    a       { background-position:  -20px -20px;  }
ul.social li#facebook     a       { background-position:  -40px -20px;  }
ul.social li#google       a       { background-position:  -60px -20px;  }
ul.social li#reddit       a       { background-position:  -80px -20px;  }
ul.social li#stumbleupon  a       { background-position: -100px -20px;  }
ul.social li#technorati   a       { background-position: -120px -20px;  }
ul.social li#digg         a:hover { background-position:    0px   0px;  }
ul.social li#delicious    a:hover { background-position:  -20px   0px;  }
ul.social li#facebook     a:hover { background-position:  -40px   0px;  }
ul.social li#google       a:hover { background-position:  -60px   0px;  }
ul.social li#reddit       a:hover { background-position:  -80px   0px;  }
ul.social li#stumbleupon  a:hover { background-position: -100px   0px;  }
ul.social li#technorati   a:hover { background-position: -120px   0px;  }

ul.social li#youtube      a       { width: 75px; height: 32px; background: url('../images/youtube-logo-active-inactive.png') 0 -32px; margin: 0 0 0 4em; }
ul.social li#youtube      a:hover { background-position: 0 0; }
ul.social li#flickr       a       { width: 65px; height: 30px; background: url('../images/flickr-logo-active-inactive.png') 0 -30px; margin: 0 0 0 2.5em; }
ul.social li#flickr       a:hover { background-position: 0 0; }
ul.social li#myspace      a       { width: 80px; height: 24px; background: url('../images/myspace-logo-active-inactive.png') 0 -24px; margin: 0 0 0 2em; }
ul.social li#myspace      a:hover { background-position: 0 0; }

ul.navigation                     { height: 4.2em; list-style-type: none; line-height: 3em; padding: 0; margin: 1em 0 3em; }
ul.navigation li                  { display: inline-block; font-size: 1.8em; padding: 0; border-right: solid 1px #e6e6e6; margin: 0; }
ul.navigation li:last-child       { border: none; }
ul.navigation li a                { height: 3em; display: block; text-indent: -9999px; padding: 0; background: url('../images/navigation-text-background.gif') no-repeat 0 0; margin: 0 11px 0 7px; }
ul.navigation li a#home           { width: 50px; background-position: center   22px; }
ul.navigation li a#about          { width: 56px; background-position: center  -58px; }
ul.navigation li a#tour           { width: 44px; background-position: center -138px; }
ul.navigation li a#blog           { width: 40px; background-position: center -218px; }
ul.navigation li a#news           { width: 48px; background-position: center -298px; }
ul.navigation li a#links          { width: 45px; background-position: center -378px; }
ul.navigation li a#contact        { width: 75px; background-position: center -458px; }
ul.navigation li a:hover#home     { background-position: center  -18px; }
ul.navigation li a:hover#about    { background-position: center  -98px; }
ul.navigation li a:hover#tour     { background-position: center -178px; }
ul.navigation li a:hover#blog     { background-position: center -258px; }
ul.navigation li a:hover#news     { background-position: center -338px; }
ul.navigation li a:hover#links    { background-position: center -418px; }
ul.navigation li a:hover#contact  { background-position: center -498px; }


h3.myspace a                      { background: url('../images/heading-myspace-logo.png') no-repeat left center; }
#items                            { list-style-type: none; padding: 0; margin: 2em 0 5em; }
#items li                         { margin: 0 0 1em 0; }
#items li a                       { font-weight: bold; }

h3.flickr a                       { background: url('../images/heading-flickr-logo.png') no-repeat left center; }
#photos                           { list-style-type: none; padding: 0; margin: 0; }
#photos li                        { float: left; padding: 0; margin: 0 7px 7px 0; }
#photos li.photo a                { border: none; }
#photos li.photo a img            { border: solid 1px #fff; }

h3.youtube                        { background: url('../images/heading-youtube-logo.png') no-repeat 5px center; }
#videos                           { list-style-type: none; padding: 0; margin: 0; }
#videos li                        { text-align: center; }
#videos li.video a                { border: none; }
#videos li.video a img            { border: solid 1px #000; }

.inlineHeader					  { font-weight:bold; font-size:14px; color:#000000; letter-spacing:-1px; text-transform:uppercase;}

ul.inlinecontent				  { list-style:inside; }