/*

title:  reset css
author: maximilian schoening @ bylinebreak.com
credits: eric meyer, richard clark, alberto calvo

*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
a, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*input, textarea, button,*/
table, caption, tbody, tfoot, thead, tr, th, td,

/* added html5 elements */
article, aside, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* teach the browser some html5 */
article, aside, figure, footer, header, hgroup, 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 focus styles */
:focus, :active {
  outline: 0;
}

/* remember to highlight inserts */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* some special love for forms */
input, select {
  vertical-align: middle;
}

select {
  margin: 0;
}

/* removes button padding in FF */
input::-moz-focus-inner { 
  border: 0;
  padding: 0;
}

/* restore */
p,blockquote,form,
label,ul,ol,dl,fieldset,address        {margin-bottom: 16px;}

h1,h2,h3,h4,h5,h6                      {text-transform:uppercase;}

strong,b                               {font-weight:bold;}
em,i                                   {font-style:italic;}
img                                    {display:block;}
hr                                     {border:0; background-color:#003056; height:1px;}
.clear                                 {clear:both;}
/* /restore */

body                                   {font-family:Arial,sans-serif; font-size:100%; line-height:100%; -webkit-text-stroke:0px transparent; background-color:#ffffff; color:#003056;}
input                                  {font-family:Arial,sans-serif;}

#wrapper                               {font-size:12px; line-height:16px;}

#header                                {position:relative; width:960px; padding:0 15px; height:292px;}
#header .image                         {height:292px; overflow:hidden; background-color:#eee;}

body.index #header,
body.index #header .image              {height:550px;}

#logo                                  {width:163px; height:143px; position:absolute; top:0px; right:30px; background-image:url(../img/ff-sprite.png); background-repeat:no-repeat; background-position:0 -42px;}

#weet-waar-je-koopt                                  {width:85px; height:85px; position:absolute; top:25px; left:40px; background-image:url(../img/weet-waar-je-koopt.png); background-repeat:no-repeat;}

#site                                  {width:990px; margin:0 auto; background-image:url(../img/ff-site-shadow.png); background-repeat:no-repeat; background-position:-1px -65px;}

#nav                                   {position:absolute; top:260px; left:15px; width:960px;}
#nav ul                                {background-image:url(../img/ff-sprite.png); background-repeat:no-repeat; background-position:0 0px; margin-bottom:0;}
#nav a                                 {padding:8px 30px; display:inline-block; color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold; height:26px;}
#nav a:hover                           {color:#e57b00;}
#nav .current a                        {background-color:#ffffff; background-image:url(../img/ff-tab.png); background-repeat:repeat-x; color:#003056; height:26px;}
#nav .current a:hover                  {color:#e57b00;}

a                                      {text-decoration:underline; color:#003056;}
a:hover                                {text-decoration:none; color:#e57b00;}
ul li                                  {display:inline;}

.bar                                   {height:42px; background-color:#ffffff; display:block;}
.bar h3                                {padding:8px 30px; background-color:#ffffff; display:inline-block; background-image:url(../img/ff-tab.png); background-repeat:repeat-x;}

#content                               {padding:5px 15px 0 15px;}
body.index #content                    {padding:0 15px;}
body.pages #content                    {padding:15px 15px 0 15px;}
body.index #nav .bar                   {background-color:transparent;}

h2,h4                                  {font-size:14px; text-transform:none; font-weight:normal;}
.title h2                              {display:inline;}
.header .on-tour                       {font-size:11px; float:right; display:block; position:absolute; right:0; top:0; color:#e57b00;}
.artists a.ajax                        {padding:10px 30px 10px 0; display:block; text-decoration:none; font-weight:normal;}
.artists a.ajax:hover                  {background-color:#e57b00; color:#ffffff;}
.artists a.ajax:hover .on-tour         {color:#ffffff;}
.even                                  {background-color:#eff9fc;}

.artists .header                       {font-size:14px; position:relative;}
.header .title,
.header .availability                  {width:210px; float:left;}
.header .availability,
.header .biography                     {display:none; float:left;}
.header .biography                     {width:480px;}

.header .arrow,.header .current-arrow  {float:left; width:30px;}
.header .arrow span,
.header .current-arrow span            {display:block; width:16px; height:16px; margin:0 auto;
background-image:url(../img/ff-sprite.png); background-repeat:no-repeat;}
.header .arrow span                    {background-position:-201px -72px;}
.artists a.ajax:hover .arrow span      {background-position:-233px -72px;}

.header .current-arrow span            {background-position:-185px -72px;}
.artists a.ajax:hover .current-arrow span {background-position:-217px -72px;}

.open .header .availability,
.open .header .biography               {display:block;}

.artists .content                      {display:none; /*padding:8px 0 24px 0;*/}
.content .details,
.content .availability                 {width:190px; margin:10px; float:left;}
.content .details                      {margin:10px 10px 10px 30px;}
.content .details img {width:190px;}
.content .biography                    {width:480px; padding:10px; float:left;}
.content .artist-agenda                {margin:16px 0;}
.content .artist-agenda p              {margin:0;}
.content .artist-agenda .date          {float:left; width:120px;}
.content .artist-agenda .location      {float:left; width:290px;}
.content .artist-agenda .tickets       {float:left; width:70px; text-align:left;}

#artist-management .title              {width:420px;}
#artist-management .details            {width:400px;}

.open .content                         {display:block;}

.message p                             {margin:0 0 0 30px;}

.aside                                 {color:#5ec4e5; padding:15px 30px; position:relative;}
.aside ul                              {margin:0;}
.aside a                               {text-decoration:none;}
.aside .current a                      {color:#e57b00; font-weight:bold; /*text-decoration:underline;*/}

.agenda .row                           {padding:10px 30px; display:block; text-decoration:none; font-weight:normal; font-size:14px;}
.agenda .row p                         {margin:0;}
.agenda .row .title                    {float:left; width:250px;}
.agenda .row .date                     {float:left; width:170px;}
.agenda .row .location                 {float:left; width:400px;}
.agenda .row .tickets                  {float:left; width:70px; text-align:left;}
.artist-agenda .tickets a,
.agenda .row .tickets a                {text-decoration:none;}
.artist-agenda .tickets,
.agenda .row .tickets                  {color:#e57b00;}
.artist-agenda .tickets img,
.agenda .row .tickets img              {display:inline;}

.page                                  {width:480px;}
.page .header                          {padding:13px 30px; background-color:#dff3fa;}
.page .body                            {padding:20px 30px; width:420px;}

#contact .page                         {float:left;}
#consultancy .page,
#terms-conditions .page                {width:960px;}

#twitter                               {width:960px; padding:0 15px; background-image:url(../img/ff-tweets-shadow.png); background-repeat:no-repeat; background-position:-1px -20px;}
#twitter .bar                          {margin-bottom:18px; background-image:url(../img/ff-sprite.png); background-repeat:no-repeat; background-position:0 0px;}

#footer                                {text-align:center; font-size:10px; width:960px; padding:0 15px;}
#footer a                              {text-decoration:none;}
#footer a:hover                        {text-decoration:underline;}

/* tweet */
#twitter .bar h3                       {height:42px;}
#twitter .tweet                        {width:210px; display:inline-block; margin:10px; float:left; overflow:hidden;}
#twitter .first                        {margin-left:30px;}

#mc_embed_signup                       {margin:16px 0;}
#mc_embed_signup .response             {color:#e57b00;}

.team                                  {clear:both;}
.team img                              {margin-right:10px; margin-bottom:16px; border:1px solid #5ec4e5; float:left;}

span.myspace,
span.facebook,
span.vimeo,
span.twitter,
span.youtube                           {width:24px; height:24px; display:inline-block; background-image:url(../img/ff-sprite.png); background-repeat:no-repeat; margin-right:3px;}
span.myspace                           {background-position:-169px -43px;}
span.facebook                          {background-position:-200px -43px;}
span.youtube                           {background-position:-260px -43px;}
span.vimeo                             {background-position:-291px -43px;}
span.twitter                           {background-position:-230px -43px;}

div.team p                             {float:left;}
span.linkedin                          {margin-top:1px; width:16px; height:16px; display:block; background-image:url(../img/ff-sprite.png); background-repeat:no-repeat; background-position:-169px -72px;}

#search                                {position:absolute; right:30px; top:9px;}
.search                                {color:#5ec4e5;}