/* CSS for Sam Lowe, by Will Dayble */
/* Made in September/October 2008 */



/* let's do eric myer reset stylez */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a img{border: none;}
cite{font-style: normal;}

.clearBoth{clear:both; height:1px; display:block; width:100%; overflow: hidden;}

/* our stuff: */
body{background: #fff; font-family: Helvetica, Arial, sans-serif;}
.rap{width:800px; margin: 20px auto; position: relative;}

.leftAction{position: absolute;top:0; left:0;width:454px;}

.m1{background: #f6f6f6; height: 30px; margin: 5px 0;}
.m1 a{float: right; text-transform: uppercase; font-size: 11px; text-decoration: none; display:block; color: #777; padding: 10px;}
.m1 a:hover{color: #000;}

.samsArtists{width: 330px; margin: 0 0 0 auto; min-height: 1000px;}
.samsArtists a, .samsArtists p{display: block; padding: 4px 0 6px 23px; font-size: 11px; text-transform: uppercase; color: #666; text-decoration: none; cursor:pointer; position: relative;}
.samsArtists a em{display: none;}
.samsArtists a:hover{color: #c00; height: 35px;}
.samsArtists a:hover em{display: inline; color: #000;}
.samsArtists a:hover em .whatdid{ display: inline; color: #999;}
.samsArtists a.highslide{background: url(../images/speaker-grey.jpg) no-repeat 0 2px; cursor: pointer;}
.samsArtists a.highslide:hover{background-image: url(../images/speaker-black.jpg); cursor: pointer;}
.samsArtists p{background: #f6f6f6 url(../images/downarrow.gif) no-repeat 7px 50%; line-height: 13px; padding: 4px 4px 4px 23px; margin-bottom: 5px;}


h3{text-align: right; text-transform: uppercase; font-size: 18px; line-height: 25px;}

.hidden{display:none;}

.infoItems{position: absolute; top:160px; left:0; width: 100%;}
.collapsible p{font-size: 12px; line-height: 22px; color: #999; text-align: right; padding: 0 10px 10px; letter-spacing: 1px;}
.collapsible p a{color: #666; text-decoration: none;}
.collapsible p a:hover{color: #000; text-decoration: underline;}
.collapsible p strong {font-weight: bold;}
.collapsible p em{font-style: italic;}
.collapsible blockquote{padding: 0 10px 0; margin: 10px 0;}
.collapsible blockquote p{font-family: Georgia, "Times New Roman", serif; color: #666; text-transform: none; font-size: 13px;font-style: italic; }
.collapsible cite{color: #999; text-align: right; padding: 0 10px 10px; display:block; font-size: 12px; font-weight: bold;border-bottom:1px solid #eee; }

/* poppuper */
.highslide-html{background: #fff; width:400px; padding: 10px 10px 0; height: 490px;}
.highslide-html .img{}
.highslide-html .playa{width:50px; height: 50px; position: absolute; top:10px; left: 2px;}
* html .highslide-html .playa{left: -50px;}
.highslide-html .details{padding: 10px 10px 10px 50px; text-transform: uppercase; line-height: 16px; color: #777; font-size: 9px; min-height: 35px; position: relative;}
.highslide-html .details strong{color: #333; font-size: 12px; display: block;}
.highslide-html .details strong span{font-weight: bold; color: #000; display: block;}

p.intro{font-size: 15px;font-family: Georgia, Times, serif; color: #333;}

h3{font-family: Georgia, Times, serif; color: #777; border-top: 1px solid #eee; padding: 10px 10px 5px; margin: 20px 0 0;}