@charset "utf-8";
/*
Pixelpost Theme : Almost Eric
Template created for Pixelpost 1.7.1
Design: Tim Andries (www.almosteric.ca)
Code: Julien Roumagnac (www.j-roumagnac.net)
*/

/**********************************
	* BROWSER RESET
	*/

	html, body, form, fieldset {
		margin: 0;
		padding: 0;
		font: 100%/120% Arial, Helvetica, sans-serif;}
	
	h1, h2, h3, h4, h5, h6, p, pre,
	blockquote, ul, ol, dl, address {
		margin: 0.6em 0;
		padding: 0;}
	
	li, dd, blockquote {
		margin-left: 1em;}
	
	form label {
		cursor: pointer;}
			
	fieldset {
		border: none;}
			
	input, select, textarea {
		margin: 0;
		padding: 0;
		font-size: 100%;
		font-family: inherit;}
	
	table { 
		border-collapse:collapse; border-spacing:0;}
			
	ul { 
		list-style:none;}
	
	a:focus, a:active {
		-moz-outline:0; outline:0; outline-offset:0;}
		
	a img {
		border:0; display:block;}
		
	object {
		padding: 0;
		margin: 0;
		display: block;}

/**********************************
	* GLOBAL ELEMENTS
	*/
	
	html { height: 100.02%; }
	
	body {
		background-color: #FFFFFF;
		color: #404040;
		font-size: 10px;
		margin-bottom: 1.3em;}
		
	.clr {
		clear: both;}
		
	h1.site_sub_title {
		position: absolute;
		top: -500px;
		font-size: 0px;
		color: #FFFFFF;}
		
	.lgray {
		color: #808080; }
		
	.dgray {
		color: #404040; }
		
	.black {
		color: #000000; 
		font-weight: bold;}
		
	.red {
		color: #FF0000; }
		
	.i {
		font-style: italic; }
		
/**********************************
	* MAIN CONTAINERS
	*/
	
	#page {
		text-align: center;}
		
/**********************************
	* HEADER
	*/
	
	#header_bloc {
		width: 900px;
		height: 87px;
		margin: 0px auto 0px auto;
		text-align: left;}
	
	/* LOGO + NAV */
	#header_left {
		width: 166px;
		float: left;
		margin-top: 34px;}	
	
	#header_left span {
		display: none;}
		
	#logo {
		display: block;
		width: 132px;
		height: 42px;
		background: url(../gfx/almosteric.gif) no-repeat top left;
		float: left;}
		
	div.ae_image_previous_link {
		width: 17px;
		height: 42px;
		background: url(../gfx/prev_post.gif) no-repeat top left;
		float: left;}
		
	div.ae_image_next_link {
		width: 17px;
		height: 42px;
		background: url(../gfx/next_post.gif) no-repeat top left;
		float: left;}
		
	div.ae_image_previous_link a, div.ae_image_next_link a {
		display: block;
		width: 17px;
		height: 42px;}
		
	/* MENU */
	#header_right {
		width: 500px;
		height: 19px;
		margin-top: 48px;
		float: right;}
		
	#header_right li, ul {
		margin: 0;
		padding: 0;}
		
	#header_right ul {
		float: right;}
		
	#header_right li {
		height: 19px;
		line-height: 19px;
		float: left;}
		
	#header_right li a {
		display: block;
		text-align: center;
		text-decoration: none;}
		
	#header_right li span {
		visibility: hidden; }
	
	#header_right li.menu_sep {
		width: 2px;
		background: url(../gfx/menu_sep.gif) no-repeat center center;}
	
	#header_right li.menu_about a {
		width: 45px;
		background: url(../gfx/menu_about.gif) no-repeat top left;}
				
	#header_right li.menu_about a:hover {
		background: url(../gfx/menu_about_over.gif) no-repeat top left;}
		
	#header_right li.menu_about_sel {
		width: 54px;
		background: url(../gfx/menu_about_sel.gif) no-repeat top left;}
		
	#header_right li.menu_archives a {
		width: 57px;
		background: url(../gfx/menu_archives.gif) no-repeat top left;}
		
	#header_right li.menu_archives a:hover {
		background: url(../gfx/menu_archives_over.gif) no-repeat top left;}
	
	#header_right li.menu_archives_sel {
		width: 66px;
		background: url(../gfx/menu_archives_sel.gif) no-repeat top left;}
		
	#header_right li.menu_random a {
		width: 89px;
		background: url(../gfx/menu_random.gif) no-repeat top left;}
		
	#header_right li.menu_random a:hover {
		background: url(../gfx/menu_random_over.gif) no-repeat top left;}
	
	#header_right li.menu_rss a {
		width: 37px;
		background: url(../gfx/menu_rss.gif) no-repeat top left;}
		
	#header_right li.menu_rss a:hover {
		background: url(../gfx/menu_rss_over.gif) no-repeat top left;}
			
/**********************************
	* IMAGE
	*/
	
	#image_bloc {
		text-align: center;}
		
	#photo_and_comments_container {
		position: relative;
		margin: 0px auto 0px auto;}
		
	#photo {
		opacity: 0;}
		
	#loading {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -20px;
		margin-left: -20px;
		width: 50px;
		height: 50px;
		display: none;}
		
/**********************************
	* INFO
	*/
	
	#info_bloc {
		width: 900px;
		margin: 0px auto 0px auto;
		text-align: left;}
		
	#info_head_left {
		width: 450px;
		height: 53px;
		float: left;}
		
	#info_head_right {
		width: 450px;
		height: 53px;
		float: right;
		text-align: right;
		line-height: 53px;}
		
	#info_head_right #flash_player_container {
		width: 252px;
		height: 25px;
		float: right;
		margin-top: 14px;}
		
	#info_head_right a {
		color: #404040;}
	
	#info_bloc h2 {
		display: inline;
		font-size: 13px;
		line-height: 53px;
		color: #000000;
		letter-spacing: -1px;
		font-weight: bold;}
		
	#info_bloc h3 {
		display: inline;
		font-size: 12px;
		line-height: 53px;
		color: #808080;
		letter-spacing: -1px;
		font-weight: normal;}
		
	#info_bloc #comments_toggler {
		cursor: pointer;}
		
	#info_bloc #comments_toggler a {
		color: #808080;
		text-decoration: none;}
	
	#info_bloc #comments_toggler a:hover {
		color: #000000;}
		
	#info_bloc #flash_title, #info_bloc #ae_flash_title {
		height: 53px;}
		
	#info_text_left {
		float: left;}
		
	#info_text_right {
		width: 450px;
		float: right;}
		
	#info_text_left .content, #info_text_right .content {
		margin-left: 75px;
		margin-right: 75px;}
		
	#info_bloc .content a {
		color: #404040;
		text-decoration: underline; }
		
	#info_bloc .content a:hover {
		color: #000000; }
		
	#image_notes, #music_notes {
		text-align: justify;}
		
	/* EXIF & TRACK REF */
	#exif, #track_ref_left, #track_ref_right {
		margin-top: 1.3em;
		width: 300px;
		color: #808080;}
		
	#exif {
		float: left; }
		
	#track_ref_left {
		float: right;
		text-align: right; }
		
	#info_bloc .sep {
		padding-left: 5px;
		padding-right: 5px;
		background: url(../gfx/menu_sep.gif) no-repeat center center;}
		
	#info_bloc .content #songinfo_toggler {
		color: #808080;}
		
	#info_bloc .content #songinfo_toggler:hover {
		color: #000000;}
		
/**********************************
	* SONG INFO PANEL
	*/
	
	#songinfo_panel {
		position: absolute;
		width: 220px;
		height: 0px;
		overflow: hidden;}
		
	#songinfo_panel_content {
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 220px;
		overflow: hidden;
		background: url(../gfx/646464_alpha75.png);
		text-align: center;}
		
	#songinfo_panel .content {
		margin: 10px;
		margin-bottom: 18px;
		color: #FFFFFF;
		font-style: italic;
		font-size: 10px;}
		
	#songinfo_panel .label {
		color: #000000;
		font-style: normal;}
		
	#songinfo_panel a.songdata_link {
		color: #FFFFFF;}
		
	#songinfo_panel a.songdata_link:hover {
		color: #000000;}
		
	#songinfo_panel .dotted_line {
		height: 1px;
		background: url(../gfx/comments_sep.gif) repeat-x top left;
		margin-top: 7px;
		margin-bottom: 8px;}
		
	#songinfo_panel .buy_links p {
		color: #000000;
		padding-top: 5px;}
		
	#songinfo_panel .buy_links a {
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;}
		
	#songinfo_panel .buy_links a:hover {
		color: #000000;}
		
	#songinfo_panel .buy_links a.disabled {
		color: #808080;}
		
	#songinfo_panel .buy_links a.disabled:hover {
		color: #808080;}
		
	#songinfo_panel .buy_links .sep {
		padding-left: 1px;
		padding-right: 1px;
		margin-left: 7px;
		margin-right: 7px;
		background: url(../gfx/bullet.gif) no-repeat center center;}

/**********************************
	* COMMENTS
	*/
	
	#comments_panel {
		position: absolute;
		height: 0px;
		overflow: hidden;}
		
	#comments_panel_content {
		position: absolute;
		left: 0px;
		bottom: 0px;
		overflow: hidden;
		background-color: #646464;
		text-align: left;
		opacity: 0.75;}
	
	#comments_panel ul, #comments_panel li, #comments_panel p {
		margin: 0;}
	
	#comments_panel .content {
		margin: 15px;}
		
	#comments_panel a {
		color: #FFFFFF;
		text-decoration: underline; }
	
	#comments_panel h5 {
		font-size: 14px;
		font-weight: normal;
		color: #FFFFFF;
		margin-bottom: 0.5em;}
	
	#comments_list li {
		text-align: justify;
		color: #E9E9E9;
		padding-bottom: 1em;
		margin-bottom: 1em;
		background: url(../gfx/comments_sep.gif) repeat-x bottom left;}
		
	#comments_list li .commenter, #callback_comment .commenter {
		color: #FFFFFF;
		font-weight: bold;
		margin-top: 1em;}	
	
	#comments_list li.admin_comment div {
		background-color: #323232;
		color: #FFFFFF;
		padding: 1em;}
		
	#comments_list #callback_comment {
		background-color: #323232;
		color: #FFFFFF;
		display: none;}
		
	#comments_list #callback_message {
		padding: 1em;}
		
	#comments_list #callback_thanks {
		padding: 1em;
		background-color: #323232;}
		
	/* FORM */
	#commentform li {
		margin-bottom: 8px;}
		
	#commentform textarea {
		height: 75px;
		font: 100%/120% Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #FFFFFF;
		color: #000000;
		padding-left: 2px;
		border: 1px solid #000000;
		overflow: auto;}
		
	#commentform .input {
		width: 150px;
		background-color: #FFFFFF;
		color: #000000;
		padding-left: 2px;
		padding-top: 3px;
		padding-bottom: 3px;
		border: 1px solid #000000;
		float: left;}
		
	#commentform #saveinfo {
		float: left;
		height: 21px;}
	
	#commentform label {
		display: block;
		width: 200px;
		height: 21px;
		line-height: 21px;
		color: #FFFFFF;
		float: left;
		margin-left: 15px;}
		
	#commentform label.label_cb {
		margin-left: 8px;}
		
	#commentform .comment-button {
		background-color: #FFFFFF;
		border: 1px solid #000000;
		color: #000000;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 8px;
		padding-right: 8px;}
		
	/* THANK YOU */
	#thanks_for_comment {
		background-color: #323232;
		text-align: center;
		color: #FFFFFF;
		padding: 1em;
		display: none;}
		
/**********************************
	* ABOUT
	*/
	
	/* CONTENT */
	#about_bloc {
		width: 900px;
		margin: 7px auto 0px auto;
		text-align: left;}		
	
	#about_left {
		display: table;
		overflow: hidden;
		width: 450px;
		height: 548px;
		float: left;}
		
	#about_left_cell {
		display: table-cell;
		vertical-align: middle;}
		
	#about_left_content {
		margin: 15px;
		text-align: justify;}
		
	#about_left_content a {
		color: #404040;
		text-decoration: underline;}
		
	#about_left_content a:hover {
		color: #000000; }
		
	#about_right {
		display: table;
		overflow: hidden;
		width: 450px;
		height: 548px;
		float: right;}
		
	#about_right_cell {
		display: table-cell;
		width: 450px;
		vertical-align: middle;}
		
	#about_right_content {
		margin-right: 14px;
		margin-top: 28px;
		text-align: right;}
		
	#about_right_content img {
		display: inline;}
		
	#about_right_content #eaddress {
		margin-top: 5px;}
		
	/* MENU & COPYRIGHT */
	#aboutmenu_bloc {
		width: 900px;
		margin: 0px auto 0px auto;
		text-align: left;}
		
	#aboutmenu_left {
		width: 450px;
		float: left;}
		
	#aboutmenu_right {
		width: 450px;
		float: right;
		text-align: right;}
		
	#aboutmenu_right #copyright {
		margin-top: 38px;}
		
	#aboutmenu_left li, ul {
		margin: 0;
		padding: 0;}
		
	#aboutmenu_left ul {
		margin-top: 34px;}
		
	#aboutmenu_left li {
		height: 19px;
		line-height: 19px;
		float: left;}
		
	#aboutmenu_left li a {
		display: block;
		text-align: center;
		text-decoration: none;}

	#aboutmenu_left li span {
		visibility: hidden; }
	
	#aboutmenu_left li.amenu_sep {
		width: 4px;
		background: url(../gfx/menu_sep.gif) no-repeat center center;}
	
	#aboutmenu_left li.amenu_bi a {
		width: 66px;
		background: url(../gfx/amenu_bi.gif) no-repeat top left;}
				
	#aboutmenu_left li.amenu_bi a:hover, #aboutmenu_left li.amenu_bi_sel {
		width: 66px;
		background: url(../gfx/amenu_bi_o.gif) no-repeat top left;}
		
	#aboutmenu_left li.amenu_pu a {
		width: 57px;
		background: url(../gfx/amenu_pu.gif) no-repeat top left;}
				
	#aboutmenu_left li.amenu_pu a:hover, #aboutmenu_left li.amenu_pu_sel {
		width: 57px;
		background: url(../gfx/amenu_pu_o.gif) no-repeat top left;}
		
	#aboutmenu_left li.amenu_mu a {
		width: 44px;
		background: url(../gfx/amenu_mu.gif) no-repeat top left;}
				
	#aboutmenu_left li.amenu_mu a:hover, #aboutmenu_left li.amenu_mu_sel {
		width: 44px;
		background: url(../gfx/amenu_mu_o.gif) no-repeat top left;}
		
	#aboutmenu_left li.amenu_lc a {
		width: 61px;
		background: url(../gfx/amenu_lc.gif) no-repeat top left;}
				
	#aboutmenu_left li.amenu_lc a:hover, #aboutmenu_left li.amenu_lc_sel {
		width: 61px;
		background: url(../gfx/amenu_lc_o.gif) no-repeat top left;}
		
	#aboutmenu_left li.amenu_co a {
		width: 66px;
		background: url(../gfx/amenu_co.gif) no-repeat top left;}
				
	#aboutmenu_left li.amenu_co a:hover, #aboutmenu_left li.amenu_co_sel {
		width: 66px;
		background: url(../gfx/amenu_co_o.gif) no-repeat top left;}
		
	#aboutmenu_left li.amenu_eq a {
		width: 67px;
		background: url(../gfx/amenu_eq.gif) no-repeat top left;}
				
	#aboutmenu_left li.amenu_eq a:hover, #aboutmenu_left li.amenu_eq_sel {
		width: 67px;
		background: url(../gfx/amenu_eq_o.gif) no-repeat top left;}
		
	#aboutmenu_left li.amenu_lk a {
		width: 42px;
		background: url(../gfx/amenu_lk.gif) no-repeat top left;}
				
	#aboutmenu_left li.amenu_lk a:hover, #aboutmenu_left li.amenu_lk_sel {
		width: 42px;
		background: url(../gfx/amenu_lk_o.gif) no-repeat top left;}
		
	/* ABOUT CONTENTS */
	#about_bi, #about_pu, #about_mu, #about_lc, #about_co, #about_eq, #about_lk {
		display: none;}
	
	#about_lc p.socan_logo a img {
		margin-left: 170px;
		margin-top: 30px;}
		
/**********************************
	* ARCHIVES
	*/

	#archives_bloc {
		width: 900px;
		margin: 11px auto 0px auto;
		text-align: left;}
		
	#archives_bloc ul, #archives_bloc li{
		padding: 0;
		margin: 0;}
		
	#archives_left {
		width: 197px;
		float: left;
		text-align: justify;
		line-height: 15px;}
		
	#archives_middle {
		width: 456px;
		float: left;
		margin-left: 30px;}
		
	#archives_right {
		width: 197px;
		float: left;
		margin-left: 20px;
		text-align: justify;
		line-height: 15px;}
		
	#archives_head_left {
		height: 84px;
		background: url(../gfx/image_titles_icon.gif) no-repeat top center;}
		
	#archives_head_right {
		height: 84px;
		background: url(../gfx/song_titles_icon.gif) no-repeat top center;}
		
	#archives_bloc span.sep {
		padding-left: 5px;
		padding-right: 5px;
		background: url(../gfx/menu_sep.gif) no-repeat center center;}

	#archives_left a, #archives_right a {
		color: #808080;
		text-decoration: none;}
		
	#archives_left a:hover, #archives_right a:hover {
		color: #000000; }
		
	/* THUMBNAILS */
	#archives_middle a {
		display: block;
		width: 104px;
		height: 104px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		background: url(../gfx/thumb_bg.gif) no-repeat top left;}
		
	#archives_middle a:hover {
		background: url(../gfx/thumb_bg_o.gif) no-repeat top left;}
		
	#archives_middle a img {
		margin-top: 2px;
		margin-left: 2px;}
		
/**********************************
	* POPUP
	*/
	
	#popup_page {
		width: 350px;}
	
	#popup_page #track_ref_right {
		display: none; }
	
	#popup_logo {
		height: 42px;
		margin-top: 34px;
		background: url(../gfx/almosteric.gif) no-repeat top center;}
		
	#popup_flash_player_container {
		width: 197px;
		height: 25px;
		margin-left: 74px;
		text-align: center;
		margin-top: 51px;}
		
	#popup_music_notes {
		width: 300px;
		margin-left: 25px;
		margin-top: 63px;
		text-align: justify;}
		
	#popup_music_ref {
		margin-top: 13px;
		margin-bottom: 50px;
		text-align: center;
		color: #808080;}
		
	#popup_music_ref .sep {
		padding-left: 5px;
		padding-right: 5px;
		background: url(../gfx/menu_sep.gif) no-repeat center center;}