﻿body  {
	font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif;
	background: #dDdBd9;
	margin: 0; 
	padding: 0;
	text-align: left; 
	color: #000000;
}
#wholePage {width:1000px; margin:0 auto; background:#dDdBd9; text-align:left; color:#344434;}
#wrapper {overflow:hidden;}
.content {padding:10px; }
p {margin:0; padding:0px 0px 10px 10px;font-family:corbertregular;}
h1 {margin:0; padding:50px 0 20px 10px;font-family:corbertregular; font-size:20;}
h2 {margin:0; padding:10px 0 10px 10px;font-family:corbertregular; font-size:16;}
h3 {margin:0; padding:10px 0 10px 10px;font-family:corbertregular; font-size:12;}

a.linx {text-decoration: none; color: #B8B6B5;}
a.linx:link {text-decoration: none; color: #B8B6B5;}
a.linx:visited {text-decoration: none; color: #252424;}
a.linx:focus, a.linx:hover {text-decoration: none; color: #6E6E6D;}
a.linx:active {text-decoration: none; color: #6E6E6D;}


@font-face {
    font-family: 'corbertregular';
    src: url('http:/alonestring.co.uk/fonts/corbert_regular_regular-webfont.eot');
    src: url('http:/alonestring.co.uk/fonts/corbert_regular_regular-webfont.eot?#iefix') format('embedded-opentype'),
       /*  url('http:/alonestring.co.uk/fonts/corbert_regular_regular-webfont.woff') format('woff'),*/
         url('http:/alonestring.co.uk/fonts/corbert_regular_regular-webfont.ttf') format('truetype'),
         url('http:/alonestring.co.uk/fonts/corbert_regular_regular-webfont.svg#corbertregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#spring {
	width:1000px; 
	height:70px;
	background: url('http:/alonestring.co.uk/images/string_3.0.png') no-repeat;; 
	padding-left:0px; 
	padding-right:0px; 
	padding-top:0; 
	padding-bottom:0;
/*	padding-bottom:32767px; 
	margin-bottom:-32767px;*/
}

#editableContent {
	width:960px; 
	float:left; 
	background:#fff; 
	margin-left:20px; 
	margin-right:20px;
	padding-bottom: 5px;
}
	
#contentWrapper {
	width:870px; 
	float:left; 
	margin-left:47px;
	margin-right:47px; 
	background:#fff
}

#contentText {
width:100%; 
float:left; 
background:#fff; 
margin-left:5px;
margin-right:5px;
padding-top: 20px; 
padding-bottom: 10px
}

#animation {
width:750px;
margin-left:auto;
margin-right:auto;
}

#contact {
	width:990px; 
	height: 80px;
	margin-left:5px;
		float:left; 
	background: url('http:/alonestring.co.uk/images/string_3.0.png') no-repeat;; padding-left:0px; padding-right:0px; padding-top:0; padding-bottom:0;
	background-position: -5px -280px;
}


#menu {
	float: left;
	width: 990px;
	margin-left:5px;
	background: #fff;
	margin-top: 0px;
	padding-top: 25px;	
}
#menu {padding-bottom:32767px; margin-bottom:-32767px;}
#menu ul {
	list-style: none;
	margin-left: -40px;
}
#menu li {
	display: inline;
	float: left;
}
#menu a {
	display: block;
	height: 87px;
	background-image: url("http:/alonestring.co.uk/images/string_3.0.png");
	padding: 0;
	background-repeat: no-repeat;
	text-indent: -5000px;
}
#menu-string a {width: 598px; background-position:  -5px -80px;}
#menu-string a:hover {background-position: -5px -180px;}
#menu-string a:active {background-position: -5px -180px;}

#menu-home a {width: 75px; height: 75px; background-position:  -602px -80px;}
#menu-home a:hover {background-position: -602px -180px;}
#menu-home a:active {background-position: -602px -180px;}

#menu-galleries a {width: 75px; height: 75px; background-position : -677px -80px;}
#menu-galleries a:hover {background-position: -677px -180px;}
#menu-galleries a:active {background-position: -677px -180px;}

#menu-code a {width: 75px; height: 75px; background-position: -752px -80px;}
#menu-code a:hover {background-position: -752px -180px;}
#menu-code a:active {background-position: -752px -180px;}

#menu-handouts a {width: 75px; height: 75px; background-position: -827px -80px;}
#menu-handouts a:hover {background-position: -827px -180px;}
#menu-handouts a:active {background-position: -827px -180px;}

#menu-blog a {width: 75px; height: 75px; background-position: -902px -80px;}
#menu-blog a:hover {background-position: -902px -180px;}
#menu-blog a:active {background-position: -903px -180px;}


#byrev_cat_cloud a {
	line-height: 50%;
	font-weight:bold;
	font-style:italic;
	font-family:corbertregular;
	vertical-align: middle;
}

#footer {
	clear:both; 
	background: #dDdBd9;
}



#links {
	width: 100%;
	float: left;
	background: #fff;
}
#links ul {
	list-style: none;
	margin-left: -30px;
	margin-top: 0px;
}
#links li {
	display: inline;
	float: left;
}
#links a {
	display: block;
	height: 80px;
	background-image: url("http:/alonestring.co.uk/images/string_3.0.png");
	padding: 0px;
	background-repeat: no-repeat;
	text-indent: -5000px;
}

#links-galleries-zen a {width: 75px; background-position:  -902px -580px;}
#links-galleries-zen a:hover {background-position: -902px -680px;}
#links-galleries-zen a:active {background-position:  -902px -680px;}

#links-galleries-montage a {width: 75px; background-position:  -302px -380px;}
#links-galleries-montage a:hover {background-position: -302px -480px;}
#links-galleries-montage a:active {background-position:  -302px -480px;}

#links-galleries-click a {width: 75px; background-position:  -2px -580px;}
#links-galleries-click a:hover {background-position: -2px -680px;}
#links-galleries-click a:active {background-position:  -2px -680px;}

#links-galleries-bling a {width: 75px; background-position:  -77px -580px;}
#links-galleries-bling a:hover {background-position: -77px -680px;}
#links-galleries-bling a:active {background-position:  -77px -680px;}

#links-galleries-stitch a {width: 75px; background-position:  -152px -580px;}
#links-galleries-stitch a:hover {background-position: -152px -680px;}
#links-galleries-stitch a:active {background-position:  -152px -680px;}

#links-galleries-felt a {width: 75px; background-position:  -227px -580px;}
#links-galleries-felt a:hover {background-position: -227px -680px;}
#links-galleries-felt a:active {background-position:  -227px -680px;}

#links-galleries-yarn a {width: 75px; background-position:  -302px -580px;}
#links-galleries-yarn a:hover {background-position: -302px -680px;}
#links-galleries-yarn a:active {background-position:  -302px -680px;}

#links-galleries-hook a {width: 75px; background-position: -377px -580px;}
#links-galleries-hook a:hover {background-position: -377px -680px;}
#links-galleries-hook a:active {background-position: -377px -680px;}


#links-code-flash a {width: 75px; background-position:  -602px -580px;}
#links-code-flash a:hover {background-position: -602px -680px;}
#links-code-flash a:active {background-position:  -602px -680px;}

#links-code-olympics a {width: 75px; background-position: -677px -580px;}
#links-code-olympics a:hover {background-position: -677px -680px;}
#links-code-olympics a:active {background-position:  -677px -680px;}

#links-code-processing a {width: 75px; background-position: -752px -580px;}
#links-code-processing a:hover {background-position: -752px -680px;}
#links-code-processing a:active {background-position:  -752px -680px;}

#links-code-javascript a {width: 75px; background-position:  -827px -580px;}
#links-code-javascript a:hover {background-position: -827px -680px;}
#links-code-javascript a:active {background-position:  -827px -680px;}


#links-hand-felt a {width: 75px; background-position: -77px -380px;}
#links-hand-felt a:hover {background-position: -77px -480px;}
#links-hand-felt a:active {background-position: -77px -480px;}

#links-hand-knitcrochet a {width: 75px; background-position: -152px -380px;}
#links-hand-knitcrochet a:hover {background-position: -152px -480px;}
#links-hand-knitcrochet a:active {background-position: -152px -480px;}

#links-hand-patchwork a {width: 75px; background-position:  -2px -380px;}
#links-hand-patchwork a:hover {background-position: -2px -480px;}
#links-hand-patchwork a:active {background-position:  -2px -480px;}

#links-hand-dyeing a {width: 75px; background-position: -452px -580px;}
#links-hand-dyeing a:hover {background-position: -452px -680px;}
#links-hand-dyeing a:active {background-position:  -452px -680px;}

#links-hand-walks a {width: 75px; background-position: -527px -580px;}
#links-hand-walks a:hover {background-position: -527px -680px;}
#links-hand-walks a:active {background-position:  -527px -680px;}
