/* Live in Style - Cable to the Sky */

/* Foundation */
body         { background-color: dimgray; color: gainsboro;
               font-size: 85%; font-family: trebuchet ms, sans-serif; margin: 20px; }
em           { font-size: 110%; font-style: normal; text-transform: uppercase;
               letter-spacing: -0.1em; }
h1           { font-size: 200%; margin-top: 0px; }
h2           { font-size: 140%; }
h3           { text-transform: uppercase; }
br.all       { clear: both; }
form         { margin: 0px; }
textarea     { font-family: sans-serif; }
input.click  { cursor: pointer; }

/* Links */
a            { color: gainsboro; text-decoration: none; border-bottom: 1px dotted #222; }
a:hover      { border-bottom: 1px dotted white; color: white; }
a.on         { border-bottom: 1px dotted gainsboro; }
img          { border-style: none; }
img.float1   { float: left;  width: 100px; border: 2px solid gray; margin: 0px 5px 5px 0px; }
img.float2   { float: right; width: 100px; border: 2px solid gray; margin: 0px 0px 5px 5px; }

/* Layout */
div.main     { width: 960px; background-color: #282828; text-align: center;
               border: 5px solid gray; margin: 0px auto; }
div.col1     { float: left; }
div.col2     { float: right; width: 410px; padding: 30px 35px; }

/* Document */
div.col1 div.poster { position: relative; }
div.col1 div.poster img  { cursor: pointer; }
div.col1 div.poster div.flip { position: absolute; bottom: 5px; left: 5px; font-weight: bold;
               background-color: red; color: white; opacity: 0.6; cursor: pointer;
               font-size: 85%; padding: 3px 5px; border: 3px solid gray; border-radius: 10px;
               -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.col2 div.bottom { font-size: 80%; margin-top: 20px; }
div.footer   { clear: both; color: silver; text-align: center; font-size: 80%;
                font-family: sans-serif; margin: 5px 0px }
div.footer a { color: silver; border: none; }
div.details  { text-align: left; font-size: 85%; margin-bottom: 10px; }

/* Box */
table#box         { text-align: left; color: dimgray;
                    background-color: gainsboro; border: solid steelblue 1px;
                    padding: 7px; margin-left: auto; margin-right: auto; }
table#box caption { color: white; background-color: steelblue;
                    font-size: 110%; font-weight: bold; padding: 3px;
                    margin-left: auto; margin-right: auto; }
table#box th      { font-weight: bold; }
table#box div     { text-align: center; margin-top: 6px; }
table#box span    { float: right; font-size: 73%; }
table#box a       { color: darkslategray; text-decoration: none; }
table#box tr.order td { border-bottom: 1px steelblue dashed; }