@import url(css/reset.css);

/* Global
================================== */
body                                                                {background:#fff;font: normal normal normal 1em/1.5em "Trebuchet MS",Verdana,Arial, sans-serif;}
.wrapper                                                            {margin:0 auto;position:relative;width:870px;}

.clear                                                              {border:none;clear:both;}
.left                                                               {float:left;}
.right                                                              {float:right;}

.hide                                                               {display:none;}


/* Header
================================== */
#header                                                             {background:#fff;padding:10px 0 2px 0;}

#icon-logo                                                          {background:url(slices/logo-icon.png);float:left;height:19px;text-indent: -99999999px;width:20px;}
#donate-social                                                      {}
#donate-social li                                                   {float:left;font-size:10px;font-style:italic;font-weight:800;position:relative;text-transform:uppercase;}
#support-list                                                       {margin:0 80px 0 0;}
#support-us                                                         {background:url(slices/support-us.png) no-repeat top center;color:#fff;display:inline-block;font-size:12px;font-weight:800;height:85px;line-height:1.2;padding:18px 0 0 0;position:absolute;top:-10px;right:-75px;text-align:center;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 3px rgb(50,50,50);width:71px;}

#get-connected                                                      {margin:0 0 0 30px;}
#twitter                                                            {background:url(slices/twitter.png);display:inline-block;height:34px;margin:0 0 0 5px;position:relative;top:-4px;width:33px;}
#facebook                                                           {background:url(slices/facebook.png);display:inline-block;height:34px;position:relative;top:-4px;width:33px;}

#notification-box                                                   {color:#fff;font-size:12px;font-weight:800;right:0;top:220px;position:absolute;width:390px;z-index:1000;}
.notification-center                                                {
                                                                        background:rgba(0,0,0,.85);line-height:1.25em;margin:0 auto;padding:15px 15px;width:75%;
                                                                        border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;
                                                                        box-shadow:0 0 4px rgba(0,0,0,.45);-webkit-box-shadow:0 0 4px rgba(0,0,0,.45);-moz-box-shadow:0 0 4px rgba(0,0,0,.45);
                                                                    }
#notification-box p                                                 {padding:5px 0 5px 40px;}
.notification-success                                               {background:url(slices/check.png) no-repeat left center;}
.notification-error                                                 {background:url(slices/error.png) no-repeat left center;}


/* Content
================================== */
#content                                                            {background:url(slices/background-texture.jpg) top center;padding:80px 0;}
#content h1                                                         {color:#fff;font-size:30px;letter-spacing:1px;text-transform:uppercase;}
#content h2                                                         {color:#fff;font-size:14px;letter-spacing:1px;font-weight:400;text-transform:uppercase;}
#content h2 a                                                       {color:#fff;}

#video                                                              {margin:50px 0 0 0;width:470px;}
#video-nav                                                          {}
#video-nav li                                                       {float:left;}
#video-nav li a                                                     {
                                                                        background:#c8aa0a;color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;text-decoration:none;text-transform:uppercase;padding:5px 25px;
                                                                        -webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
                                                                        -webkit-border-top-left-radius: 4px;
                                                                        -webkit-border-top-right-radius: 4px;
                                                                        -moz-border-radius-topleft: 4px;
                                                                        -moz-border-radius-topright: 4px;
                                                                        border-top-left-radius: 4px;
                                                                        border-top-right-radius: 4px;
                                                                    }
#video-nav li:nth-child(2)                                          {position:relative;left:-1px;}
#video-nav li.active                                                {position:relative;z-index:500;}
#video-nav li.active a                                              {background:#d60d1c;font-size:14px;font-style:italic;}
#video-live-link                                                    {}

#video-list                                                         {}
#video-list li                                                      {background:#fff;}
#video-list li.hidden                                               {display:none;}

#etc-links                                                          {border-bottom:1px dashed #d8cd7e;border-top:1px dashed #d8cd7e;margin:10px 0;padding:20px 0;}
#etc-links div                                                      {width:230px;}
#etc-links h3                                                       {color:#fff;font-size:12px;line-height:1.25;text-transform:uppercase;}
.etc-button                                                         {
                                                                        background:#5d4e6d;color:#fff;display:inline-block;font-size:12px;font-weight:800;margin:10px 0 0 0;padding:5px 15px;text-align:center;text-decoration:none;text-shadow:0 0 3px rgb(0,0,0);text-transform:uppercase;
                                                                        border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
                                                                        box-shadow:0 0 4px rgba(0,0,0,1);-webkit-box-shadow:0 0 4px rgba(0,0,0,1);-moz-box-shadow:0 0 4px rgba(0,0,0,1);
                                                                    }
.etc-button:hover                                                   {background:#cdb00c;color:#fff;}


#notes-chat                                                         {width:390px;}

#tabs                                                               {}
#tabs li                                                            {float:left;position:relative;top:6px;z-index:300;}

#tabs li:last-child                                                 {z-index:0;}
#tabs li.active                                                     {top:0;z-index:500;}
#tabs li.active a                                                   {background:#fff;padding:10px 20px;}
#tabs li a                                                          {
                                                                        background:#e8e8e8;float:left;padding:8px 20px;text-decoration:none;
                                                                        -webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
                                                                        -webkit-border-top-left-radius: 4px;
                                                                        -webkit-border-top-right-radius: 4px;
                                                                        -moz-border-radius-topleft: 4px;
                                                                        -moz-border-radius-topright: 4px;
                                                                        border-top-left-radius: 4px;
                                                                        border-top-right-radius: 4px;
                                                                    }
#tabs li.secondary:hover a                                         {background:#cdb00c;}


#tabs li a h2                                                       {color:#af555c;font-size:14px;font-weight:800;line-height:1;}
#tabs li a p                                                        {color:#633034;font-size:10px;font-style:italic;line-height:1;}

#tab-list                                                           {margin:0px 0 0 0;position:relative;z-index:800;}
#tab-list li                                                        {background:#fff;}

#notes-chat-list                                                    {position:relative;z-index:800;}
#notes-chat-list li                                                 {background:#fff;}
#note-box,#extra-box                                                {padding-bottom:10px;}

.textarea                                                           {border:none;margin:0;height:500px;padding:10px;width:370px;}

.email-address                                                         {display:block;font-size:12px;padding:5px 5px;margin:0 auto;width:350px;}
.email-address.error                                                   {background:#5d4e6d;color:#fff;}
.form-submit                                                        {
                                                                        background:#d60d1c;border:none;color:#fff;display:block;font-size:16px;font-weight:800;margin:15px auto;padding:10px 15px;text-align:center;text-decoration:none;text-shadow:0 0 3px rgb(0,0,0);text-transform:uppercase;width:300px;
                                                                        border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
                                                                        box-shadow:0 0 4px rgba(0,0,0,1);-webkit-box-shadow:0 0 4px rgba(0,0,0,1);-moz-box-shadow:0 0 4px rgba(0,0,0,1);
                                                                    }
.form-submit:hover                                                  {background:#000;color:#fff;}
.form-submit.disabled                                               {background:#eee;}

/*///////////////// Archive Tree /////////////////*/
.php-file-tree                                                      {margin:0 0 0 10px;}
.pft-directory                                                      {float:left;margin:5px 0 0 10px;}
.pft-file                                                           {font-size:12px;margin:0 0 0 5px;}

/* Footer
================================== */
#footer                                                             {padding:0 0 30px 0;}
#footer p                                                           {text-align:center;}
#logo                                                               {background:url(slices/logo.png) no-repeat center top;height:71px;margin:30px 0 0 0;}
#visit-us-online                                                    {
                                                                        background:#d60d1c;color:#fff;display:inline-block;font-size:14px;font-weight:800;margin:15px 0 0 0;padding:5px 25px;text-align:center;text-decoration:none;text-shadow:0 0 3px rgb(0,0,0);text-transform:uppercase;
                                                                        border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
                                                                        box-shadow:0 0 4px rgba(0,0,0,1);-webkit-box-shadow:0 0 4px rgba(0,0,0,1);-moz-box-shadow:0 0 4px rgba(0,0,0,1);
                                                                    }
#visit-us-online:hover                                              {background:#cdb00c;}