/* Basic Stuff */

html {
	overflow-y: scroll;
	font-family: "Helvetica", "Arial", sans-serif;
	background: black url("../img/bg/newalbum.jpg") no-repeat top center fixed;
	color: white;
	font-size: 11px;
}

body {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, ol, ul, li, p, img, form, fieldset, input, textarea, table, th, td, tr {
	border-width: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: normal;
}
ul {
	list-style-type: none;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	display: block;
}

a {
	color: white;
}
a:hover {
	cursor: pointer;
}

/* Page */

div#page {
	width: 780px;
	margin: 0 auto 0 auto;
}

/* Header */

div#header {
	position: relative;
	height: 288px;
}

a#logo {
	width: 165px;
	height: 62px;
	overflow: hidden;
	position: absolute;
	left: 310px;
	top: 184px;
}
a#logo img {
	position: absolute;
	top: 0;
	left: 0;
}

body.splash a#logo:hover img {
	position: absolute;
	top: -62px;
}

div#splash_signup {
	width: 300px;
	position: absolute;
	top: 34px;
	left: 320px;
}

/* Menu */

ul#menu {
	height: 25px;
	background: url("../img/opacity.png");
}
ul#menu li {
	float: left;
}
ul#menu li a {
	float: left;
	height: 25px;
	position: relative;
	overflow: hidden;
}
ul#menu li a img {
	background: url("../img/menu.png");
	position: absolute;
	top: 0;
	left: 0;
}
ul#menu li a.selected img,
ul#menu li a:hover img {
	top: -25px;
}

ul#menu li a#menu_main { width: 65px; }
ul#menu li a#menu_news img { left: -0px; }

ul#menu li a#menu_news { width: 76px; }
ul#menu li a#menu_news img { left: -65px; }

ul#menu li a#menu_gigs { width: 72px; }
ul#menu li a#menu_gigs img { left: -141px; }

ul#menu li a#menu_pictures { width: 106px; }
ul#menu li a#menu_pictures img { left: -213px; }

ul#menu li a#menu_videos { width: 92px; }
ul#menu li a#menu_videos img { left: -319px; }

ul#menu li a#menu_music { width: 84px; }
ul#menu li a#menu_music img { left: -411px; }

ul#menu li a#menu_store { width: 80px; }
ul#menu li a#menu_store img { left: -495px; }

ul#menu li a#menu_sign-up { width: 97px; }
ul#menu li a#menu_sign-up img { left: -575px; }

ul#menu li a#menu_connect { width: 108px; }
ul#menu li a#menu_connect img { left: -672px; }

/* Main */

div#main_outer_outer {
	overflow: hidden;
	position: relative;
}
div#main_outer {
	position: relative;
	top: 0;
}
div#main_outer_bottom {
	clear: both;
	height: 0;
	overflow: hidden;
}

div#main {
	position: relative;
	padding: 13px 0 25px 0;
	background: url("../img/opacity.png");
	overflow: auto;
}
div#main:after {
	content: " "; height: 0; display: block; overflow: hidden; clear: both;
}

h1, h2 {
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	margin: 10px 0 8px 0;
}
h3 {
	margin: 10px 0 8px 0;
	font-weight: bold;
}

hr {
	height: 7px;
	background: white;
	color: white;
	border-width: 0;
	outline-width: 0;
	padding: 0;
	margin: 17px 0 0 0;
}

p {
	margin: 12px 0;
	line-height: 15px;
	padding-right: 6px;
}

/* Splash */

div#splash_tv {
	width: 779px;
	height: 573px;
	margin: 0 auto;
	background: url("../img/tv.jpg");
	position: relative;
}
div#splash_video {
	position: absolute;
	width: 480px;
	height: 272px;
	top: 122px;
	left: 73px;
}
div#splash_tv_edges {
	position: absolute;
	width: 480px;
	height: 272px;
	top: 122px;
	left: 73px;
	background: url("../img/tv_edges.png");
}

body.splash h2 {
	margin: 83px 0 0 0;
}
body.splash h1 {
	margin: 43px 0 0 0;
}
body.splash img {
	display: block;
	margin: 0 auto;
}
#splashBuyLinks {
	height: 119px;
	width: 351px;
	margin: 46px auto 0 auto;
}
#splashItunes {
	float: left;
}
#splashAmazonUK {
	float: left;
	margin: 0 0 0 7px;
}
#splashAmazonCom {
	float: left;
	margin: 8px 0 0 7px;
}
body.splash p {
	margin: 0;
	padding: 49px 0 150px 0;
}

/* Footer */

div#footer {
	height: 58px;
}

ul#footnav {
	clear: both;
	height: 17px;
	padding: 20px 0 0 4px;
}
ul#footnav li {
	display: inline;
}
ul#footnav li a {
	text-decoration: none;
	text-transform: uppercase;
}
ul#footnav li a:hover {
	text-decoration: underline;
}

#click_to_enter {
	display: block;
	padding-top: 20px;
	margin: 0 auto;
}

/* Left/Right */

div#left {
	width: 510px;
	float: left;
	border-top: 7px solid white;
	padding-left: 4px;
	overflow: hidden;
}

div#col_1 {
	width: 245px;
	float: left;
	border-top: 7px solid white;
	padding-left: 4px;
	overflow: hidden;
}
div#col_2 {
	width: 249px;
	float: left;
	border-top: 7px solid white;
	margin-left: 16px;
	overflow: hidden;
}

div#right {
	width: 249px;
	float: left;
	border-top: 7px solid white;
	margin-left: 17px;
	overflow: hidden;
}

/* Gigs */

ul.gigs {
	padding-bottom: 8px;
}

ul.gigs li {
	padding: 6px 0;
	border-top: 1px solid white;
	clear: both;
	height: 1%;
}
ul.gigs li:after {
	content: " "; height: 0; display: block; overflow: hidden; clear: both;
}
ul.gigs li:first-child {
	border-top-width: 0;
}

ul.gigs span.date {
	float: left;
	height: 38px;
	width: 49px;
	background: white;
	color: black;
	text-align: center;
	font-weight: bold;
}
ul.gigs span.date span.month-year {
	height: 11px;
	line-height: 11px;
	display: block;
	background: #01aeef;
	font-size: 8px;
}
ul.gigs span.date span.day {
	height: 28px;
	line-height: 28px;
	display: block;
	font-size: 22px;
}

ul.gigs h3 {
	float: left;
	padding: 12px 0 0 16px;
	width: 445px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
ul.gigs.condensed h3 {
	width: 183px;
}
ul.gigs.condensed h3 {
	padding: 3px 0 0 17px;
}

/* Socials */

ul.socials {
	height: 24px;
}
ul.socials li {
	float: left;
}
ul.socials li a {
	float: left;
	height: 24px;
	width: 24px;
	overflow: hidden;
	position: relative;
	margin-right: 6px;
}
ul.socials li a img {
	position: absolute;
	top: 0;
	left: 0;
}
ul.socials li a:hover img {
	top: -24px;
}

/* Connect */


/* Sign-up */

form#signup {
	position: relative;
}
form#contact {
	position: relative;
}
div.status {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 12px;
	display: none;
}

/* Form */

form div.field {
	padding: 5px 0;
	float: left;
	clear: both;
	width: 100%;
}
form div.field:after {
	content: " "; height: 0; display: block; overflow: hidden; clear: both;
}
form div.field label {
	float: left;
	height: 20px;
	line-height: 20px;
	width: 41px;
}
form div.field input,
form div.field textarea {
	float: left;
	height: 15px;
	width: 199px;
	border: 1px solid white;
	padding: 2px 3px 2px 3px;
	background: transparent;
	color: white;
}
form div.field textarea {
	width: 332px;
	height: 166px;
}
form div.button {
	padding: 5px 0;
	float: left;
	clear: both;
}
form div.button input {
	padding: 3px 10px;
	background: white;
	color: black;
	margin-left: 41px;
	cursor: pointer;
}

form#contact div.field label {
	width: 70px;
}
form#contact div.button input {
	margin-left: 70px;
}

/* News */

div.news_item {
	border-bottom: 1px solid white;
	padding: 2px 0 15px 0;
	margin-bottom: 14px;
}
div.news_item h3 {
	font-size: 12px;
}
div.overview_news {
	padding: 2px 0 2px 0;
	margin-bottom: 2px;
}

a.read_more {
	font-weight: bold;
	text-decoration: none;
}
a.read_more:hover {
	text-decoration: underline;
}

div.pagination a {
	margin-right: 10px;
	font-weight: bold;
	text-decoration: none;
}
div.pagination a:hover {
	text-decoration: underline;
}

/* Twitter */

ul#twitter_update_list {
}
ul#twitter_update_list li {
	padding: 3px 20px 17px 0;
	line-height: 14px;
}
ul#twitter_update_list li span {
	display: block;
}
ul#twitter_update_list li > a {
	font-weight: bold;
	text-decoration: none;
}
ul#twitter_update_list li > a:hover {
	text-decoration: underline;
}

/* Pictures */

div.album_container {
	width: 510px;
	overflow: hidden;
}

ul.albums {
	width: 640px;
}
ul.albums li {
	float: left;
	width: 247px;
	height: 210px;
	margin-right: 16px;
}
ul.albums img {
	float: left;
	border: 1px solid white;
}
ul.albums span {
	clear: both;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 0;
}

ul.albums ul.album_list {
	display: none;
}

/* Fancybox */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fb/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fb/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../img/fb/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../img/fb/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../img/fb/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fb/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fb/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fb/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fb/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fb/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.talktoangels.co.uk/static/img/fb/fancy_shadow_nw.png', sizingMethod='scale'); }

/* Player */

ul#playlist {
	border-top: 1px solid white;
}
ul#playlist li a {
	display: block;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid white;
}
ul#playlist li a.selected {
	font-weight: bold;
	color: #b7b7b7;
}

div#player {
	height: 36px;
	padding: 8px 0 20px 20px;
}
div#player a {
	float: left;
	width: 33px;
	height: 36px;
	background: url("../img/player_buttons.png") no-repeat;
	cursor: pointer;
	margin-right: 20px;
}

div#player a#player_rw { background-position: 0 0; }
div#player a#player_play { background-position: -58px 0; margin-right: 13px; }
div#player a#player_stop { background-position: -114px 0; }
div#player a#player_ff { background-position: -171px 0; margin-right: 38px; }
div#player a#player_vol_down { background-position: -242px 0; }
div#player a#player_vol_up { background-position: -285px 0; margin-right: 12px; }
div#player a#player_pause { background-position: -329px 0; margin-right: 13px; }

div#player a#player_rw:hover { background-position: 0 -50px; }
div#player a#player_play:hover { background-position: -58px -50px; }
div#player a#player_stop:hover { background-position: -114px -50px; }
div#player a#player_ff:hover { background-position: -171px -50px; }
div#player a#player_vol_down:hover { background-position: -242px -50px; }
div#player a#player_vol_up:hover { background-position: -285px -50px; }
div#player a#player_pause:hover { background-position: -329px -50px; }

/* Slideshow */

ul.slideshow {
	width: 249px;
	height: 186px;
	position: relative;
	margin-top: 12px;
}
ul.slideshow img {
	position: absolute;
	top: 0;
	left: 0;
}