/* reset.css */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0b1 | 201101 */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

/* remember to define visible focus styles!
:focus {
 outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

/* typography.css */

/*
 Default font settings.
 font-size: 16px
 vertical rhythm: 24px
*/

html                                   {font-size:100.01%;}
body                                   {font-family:'HelveticaNeue-Light','TradeGothicTStd',sans-serif; font-size:100%; line-height:1.5; color:#222;}

/* Headings
-------------------------------------------------------------- */

h1                                     {font-size:3em; line-height:1.0em; margin-bottom:0.5em;} /* 48 */
h2                                     {font-size:2.25em; line-height:1.5em; margin-bottom:0.6em;} /* 36 */
h3                                     {font-size:1.5em; line-height:1.0em; margin-bottom:1.0em;} /* 24 */
h4                                     {font-size:1.25em; line-height:1.2em; margin-bottom:1.2em;} /* 20 */
h5                                     {font-size:1.125em; line-height:1.35em; margin-bottom:1.35em;} /* 18 */
h6                                     {font-size:1.0em; line-height:1.5em; /*margin-bottom:1.35em;*/} /* 16 */
h1,h2,h3,h4,h5,h6                      {font-weight:normal; font-size:1.0em; line-height:1.5em; margin-bottom:1.5em; text-transform:uppercase;}

/* Text elements
-------------------------------------------------------------- */

p                                      {margin: 0 0 1.5em;}

a:focus,
a:hover                                {text-decoration:none;}
a                                      {color:#000000; text-decoration:underline;}

blockquote                             {margin:1.5em; font-style:italic;}
strong,dfn	                           {font-weight:bold;}
em,dfn                                 {font-style:italic;}
sub,sup                                {line-height:0; font-size:10px;}
sub                                    {vertical-align:sub;}
sup                                    {vertical-align:super;}

abbr,acronym                           {border-bottom:1px dotted #ffffff;}
address                                {margin:0 0 1.5em; font-style:italic;}
ins                                    {}

pre                                    {margin: 1.5em 0; white-space:pre;}
pre,code,tt                            {font:16px 'andale mono','lucida console',monospace; line-height:1.5em;}


/* Lists
-------------------------------------------------------------- */

ul,ol                                  {margin:0 0 1.5em 0;}
ul ul,ol ol                            {margin-left:1.5em;}

ul                                     {list-style-type:disc; list-style-position:inside;}
ol                                     {list-style-type:decimal; list-style-position:inside;}

dl                                     {margin: 0 0 1.5em 0;}
dl dt                                  {font-weight:bold;}
dd                                     {margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table                                  {margin-bottom:1.5em; width:100%;}
th                                     {font-weight:bold;}
thead th                               {/*background:;*/}
th,td,caption                          {line-height:1.5em;  text-align:left;}

tbody tr:nth-child(even) td,
tbody tr.even td                       {/*background:;*/}
tfoot                                  {font-style: italic;}
caption                                {}


/* Misc classes
-------------------------------------------------------------- */

.small                                 {}
.large                                 {}

.hide                                  {display:none;}
.invisible                             {visibility:hidden;}

.first                                 {margin-left:0; padding-left:0;}
.last                                  {margin-right:0; padding-right:0;}
.clear                                 {clear:both;}
.left                                  {float:left;}
.right                                 {float:right;}

/* Other
-------------------------------------------------------------- */

:focus                                 {/*outline:1;*/}

/* Site specific
-------------------------------------------------------------- */

html                                   {overflow-y:scroll; height: 100%;}
html,body,#wrapper,#site,#top          {width:100%; height:100%;}
body                                   {background-color:#ffffff; -webkit-text-stroke:0px transparent}
#site 								   {width:630px; margin:0 auto; position:relative;}

#cover                                 {background:#ffffff; margin:0; background:#fff; background-image:url(../img/bennysings-square.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;}

#cover,#site                           {height:100%; max-height:630px; min-height:630px; position:relative;}

#top                                   {position:absolute; top:0; bottom:0; left:0; right:0; margin:0 auto; z-index:300;}

#head                                  {position:absolute; top:0; left:0; right:0; z-index:350;}
#head h1                               {margin-bottom:0; display:inline;}
#head a                                {color:#000000; text-decoration:none;}
#head span                             {float:right;}
#head ul                               {list-style:none;}
#head li a                             {text-transform:uppercase;}

#top #nav                              {position:absolute; bottom:0; left:0; right:0; z-index:350;}
#nav ul                                {margin:0; list-style:none;}
#nav li                                {display:inline; margin:0 0.4em 0 0;}
#nav li ul                             {display:inline; float:right;}
#nav li ul li                          {margin:0 0 0 0.4em;}
#nav li ul img {vertical-align:baseline; /*margin-top:3px;*/}
#nav a                                 {text-decoration:none;}
#nav .current a,
#nav a:hover                           {text-decoration:underline;}

#head                                  {font-size:0.9375em; padding:0.8em 0; background:#ffffff; text-transform:uppercase; letter-spacing:0.2em;}
#nav                                   {font-size:0.75em; padding:1.0em 0; background:#ffffff; text-transform:uppercase; letter-spacing:0.2em;}

#content                               {height:100%; width:100%; position:relative; display:block;}
#content :last-child                   {margin-bottom:0;}
.content	                           {margin:0 auto; position:relative; font-size:0.75em; z-index:300; letter-spacing:0.1em;}

#live table                            {font-size:1.0em; margin-bottom:0;}
#live table span                       {width:2.35em; display:inline-block;}
#live th                               {text-transform:uppercase; font-weight:bold;}
#live table                            {border-top:1px solid #000000;}
#live th,
#live td                               {padding:0.75em 0;border-bottom:1px solid #000000;}
#live p                                {margin:0;}
#live .date                            {width:120px;}
#live .venue                           {width:230px;}
#live .city                            {width:190px;}
#live .tickets                         {width:100px; text-align:right;}

.pagination                            {padding:0.75em 0; border-bottom:1px solid #000000;}
.pagination ul                         {list-style:none; margin-bottom:0;}
.pagination li                         {display:inline-block;}
.pagination a                          {text-decoration:none;}
.pagination .current a,
.pagination a:hover                    {text-decoration:underline;}
.pagination .next                      {float:left;}
.pagination .previous                  {float:right;}

.index-list                            {border-top:1px solid #000000; list-style:none; margin-bottom:0;}
.index-list li                         /* {border-bottom:1px solid #000000; padding:0.75em 0;}*/
.index-list .head span,
.index-list li span                    {float:right; font-weight:bold;}
.index-list h4                         {text-transform:none; font-weight:bold; display:inline;}
.index-list .head h4                   {margin-bottom:0; float:left;}
.index-list a                          /* {text-decoration:none;}*/
.index-list a div:hover,
.index-list a div:hover span           {text-decoration:underline;}

.index-list .article                   {padding-bottom:3em; border-bottom:0;}
.index-list .article:first-child       {border-top:0;}

.body .right,
.body .left {width:306px;}
.body .left {margin-right:0.5em;}
.body .left li                         {border-bottom:0; padding:0;}

/* article content */
.article                               {padding:0.75em 0; border-bottom:1px solid #000000; border-top:1px solid #000000;}
.article h3                            {text-transform:none; font-weight:bold;}
.disco                                 {border-bottom:0px;}
.embed span                            {display:none;}
.embed,
.article h3,
.article p,
.article .head                         {margin-bottom:0.75em;}

.article .head                         {border-bottom:1px solid #000000; padding-bottom:0.75em;}
.article .head h3					   {margin-bottom:0; float:left;}
.article .head span                    {float:right; font-weight:bold;}

.social ul                             {list-style:none; margin:0; padding:0;}
.social span                           {display:block; padding-bottom:0.75em;}

#footer                                {padding:0.75em 0; text-align:right; font-size:0.75em; letter-spacing:0.1em; position:relative; bottom:0; left:0; right:0;}
#footer a                              {text-decoration:none;}
#footer a:hover                        {text-decoration:underline;}
#footer form                           {float:left;}
#footer input                          {border:0; font-family:inherit; font-size:inherit; letter-spacing:inherit; background-color:#ffffff; margin-left:-2px;}
#footer input.mailinglist              {width:10em; text-transform:capitalize; margin-left:-2px;}
#footer input.submit                   {text-transform:uppercase; cursor:pointer;}
#footer input.submit:hover             {text-decoration:underline;}
#footer ul                             {list-style:none; float:right; margin-bottom:0;}
#footer li {display:inline;}

.ie7 .index-list h4                    {float:left;}
.ie7 #nav li                           {float:left;}
.ie7 #head h1                          {float:left;}
.ie7 #cover,.ie7 #site,
.ie8 #cover,.ie8 #site                 {max-height:600px;}
.ie7 #cover,.ie8 #cover                {background-image:url(../img/benny-sings.jpg);}