/* CSS for Freckles Studio V.1  */

body {
	background-image:  url(img/bg-linen.jpg);
	background-color: #f1e5cf;
	font-size: 62.5%;  /*Resets 1em to 10px */
}

/* Typography  */

.content, .label,h2, #gobackBox { font-family: 'American Typewriter','Times New Roman','Adobe Minion Web'; }

.content { 
	color: #5a4423;
	font-size: .7em; /*this is based on body font-size reset */
	line-height: 1.3;
	word-spacing: 0.8;
	font-weight: normal;
	text-align: left;
}

.label, th { 
	color: #000000;
	font-weight: normal;
	text-align: left;
}

h2, #gobackBox { 
	color: #91826c;
	font-size: 12px;
	line-height: 1.2;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

td, th {
	vertical-align: top;
}


/*  Set link styles  */

.content a:link {
	color: #5a4423;
	text-decoration: none;
}

.content a:visited {
	color: #91826c;
	text-decoration: none;
}

.content a:hover {
	color: #ffffff;
	background-color: #ff6600;
	text-decoration: none;
}

.content a:active {
	color: #ff6600;
	text-decoration: none;
}

.extlink a:link, .extlink a:visited, .extlink a:active {
	padding-right: 15px;
	background: url(img/ico-extlink_0.gif) no-repeat right 20%;
}
	
.extlink a:hover {
	padding-right: 15px;
	background: #ff6600 url(img/ico-extlink_1.gif) no-repeat right 20%;
}

h2 a:link {
	color: #91826c;
	text-decoration: none;
}

h2 a:visited {
	color: #91826c;
	text-decoration: none;
}

h2 a:hover {
	color: #ffffff;
	background-color: #ff6600;
	text-decoration: none;
}

h2 a:active {
	color: #ff6600;
	text-decoration: none;
}


#description a:link,#gobackBox a:link {
	color: #ff6600;
	background-color: none;
	text-decoration: none;
}

#description a:visited,#gobackBox a:visited {
	color: #ff6600;
	text-decoration: none;
}

#description a:hover,#gobackBox a:hover {
	color: #ffffff;
	background-color: #ff6600;
	text-decoration: none;
}

#description a.active,#gobackBox a.active {
	color: #ff6600;
	text-decoration: none;
}



/* Set main elements style  */

#buttons {
	position: absolute;
	width: 720px;
	height: auto;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#portfolio {
	border-bottom: dashed 1px 5a4423;
	position: absolute;
	width: 720px;
	height: 420px;
	top: 0px;
	left: 20px;
	z-index: 2;
}

#layout {
	position: absolute;
	top: 20px;
	left: 120px;
	border: none 0px;
}

#description {
	position: absolute;
	top: 360px;
	left: 0px;
	border: none 0px;
}

#goBack {
	background-color: #ffffff;
	position: absolute;
	width: 80px;
	height: auto;
	top: 20px;
	left: 0px;
	padding: 5px;
}

#gobackBox {
	width: auto;
	height: auto;
	border-style: dashed;
	border-width: 1px;
	border-color: 5a4423;
	padding: 5px;
	margin: 0px;
}


#projects {
	position: absolute;
	top: 440px;
	left: 20px;
}

.content {
	width: 120px;
}

#freckles {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 720px;
	height: auto;
	padding: 7px;
	background-color: #ffffff;
}

#frame1 {
	width: auto;
	height: auto;
	border-style: solid;
	border-width: 1px;
	border-color: f1e5cf;
	margin: 0px;
}

#frame2 {
	width: auto;
	height: auto;
	border-style: dashed;
	border-width: 1px;
	border-color: 5a4423;
	margin: 0px;
}

#frame3 {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: f1e5cf;
	margin: 0px;
}

#logo {
	width: 105px;
	vertical-align: top;
	padding: 5px;
}

#info {
	margin-top: 5px;
	width: 235px;
	vertical-align: top;
}

#about {
	margin-top: 5px;
	width: 360px;
	vertical-align: top;
}


/* Set POPINFO style  */

.popInfo {
	background-color: #ffffff;
	visibility: hidden;
	margin: 0 10px;
	padding: 5px;
	position: absolute;
	width: 210px;
}

.popBox {
	font-size: 11px;
	line-height: 1.2em;
	font-family: 'American Typewriter','Times New Roman','Adobe Minion Web';
	color: #91826c;
	width: auto;
	height: auto;
	border-style: dashed;
	border-width: 1px;
	border-color: 5a4423;
	padding: 5px;
	margin: 0px;
}

.popKey {
	font-size: 9px;
	font-family: 'American Typewriter','Times New Roman','Adobe Minion Web';
	color: #ffffff;
	padding-right: 15px;
	background: #91826c url(img/ico-extlink_2.gif) no-repeat right 20%;
	white-space: pre;
}

.popInKey {
	font-size: 9px;
	font-family: 'American Typewriter','Times New Roman','Adobe Minion Web';
	color: #ffffff;
	background-color: #91826c;
	white-space: pre;
}

/*  Set Button position  */

#labuenavida {
	position: absolute;
	top: 276px;
	left: 277px;
	border: none 0px;
}

#takuji {
	position: absolute;
	top: 51px;
	left: 57px;
	border: none 0px;
}

#bureaux {
	position: absolute;
	top: 274px;
	left: 171px;
	border: none 0px;
}

#petitemort {
	position: absolute;
	top: 308px;
	left: 175px;
	border: none 0px;
}

#sassy {
	position: absolute;
	top: 207px;
	left: 71px;
	border: none 0px;
}

#keri {
	position: absolute;
	top: 66px;
	left: 241px;
	border: none 0px;
}

#wayne {
	position: absolute;
	top: 158px;
	left: 200px;
	border: none 0px;
}

#efstudio {
	position: absolute;
	top: 310px;
	left: 188px;
	border: none 0px;
}

#laurie {
	position: absolute;
	top: 114px;
	left: 337px;
	border: none 0px;
}

#byrne {
	position: absolute;
	top: 184px;
	left: 488px;
	border: none 0px;
}

#annie {
	position: absolute;
	top: 263px;
	left: 393px;
	border: none 0px;
}

#tbdc {
	position: absolute;
	top: 37px;
	left: 231px;
	border: none 0px;
}


#thakoon {
	position: absolute;
	top: 37px;
	left: 231px;
	border: none 0px;
}

#oumi {
	position: absolute;
	top: 311px;
	left: 590px;
	border: none 0px;
}

#arcade {
	position: absolute;
	top: 329px;
	left: 479px;
	border: none 0px;
}

#yitan {
	position: absolute;
	top: 66px;
	left: 241px;
	border: none 0px;
}

#wenda {
	position: absolute;
	top: 37px;
	left: 482px;
	border: none 0px;
}

#cassidy {
	position: absolute;
	top: 187px;
	left: 666px;
	border: none 0px;
}

#rhymefest {
	position: absolute;
	top: 79px;
	left: 639px;
	border: none 0px;
}

#stacymax {
	position: absolute;
	top: 275px;
	left: 607px;
	border: none 0px;
}

#rivingtonarms {
	position: absolute;
	top: 201px;
	left: 60px;
	border: none 0px;
}