/*  
Theme Name: Layout
Theme URI: http://www.laylock.org
Description: Based on Joshua Sowin's Blueprint Theme.
Version: 1.0
Author: Derya Davenport
Author URI: http://www.laylock.org/
*/


body {
	font-size: 90%;
        font-weight:300;
        line-height:1.8;
	background: #FBFBFB url(http://laylock.org/images/bg.jpg) no-repeat scroll center top;
}
h1, h3 {
	color: #f5a642;
	text-transform: lowercase;
	letter-spacing:0.1em;
	margin-top: 20px;
}
h1 {font-size:1.5em;
    line-height:1;
    margin-bottom:1em;
    font-family: Zapfino, Arial, Helvetica, sans-serif;}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.content, .sidebar, .container {
	margin-top: 50px;
}
.sidebar ul, .footer ul, #front ul {
	list-style-type: none;
	margin: 0;
}
img {
vertical-align:text-bottom;
}
p.center img {margin: 18px 0 18px 0}
.collections {
margin-right: 30px;
margin-top: 30px;
}
/*SITE TITLE & LOGO
-----------------------------------------------------------------------------*/
span.laylock {
	background: url(http://laylock.org/images/laylock.png) no-repeat top right;
	width: 168px;
	height: 47px;
	text-indent: -100em;
	overflow: hidden;
	display: block;
}
span.laylock a:link, span.laylock a:visited {
	display: block;
	width: 168px;
	height: 47px;
}
/*WELCOME FOR ALL FIRST-TIME VISITORS
-----------------------------------------------------------------------------*/
#firsttime {
border: 5px solid #efefef;
background-color: #fff;
padding: 10px;
margin-bottom: 10px;
}

/*PENNY POST ENVELOPE
-----------------------------------------------------------------------------*/
#envelope {
background:transparent url(http://laylock.org/images/envelopebg.png) no-repeat scroll 0 0;
height:183px;
margin-bottom:100px;
position:relative;
width:190px;
z-index:0;
}
.postcard {
position:fixed;
top:160px;
width:188px;
z-index:1;
}
.envelopefront {
position:absolute;
z-index:3;
}
.non-transparent {
background-color:#FBFBFB;
position: relative;
z-index:4;
}
/*FRONT PAGE IMAGES
-----------------------------------------------------------------------------*/
#front {
    width: 530px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
margin-bottom: 50px;
border: 10px solid #fff;
}
#frontContent {
    width: 530px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.frontImage {
    float: left;
    position: relative;
	display: none;
}
.frontImage span {
    position: absolute;
    padding: 10px 13px;
    width: 510px;
    background-color: #9A8FA2;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.s3top {
	top: 0;
	left: 0;
}
.s3bottom {
	bottom: 0;
    left: 0;
}
.s3left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 400px;
}
.s3right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 390px;
}

/* LINKS
-----------------------------------------------------------------------------*/
a, a:link, a:visited {
	color: #564772;
	text-decoration: none;
}
a:hover {
	color: #bfb5c6;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
	color: #9a8fa2;
}

/* TOOLTIPS
-----------------------------------------------------------------------------*/
#tooltip {
	background-color:#564772;
	border:1px solid #564772;
	color:#efefef;
	display:none;
	padding:4px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	opacity:0.9;
	position:absolute;
	font-variant:small-caps;
	z-index: 10;
}

/* CAPTIONS
-----------------------------------------------------------------------------*/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* NAVIGATION
-----------------------------------------------------------------------------*/

ol#nav {
	list-style-type:none;
	margin:0;
	float: right;
	font-variant: small-caps;
}
ol#nav em {
	color:#535353;
	letter-spacing:0.1em;
}
ol#nav li {
	float:left;
	margin:0;
}
ol#nav li a, ol#nav li a:visited, ol#nav li a:active {
	display:block;
	font-size:1.2em;
	padding: 0px 5px 7px 5px;
	margin: 10px;
}
#nav li a:hover, #active {
	border-bottom: 2px solid #786987;
}
.subnav {
	border-bottom:3px double #ccc;
	width:100%;
	display:block;
	border-top:3px double #ccc;
	padding:10px;
	background-color:#FBFBFB;
	text-align:center;
	margin-bottom: 50px;
}

/*BOXES
-----------------------------------------------------------------------------*/

.bubble {
	background-color:#F3F6F3;
	border:5px solid #a9bab0;
	display:block;
	float:right;
	margin:0.25em 1em 0.25em 0;
	padding:10px;
	vertical-align:middle;
	width:180px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:80px;
	-moz-border-radius-topleft:80px;
	-moz-border-radius-topright:80px;
	font-size: 1.5em;
	text-align: center;
	color: #786987;
}
/* CATALOGUE
-----------------------------------------------------------------------------*/

#sliderwrap {position:relative;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:790px;
	height:400px;
	overflow:hidden; 
	}
#prevBtn, #nextBtn { 
	display: block;
	width:30px;
	height:30px;
	position:absolute;
	text-indent: 1000px;
	overflow: hidden;
        left: 10px;
	top: 350px;
	}
#nextBtn {left: 726px}
#prevBtn a, #nextBtn a {
	display:block;
	height:30px;
	width:30px;
	opacity: 0.3;
}
#prevBtn a {
	background: transparent url(http://laylock.org/images/prev.png) no-repeat scroll right top;
}
#prevBtn a:hover, #nextBtn a:hover {
	opacity:0.8;
}
#nextBtn a {
	background: transparent url(http://laylock.org/images/next.png) no-repeat scroll right top;
}

/*TABLES
-----------------------------------------------------------------------------*/
table {
	width: 600px;
	padding: 0;
	margin: 0;
}

th {
	text-align: center;
	background-color: #d9d0e0;
	font-weight: normal;
	border-bottom: 1px solid #AAAAAA;
}

th.nobg, caption {
	background: none;
}

td {
	background: #fff;
}
table .title {
	background: #e3ece2;
}

/* TABS
-----------------------------------------------------------------------------*/

.idTabs li { list-style:none; float:left; }
.knitinfo ul a {
  display:block;
  padding:6px 6px;
  margin:1px;
  margin-left:0;
}
.knitinfo ul a:hover {
  color:#000;
  background:#d9d0e0;
  }
.knitinfo ul a.selected {
  margin-bottom:0;
  color:#000;
  background-color: #d9d0e0;
  border-bottom: 1px solid #d9d0e0;
  cursor:default;
  text-transform: uppercase;
  }
.knitinfo div {
  padding:10px 10px 8px 10px;
  margin-bottom: 20px;
  clear:left;
  background:#d9d0e0;
}
.knitinfo div ul {margin-bottom:0}

/* SEARCH
-----------------------------------------------------------------------------*/

.footer input {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom:1px solid #000;
color:#000;
padding: 5px 0 5px 5px;
text-align:right;
background-color:transparent;
width: 8em;
}
.footer input:hover {
background-color: #d9d0e0;
}
/* Comments
-------------------------------------------------------------------*/
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:5px solid #fff; background:#fff; color: #666; height:1%; margin:0 0 20px; padding:5px 7px 5px 80px; position:relative; border-radius:15px; -moz-border-radius:20px; -webkit-border-radius:10px;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:20px 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; font-style:italic; color:#8B94B4; text-decoration:italic; padding-bottom:5px; }
ol.commentlist li div.vcard cite.fn { font-style:italic; }
ol.commentlist li div.vcard cite.fn a.url { color:#8B94B4; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#666; }
ol.commentlist li div.vcard img.avatar { border:5px solid #bcb1d8; left:10px; position:absolute; top:10px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#8B94B4; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#EBFAFF; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#FD0F82; border:2px solid #FD0F82; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px;}
ol.commentlist li div.reply:hover { background:#8B94B4; border:2px solid #8B94B4; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { background:#f7f7f7; color: #222; border-color:#f7f7f7;}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist li.pingback { border:2px solid #FD0F82; color:#666;}
ol.commentlist li.pingback div.vcard cite.fn a.url {color:#8B94B4;}
ol.commentlist li.pingback div.vcard {color:#8B94B4;}
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.comment-author-laylock {border:2px solid #FD0F82; background:#fff; color: #666;}
ol.commentlist li.comment-author-laylock div.vcard cite.fn a.url {color:#8B94B4;}
ol.commentlist li.comment-author-laylock div.vcard {color:#8B94B4;}


/* PAGE SHADOW by Matt Hamm www.matthamm.com
-----------------------------------------------------------------------------*/

ul.sheet {
margin: 0;
padding: 0;
clear: both;
overflow: hidden; }

ul.sheet li {
list-style-type: none;
margin: 0 25px 50px 0;
padding: 0;
width: 250px;
height: 150px;
border: 0px;
position: relative;
float: left;
background: #ffffff; /* old browsers */
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }

ul.sheet li:after {
z-index: -1;
position: absolute;
background: transparent;
width: 70%;
height: 55%;
content: '';
right: 10px;
bottom: 10px;
transform: skew(15deg) rotate(6deg);
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); }

ul.sheet li:before {
z-index: -2;
position: absolute;
background: transparent;
width: 70%;
height: 55%;
content: '';
left: 10px;
bottom: 10px;
transform: skew(-15deg) rotate(-6deg);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); }

/* RAVELRY CART Z-INDEX*/

div.tbox { z-index: 10; }