/* Style Sheet - Written by Tom Mason for http://www.lemanis.co.uk */
/* ==================================================================== */

/*START tag styles*/
body{ background-image: url(); background-repeat: no-repeat; padding: 0px; color: #7c7ab5; font-family: arial; font-size: 10pt; } /*used to centre page in ie */
a:link,
a:hover,
a:visited{ text-decoration: underline; color: #7c7ab5; font-family: arial; font-size: 10pt; }
h3{ font-size: 12pt; }
img{ border: 3px solid  #827db5; }
/*END tag styles*/

/*START page header*/
#header{ height: 90px;  background-color: #827db5; margin-left: -8px; margin-top: -5px; margin-right: -8px; font-size: 24pt; font-family: arial; color: #f8f28f; }
#logo{ width: 790px; margin-left: auto; margin-right: auto; }
#logo img{ border: none; float: left; }

#top_links{ float: left; text-align: right; margin-left: 218px; margin-top: 27px;  }
#top_links a:visited,
#top_links a:hover,
#top_links a:link{ color: #fbf8cd; }
#top_links ul{ list-style-type: none; padding: 0px; margin: 0px; }
#top_links li{ list-style-type: none; padding: 10px; margin: 0px; float: left;}

#nav{ width: 790px; margin-left: auto; margin-right: auto; height: 30px; background-color: #f8f28f; }
#nav ul{ list-style-type: none; padding: 0px; margin: 0px; }
#nav li{ list-style-type: none; float: left; padding-right: 25px; padding-left: 25px; padding-top: 5px; }
#nav a:link,
#nav a:visited{ text-decoration: none; color: #7c7ab5; font-family: arial; font-size: 12pt; }
#nav a:hover{ text-decoration: underline; color: #7c7ab5; font-family: arial; font-size: 12pt; }

#admin_nav{ width: 790px; margin-left: auto; margin-right: auto; height: 30px; background-color: #f8f28f; }
#admin_nav ul{ list-style-type: none; padding: 0px; margin: 0px; }
#admin_nav li{ list-style-type: none; float: left; padding-right: 15px; padding-left: 15px; padding-top: 5px; }
#admin_nav a:link,
#admin_nav a:visited{ text-decoration: none; color: #7c7ab5; font-family: arial; font-size: 12pt; }
#admin_nav a:hover{ text-decoration: underline; color: #7c7ab5; font-family: arial; font-size: 12pt; }
/*END page header*/

#main{ width: 790px; margin-left: auto; margin-right: auto; }	
.clear_both { clear: both; width: 0px; height: 0px; margin: 0px; }
.content_left,
.content_right{ float: left; }

/*START homepage*/
/*containers for the shell cd, gig dates, youtube video and news section*/
#cd,
#media_player,
#gig_dates,
#news{ padding: 40px 5px 5px 5px; background-color: #fbf8cd; margin-top: 15px; background-repeat: no-repeat; }
#cd{ width: 500px;  margin-left: 0px; background-image: url(../images/headers/album.jpg); }
#cd img{ float: left; }
#cd_text{ float: left; width: 250px; margin-left: 10px;  }
#news{ overflow: scroll; }
#media_player{ width: 315px; height: 195px; float: left; margin-left: 15px; background-image: url(../images/headers/live.jpg); }
#gig_dates{ width: 160px; height: 195px; float: left; background-image: url(../images/headers/gig_dates.jpg); }
#news{ width: 255px; height: 472px; margin-left: 15px; background-image: url(../images/headers/news.jpg); }
#youtube{ margin-left: 10px; }
/*FINISH homepage*/

/*START gigs*/
#gig_content{ width: 780px; padding: 40px 5px 5px 5px; background-color: #fbf8cd; background-repeat: no-repeat; margin-top: 15px; background-image: url(../images/headers/gig_dates.jpg); }
/*FINISH gigs*/

/*START bio*/
#about{ float: left; width: 378px; height: 462px; padding: 40px 5px 13px 5px; background-color: #fbf8cd; margin-top: 15px; background-image: url(../images/headers/bio.jpg); background-repeat: no-repeat; }/*Band bio container*/
#adam,
#phil,
#nikos,
#chris{ margin-left: 15px; padding: 40px 5px 5px 5px; background-color: #fbf8cd; background-repeat: no-repeat;  margin-top: 15px; width: 176px; float: left; }
#nikos{ background-image: url(../images/headers/nikos.jpg); margin-left: 0px; }
#chris{ background-image: url(../images/headers/chris.jpg); }
#adam{ background-image: url(../images/headers/adam.jpg); }
#phil{ background-image: url(../images/headers/phil.jpg); }
#members img{ margin-left: 10px; }
.member_text{ text-align: center;  padding-top: 10px; }
#orchestra{ margin-left: 15px; padding: 40px 5px 5px 5px; width: 375px; height: 470px; background-image: url(../images/headers/orch.jpg); background-color: #fbf8cd; background-repeat: no-repeat; float: left; margin-top: 15px; }
#orchestra_text{ float: left; width: 400px; }
#orchestra img{ margin-left: 30px; margin-top: 15px; }
/*FINISH bio*/

/*START members signin*/
#members_login_features{ padding: 40px 5px 5px 5px; background-color: #fbf8cd; margin-top: 15px; background-repeat: no-repeat; background-image: url(../images/headers/join.jpg); }
#members_login_features img{ margin-left: 215px; border: none; }
#login{ padding: 40px 10px 10px 10px; width: 400px; background-color: #fbf8cd; margin-left: 180px; margin-top: 15px; text-align: center; background-repeat: no-repeat; background-image: url(../images/headers/already.jpg);}/*login container*/
#login_inputs{ text-align: right; margin-right: 100px; }
/*FINISH members signin*/

/*START signup*/
#signup{ width: 400px; height: 405px; background-color: #fbf8cd; margin-left: 200px; margin-top: 15px; text-align: center; padding: 10px; }/*signup contain*/
/*FINISH signup*/

/*START links*/
#links{ width: 740px; background-color: #fbf8cd; margin-top: 15px; padding: 40px 10px 10px 40px; background-image: url(../images/headers/links.jpg); background-repeat: no-repeat; }
#links ul{ list-style-type: none; padding: 0px; margin: 0px;}
#links_additional{ width: 740px; background-color: #fbf8cd; margin-top: 15px; padding: 40px 10px 10px 40px; background-image: url(../images/headers/additional_links.jpg); background-repeat: no-repeat; }
.link_band{ padding: 0px 10px 10px 10px; float: left; }/*container for each image and text section*/
.link_band_text{ clear: both; width: 155px; text-align: center; }/*container for text sections*/
.link_row_wrapper{ padding: 0px 0px 10px 0px; }/*container for each row*/
/*FINISH links*/

/*START members page*/
#member_intro,
#message_board,
#members_gallery{ background-color: #fbf8cd; margin-top: 15px;  background-repeat: no-repeat; }
#member_intro{ width: 300px; text-align: justify; background-image: url(../images/headers/members_area.jpg); float: left; height: 412px; padding: 40px 5px 5px 5px; }
#members_gallery{ padding: 40px 5px 5px 5px; float: left; width: 780px; text-align: center; background-image: url(../images/headers/gallery.jpg); }
#message_board_header{ background-color: #fbf8cd; background-image: url(../images/headers/message.jpg); float: left; height: 30px; width: 790px; margin-top: 15px; background-repeat: no-repeat; }
#message_board{ margin-top: 0px; width: 785px; height: 300px;  overflow: scroll; float:left; padding: 5px 5px 5px 5px;}
.member_message{ border-bottom: 1px solid #827db5; padding-top: 10px; padding-bottom: 10px; }
#member_text form{ margin: 0px; padding: 0px; }
#member_form{ border: 1px solid #827db5; }
#member_image_wrapper img{ border: none; } 
#member_image_wrapper{ float: left; width: 215px; height: 180px; overflow: hidden; border: 3px solid  #827db5; margin-left: 30px; margin-top: 10px; }
#member_gallery_link{ width: 780; }
#downloads{ width: 455px; padding: 40px 5px 5px 5px;  background-color: #fbf8cd; height: 412px; float: left; margin-top: 15px; margin-left: 15px; background-image: url(../images/headers/downloads.jpg); background-repeat: no-repeat; }
#downloads ul { list-style-type: none; padding: 0px; margin: 0px; }
#downloads img{ border: none; margin-left: 140px; margin-top: 10px; }/*buy now button */
#blog{ float: left; }
#blog img{ border: none; }
#emails{ float: left; width: 140px; }
#buy_album_wrapper{ text-align: left; margin-top: 20px; }
/*FINISH members page*/

/*START image gallery*/
.member_gallery_image_wrapper img{ border: none; }
.member_gallery_image_wrapper{ float: left; width: 200px; height: 200px; overflow: hidden; border: 3px solid  #827db5; margin-left: 35px; margin-top: 35px; }
#member_gallery_all{ width: 770px; padding: 5px 10px 10px 10px; background-color: #fbf8cd; margin-top: 15px; background-image: url(../images/headers/gallery.jpg); background-repeat: no-repeat; }
/*END image gallery*/

/*START shop*/
#shop_content{ background-color: #fbf8cd; background-repeat: no-repeat; width: 780px; margin-top: 15px; padding: 40px 5px 5px 5px; }
#shop_album{ margin-left: 130px; }
#shop_album form{ margin-left: 180px; }
#shop_album_header img{ border: none; }
#shop_album_header{ margin-left: 200px; }
#shop_album_description{ width: 500px; margin-left: 130px; text-align: center; }
/*END shop*/

/*START mailing list*/
#mailing_content{ width: 780px; padding: 40px 5px 20px 5px; background-color: #fbf8cd; background-repeat: no-repeat; margin-top: 15px; background-image: url(../images/headers/mailing.jpg); }
#mailing_content img{ border: none; }
/*FINISH mailing list*/

/*START blog*/
#blog_content_header{ height: 40px; background-image: url(../images/headers/blog_head.jpg); background-color: #fbf8cd; background-repeat: no-repeat; width: 788px; margin-top: 15px; }
#blog_content{ overflow: scroll; height: 480px; width: 780px; padding: 40px 5px 5px 5px; background-color: #fbf8cd; background-repeat: no-repeat;  }
/*FINISH blog*/

#footer{ height: 10px; background-color: #f8f28f; width: 790px; margin-left: auto; margin-right: auto; margin-top: 15px; }

/*============================================= Admin area ========================================================================*/

.admin_container{ width: 770px; background-color: #fbf8cd; margin-top: 15px; padding: 10px 10px 10px 10px; }
.admin_container_message{ width: 770px; height: 600px; overflow: scroll; background-color: #fbf8cd; margin-top: 15px; padding: 10px 10px 10px 10px; }
/*START Admin home*/
#admin_home{ margin-left: 80px; margin-top: 70px; }
#admin_home img{ display: block; margin-left: auto; margin-right: auto; }
.admin_icon_text{ text-align: center; padding-top: 7px; padding-bottom: 70px; }
.admin_icon_wrapper{ width: 120px; float: left;  }
/*END Admin home*/

/*START Admin members*/
#members_table{ margin-left: 30px; }
#street_team{ margin-left: 30px; padding-top: 20px; }
.percent{ height: 10px; background-color: green;  float: left; margin-top: 3px; }
/*END Admin members*/

#text_area{ margin-left: 160px; }/* used for all the tinymce text areas */

/*START gallery*/
#gallery{ padding: 10px 10px 10px 10px; }
.gallery_image_wrapper{ float: left;  padding: 10px 20px 10px 0px; }
.gallery_delete{ text-align: right; }
/*END gallery*/