/* =RESET (http://developer.yahoo.net/yui/license.txt)
version: 2.2.1
--------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* END RESET -------------------------------------- */

/* *** =CLEARFIX *** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}
.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End hide from IE-mac */
/* *** end CLEARFIX *** */

/* =LAYOUT
--------------------------------------------------- */
html * {
	padding: 0;
	margin: 0;
}

body {
	background: #383838 url(/images/design/pagebg.gif);
	text-align:  center;
	color: #DFDFDF;
   	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

a {
	color: #FFFFBE;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

h3 {
	margin-bottom: 1em;
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: #000 2px 2px 1px;
}

h4 {
	margin-bottom: 1em;
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: #000 2px 2px 1px;
}

strong {
	color: #79b963;
	font-weight: bold;
}
#bottom-infos strong {
	color: #FFF;
}
	#container {
		width: 800px;
		min-width: 800px; 
		margin: 10px auto 0 auto;
		text-align: left;
	}
	#header {
		height: 92px;
		position: relative;
		z-index: 0;
	}
		#header h1 {
			position:  absolute;
			left: 10px;
			padding-top: 10px;
			z-index: 2;
		}
		#header h2 {
			font-size: 10px;
			position: absolute;
			color: #6F6F6F;
			text-shadow: #000 1px 2px 2px;
			right: 10px;
			top: 10px;
			z-index: 2;
		}

		#header-left {
			background: url(/images/design/header-left.gif) left top no-repeat;
			height: 92px;
			width: 10px;
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
		}
		#header-content {
			background: url(/images/design/header-bg.gif);
			height: 92px;
			margin: 0 12px 0 10px;
		}
		#header-right {
			background: url(/images/design/header-right.gif) right top no-repeat;
			height: 92px;
			width: 12px;
			position: absolute;
			z-index: 1;
			right: 0;
			top: 0;
		}
		#logo {
			border: 0;
			display: block;
			text-decoration: none;
			background:  url(/images/design/logoFranky2.png) left top no-repeat;
			width: 221px;
			height: 95px;
			text-indent: -999px;
			overflow: hidden;
		}
	
	#content {
		background-color: #1f1f1f;
		padding: 20px;
	}

	#bottom-infos {
		background-color: #0F0F0F;
		padding: 5px;
		text-align: center;
		font-size: 10px;
		border-bottom: 1px solid #333333;
		color: #6F6F6F;
	}
	#footer {
		height: 13px;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
		#footer-left {
			height:  13px;
			width: 11px;
			background: url(/images/design/footer-left.gif) left top no-repeat;
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
		}
		#footer-right {
			height: 13px;
			width: 13px;
			background: url(/images/design/footer-right.gif) left top no-repeat;
			position: absolute;
			z-index: 1;
			right: 0;
			top: 0;
		}
		#footer-content {
			margin: 0 13px 0 10px;
			background-color: #1f1f1f;
			height: 13px;
		}
/* END LAYOUT -------------------------------------- */
#main {
	float: left;
	width: 53%;
}

#sidebar {
	float: right;
	width: 43%;
}

#warning {
	text-align: center;
	padding: 3px 0;
	border-top: 1px solid #0F0;
	border-bottom: 1px solid #0F0;
	color: #0F0;
	margin: -20px -20px 20px -20px;
	background: #3B5F2F;
}

#adBanner {
	padding: 10px;
	background: #1F1F1F;
	text-align: center;
}

/* ------------------------------------------------- */
#nowPlaying {
	margin-bottom: 1.2em;
	position: relative;
	z-index: 0;
}
	#nowPlaying h3 {
		text-transform: capitalize;
		padding-top: 10px;
		margin-bottom: 0.5em;
		color: #FFF;
		text-shadow: #000 2px 2px 1px;
	}
		#nowPlaying h3 strong {
			color: #FFF;
		}
		#nowPlaying h3 strong.title {
			color: #AFAFAF;
			font-size: 0.9em;
		}
		
	#nowPlaying .cover {
		float: left;
		margin-right: 10px;
		border: 1px solid #AFAFAF;
		width: 80px;
		height: 80px;
	}
	#nowPlaying .album {
		font-size: 0.9em;
		margin-top: 0.8em;
	}
		#nowPlaying .album span {
			font-style: italic;
		}
#ajax-loader {
	float: right;
	margin-top: -5px;
}
#playTitle {
	position: absolute;
	z-index: 5;
	display: block;
	height: 80px;
	width: 80px;
	border: none;
	background: url(/images/design/bg-command.png) left -80px no-repeat;
	left: 1px;
	top: 1px;
}
	#playTitle:hover {
		text-decoration: none;
	}
.container-play #playTitle {
	background-position: left top;
}
.container-stop #playTitle:hover {
	background-position: left bottom;
}
#directLink {
	display: block;
	text-align: right;
}
#signature {
	text-align: right;
}
	#signature strong {
		color: #FFF;
	}
	#signature address {
	  color: #6F6F6F;
	}
	/* =MULTITABS */

	 .BOM-multitabs {
		 margin-bottom: 1.2em;
		 text-align: left;
	 }
	 .BOM-multitabs-headerWrapper {
		 overflow: hidden;
		 height: 20px;
	 }
	 .BOM-multitabs-header {
		 height: 20px;
		 float: left;
		 overflow: hidden;
		 position: relative;
		 z-index: 1;
	 }
		 .BOM-multitabs-header ul {
			 list-style: none;
			 float: left;
			 position: relative;
			 z-index: 2;
			 margin: 0;
			 padding: 0;
		 }

		 .BOM-multitabs-header ul li {
			 display: inline;
			 padding: 0;
		 }
			 .BOM-multitabs-header a {
				 height: 20px;
				 padding-left: 15px;
				 background: transparent url(/images/design/onglets.png) left bottom repeat-y;
				 display: block;
				 float: left;
				 text-decoration: none;
				 cursor: pointer;
				 margin-right: 1px;
	 		}
			.BOM-multitabs-header a:hover { text-decoration: none;}
	 			.BOM-multitabs-header a strong  {
	 			    height: 20px;
			      	line-height: 20px;
				    padding-right: 16px;
			      	background: transparent url(/images/design/onglets.png) right bottom repeat-y;
				    display: block;
			      	float: left;
					color: #3F3F3F;
				}
					.BOM-multitabs-header a:hover strong {
						color: #FFFFBE;
					}
			 .BOM-multitabs-header a.BOM-multitabs-selectTab {
				 background: transparent url(/images/design/onglets.png) left top no-repeat;
			 }
	                 .BOM-multitabs-header a.BOM-multitabs-selectTab:hover { text-decoration: none; }
					 .BOM-multitabs-header a.BOM-multitabs-selectTab:visited { color: #FFF; }
			 .BOM-multitabs-header a.BOM-multitabs-selectTab strong {
			    background: transparent url(/images/design/onglets.png) right top no-repeat;
				color: #000;
			 }
	 .BOM-multitabs-tab {
		 display: none;
		 padding: 0;
		 margin: 0;
	 }
	 .BOM-multitabs-content .BOM-multitabs-selectTab { display: block; }
	 .BOM-multitabs-content {

	  }
		.BOM-multitabs-content .BOM-multitabs-contentTop {
			padding-left: 10px;
			background: #393939 url(/images/design/bg-multitabs-content.png) left top no-repeat;
		}
			.BOM-multitabs-content .BOM-multitabs-contentTop .in2 {
				padding-top: 6px;
				background: #393939 url(/images/design/bg-multitabs-content.png) right top no-repeat;
			}
		 .BOM-multitabs-content .BOM-multitabs-contentCenter {
			padding: 10px 13px;
			border: 2px solid #393939;
			background: #191919 url(/images/design/bg-multitabs.jpg) top left repeat-x;
			border-top: 0;
			border-bottom: 0;
		 }
		.BOM-multitabs-content .BOM-multitabs-contentBottom {
			padding-left: 10px;
			background: #393939 url(/images/design/bg-multitabs-content.png) left bottom no-repeat;
		}
			.BOM-multitabs-content .BOM-multitabs-contentBottom .in2 {
				padding-top: 5px;
				background: #393939 url(/images/design/bg-multitabs-content.png) right bottom no-repeat;
			}
	 .BOM-multitabs-prev, .BOM-multitabs-next {
		 display: none;
		 cursor: pointer;
	 }
	 /* END MULTITABS */
.breves {
	margin-left: 10px;
}
.breves li {
	padding-bottom: 5px;
}	
.date-breve {
	display: block;
	height: 34px;
	width: 30px;
	overflow: hidden;
	text-align: center;
	background: url(/images/design/date.gif) left top no-repeat;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
	.month-breve {
		color: #FFF;
		display: block;
	}
	.day-breve {
		color: #000;
	}
	.dot-breve {
		display: none;
	}
.body-breve {
	display: block;
	margin-left: 35px;
}

#viewRecentTab ul li, .listing li {
	padding: 2px 0;
}