/*
// File: Global Style
// Project: Barbara Wells Studio
// Version: 2.0
// Author: Jason Robb
// Author URI: http://www.jasonrobb.com
//
*/

/* ====== */

@media all {

/* removes link underlines */
	:link,:visited { text-decoration: none; }

/* removes bullets from lists */
	ol,ul { list-style:none; }

/* remove browser default font scaling */
	h1,h2,h3,h4,h5,h6,p,pre,code { font-size:100%; font-weight:normal; }

/* remove default margin and padding */
	html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,p,ul,ol,li,th,td,
	a,a:link,a:visited,abbr,code,img,pre,form,blockquote,fieldset,input,textarea
	{ margin: 0; padding: 0; }

/* remove borders */
	table,tr,td { border-collapse: collapse; border-spacing: 0; }
	a,a:link,a:visited,img,abbr,acronym,fieldset { border: 0; border-collapse: collapse;  }

/* remove italics */
	address,caption,cite,code,strong,th { font-style:normal; font-weight:normal; }

/* remove generated quotes */
	q:before, q:after { content: ''; }

/* fix table alignments */
	caption,th {text-align:left;}

} /* ====== end all media */



@media handheld {

/* removes link underlines */
	:link,:visited { text-decoration: none; }

/* removes bullets from lists */
	ol,ul { list-style:none; }

/* remove browser default font scaling */
	h1,h2,h3,h4,h5,h6,p,pre,code { font-size:100%; font-weight:normal; }

/* remove default margin and padding */
	html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,p,ul,ol,li,th,td,
	a,a:link,a:visited,abbr,code,img,pre,form,blockquote,fieldset,input,textarea
	{ font: 1em/1.5 arial,helvetica,verdana,sans-serif; text-align: left; background-image: none !important; background-color: #fff; color: #000; margin: 0; padding: 0; }

/* remove borders */
	table,tr,td { border-collapse: collapse; border-spacing: 0; }
	a,a:link,a:visited,img,abbr,acronym,fieldset { border: 0; border-collapse: collapse;  }

/* remove italics */
	address,caption,cite,code,em,strong,th { font-style:normal; font-weight:normal; }

/* remove generated quotes */
	q:before, q:after { content: ''; }

/* fix table alignments */
	caption,th {text-align:left;}


/* span.logo,#branding,#branding ul li { background-color: #000 !important; }
#branding a { padding: 0; }
body,#branding,h1 {
	background-image: none !important;
	background-color: #fff;
	border: transparent;
	color: #000 !important;
	text-align: left; }

.collections li { display: inline; }

	#foot {
		background-color: inherit; color: #664;
		border-top: 1px solid #ccb;
		}
	#foot li a { border-right: 1px solid #ccb; }
	#nav_foot_top a { padding-left: 0 !important; background-image: url(/images/footer-top.gif); background-repeat: no-repeat; background-position: 0 50%; }
	#nav_foot_home a { padding-left: 0 !important; background-image: url(/images/footer-home.gif); background-repeat: no-repeat; background-position: 2px 50%;}
	#nav_foot_info a { padding-left: 0 !important; background-image: url(/images/footer-info.gif); background-repeat: no-repeat; background-position: 3px 50% }
	#jr-logo { vertical-align: text-top; } */

} /* ====== end handheld media */



@media print {

body,#branding,h1 { background: transparent !important; border: transparent; }
#branding,#access,#foot { display: none; }
.collections li { display: inline; }
body.about #content_main img { margin: 0 1em 1em 0; vertical-align: text-top; }

   /* Trunk-shows */

	.trunk-shows {
		float: right;
		position: relative;
		width: 380px;
		padding-left: 25px;
		}

	#content_main .trunk-shows p { margin: 0; padding: 0 25px 1.5em 0; }
	#content_main .trunk-shows h2 { margin-top: 0; padding-left: 0; }

   /* Wholesale-shows */

	li.wholesale-show {
		padding-top: .5em;
	}

	.wholesale-show h2 { margin-bottom: .25em; }

	.titles { margin: 1em 0 2em 0; }

	li.wholesale-show .venue a { color: #0055e0 !important }

	.notes {
		border-bottom: 0;
		color: #666;
		float: left;
		font-size: 1em;
		font-style: italic;
		margin: 0;
		padding: 0 25px 1em 0 !important;
		text-align: center;
		width: 320px !important;
	}

    /* table(like)-headings */
	#start,#end,#show {
		background-color: inherit;
		color: #444;
     	display: inline;
		font: bold .7em georgia,serif;
		line-height: 1em;
		letter-spacing: .1em;
		position: relative;
		text-transform: uppercase;
		}
	#start {
		padding-left: 0;
		position: absolute;
		text-align: center;
		width: 85px;
		}
	#end {
		left: 85px;
		padding-left: 16px;
		position: absolute;
		text-align: center;
		width: 100px; text-align: center;
		}
	#show {
		left: 205px;
		position: absolute;
		width: 180px;
		}

    /* trunk-show list styles */
	.trunk-shows ul { margin-top: 2em; }
	.trunk-shows li {/*
		background-color: #f2f2f2;
		color: inherit; */
		clear: both;
		}


    /* date styles */
	.start,.end {
		float: left;
		width: 75px;
		margin: 0 0 1em 0;
		padding: 0 15px 0 0;
		}
/* 	.start {
		background-image: url('/images/white-arrow2.gif');
		background-position: 75px 50%;
		background-repeat: no-repeat;
		overflow: visible;
		}
	.end {
		background-image: url('/images/dark-arrow2.gif');
		background-position: 75px 1px;
		background-repeat: no-repeat;
		overflow: visible;
		}*/
	.day,.month,.year {
     	display: block;
		text-align: center;
		}
	.day {
		background-color: inherit;
		color: #0055e0;
		font-size: 2em;
		font-weight: bold;
		line-height: .8em;
		padding-top: .2em;
		}
	.month {
		background-color: inherit;
		color: #000;
		font-size: .9em;
		font-weight: bold;
		line-height: 1.1em;
		padding-top: .2em;
		text-transform: uppercase;
		}
	.year {
		background-color: inherit;
		color: #444;
		font-family: georgia,serif;
		font-size: .9em;
		letter-spacing: .1em;
		line-height: 1.1em;
		padding: 0 0 .4em;
		}

    /* show styles */
	.venue,.tel,.location {
		float: left;
		width: 185px;
		}
	.venue {
		background-color: inherit;
		color: #0055e0;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.5em;
		}
	.tel {
		background-color: inherit;
		color: #222;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.5em;
		}
	.location {
		background-color: inherit;
		color: #222;
		font-family: georgia,serif;
		font-style: normal;
		font-size: .8em;
		line-height: 1.5em;
		letter-spacing: .1em;
		text-transform: uppercase;
		}

/* Home */

	.rightside {
		float: right;
		margin: 8px 0 0 16px;
	}
	.leftside {
		float: left;
		margin: 8px 16px 0 0;
	}

	body.home #content_main img {
		background-color: #e5e5e0;
		border: 1px solid #ccb;
		color: inherit;
		margin-bottom: 1em;
		padding: 6px; }

	p.hello {
		background-color: inherit; color: #664;
		font: 1.5em/1.5 arial,helvetica,verdana,sans-serif;
	}

	p.hello a[href="/collections"] { font-variant: small-caps; background-color: inherit; color: #ea0000 !important;}
	p.hello a[href="/about"] { font-variant: small-caps; background-color: inherit; color: #ee7700 !important; }
	p.hello a[href="/locations"] { font-variant: small-caps; background-color: inherit; color: #0055e0 !important; }
	p.hello a[href="/contact"] { font-variant: small-caps; background-color: inherit; color: #b500a2 !important; }



} /* ====== end print media */



@media screen {

/* Layout */

	body { border-top: 3px solid #000; text-align: center; width: 100%; }

	div#content {
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 760px;
		}

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
		}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	body h1 {
		height: 72px;
		text-indent: -9999px;
		}

	.rightside {
		float: right;
		margin: 8px 0 0 16px;
	}
	.leftside {
		float: left;
		margin: 8px 16px 0 0;
	}

	#content_main h2,
	#content_main p { padding-left: 25px; padding-right: 25px; }

	body.http #content_main ul { padding: 0 0 1.5em }
	body.http #content_main li { list-style: square inside; padding-left: 25px; }

	abbr { background-color: inherit; color: #664; border-bottom: 1px dashed #443;
		font: bold small-caps .9em/1.5 georgia,serif; }

	.hidden { display: none; visibility: hidden; }

/* Branding */

	#access {
		display: none;
		height: 0;
		position: absolute;
		text-align: right;
		width: 100%;
		z-index: 100;
		}
	#access a {
		background-color: inherit;
		color: #fff;
		}

	#branding {
		width: 760px;
		height: 110px;
		position: relative;
		}

	span.logo {
		position: absolute;
		margin: 5px 0 0;
		}


/* Navigation */

	#branding ul {
		bottom: 0; 
		left: 95px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		width: 85%;
		height: auto;
		}

	#branding ul li {
		display: inline;
		float: left;
		margin-right: .5em;
		vertical-align: text-bottom;
		z-index: 1;
		}
		
		#branding ul li a {
			display: block;
			float: left;
		}
		

/* Home */

	body.home #content_main img {
		background-color: #e5e5e0;
		border: 1px solid #ccb;
		color: inherit;
		margin-bottom: 1em;
		padding: 6px; }

	p.hello {
		text-align: center;
	}

/* 	p.hello a[href="/collections"] { font-variant: small-caps; background-color: inherit; color: #ea0000 !important;}
	p.hello a[href="/about"] { font-variant: small-caps; background-color: inherit; color: #ee7700 !important; }
	p.hello a[href="/locations"] { font-variant: small-caps; background-color: inherit; color: #0055e0 !important; }
	p.hello a[href="/contact"] { font-variant: small-caps; background-color: inherit; color: #b500a2 !important; } */

/* Collections */

	ul.collection { width: 735px; margin: 1em 25px; }

	ul.collection li { display: inline; }

	ul.collection li a { float: left; width: 115px; }

	ul.collection li a img { width: 110px; }


/* About */

	body.about #content_main p { width: 600px; }
	body.about #content_main img {
		background-color: #e5e5e0;
		border: 1px solid #ccb;
		color: inherit;
		padding: 6px;
		}

	/* Images on about */

	#about-house { height: 127px; width: 190px; }
	#about-sitter { height: 324px; width: 190px; }
	#about-tags { height: 127px; width: 190px; }
	#about-yarn { height: 142px; width: 190px; }
	#about-barbjim { height: 143px; width: 190px; }


/* Locations */

	.wholesale,.retail {
		position: relative;
		width: 375px;
		}


   /* Trunk-shows */

	.trunk-shows {
		float: right;
		position: relative;
		width: 380px;
		}

	#content_main .trunk-shows p { margin: 0; padding: 0 25px 1.5em 0; }
	#content_main .trunk-shows h2 { margin-top: 0; padding-left: 0; }

   /* Wholesale-shows */

	li.wholesale-show {
		padding-top: 1em;
	}

	.titles { margin-top: .75em; margin-bottom: 2.75em; }

	li.wholesale-show .venue a { color: #0055e0 !important; }

	.notes {
		/* border-bottom: 1px dashed #aaa; */
		color: #666;
		float: left;
		font-size: 1em;
		font-style: italic;
		margin: 0;
		padding: 0 25px 1em 0 !important;
		text-align: center;
		width: 320px !important;
	}
	.notes .address {
		display: block;
		font-size: .9em;
		font-style: normal;
	}
	.notes .hours {
		display: block;
		font-size: .9em;
		font-style: normal;
	}

    /* table(like)-headings */
	#start,#end,#show {
		background-color: inherit;
		border-bottom: 1px solid #bbb;
		color: #444;
     	display: inline;
		font: bold .7em georgia,serif;
		line-height: 1em;
		letter-spacing: .1em;
		margin: 0;
		padding: .5em 0 .5em 5px;
		position: relative;
		text-transform: uppercase;
		}
	#start {
		padding-left: 0;
		position: absolute;
		text-align: center;
		width: 75px;
		}
	#end {
		padding-left: 0;
		left: 85px;
		position: absolute;
		text-align: center;
		width: 75px;
		}
	#show {
		left: 170px;
		position: absolute;
		width: 180px;
		}

    /* trunk-show list styles */
	.trunk-shows ul { margin-top: 2em; }
	.trunk-shows li { clear: both; }


    /* date styles */
	.start,.end {
		float: left;
		width: 75px;
		margin: 0 0 1em 0;
		padding: 0 10px 0 0;
		}
	.start {
		background-image: url('/images/white-arrow2.gif');
		background-position: 75px 50%;
		background-repeat: no-repeat;
		overflow: visible;
		}
	.end {
		background-image: url('/images/dark-arrow2.gif');
		background-position: 75px 0;
		background-repeat: no-repeat;
		overflow: visible;
		}
	.day,.month,.year {
     	display: block;
		text-align: center;
		}
	.day {
		background-color: #fff;
		color: #0055e0;
		font-size: 2em;
		font-weight: bold;
		line-height: .8em;
		padding-top: .2em;
		}
	.month {
		background-color: #444;
	/*	border-top: 1px solid #aaa;
		border-bottom: 1px solid #000; */
		color: #eee;
		font-size: .9em;
		font-weight: bold;
		line-height: 1.1em;
		padding: .1em 0;
		text-transform: uppercase;
		}
	.year {
		background-color: #fff;
		border-bottom: 1px solid #bbb;
		color: #444;
		font-family: georgia,serif;
		font-size: .9em;
		letter-spacing: .1em;
		line-height: 1.1em;
		padding: 0 0 .4em;
		}

    /* show styles */
	.venue,.tel,.location {
		float: left;
		padding-left: 5px;
		width: 185px;
		}
	.venue {
		background-color: inherit;
		color: #0055e0;
		font-size: 1.1em;
		line-height: 1.5em;
		}
	.tel {
		background-color: inherit;
		color: #222;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.5em;
		}
	.location {
		background-color: inherit;
		color: #222;
		font-family: georgia,serif;
		font-style: normal;
		font-size: .8em;
		line-height: 1.5em;
		letter-spacing: .1em;
		text-transform: uppercase;
		margin-bottom: 1em;
		}


/* Contact */
	#contact-info { float: left; width: 330px; }
	body.contact #content_main p { float: right; width: 330px; }
	body.error #content_main p, body.ok #content_main p { width: auto; float: none; }
	.telfax { font-weight: bold; }
	.telfax span { font-weight: normal; font-style: italic; }
	.adr,.telfax,a.email { margin-left: 25px; }

  /* contact form */

	#contact-form { margin: 1em 25px 0; }
	#required-fields {
		float: left;
		width: 330px;
		}
	#optional-fields {
		float: right;
		width: 330px;
 		}

	legend {
		background-color: inherit;
		color: #666;
		font: bold .7em georgia,serif;
		letter-spacing: .1em;
		line-height: 1;
		margin: 1em 0 0 0;
		padding: 0;
		text-transform: uppercase;
		}

	label { margin-top: .5em; }
	fieldset label, fieldset input { height: 1.5em; }
	fieldset label, fieldset input, fieldset textarea { display: block; width: 330px; }
	fieldset input, fieldset textarea {
		background-color: #fff;
		color: inherit;
		border: 1px solid #bbb;
		}
	fieldset input:hover, fieldset input:focus,
	textarea:hover,textarea:focus { background-color: #f2f2dc; border: 1px solid #888; color: inherit; }

	.chkbox { background-color: transparent; border: none;
		display: inline; padding-right: 5px; margin: 0; height: 1em; width: 1em; }
	#optional-fields span { font: normal 80% georgia,serif; }

 	input.submit {
		background-image: url('/images/contact-button1.gif');
		background-position: 0% 50%;
		background-repeat: no-repeat;
		border: none;
		color: #fff;
		font-weight: bold;
		float: left;
		height: 30px;
		margin: 1.5em 0 0;
		width: 62px; }
	input.submit:hover,
	input.submit:focus {
		background-color: transparent; cursor: pointer; }
	input.submit:active { cursor: wait; }

/*  	input.reset {
		background-image: url('/images/contact-button1.gif');
		background-position: 0% 50%;
		background-repeat: no-repeat;
		border: none;
		color: #fff;
		float: left;
		font-weight: bold;
		height: 30px;
		margin: 1.5em 0 0 10px;
		width: 62px; }
	input.reset:hover,
	input.reset:focus {
		background-color: transparent; cursor: pointer; }
	input.reset:active { cursor: wait; } */

	.privacy {
		background-color: inherit;
		color: #886;
		float: right;
		display: block;
		font-size: .9em;
		margin-top: 1.5em;
		width: 330px;
		}

	/* required fields */
	body.contact abbr,
	body.contact strong { background-color: inherit; color: #b500a2; font-weight: bold; }

/* Site Info */

	body.site-info #content_main ul { color: #888; font-size: 1.2em; list-style: square inside; padding-left: 25px; }
body.site-info #content_main ul li a[href="/collections"] { background-color: inherit; color: #ea0000 !important;}
body.site-info #content_main ul li a[href="/about"] { background-color: inherit; color: #ee7700 !important; }
body.site-info #content_main ul li a[href="/locations"] { background-color: inherit; color: #0055e0 !important; }
body.site-info #content_main ul li a[href="/contact"] { background-color: inherit; color: #b500a2 !important; }


/* Foot */

	#foot {
		font-size: .8em;
		margin: 1.5em 0 0;
		padding-bottom: 2em;
		}

	#foot ul { padding-top: .3em; }
	#foot li { display: inline; padding-right: 0; }
	#foot li a { margin: .2em 0; padding: .5em .5em .5em; }

	#copyright { display: inline; float: right; padding-top: .2em; text-align: right; }

} /* ====== end screen media */