/* Erdufylla.net v.2 Style Sheet */

/* MAIN CONTENT 
--------------------------------------------------------*/
body {
	background-color: #e0e4b7;
	font-size: 0.9em;
	font-family: Arial;
	color: #000000;
	width: 100%;
	}

div#bar {
	background-image: url(../img/bar-bg.jpg);
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 128px;
	padding: 0px;
	margin: 0px;
	background-repeat: x-repeat;
	}
div#yarn {
	background-image: url(../img/yarn.jpg);
	position: absolute;
	top: 16px;
	left: 15px;
	width: 379px;
	height: 367px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	}
div#title {
	background-image: url(../img/title.jpg);
	position: absolute;
	top: 49px;
	left: 375px;
	width: 462px;
	height: 125px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	}
div#title a {
	display: block;
	height: 70px;
	width: 462px;
	margin-top: 24px;
	}

/*  LINKS
--------------------------------------------------------*/
div#links {
	position: absolute;
	top: 164px;
	left: 365px;
	}
div#links a {
	display: block;
	height: 35px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-repeat: no-repeat;
	}
div#links a#blog {
	width: 71px;
	background-image: url(../img/blog1.jpg);
	margin-left: 12px;
	}
div#links a#blog:hover, div#links a#blog:active, div#links a.active {
	background-image: url(../img/blog2.jpg);
	}
div#links a#shop {
	width: 80px;
	background-image: url(../img/shop1.jpg);
	margin-left: 17px;
	}
div#links a#shop:hover, div#links a#shop:active {
	background-image: url(../img/shop2.jpg);
	}
div#links a#gallery {
	width: 120px;
	background-image: url(../img/gallery1.jpg);
	margin-left: 22px;
	}
div#links a#gallery:hover, div#links a#gallery:active {
	background-image: url(../img/gallery2.jpg);
	}
div#links a#patterns {
	width: 120px;
	background-image: url(../img/patterns1.jpg);
	margin-left: 27px;
	}
div#links a#patterns:hover, div#links a#patterns:active {
	background-image: url(../img/patterns2.jpg);
	}
div#links a#portfolio {
	width: 120px;
	background-image: url(../img/portfolio1.jpg);
	margin-left: 17px;
	}
div#links a#portfolio:hover, div#links a#portfolio:active {
	background-image: url(../img/portfolio2.jpg);
	}
div#links a#about {
	width: 91px;
	background-image: url(../img/about1.jpg);
	margin-left: -5px;
	}
div#links a#about:hover, div#links a#about:active {
	background-image: url(../img/about2.jpg);
	}

/*  TEXTBOX
--------------------------------------------------------*/
div#textbox {
	position: absolute;
	left: 515px;
	top: 170px;
	height: 215px;
	width: 450px;
	margin: 0px;
	padding: 0px;	
	background-image: url(../img/textbox-bg.jpg);
	background-repeat: x-repeat;
	}
div#textbox div#textbox-left {
	float: left;
	background-image: url(../img/textbox-left.jpg);
	width: 16px;
	height: 215px;
	}
div#textbox div#textbox-right {
	float: right;
	background-image: url(../img/textbox-right.jpg);
	width: 20px;
	height: 215px;
	}
div#textbox div#textbox-body {
	height: 195px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
div#textbox div#main {
	display: block;
	background-color: #d0d59b;
	position: absolute;
	top: 10px;
	left: 12px;
	height: 180px;
	width: 415px;
	}
div#textbox div#blog-text, div#textbox div#shop-text, div#textbox div#gallery-text, div#textbox div#patterns-text, div#textbox div#portfolio-text, div#textbox div#about-text {
	display: none;
	background-color: #d0d59b;
	position: absolute;
	top: 10px;
	left: 12px;
	height: 180px;
	width: 415px;
	}
div#textbox p.textbox-title {
	font-weight: bold;
	font-size: 14px;
	margin-top: 0px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 3px solid #732a61;
	}
div#textbox p.textbox-text {
	margin-left: 10px;
	margin-top: 4px;
	text-align: justify;
	font-size: 12px;
	}
div#textbox p.textbox-url {
	text-align: right;
	font-size: 12px;
	margin-top: 3px;
	font-weight: bold;
	}
div#textbox p.textbox-url a:link, div#textbox p.textbox-url a:visited {
	color: #732a61;
	text-decoration: none;
	}
div#textbox p.textbox-url a:hover, div#textbox p.textbox-url a:active {
	color: #5b7f04;
	text-decoration: underline;
	}

/*  COPYRIGHT
--------------------------------------------------------*/
div#copyright {
	clear: both;
	font-size: 10px;
	text-align: right;
	position: absolute;
	top: 375px;
	left: 652px;
	}