/*
STEFANIA TOMASELLO: WEB SITE 2009
-----------------------------------------------
Designed by Stefania and created by Jesson Yip.
-----------------------------------------------
*/


/* Reset */

* {
	margin          : 0;
	padding         : 0;
}

body {
    background      : #ffffff;
	color			: #222222;
	font			: 62.5%/1em helvetica, arial, sans-serif;
}

li {
	list-style		: none;
}

img {
	border			: 0;
}

a {
	text-decoration	: none;
}


/* Elements */

h1 {
    font			: 2em/1em georgia, serif;
}

p,
#page li {
	padding-bottom	: 1.5em;
}

a {
	color			: inherit;
}

a:hover,
a.active {
	color			: #cc0000;
}


/* Title */

h1 {
	background		: #fff url("../images/stefania_tomasello.gif") 24px 47px no-repeat;
	height			: 147px;
	opacity			: 0.95;
	overflow		: hidden;
	padding			: 0 35px;
	position		: fixed;
	text-indent		: -1000px;
	top				: 0;
	width			: 200px;
}


/* Navigation */

#navigation {
	background		: #fff;
	font-size		: 1.1em;
	height			: 100%;
	line-height		: 1.2em;
	opacity			: 0.95;
	padding			: 0 35px;
	position		: fixed;
	top				: 147px;
	width			: 200px;
}

#navigation li ul {
	margin-bottom	: 10px;
	padding-bottom	: 10px;
}

#navigation li ul.projects {
	background		: url("../images/navigation_divider.gif") 0 100% no-repeat;
}

#navigation li ul.projects.last {
	background		: 0;
}

#navigation li ul.last {

}

#navigation li.first {
	margin-top		: -.5em;
}

#navigation a {
	display			: block;
	padding			: .08em 0;
}

.about   #navigation a.about,
.contact #navigation a.contact {
	color			: #cc0000;
	cursor			: default;
}


/* Canvas */

#canvas,
#page {
	height			: 530px;
	padding			: 57px 100px 0 270px;
}

#canvas {
	display			: table;
}

#canvas ul {
	display			: table-row;
}

#canvas li {
	display			: table-cell;
	padding-right	: 3px;
	vertical-align	: bottom;
}


/* Page */

#page {
	font-size		: 1.1em;
	height			: 440px;
	line-height		: 1.3em;
	padding			: 147px 0 0 270px;
	width			: 405px;
}

#page a {
	color			: #cc0000;
}

#page a:hover {
	color			: #222;
}


/* Description */

#description,
#description_2 {
	color			: #666;
	font-size		: 1.1em;
	float			: left;
	line-height		: 1.3em;
	margin			: 30px 20px 20px 0;
	width			: 320px;
}

#description {
	padding-left	: 270px
}

#description   a,
#description_2 a {
	border-bottom	: 1px dotted #333;
}