/* RESET */


html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4;}

::-moz-selection { background: #f4f1e8; color: #e7e7e7; text-shadow: none; }
::selection { background: #f4f1e8; color: #e7e7e7; text-shadow: none; }
a { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; text-decoration:underline;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
strong { font-weight: bold; }
img{border:none;}
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
li{margin:0; padding:0;}

/* fontface*/


/* Style */
#pagewrap{margin:5% 0;}
h1, h2{text-align:center;}

h1 {font: 4em 'QuicksandLight', Arial, sans-serif;letter-spacing: 0; line-height:1.8em; text-transform:uppercase;}
body{background:#333 url(../images/background.jpg); background-size:cover; background-position:centre centre; color:#fff; }
li.concerts{ text-transform:uppercase; list-style:none; text-align:center; margin-top:45px; font-size:1.2em;}
.date{color:#c8c2b8;}
.city{ font-weight:bold;font: 1.1em 'QuicksandBold', Arial, sans-serif;}
.venue{color:#e6e2db;}
.new{font-size:0.8em;}
.concerts{font: 1.1em 'QuicksandBook', Arial, sans-serif;}
li.concerts a{ border-radius:8px; padding:8px; background:#e00000; margin-left:15px; text-shadow:#6e0000 1px 0 0 0;  text-decoration:none; color:#FFFFFF; border:1px solid 6e0000; font-weight:bold; font: 1em 'QuicksandBold', Arial, sans-serif;}
li.concerts a:hover{ text-decoration:underline;}
li.stores{ display:block; float:left; list-style:none; margin-left:20px; width:250px;text-align:center;}
li.stores:last{margin-left:none;}
.storebutton{ border-radius:8px; padding:8px; background:#897056; text-shadow:#6e0000 1px 0 0 0;  text-decoration:none; color:#FFFFFF; border:1px solid 6e0000; font-weight:bold; font: 1em 'QuicksandBold', Arial, sans-serif; text-transform:uppercase; margin:5px 0;}
.soldout{text-transform:uppercase; list-style:none; text-align:center; text-decoration:none;font: 1em 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#retailers h2{ font-size:1em; margin-bottom:0; font: 1.2em 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#retailers{margin:50px auto 20px auto; width:900px; background:url(../images/dark-bg.png); border-radius:10px; padding:10px 10px 30px 10px;}

.clear{clear:both;}

#social{width:300px; margin:0 auto; display:block;}
#footer{color:#999999; font-size:0.6em; text-align:center;}