/*
 ################################
 #			  	#
 #         CONTENT CSS	        #
 #				#
 ################################
 */
 @media all {

 ul#taxonomyList, ul#taxonomyListClone { margin:-125px 0px 0px 0px; width:305px; font-family: 'Roboto'; text-align:left; clear:both; list-style:none; text-transform:uppercase; letter-spacing:2px; display:inline-block; position:absolute; right:0;}
 ul#taxonomyList li, ul#taxonomyListClone li { display:inline-block; }
 ul#taxonomyList li a, ul#taxonomyListClone li a { margin:0 5px; font-size:1.4em; color:#a6a5a5; text-decoration:none; }
 ul#taxonomyList li a:hover, ul#taxonomyListClone li a:hover {  color:#474747; }
 ul#taxonomyList li a.selected, ul#taxonomyListClone li a.selected { color:#272727; }

 ul#taxonomy { float:right; list-style:none; margin:0; color:#aaa; width:180px; }
 ul#taxonomy li { display:inline; }
 ul#taxonomy li a { margin:0 0 4px 4px; font-size:1em; color:#aaa; text-decoration:none; width:50px; height:50px; float:left; background-position:center center; background-repeat:no-repeat; border:1px solid #ddd; }
 ul#taxonomy li a:hover { border:1px solid #888888; }
 ul#taxonomy li a.selected { border:1px solid #9f571d; }

 ul#taxonomyItem { list-style:none; margin:0; padding:0; }
 ul#taxonomyItem li a { margin:0; width:600px; height:600px; float:left; background-repeat:no-repeat; background-position:top left; }
 ul#taxonomyItem li span#description, ul#taxonomyItem li span#description input { font-size:1em; color:#888; padding:0; margin:0; background-color:transparent; border:0; outline:none; }

 ul#defaultNavigation .placeholder { width:2px; height:10px; }
 ul#taxonomyList .placeholder { padding:0; width:10px; height:15px; }
 ul#taxonomy .placeholder { width:50px; height:50px; }

 ul#mediaList { font-family:Swiss; clear:both; list-style:none; margin:0; width:auto; position:relative; }
 ul#mediaList li { display:inline; margin:0 15px 0 0; }
 ul#mediaList li a { padding:0; font-size:1.4em; color:#aaa; text-decoration:none; text-transform:uppercase; }
 ul#mediaList li a:hover { text-decoration:none; color:#000000; }
 ul#mediaList li a.selected { color:#444444; }

 #media { margin:0px; padding:25px 0 0 0; width:auto; position:relative; border-top:1px solid #ccc; }
 #media li   { padding:0; margin:30px 40px 30px 0; width:300px; height:300px; display:inline-block; position:relative; list-style-type:none; }
 #media li:nth-child(3n+3) { margin:30px 0 30px 0; }
 #media li a { padding:0; margin:0; width:300px; height:300px; display:block; position:relative; background-position:center center; background-repeat:no-repeat; 
    filter: url(../img/gray.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
   -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
 }
 #media li a:hover { filter:none; -webkit-filter: grayscale(0); }


 #media li p.title { font-size:1.2em;display:none; background-color:#000000; color:#ffffff; font-family:Swiss; padding:2px 10px; margin:0; position:absolute; bottom:10px; left:10px; }

 ul#mediaList .placeholder { padding:0; width:20px; height:10px; }

 }