/* stylesheet for christina-eater.com */

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

a { color: #ff0066; text-decoration: none; }
a:visited { color: #666666; }
a:hover { text-decoration: underline; }

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

/* site navigation */

#navigation { position: fixed; bottom: 4%; right: 6%; 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: 66px; 
	padding: 1px; 
	text-decoration: none; 
	width: 315px; 
}
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 { 
	background-image: url(img/top.png); 
	background-position: top left; 
	height: 7px; 
	left: 0px; 
	position: absolute; 
	right: 0px; 
	top: 80px; 
}
#main { 
	background-image: url(img/center.png); 
	background-repeat: repeat; 
	bottom: 87px; 
	left: 0px; 
	overflow: auto; 
	position: absolute; 
	right: 0px; 
	text-align: center; 
	top: 87px; 
}
#mainend { 
	background-image: url(img/bottom.png); 
	background-position: bottom left; 
	bottom: 80px; 
	height: 7px; 
	left: 0px; 
	position: absolute; 
	right: 0px; 
}

/* portfolio styling */

img { border: 0px; background-color: #888888; padding: 1px; }
ul { list-style-type: none; }
li { left: -20px; position: relative; }

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

/* resume styling */

li.resume {
	border-right: 1px dotted #ccc; 
	border-bottom: 1px dotted #ccc; 
	font-weight: bold; 
	margin-bottom: 15px; 
	margin-left: 15%; 
	margin-right: 15%; 
	padding-left: 20px; 
	padding-right: 20px; 
	text-align: left; 
}

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; }

/* blog styling */

div.blogpost {
	border: 1px dotted #ff0066; 
	margin-bottom: 15px; 
	margin-left: 15%; 
	margin-right: 15%; 
	padding-left: 20px; 
	padding-right: 20px; 
	text-align: left; 
}