/*
	DashGo homepage printer styles
	Developed by Noah Lazar, Saforian
*/

/* --- Hidden Objects --- */
.hide, #sidebar, #tabs
{ display:none }

/* Unhide view blocks */
#content div.section
{ display:block !important }



/* --- Formatting --- */

body
{ color:#000; font:normal .77em/1.3em verdana,arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th, form, label
{ color:#000; line-height:1.3 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ color:#e40001; text-decoration:underline }


/* Paragraphs */
p
{ margin:0 0 1em }
address
{ font-style:normal; margin:0 0 1em }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }

.highlight
{ font-weight:bold; color:#00b4e4 }
.error
{ font-weight:bold; color:#900 }

.positive /* Percentages and values */
{ color:#0e7700 }
.negative
{ color:#700 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }


/* Separators */
hr
{ color:#f2f2f2; background-color:#f2f2f2; height:8px; margin:1.1em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 .9em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 .9em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#369; margin:0 0 .7em; padding:0; font:normal 133%/1.3 'helvetica neue',arial,sans-serif }
h1
{ font-size:133% }
h2
{ font-size:124% }
h3
{ font-size:115% }
h4
{ font-size:108% }
h5
{ font-size:100% }
h6
{ font-size:100%; margin-bottom:.1em }


/* Lists */
dl
{ margin:0 0 1em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
label
{ vertical-align:middle }


/* Layout tables */
table
{ margin:0 0 .6em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 20px 1em 0; vertical-align:top }

tr.break td /* Row gap */
{ border-top:1.5em solid #fff }


/* Form field tables */
table.fields td
{ padding:0 9px 6px 0 }
td.label
{ font-weight:bold }
td.label .small
{ font-weight:normal }


/* Data tables */
table.data
{ width:100%; margin-bottom:.5em; border:5px solid #ddd }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:4px 8px; border:2px solid #fff; border-width:0 2px; vertical-align:top; background-color:#ddd; color:#333; text-align:left }
table.data td
{ padding:6px 8px; border:2px solid #f2f2f2; border-width:0 2px; vertical-align:top; background-color:#fff }

table.data .floatright
{ margin-bottom:0 }

/* Alternating row colors */
.even, tr.even td
{ background-color:#f2f2f2 }
	table.data tr.even td
	{ border-color:#fff }


/* Selectable tables */
table.selectable tr.active td
{ background-color:#00b4e4; border-color:#fff; color:#fff; font-weight:bold }


/* Analytics table */
table.analytics
{ table-layout:fixed }
table.analytics td
{ font-size:130%; text-align:center }



/* --- Layout --- */

/* Header */
#logo img
{ margin:0 0 1em }


/* Columns */
.clear
{ clear:both }

.columns
{ zoom:1 }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

	.columns div.col
	{ float:left; width:47.5%; margin-right:2% }
	.columns div.last-child
	{ float:right; margin-right:0 }

.three /* Three columns */
{ margin-top:.4em }

	.three div.col
	{ float:left; width:30%; margin-left:3.2%; margin-right:3.2% }
	.three div.first-child, .three div.last-child
	{ float:left; width:30%; margin-left:0; margin-right:0 }


/* Boxes */

.frame /* Intro area box */
{ zoom:1; clear:both; position:relative; margin-bottom:1.1em }
	.frame:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.box /* Gray background */
{ margin-bottom:.5em }


/* - Page title (artist name) - */
#title h1
{ position:absolute; top:0; right:0; margin:0 }



/* - Artist information (collapsed) - */
#artistinfo
{ margin-top:1em; display:block !important }

/* Columns */
#artistinfo .col
{ float:left; width:40% }

#artistinfo .albumart
{ float:left; width:14%; text-align:center }
#artistinfo .albumart img
{ display:block; border:5px solid #f2f2f2 }


/* - Tab block - */
#tabblock
{ zoom:1; position:relative; margin:0 0 1.1em; border-top:10px solid #00b4e4; padding-top:12px }
	#tabblock:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }



/* - Collapsable boxes - */

div.collapsable
{ clear:both; margin-bottom:1em; border:5px solid #ddd; padding:10px }


/* - Analytics - */

#analytics /* Push down to remove bottom padding of tabblock */
{ clear:both }

#analytics .sidebar
{ float:left; width:15%; padding-top:1em }

ul.legend li.active
{ font-style:italic }

/* Flex chart */
#analytics .chart
{ float:right; width:84% }



/* - Media - */
.albumwrapper
{ zoom:1; overflow:hidden; margin:0 0 .2em 12px }
	.albumwrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.albumwrapper td.action
{ padding-top:5px }
.albumwrapper td.action span.cancel
{ display:block; margin-top:7px }

.albumwrapper p.albumart
{ margin:-5px 0 .1em }

* html .albumwrapper p.albumart *  /* IE6 display fix */
{ zoom:1; display:inline }

.albumwrapper p.albumart a, .albumwrapper p.albumart span
{ margin-left:8px; text-decoration:none; font-weight:bold }
.albumwrapper p.albumart img
{ vertical-align:middle }


/* - Label page grouping - */

.bands
{ zoom:1; margin-top:1em; padding-top:1.2em; border-top:5px solid #f2f2f2 }
.bands:after /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.bands h3
{ margin-bottom:.9em; font-weight:bold }
.bands h3 a
{ text-decoration:none; font-size:118% }

.bands table.data
{ width:80%; margin:0 }



/* - Footer - */
#footer
{ clear:both; margin-top:1em; border-top:1px solid #00b4e4; padding:.7em 0 0 }

#footer p
{ color:#999 }
#footer p#copyright
{ text-align:right }