/* stylesheet for christina-eater.com */

body { 
	background-attachment: scroll; 
	background-color: #fff; 
	background-image: url(img/monster.png); 
	background-position: top left; 
	background-repeat: no-repeat; 
	color: #ddd; 
	font-family: "Helvetica", "Verdana", "Arial", sans-serif; 
	font-size: 12pt; 
}

a { color: #f06; text-decoration: none; }
a:visited { color: #666; }
a:hover { text-decoration: underline; }

h2 { color: #f06; line-height: 20px; }
h3 { display: inline; font-weight: bold; line-height: 3px; }

ul { list-style-type: none; }

/* site navigation */

#navigation { position: fixed; bottom: 20px; right: 5%; z-index: 1000; }

a#ah, #navigation a { 
	background-image: url(img/link.h1.png); 
	background-attachment: scroll; 
	background-color: none; 
	background-position: bottom center; 
	background-repeat: no-repeat; 
	display: table-cell; 
	height: 25px; 
	padding: 1px; 
	text-decoration: none; 
	width: 283px; 
}
a#ah { position: fixed; bottom: 20px; left: 0px; }
a#ah:hover { background-image: url(img/link.h2.png); }

#navigation a { height: 25px; }

a#aa { background-image: url(img/link.a1.png); width: 102px; }
a#aa:hover { background-image: url(img/link.a2.png); }
a#ab { background-image: url(img/link.b1.png); width: 85px; }
a#ab:hover { background-image: url(img/link.b2.png); }
a#ac { background-image: url(img/link.c1.png); width: 131px; }
a#ac:hover { background-image: url(img/link.c2.png); }
a#ap { background-image: url(img/link.p1.png); width: 152px; }
a#ap:hover { background-image: url(img/link.p2.png); }
a#ar { background-image: url(img/link.r1.png); width: 120px; }
a#ar:hover { background-image: url(img/link.r2.png); }

/* main content layout */

#maintop { display: none; }
#main { 
	background: url(img/center.png) repeat bottom center; 
	overflow: auto; 
	text-align: center; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	bottom: 65px; 
	left: 0px; 
}
#mainend { 
	background-color: #f06; 
	height: 1px; 
	position: absolute; 
	right: 0px; 
	bottom: 64px; 
	left: 0px; 
}

.text {
	border: 1px dotted #f06; 
        margin: 0px 17% 15px 17%;
	padding: 0px 20px 0px 20px; 
        text-align: left; 
}

li.text {
	margin: 0px 15% 15px 15%;
	padding: 10px 20px 0px 20px; 
	position: relative; 
	left: -20px; 
}

/* portfolio styling */

li.portfoliosubcat { 
	border: 1px dotted #f06; 
	margin: 0px 15% 15px 15%;
	padding-top: 10px; 
        text-align: left;
	position: relative; 
	left: -20px; 
}
li.portfoliosubcat li { border: 0px; padding-bottom: 0px; }
li.portfoliosubcat img { border: 0px; background-color: #888; padding: 1px; }
li.portfoliosubcat span { position: relative; left: 10px; }

ul.thumbnails { padding-top: 10px; padding-bottom: 15px; }
ul.thumbnails li { display: inline; padding-left: 3px; padding-right: 3px; }

div.image { 
	// border: 1px dotted #f06; 
        margin: 0px 17% 15px 17%;
	padding: 9px; 
        text-align: center; 
}
.image img { border: 0px; background-color: #ddd; padding: 3px; }

/* resume styling */

li.resume {
        border: 1px dotted #f06; 
        font-weight: bold;
        margin: 0px 15% 15px 15%;
	padding: 15px 20px 0px 20px; 
        text-align: left; 
	position: relative; 
	left: -20px; 
}

ul.resume {
	font-weight: normal; 
	margin-bottom: 15px; 
	margin-left: 2%; 
	margin-right: 2%; 
}

ul.resume li { list-style-type: square; }
ul.resume li li { list-style-type: none; }