/*

	project: miuxtape!
	eeeeeeiinar
	einarbirgir@hotmail.com

*/

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { color:#111;background: #000000 url(../gfx/mix_full_gradient.jpg) repeat-x !important;font:13px/1.6em Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif; min-width: 950px;}
a { color: #000000; text-decoration: none; }
img { border: 0; }
h1 {  float: left; margin: 20px 0 30px; font-size: 4em; color: #00DFD8; }
h2 { color:#111; font-size: 26px; font-weight: normal; margin: 0 0 20px; }
h2 a:hover { color: #00DFD8 !important; background: #000000 !important; text-decoration: none; }
h2 a { color: #000000; text-decoration: none; }
p  { margin: 5px 0 2px; line-height: 1.6em; }
#content { margin: 20px }


	

	ul.collage-list li h2 {
		margin-top:-110px;
		opacity:0;
		z-index:2;
		position: relative;
		width: 160px;
		background: #000;
		padding: 3px;
		
	}
	ul.collage-list li:hover h2 {
		display:block;
		margin-top:-110px;
		opacity:0.9;
		z-index:3;
	}
	ul.collage-list li h2{
		color:#DF009F !important;
		font-size:18px !important;
		font-style:italic;
		font-weight:normal;
		padding:10px;
		text-decoration:none;
	}
	ul.collage-list li.active h2{
		opacity:0.9;
		z-index:3;
	}
	ul.collage-list li img{ position: relative; z-index: 1;}
	
	
	
	/**
	 * =collage-list
	 */
	ul.collage-list{ margin: 0; padding: 0; list-style-type: none; z-index: 2; float: left; width: 360px;}
        ul.collage-list li{ float: left; margin: 0px; padding: 0px; height: 180px; }
        ul.collage-list li img{ margin: 0; padding: 0;  }
	ul.collage-list:after { content: "."; display: block;height: 0; clear: both; visibility: hidden; }
	ul.collage-list { display: inline-block; }
	/* required comment for clearfix to work in Opera \*/
	* html ul.collage-list { height:1%; }
	ul.collage-list { display:block; }
	/* end clearfix */
	
	
	
	
	/* mixtape */
	div.playlist{ float: left; }
	
	
	
	 /* Clear Floated Elements
    ----------------------------------------------------------------------------------------------------*/

    /* http://sonspring.com/journal/clearing-floats */

    .clear {
            clear: both;
            display: block;
            overflow: hidden;
            visibility: hidden;
            width: 0;
            height: 0;
    }

    /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

    .clearfix:after {
            clear: both;
            content: ' ';
            display: block;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
            width: 0;
            height: 0;
    }

    .clearfix {
            display: inline-block;
    }

    * html .clearfix {
            height: 1%;
    }

    .clearfix {
            display: block;
    }