*                           {margin:0; padding:0;}

html,body,#wrapper,#site,
#backdrop, #structure,
#pattern                    {width:100%; height:100%;}

body                        {line-height:14px; background-color:#ffffff; color:#000000; background-image:url(../images/web/base/ajax-loader.gif); background-repeat:no-repeat; background-position:center center;}

img                         {border:none;}
span                        {display:none; display:block;}
.clear                      {clear:both;}

h1,h2,h3,h4,h5,h6           {font-size:100%; line-height:130%;}
h1                                         {font-size:24px;}
h2                                         {font-size:21px;}
h3                                         {font-size:18px;}
h4                                         {font-size:16px;}
h5                                         {font-size:14px;}
h6                                         {font-size:12px;}

body,table,input            {font-family:Helvetica,Arial,sans-serif; font-size:12px; line-height:16px;}

input.button                {/*border:0px; background:none; cursor:pointer;*/}

a:link,a:visited            {color:#ffffff;}
a:hover                     {color:#ffffff; text-decoration:none;}
:focus                      {outline: 0;}

ul                          {list-style:none;}

/* base */
div#debug                   {position:fixed; top:46px; left:10px; color:black; background-color:white; padding:5px; z-index:1000; display:none;}
#structure                  {position:absolute; z-index:7;}
div.column                  {float:left;}
div#top,div#bottom          {position:absolute; width:100%; /*background-color:#000000; */background-image:url(../images/web/base/pix-80.png); /*filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;*/}
div#top                     {z-index:5; top:0px; text-align:center; width:100%; color:#ffffff;}
div#bottom                  {z-index:6; bottom:0px; text-align:center; width:100%;}
div#structure div#top       {position:fixed;}
div#structure div#bottom    {position:fixed;}
div.bar-content             {height:36px; margin:0 auto;}

#center                     {position:absolute; width:100%; height:100%; /*background-color:pink*/;}
#site td                    {vertical-align:middle;}
#content                    {position:relative; width:900px; margin:0 auto; /*background-color:red;*/}

div#logo-holder             {position:absolute; width:100%; margin-top:65px;}
div#logo                    {width:434px; height:100px; margin:0 auto; background-image:url(../images/web/theflexican-logo-small.png); background-repeat:no-repeat; }

#content_news,
#content_videos             {width:600px; background-image:url(../images/web/base/pix-80.png); padding:12px;}
#content_photos             {width:514px;  background-image:url(../images/web/base/pix-80.png); padding:12px;}
#content_music,
#content_loading,
#content_bio,
#content_contact,
#content_bookings,
#content_links,
#content_news               {width:500px; background-image:url(../images/web/base/pix-80.png); padding:12px;}
#content_agenda             {width:400px; background-image:url(../images/web/base/pix-80.png); padding:12px;}
div.content                 {margin:185px auto 65px auto; color:#ffffff; }
/* end base */

/* home */
#home #content,
#content_home               {margin-top:0px; margin:0px auto;}
#content_home               {background-image:url(../images/web/theflexican-logo.png); background-repeat:no-repeat; background-position:center center; width:689px; height:159px; padding:12px;}
#content_home h1            {display:none;}

div#content_news .news                       {margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid white;} 

/* discography */
div#content_music .music                     {margin-bottom:20px;}
div#content_music .music .cover              {float:left; margin-right:15px; width:100px; height:100px; overflow:hidden;}
div#content_music .music .title              {height:100px; position:relative; float:left; width:300px;}
div#content_music .music .download           {position:absolute; bottom:0px;}
div#content_music .music .description p      {margin-top:15px;}

/* live */
div#content_agenda table                     {width:400px;}
div#content_agenda .past-shows td            {color:#aaa;}
div#content_agenda h4                        {margin-bottom:8px;}
div#content_agenda .upcoming-title,
div#content_agenda .past-title               {text-transform:uppercase;}
div#content_agenda .past-title               {margin-top:20px; color:#aaa;}
div#content_agenda td                        {vertical-align:top;}
div#content_agenda td.date,
div#content_agenda td.description            {width:200px;}
div#content_agenda td.venue,
div#content_agenda td.place                  {width:150px;}
div#content_agenda td.time                   {width:50px; text-align:right;}
div#content_agenda td.description,
div#content_agenda td.time,
div#content_agenda td.place                  {padding-bottom:15px;}

/* photos */
div.series                                 {margin-bottom:20px;}
div.series h4                              {margin-bottom:8px;}
div.series ul li.thumb                     {display:inline; margin-right:3px;}
div.series ul li.thumb_last                {display:inline;}

div.serie h2                               {margin-bottom:10px;}
div.serie p                                {margin-bottom:15px;}
div.serie .image                           {margin-bottom:15px;}

/* videos */
div#content_videos h4                      {font-size:13px;}
div#content_videos div.videos,
div#content_videos div.videos_last         {text-align:left; float:left; margin-right:10px; margin-bottom:20px; width:295px;}
div#content_videos div.videos div,
div#content_videos div.videos_last div     {margin-bottom:5px;}
div#content_videos div.videos_last         {margin-right:0px;}

div#content_videos div.video h2            {margin-bottom:10px;}
div#content_videos div.video p             {margin-top:10px;}

/* links */
div.links                                  {float:left; width:110px; margin-right:20px; margin-bottom:10px;}
div.last                                   {margin-right:0px;}
div.links h4                               {margin-bottom:5px;}


/* background */
#backdrop					{position:fixed; z-index:4; overflow:hidden;}
#pattern					{background-image:url(../images/web/base/pattern.png);}
#front,#back,#pattern		{position:absolute;}
#back						{z-index:1;}
#front						{z-index:2;}
#pattern					{z-index:3;}

#back img,#front img 		{display:none;}
/* end background */

#menu						{padding:12px 0px; margin: 0 auto; display:inline-block;}
#menu a						{font-size:12px; line-height:12px; color:white; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#menu ul li                 {/*display:inline;  */float:left; margin:0 5px;}

#mailinglist                {padding:9px 12px; color:white; margin-left:0px; position:absolute; left:0px;}
#mailinglist form,
#mailinglist div            {float:left;}
#mailinglist div            {font-size:12px; font-weight:normal; text-transform:lowercase; padding:3px 0; margin-left:10px;}
/*#mailinglist .button        {border:0px; font-size:12px; background:transparent; padding-top:2px; color:white; font-weight:bold; text-transform:capitalize; margin-left:5px; cursor:pointer;}*/
#ml_feedback                {color:red;}

div#icons                   {padding:6px 0px; display:inline-block; margin:0 auto;}
div#icons ul li             {display:inline;}
div#iksi                    {position:absolute; right:10px; top:12px; color:white; font-size:12px;}
div#player                  {position:absolute; right:10px; bottom:6px; color:white; font-size:12px;}

div.back                    {margin-bottom:15px;}
div.pagination              {margin-top:15px;}
div.pagination ul li        {display:inline; float:left; margin-right:5px;}
div.attach                  {margin-top:16px;}