/* 
css document
Default styles for site 
Designer: Matt Bentley
Email: mattyb1973@yahoo.com
*/

/* Palette
===========================================================================================================================
=========================================================================================================================== */

/* From dark to light shades:
#000 text
#78b3e4 headers
#dc98be box color
#b0addb box color
#78b3e4 box color
  */

	
/* Base Typography
===========================================================================================================================
===========================================================================================================================*/

body {
	font-size: 62.5%;
	font-family: Georgia, arial, helvetica, sans-serif;
	color: #000;
	background: url(../images/css-images/background.jpg) repeat left top;
}

h1, h2, h3, h4, h5, h6 {	
	font-weight: normal;
}
	
p {
	font-size: 1.1em; /* 11px */
	margin: 0.5em 0 1.5em 0;
}

hr {
	border-top:dashed;
	border-top-color:#e5007e;
	border-top-width:2px;
	margin-bottom:20px;
}

h1 {
	font-size: 3em; /* 30px */
	letter-spacing: -0.05em;
	line-height: 1em;
	margin: 0.3em 0 0.2em;
}

h2 {
	font-size: 2em; /* 20px */ 
	margin-bottom: 0.15em;
	letter-spacing: -0.01em;
}

h3 {
	font-size: 1.4em; /* 14px */
}

h4 {
	font-size: 1.3em; /* 13px */
}

a { 
	xxfont-size: 1.2em; /* 12px */
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
}
a.star {
	padding-left: 10px;
	background: url(../images/css-images/star.gif) no-repeat left 2px;
}
a.pink-star {
	padding-left: 10px;
	color: #dc98be;
	background: url(../images/css-images/footer-icon.gif) no-repeat left 2px;
}
a:hover, a:active { 
	color: #000; 
	text-decoration: none;
}

li {
	line-height: 1.6em;
}

/* Useful
===========================================================================================================================
===========================================================================================================================*/

.clear-both {
	clear: both;
}	

.clear-left {
	clear: left;
}
	
.clear-right {
	clear: right;
}

.float-left {
	float: left;
}
	
.float-right {
	float: right;
}
	
.hr hr{
	display: none;
}
	
.hr { 
	clear: both;
	height: 1px;
	border-bottom: 1px solid #B5B8BA;
	margin-bottom: 10px;
}

.block-margin-top {
	margin-top: 10px;
}

.block-margin-bottom {
	margin-bottom: 10px;
}
.no-underline {
	text-decoration:none;
}
#body_links a {
	text-decoration:none;
	font-size: 1.1em; /* 11px */
}
#body_links a:hover {
	text-decoration:underline;
}
	

/* Structural Element/s
===========================================================================================================================
===========================================================================================================================*/

#container {
	margin:0 auto;
	width: 910px;
	padding: 0px 37px;
	overflow: auto;
	background: url(../images/css-images/content-bg.gif) repeat-y left top;
}

#container-footer {
	margin:0 auto;
	width: 984px;
	height: 26px;
	padding-bottom: 30px;
	overflow: auto;
	background: url(../images/css-images/content-bg-bot.gif) no-repeat left top;
}
	
#header {
	position: relative;
	height: 207px; 
	background: url(../images/css-images/header.jpg) no-repeat left 125px;
}

#nav {
	height: 25px;
	margin-bottom: 3px;
}

#content-wrapper {
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
}

#footer-links {
	clear: both;
	width: 890px;
	float: left;
	padding: 10px 10px 30px 10px;
	background-color: #CDCB33;
}
#footer {
	clear: both;
	text-align: right;
	margin: 5px 0px 10px 0px;
	padding-top: 5px;
	color: #808080;
}


/* Header
===========================================================================================================================
===========================================================================================================================*/
#header #banner-add {
	width: 922px;
	height: 125px;
	position: absolute;
	top: 0px;
	left: -12px;
	background: url(../images/css-images/banner-placeholder.jpg) no-repeat left top;
}

#header p {
	display: none;
}

/* Content Area
===========================================================================================================================
==========================================================================================================================*/
#content {
	float: left;
}
#content h2 {
	font-size: 1.8em;
	color: #dc98be;
}
#news-box {
	background-color:#f2dbeb;
	width:504px;
	height:290px;
	margin-bottom:10px;
	padding:15px;
}

#news-box-new-2 {
	width:533px;
	margin-bottom:20px;
}

#news-box-new {
	margin-bottom:10px;
	height:128px;
}

#news-box-new h1 {
	font-size:1.8em;
	margin:0;
}

#news-box-new p {
	font-family: verdana, arial, helvetica, sans-serif;
}

.news-box-link {
	font-weight:bold;
	color:#e5007e;
	text-decoration:none;
}

#news-box p {
	font-size: 1.4em;
	line-height:1.5em;
}
#news-box a {
	text-decoration:none;
	font-style:italic;
	font-size: 1.0em;
}
#news-box-image {
	float:right;
	padding-left:20px;
}
.techniques-h2 {
	margin-top:35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.techniques-h1 {
	margin-top:-16px;
}

#content h2 a {
	text-decoration:none;
	color: #dc98be;
}

#events #content h2,
#directory #content h2{
	color: #000;
}
#about #content h3,
#events #content h3,
#directory #content h3{
	color: #dc98be;
	font-weight:bold;
	margin-bottom:-5px;
}

#home #content,
#about #content,
#news #content,
#classes #content,
#projects #content,
#techniques #content,
#forums #content,
#exchange #content,
#subscribe #content,
#events #content,
#register #content,
#directory #content,
#friends #content {
	width: 534px;
	padding-right: 14px;
}

#forum-content {
	width: 897px;
	padding-right: 14px;
}

#forum-content h1 {
	color:#000;
}


#home #main-image {
	padding-bottom:10px;
}

/*#directory #content {
	width: 742px;
	padding-right: 14px;
}*/
#techniques #content {
	width: 756px;
	padding-right: 0px;
	margin-top:-47px;
}
#content ul {
	margin-bottom: 20px;
}
#projects #content #projects-holder p{
	font-weight: normal;
	width: 335px;
}
.intro-text {
	line-height:1.5em;
}
.teaser {
	width: 534px;
	height: 147px;
	background: url(../images/css-images/teaser-shadow.gif) repeat-x left bottom;
}
.teaser .teaser-div {
	width: 517px;
	height: 136px;
	border: 1px solid #D6B6CB;
	padding-right: 15px;
}
.teaser img {
	float: left;
	margin-right: 15px;
}
#content .teaser h2 { /* ie6 fix */
	color: #AE6C96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 8px;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing:0.01em;
}
#content .teaser p { 
	font-size: 1em; /* 10px */
	margin-bottom: 0.5em;
	/* ie6 fix */
}
#content .teaser ul{ 
	margin-bottom: 0px;
}
#content .teaser ul li{ 
	padding-left: 250px;
	background: url(../images/css-images/list-icon.gif) no-repeat 235px 3px;
	font-size: 1em; /* 10px */
}

#content .teaser a {
	text-decoration:none;
	font-size: 1em; /* 10px */
	font-family: Georgia, arial, helvetica, sans-serif;
}

.project-download {
	float: left;
	width: 222px;
	margin: 0px 20px 20px 0px;
}
.project-download a {
	line-height: 2em;
}
#projects-holder {
	float: left;
	width: 335px;
	padding-left:20px;
}
#friends #projects-holder {
	width:548px;
	padding-left:0px;
}
#friends .listing {
	overflow:auto;
	margin-bottom:20px;
	width:533px;
}

#friends .listing h1 {
	font-size:1.8em;
	margin:0;
}
#friends .listing img {
	float:left;
	margin-right:10px;
}
#swapshop-holder {
	float: left;
	width: 335px;
	padding-left:20px;
}

#techniques-holder {
	float: left;
	width: 560px;
	padding-left:20px;
}
.techniques-download {
	float: left;
	width: 164px;
	margin: 0px 0px 20px 0px;
	padding-right: 22px;
	height:220px;
}

.techniques-method {
	float: left;
	width: 560px;
}

.techniques-method-image {
	float: right;
	width:350px;
}

.techniques-image {
	padding: 0px 10px 10px 0px;
}

.techniques-textarea {
	width: 195px;
	float:left;
}

#search {
	float: right;
	background-color: #E4B2D0;
	width: 327px;
	height: 27px;
	margin: 0px 5px 10px 0px; /* ie6 fix */
	padding: 10px 6px 0px 10px;
}
#search legend {
	display: none;
}
#search label {
	float: left;
	font-size: 1.2em;
	margin-right: 10px;
}
#search input {
	float: left;
	width: 225px;
	position: relative;
	top: -3px;
}
#search input.submit {
	float: right;
	width: 39px;
	height: 22px;
}
#subscribe #content img {
	margin-right: 20px;
}
#subscribe #content h2 {
	color: #663366;
}
#subscribe #content ul {
	width: 168px;
}
#subscribe-nav {
	float: left;
	margin-top: 60px;
}
#subscribe-sub-pictures {
	float: left;
	margin-right: 20px;
	margin-bottom:10px;
	margin-top:10px;
}
#subscribe-content-text {
	line-height:1.6em;
}
#subscribe-form label {
	font-size:1.1em;	
}

#classes-form label {
	font-size: 1.1em; /* 11px */
	margin: 0.5em 0 1.5em 0;
}
.swapshop-rows {
	border-bottom: 1px solid #B5B8BA;
	margin-bottom: 10px;
	height:110px;
}

#aside {
	float: left;
	width: 180px;
	padding-left: 14px;
	padding-right: 14px;
	margin-bottom: -32766px;
	padding-bottom: 32766px;
	overflow: hidden;
	background: url(../images/css-images/border-bg.gif) repeat-y left top;
}
#aside h2 {
	color: #CDCB33;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 0.9em;
}
#aside p {
	font-size: 1.1em;
	margin: 0.5em 0;
}

#aside #magazine {
	padding-bottom:3px;
}

#aside #sewing {
	width: 168px;
	height: 81px;
	padding: 7px 10px 0px 10px;
	margin-top: 4px;
	background: url(../images/css-images/sewing-bg.gif) no-repeat left top;
}

#aside #goodies {
	width: 168px;
	height: 81px;
	padding: 9px 10px 0px 10px;
	margin-top: 12px;
	background: url(../images/css-images/goodies-bg.jpg) no-repeat left top;
}

#aside #exchange {
	width: 173px;
	height: 81px;
	padding: 13px 10px 0px 10px;
	margin-top: 2px;
	background: url(../images/css-images/exchange-bg.gif) no-repeat left top;
}

#aside #sewing h2,
#aside #goodies h2,
#aside #exchange h2,
#aside #sign-up h2 {
	color: #fff;
	font-size: 1.9em;
	font-family: Arial, Sans-serif;
}
#aside #sewing a,
#aside #goodies a,
#aside #exchange a  {
	color: #fff;
	font-family: Arial, Sans-serif;
	text-decoration: none;
	font-size: 1.2em;
}
#aside #sign-up {
	width: 168px;
	height: 200px;
	padding: 9px 10px 0px 10px;
	margin-top: 5px;
	color: #fff;
	background: url(../images/css-images/signup-bg.gif) no-repeat left top;
}
#aside #sign-up p {
	font-family: Arial, Sans-serif;
	font-size: 1.2em;
	margin-top:2px;
}
#aside #sign-up legend {
	display: none;
}
#aside #sign-up label{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}
#aside #sign-up input{
	width: 162px;
	height: 14px;
	margin-bottom: 10px;
}
#aside #sign-up input.submit{
	width: 38px;
	height: 22px;
	float: right;
}
#aside .twitter img {
	margin-top: 5px;
}
#banners {
	float: right;
	width: 140px;
	padding-left: 14px;
	margin-bottom: -32766px;
	padding-bottom: 32766px;
	overflow: hidden;
	background: url(/images/css-images/border-bg.gif) repeat-y left top;
}

#content #left-nav {
	float: left;
	width: 175px;
	margin-bottom: -32766px;
	padding-bottom: 32766px;
	overflow: hidden;
}
#content #left-nav-subject {
	background-color:#ad6b96;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-left: 10px;
	font-size: 1.2em;
}

#content #left-nav-subject a {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-left: 0px;
	font-size: 1.2em;
}

#left-nav li {
	background-color:#e4b3d0;
}

#left-nav li a {
	text-decoration: none;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.8em;
	padding-left: 10px;
	color:#FFF;
	/* background: url(../images/css-images/footer-icon.gif) no-repeat left 2px;*/
}
#left-nav li a:hover {
	text-decoration: underline;
}
#left-nav li.selected a {
	color: #dc98be;
}
.head-banner {
	padding-bottom:10px;
}
/* Register form
===========================================================================================================================
===========================================================================================================================*/
#register-box {
	background: url(../images/css-images/register-bg.gif) no-repeat right bottom;
	position: relative;
	height: 78px; 
	width: 166px;
	float:right;
	margin-top: 125px;
	font-size: 1.1em; /* 11px */
}
#register-box #register-text {
	margin-top:35px;
	margin-left:4px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height:1.1em;
}
#register-box #register {
	float: right;
	margin-top:-20px;
	margin-right:5px;
}
#register-box #sign-in {
	float: left;
	margin-top:-64px;
	margin-left:5px;
}
#register-form {
	font-size: 1.1em; /* 11px */
}

#register-form legend {
	display:none;
}
#register-bar {
	background-color:#cdcb33;
	padding:5px;
	font-size: 1.1em; /* 11px */
}
#register-form li {
	padding-top: 5px;
	padding-bottom: 10px;
}

#register-username {
	height: 18px;
	margin-left:5px;
	margin-top:5px;
	padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
}
#register-username li {
	float: left;
	padding-left: 11px;
	padding-right: 2px;
	background: url(../images/css-images/register/background-left.gif) no-repeat left top;
	background-color:#FFF;
}
#register-username li#register-username-right {
	height:18px;
	background: url(../images/css-images/register/background-right.gif) no-repeat left top;
	
}
#register-links {
	font-size: 0.9em; /* 11px */
	margin-left:5px;
	margin-top:5px;
	line-height:5px;
	font-family: verdana, arial, helvetica, sans-serif;
}

#sub-nav-bottom {
	height:89px;
	background: url(/images/css-images/sub-nav-bottom.gif) no-repeat left bottom;
	background-color:#cfcc0e;
}
#projects #sub-nav-bottom {
	height:115px;
}
#sub-nav-bottom p {
	padding:10px;
	line-height:1.1em;
}
#register-error {
	font-weight:bold;
	color:#dc98be;
}
#banner-top {
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:right;
}

/* Footer
===========================================================================================================================
===========================================================================================================================*/

#footer-links h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.2em; /* 12px */
	font-weight: normal;
}

#footer-links ul {
	width: 190px;
}
#footer-links ul li a{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight: normal;
	font-size: 1.1em; /* 11px */
}
#footer-links ul li a:hover{
	text-decoration: underline;
}

#footer ul li {
	float: left;
	height: 14px;
	border-right: 1px solid #808080;
}

#footer #twitter-link {
	border-right:none;
}

#footer ul li a {
	color: #808080;
	font-size: 1.1em;
	padding: 0px 3px;
	line-height: 1.1em;
	text-decoration: none;
}
#footer a,
#footer span {
	color: #808080;
	font-size: 0.9em;
}

#competition-form legend { 
	display: none; 
}

#competition-form label {
    width: 80px; 
	display: block; 
	float: left; 
	line-height: 20px; 
	font-size:1.2em;
}

#competition-form label.newsletter {
   width: 155px;
}
#competition-form label.newsletter-bathales {
   width: 356px;
   display:inline;
   float: none;
   line-height: 19px;
}

#competition-form input.newsletter-bathales {
   margin-top: 0px
}

#competition-form li { 
	list-style: none; 
	margin-bottom: 10px; 
}

#formVoucherCode label {
	font-size:1.1em;
}

.form-message {
	color:#F00;
}

/*---------survey form ------------*/
#survey-form fieldset {
	font-size:1.1em;
	margin-top:20px;
}

#survey-form .question-title {
	font-weight:bold;
}

#survey-form label {
	width:230px;
	float:left;
}

#survey-form #Q13 label {
	width:90px;
	float:left;
}