/*
FUKSIA #FF33D6
FUKSIA CONTORNO #FF0099
CELESTE #0CAFEF
VERDE #00FF00
VIOLA #9900FF
TURCHESE #00F7B5
*/

.sidebar {
	float: left;
	width: 300px;
}
.sidebar h2 {
	font-size: 11px;
	text-transform: uppercase;
}


.sidebar #aboutme {
	display: none;
	width: 300px;
	height: 502px;
	background: transparent url(images/aboutme_bg.png) no-repeat;
	cursor: pointer;
}
.sidebar #aboutme p {
	font-size: 10px;
	padding: 65px 50px 0 50px;
}
.sidebar #aboutme p img {
	float: left;
	padding: 20px 20px 0 0;
}

.sidebar #works {
	margin-top: 59px;
	margin-left: 51px;
}

.sidebar .works_cat {
	margin-bottom: 12px;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.sidebar .works_cat .cat-8 {
	color: #FF0099;
}
.sidebar .works_cat .cat-3 {
	color: #ff33d6;
}
.sidebar .works_cat .cat-4 {
	color: #9900ff;
}
.sidebar .works_cat .cat-5 {
	color: #0cafef;
}
.sidebar .works_cat .cat-6 {
	color: #00ff00;
}
.sidebar .works_cat .cat-7 {
	color: #00f7b5;
}


.sidebar ul.works {
	width: 190px;
}
.sidebar .works li {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
    margin: 0px 2px 3px 0px;
	background-repeat: no-repeat;
	background-position: top left;
}
.sidebar .works li.active {
	cursor: pointer;
}
.sidebar .works li.cat-8 {
	background-image: url(images/contorno.png);
}
.sidebar .works li.cat-8:hover {
	background-image: url(images/fuksia.png);
}
.sidebar .works li.cat-3 {
	background-image: url(images/fuksia.png);
}
.sidebar .works li.cat-3:hover {
	opacity: 0.5;
}
.sidebar .works li.cat-4 {
	background-image: url(images/viola.png);
}
.sidebar .works li.cat-4:hover {
	opacity: 0.5;
}
.sidebar .works li.cat-5 {
	background-image: url(images/celeste.png);
}
.sidebar .works li.cat-5:hover {
	opacity: 0.5;
}
.sidebar .works li.cat-6 {
	background-image: url(images/verde.png);
}
.sidebar .works li.cat-6:hover {
	opacity: 0.5;
}
.sidebar .works li.cat-7 {
	background-image: url(images/turchese.png);
}
.sidebar .works li.cat-7:hover {
	opacity: 0.5;
}