/* Carolyn CSS Document */
/*** Thanks for your interest.  This was coded by Wandering Enterprises ***/

/* MgOpen Moderna */
/* http://www.zvr.gr/typo/mgopen/index */

@font-face {
	font-family: MyHelvetica;
	src: local("Helvetica Neue"),
		 local("HelveticaNeue"),
		 url(MgOpenModernaRegular.ttf);
}

body {
	padding:0;
	margin:0;
	font-family: MyHelvetica, sans-serif;
}

#container {
	padding:0;
	margin:30px auto 30px auto;
	width:750px;
	height:500px;
	border:1px solid #333333;
	text-align:center;
	border:1px solid #000000;
	background-image:url(images/bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

#content {
	padding:0;
	margin:0;
	width:750px;
	height:500px;
	font-size:10px;
}

#portfolioMenu {
	float:left;
	position:relative;
	top:220px;
	left:93px;
}

#portfolioMenu ul li {
	display:inline;
	padding-right:5px;
	padding-left:5px;
	list-style-type:none;
}

#portfolioMenu .null {
	display:none;
}

#content ul li a:link, #content ul li a:visited {
	color:#333333;
	text-decoration:none;
}

#content ul li a:hover {
	color:#5D10D2;
}

#footer {
	padding:0;
	margin:10px auto 10px;
	text-align:center;
	width:750px;
}

#info {
	padding:0;
	margin:0;
	width:750px;
	height:auto;
	position:relative;
	top:231px;
	left:137px;
	*left:120px;
	float:left;
	text-align:left;
}

#info li {
	list-style-type:none;
}

#info li.grey {
	color:#666666;
}

#info li.purple {
	color:#5D10D2;
}

#info li a:link, #info li a:visited {
	color:#666666;
	text-decoration:none;
}

#info li a:hover {
	color:#5D10D2;
}

/**Text**/

.copy {
	font-size:xx-small;
	color:#999999;
}

.infotext {
	font-size:10px;
	color:#333333;
}

.credit {
	font-size:x-small;
	color:#00A0C6;
	letter-spacing:0.03em;
}

/*** Turn off outlines ***/

a {
	outline:none;
}

a.infotext:link, a.infotext:visited, a.infotext:active {
	text-decoration:none;
	color:#663399;
	}

a.infotext:hover {
	text-decoration:underline;
	color:#00A0C6;
}