/*  
Theme Name: Layout 2
Theme URI: http://www.laylock.org
Description: Based on Joshua Sowin's Blueprint Theme.
Version: 2.0
Author: Derya Davenport
Author URI: http://www.laylock.org/
*/
@import url('https://fonts.googleapis.com/css?family=Raleway');
body {
    font-size: 87.5%;
    font-weight:200;
	background-color: #fbfbfb;
}

/* Vertical Rhythm
-----------------------------------------------------------------------------*/
.header {margin-top: -30px; height:5em!important;}
.container {margin-top: 5.5em;}

/* Comments, Faves & Share Buttons
-----------------------------------------------------------------------------*/
.post, .page {position: relative;}
.interaction {width: 50px; position: absolute; left: -100px; top: 10px; list-style: none; padding:0; margin:0;}
.interaction li {float: right; padding-bottom: 15px; font-family: georgia; font-size: 1.2em; color: #999;}
.interaction li a {color: #999;}
.interaction img {width: 20px;}
.addtoany_list a {padding: 0!important;}

/* Posts Meta
-----------------------------------------------------------------------------*/
.meta {height: 1.7em; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
.meta {font-family: droid sans; text-transform: uppercase; display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 640px;}

/*Social Buttons
-----------------------------------------------------------------------------*/
.social {margin: 0}
.social img {margin-right:5px; margin-bottom: 16px;}
.social a:link, .social a:visited {opacity:1;}
.social a:hover {opacity:0.7;}

/*WP-Favorites Fix
-----------------------------------------------------------------------------*/
.wpfp-hide {display:none!important;}

/* Headings
-----------------------------------------------------------------------------*/

h1 {
    font-family:raleway, helvetica, sans-serif;
	color: #666674;
}
h3 {
    font-family:raleway, helvetica, sans-serif;
	color: #f5a642;
	text-transform: lowercase;
	letter-spacing:0.1em;
}
.widget h3, .widget h2 {
    font-family:raleway, helvetica, sans-serif;
	color: #666;
	padding-bottom: 0.3em;
	border-bottom: 0.2em double #ddd;
	margin-bottom: 0.5em;
	text-transform: lowercase;
	letter-spacing:0.1em;
	font-size:1.5em;line-height:1;margin-bottom:1em;
}
h4 {font-family: droid sans; text-transform: uppercase; font-size: 16px; color: #aaa; letter-spacing: 2px;}

h3 a, h3 a:link, h3 a:visited {
	color: #9a8fa2;
}
h1 a, h1 a:link, h1 a:visited {
	color: #666;
}
h1 a:hover{
	color: #fd0f82;
}
/* LINKS
-----------------------------------------------------------------------------*/
a, a:link, a:visited {
	color: #dd8416;
	text-decoration: none;
}
a:hover {color: #785589;}
/*Tabs Widget
-----------------------------------------------------------------------------*/

body .tabbable .meta {font-size:0.8em; text-transform: uppercase; display:inline;}
body .tabbable .tab-pane li { overflow: hidden; width: 250px; white-space: nowrap; text-overflow: ellipsis; height: 2.8em;}
body .tabbable .thumbnail {border-radius: 20px;}
.tabbable {border: 1px solid #efefef; border-top: none;}
body .tabbable .tab-pane li { width: 258px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 0.5em; border-bottom: 1px solid #999;}
body .tabbable .nav {margin: 0; padding-bottom: 0.5em;}
body .tabbable .nav-tabs > .active > a{border: 1px solid #efefef;}

/* Highlight Colours
-----------------------------------------------------------------------------*/
::selection { /* Webkit */
    background: #fd0f82;
    color: #fff;
}
::-moz-selection { /* Gecko/Mozilla */
    background: #fd0f82;
    color: #fff;
}

/* Alignments
-----------------------------------------------------------------------------*/
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
img {
vertical-align:text-bottom;
}
p.center img {margin:0px 0 0px 0}
.float-left {float: left;}
.float-right {float: right;}

/*SITE TITLE & LOGO
-----------------------------------------------------------------------------*/
span.laylock {
font-family: 'Mrs Saint Delafield', cursive;
font-size: 180px;
position: absolute;
top: -30px;
left: -10px;
text-transform: lowercase;
z-index: -100;
padding-right: 100px;
}
span.laylock:first-letter {letter-spacing: 0em;}
span.laylock a {color:#ddd; opacity: 0.2;}
span.laylock img {display:none;}

/*BUTTONS
-----------------------------------------------------------------------------*/
.dugme {height: 2.0em; padding-top: 0.5em; padding-bottom:1.4em;} /* add to basket, etc. buttons */
.sidebar p {padding:0; margin: 0;}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}
/* TAG CLUOUD WIDGET
-----------------------------------------------------------------------------*/
.tagcloud a {
font-family:droid sans;
text-transform: uppercase;
border: 0.1em solid #e5e5e5;
display: inline-block;
border-radius: 5px;
background: #efefef;
padding: 0.5em 6px 0.5em 6px;
color: #535353;
margin: 0 5px 1em 0;
font-size: 0.8em!important;
}
.tagcloud {margin-bottom: 1.5em;}
.tagcloud a:link, .tagcloud a:visited, .tagcloud a:active {color:#535353;}
.tagcloud a:hover {background-color: #e5e5e5; color: #535353;}
.tagcloud:after, .display-posts-listing:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

/*GRID STYLES
-----------------------------------------------------------------------------*/
.grid .post .title {background: url(http://laylock.org/images/transparentbg.png); margin-left: 5px; color: #333; text-transform: uppercase; position:relative; top: -27px; font-size: 12px; border-radius: 10px; padding: 5px 10px 5px 10px;}
.grid .post {display:block; width: 170px; margin:8px 18px 28px 18px; float: left; height: 342px; padding: 10px; background-color: #fbfbfb; position:relative;}
.grid .post img {}
.grid .price {display:block; color: #777; border-top: 1px solid #666; border-bottom: 1px solid #666; margin-bottom: 3px;}
.grid .post .title:hover {background-color: #fbfbfb;}
.grid .addtocart {float: right}
.grid .post .heart {width:20px; height: 20px; display: block; overflow: hidden; position: absolute; top: 15px; right: 16px; opacity: 0.8;}
.grid .post .heart:hover {opacity: 1;}
.grid .post .heart img {width: 20px; height: 20px;}
.grid .post {
  -webkit-box-shadow:
            0px 0px 0px 1px #bbb,
                0px 0px 0px 8px #fff,
                0px 0px 0px 9px #bbb;
   
     -moz-box-shadow:
            0px 0px 0px 1px #bbb,
                0px 0px 0px 8px #fff,
                0px 0px 0px 9px #bbb;
   
          box-shadow:
            0px 0px 0px 1px #bbb,
                0px 0px 0px 8px #fff,
                0px 0px 0px 9px #bbb;
}
/* NAVIGATION
-----------------------------------------------------------------------------*/
.shailan-dropdown-menu, .shailan-dropdown-menu .dropdown-horizontal-container, .shailan-dropdown-menu td {background: none; border: none;}
.shailan-dropdown-menu ul.dropdown li a {
    font-family: droid sans; raleway, helvetica, sans-serif;
	color:#535353;
	font-size:11px;
	text-transform: uppercase;
	line-height:2.5em;
	color: #8e8e8e;
	font-weight: 200;
	letter-spacing: 2px;
}

.shailan-dropdown-menu ul.dropdown li.current_page_item>a,
    .shailan-dropdown-menu ul.dropdown li.current-cat>a,
    .shailan-dropdown-menu ul.dropdown li.current-cat>a:hover,
    .shailan-dropdown-menu ul.dropdown li.current_page_item>a:hover,
    li.current_page_ancestor a,li.current_page_ancestor a:visited, li.current_page_ancestor a:link,
    li.current-menu-ancestor a,li.current-menu-ancestor a:visited, li.current-menu-ancestor a:link {
    color:#fd0f82!important;
    text-decoration: none!important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif!important;
    border-bottom: 1px solid #fd0f82!important;
}
.shailan-dropdown-menu li.current-menu-item a, .shailan-dropdown-menu li.current-menu-item a:link, .shailan-dropdown-menu li.current-menu-item a:visited {border-bottom: 1px double #fd0f82!important;}

.shailan-dropdown-menu {border-left:1px solid #ddd;}
.shailan-dropdown-menu ul.dropdown li a {background-color: #fbfbfb;}
.shailan-dropdown-menu ul.dropdown li a:hover {background-color: #efefef;}

li.current-menu-ancestor ul a,li.current-menu-ancestor ul a:visited, li.current-menu-ancestor ul a:link {color: #666!important; border-bottom: 1px solid #eee!important; text-decoration:none; border:none;!important}

.shailan-dropdown-menu ul.dropdown li.current-menu-item ul.sub-menu li.menu-item a {border-bottom:0!important;}


/* Featured Posts Widget
-----------------------------------------------------------------------------*/
ul#yiw-featured-post {padding-top:0;}
ul#yiw-featured-post img {border: 1px solid #aaa;}
ul#yiw-featured-post h4 {font-size: 1em;}
ul#yiw-featured-post li a:link, .widget_featured-posts li a:visited {min-height:50px!important; padding-left: 10px;}


/*SEARCH FORM
-----------------------------------------------------------------------------*/
.searchform fieldset, .searchform input {border: none; padding:0; margin:0;}
.searchform input {border-bottom: 1px solid #ccc; height: 25px; background:none; width: 100%; font-size: 1em; text-align: right; font-family: helvetica; font-weight: 200;}
.searchform input:hover {background-color: #efefef; border-radius: 10px;}
input::-webkit-input-speech-button {
  -webkit-appearance: none; width: 25px; height: 25px; background: url(http://laylock.org/images/pink-mic.png) no-repeat right;
}

/* RAVELRY CART Z-INDEX
-----------------------------------------------------------------------------*/
div.tbox { z-index: 10; }


/* Comments
-------------------------------------------------------------------*/
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li {color: #666; padding:5px 7px 5px 80px; position:relative; padding-top: 1em; padding-bottom: 1em;}
ol.commentlist li.alt {padding-top: 2em;}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author {font-size: 0.9em; font-family: droid sans, helvetica,sans-serif; text-transform: uppercase; color:#8B94B4; padding-bottom:15px; }
ol.commentlist li div.vcard {}
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 {}
ol.commentlist li div.vcard img.avatar {border-radius: 25px; width: 50px; height: 50px; left:5px; position:absolute; top:10px;
    -webkit-box-shadow:
                0px 0px 0px 5px #fff,
                0px 0px 0px 6px #ccc;
   
     -moz-box-shadow:
                0px 0px 0px 5px #fff,
                0px 0px 0px 6px #ccc;
   
          box-shadow:
                0px 0px 0px 5px #fff,
                0px 0px 0px 6px #ccc;
                }
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 {position: absolute; top:10px; font-size: 0.7em;right: 10px; font-family: droid sans, helvetica,sans-serif; text-transform: uppercase;}
ol.commentlist li div.comment-meta a {text-decoration:none; color: #aaa;}
ol.commentlist li div.comment-meta a:hover {}
ol.commentlist li p {font-style:normal; font-family: helvetica; color: #666; font-size: 87.5%; font-weight:200;}
ol.commentlist li ul {}
ol.commentlist li div.reply { background:#FD0F82; letter-spacing:2px; text-decoration:none; text-transform:uppercase; font-family: droid sans, helvetica, sans-serif; font-size: 0.8em; padding:5px 0 3px 0; text-align:center; width:100px;}
ol.commentlist li div.reply:hover { background:#8B94B4;}
ol.commentlist li div.reply a {color:#fff;}
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;}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist li.pingback { border:1px solid #aaa; color:#666; padding-top:4em; padding-bottom: 2em;}
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:1px 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;}	

/* IMAGE STYLES
-----------------------------------------------------------------------------*/
.wideborder /* for images sized 640x426 */
{padding: 40px;
width: 550px;
height: 338px;
border: 1px solid #ccc;}

.640x426{
width: 632px;
height: 420px;
}

/*LISTS
-----------------------------------------------------------------------------*/
.sidebar ul, .footer ul, #front ul {
	list-style-type: none;
}
	/* Arrow Bullets */
	.widget ul {margin-left: 15px; margin-right:0;}
	.widget ul li, ul.arrow li {list-style-image: url('http://laylock.org/images/listarrow.png');}

    /*Heart Bullets*/
    ul.heart li {list-style-image: url('http://laylock.org/images/listheart.png');}
    
    /* No Bullets */
    ul.plain li {list-style: none;}

	/*Quicklinks List*/
	#quicklinks {list-style:none; text-align: right; margin:0; padding:0;}
	#quicklinks li {height: 3em;}
	#quicklinks li img {width: 20px; height: 20px;}
	#quicklinks input {font-family:helvetica, arial, sans-serif; font-weight: 100; text-align: right; font-size:1em;}

/*Flickr Widget
-----------------------------------------------------------------------------*/
.flickr_badge_image img
{
width: 50px; height: 50px;
border-radius: 25px;
-webkit-box-shadow:
                0px 0px 0px 5px #fff,
                0px 0px 0px 6px #cc;
   
     -moz-box-shadow:
                0px 0px 0px 5px #fff,
                0px 0px 0px 6px #ccc;
   
          box-shadow:
                0px 0px 0px 5px #fff,
                0px 0px 0px 6px #ccc;
       margin:10px;
                }
.zframe-flickr-wrap-ltr, .zframe-flickr-wrap-rtl {margin-left: 12%}

/*Ad Styles
-----------------------------------------------------------------------------*/
.ad600 {margin-top: -2px; margin-bottom: 11px;}
.ad250 {margin-top: -1px; margin-bottom: 1px;}

/*Random Content Overrides
-----------------------------------------------------------------------------*/
.sidebar div.linkwithin_hook {display:none;}

/* Watercolour Header & Footer
-----------------------------------------------------------------------------*/
#footerbottom {background: #fbfbfb url(http://laylock.org/images/bg.jpg) no-repeat left -80px; border-top:1px solid #bbb; height: 100px; width: 100%;}
#headertop {background: #fbfbfb url(http://laylock.org/images/bg.jpg) no-repeat left -110px; border-bottom: 1px solid #bbb; height: 30px; width: 100%}