/*Theme Name: ysltt creamy
Theme URI: http://www.youshouldliketypetoo.com
Description: The yellowish look for ysltt
Version: 1.2
Author: s.s & r.k
Author URI: http://www.youshouldliketypetoo.com
--- LAYOUT ---
image loader*/
.imageLoader1
{
	background:url(images/trans_b_70.png);
	visibility:hidden;
}

.imageLoader2
{
	background:url(images/rss_w_80.png);
	visibility:hidden;
}

.imageLoader3
{
	background:url(images/trans_w_80.png);
	visibility:hidden;
}

/*text colors*/
BODY
{
	position:static;
	z-index:-100;
	font:normal normal normal 11px/16px Verdana, Geneva, Arial, sans-serif;
	background:#dfe0c6 url(images/cream.jpg) repeat;
	color:#A0B297;
}

DIV#wrapper
{
	clear:left;
	width:973px;
	overflow:visible;
	z-index:-100;
	margin:0 auto;
	padding:0;
}

A
{
	outline:none;
	text-decoration:none;
}

/*header*/
DIV#header
{
	float:left;
	background:url(images/ysltt_logo_001.png) repeat top center;
	width:100%;
	height:20px;
	position:relative;
	z-index:0;
	padding:0;
}

/*home link*/
#home-link A
{
	width:62px;
	overflow:hidden;
	height:34px;
	background:url(images/logo-sprite.png) no-repeat top;
	float:left;
	margin:3px 5px 0 0;
}

#home-link A:hover
{
	background:url(images/logo-sprite.png) no-repeat bottom;
}

/*navigation bar*/
#top-menu
{
	width:779px;
	overflow:hidden;
	height:56px;
	float:left;
	background:url(images/trans_w_40.png) repeat top center;
	font-family:georgia, times, "Times New Roman", times-roman, serif;
	font-weight:bold;
	border-left:1px solid #E3F9D8;
	border-right:1px solid #E3F9D8;
	margin:-40px 0 0;
	padding:0 0 20px;
}

#top-menu UL
{
	margin:52px 0 0;
	padding:0 0 0 40px;
}

#top-menu UL LI
{
	display:inline;
	vertical-align:baseline;
	font-size:15px;
	line-height:20px;
	padding:0 11px 0 0;
}

/*link and headline colors*/
#top-menu UL LI A:link,#top-menu UL LI A:visited
{
	color:#242D1E;
	padding:3px 6px 5px;
}

/*searchform*/
DIV.searchform
{
	width:73px;
	float:right;
	margin:-27px 39px 15px -12px;
}

.searchform FORM DIV INPUT
{
	width:148px;
	font-size:11px;
	background:url(images/trans_w_60.png) repeat;
	color:#242D1E;
	border:1px solid #F0F9EB;
	outline:none;
	padding:2px;
}

/*border colors*/
DIV#container
{
	text-align:left;
	float:left;
	width:739px;
	min-height:200px;
	background:url(images/trans_b_90.png) repeat;
	border-left:1px solid #1B2018;
	border-right:1px solid #1B2018;
	border-bottom:1px solid #1B2018;
	padding:36px 0 0 40px;
}

#p- P
{
	overflow:visible;
	width:400px;
	padding:30px 0 20px 30px;
}

DIV.entry
{
	clear:left;
	width:488px;
	padding:0 0 0 40px;
}

.entry P
{
	overflow:visible;
	margin:0;
	padding:0;
}

.entry P A:hover
{
	text-decoration:none;
}

.entry A.more-link
{
	text-decoration:none;
	margin:0 0 0 40px;
}

.entry BLOCKQUOTE
{
	font-family:Verdana, Geneva, Arial, sans-serif;
	background:url(images/trans_b_30.png) repeat;
	color:#A0B297;
	border:1px solid #314923;
	margin:12px -10px 16px 40px;
	padding:16px 20px;
}

.entry .home
{
	width:704px;
}

.entry .home IMG
{
	margin:4px 48px 4px -40px;
	padding:0;
}

.typefaces .entry .home IMG
{
	border:1px solid #4D5748;
	margin:4px 48px 4px -40px;
	padding:0;
}

.entry .home IMG.alignleft,.entry .home IMG.alignright
{
	max-width:268px;
	max-height:214px;
}

.entry P IMG
{
	max-width:699px;
	margin:0 0 0 -40px;
}

DIV.post
{
	text-align:left;
	float:left;
	width:557px;
	margin:0;
	padding:0 0 36px;
}

.post H2,.navigation SPAN A
{
	width:696px;
	height:17px;
	max-height:17px;
	font-family:georgia, times, "Times New Roman", times-roman, serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 0 7px;
}

.post .entry H2
{
	margin-left:-40px;
}

.post H2 A
{
	text-decoration:none;
	float:left;
}

.post H3
{
	max-width:650px;
	font-family:Georgia, times, "Times New Roman", times-roman, serif;
	font-style:normal;
	font-weight:normal;
	font-size:17px;
	letter-spacing:1px;
	margin:16px 0 8px -40px;
	padding:0;
}

DIV.postmetadata
{
	float:right;
	clear:none;
	height:15px;
	font-size:9px;
	text-transform:none;
	font-family:Verdana, Geneva, Arial, sans-serif;
	letter-spacing:normal;
	font-weight:normal;
	margin:2px 0 0;
}

/*--- SOCIAL BOOKMARKS ---*/
.sociable
{
	display:block;
	text-align:left;
	margin:20px 0 0;
}
.sociable ul {
padding:0;
margin-top:3px;
}
.sociable li {
display:inline;
}

.sociable img {
opacity: .4;
}

.sociable img:hover {
opacity: 1;
}


/*next page*/
DIV.navigation
{
	clear:both;
	height:10px;
	float:left;
	width:719px;
	font-size:11px;
	line-height:18px;
	margin:0 0 0 -40px;
	padding:16px 20px 20px 40px;
}

.navigation SPAN#forward
{
	float:left;
	margin:0 5px 0 -16px;
}

.navigation SPAN#back
{
	float:right;
	margin:0 5px;
}

/*sidebar*/
DIV.sidebar
{
	float:right;
	width:125px;
	overflow:visible;
	clear:right;
	margin:2px 0 0;
	padding:0;
}

DIV.sidebar UL
{
	list-style:none;
	width:157px;
	margin:0 0 16px 12px;
	padding:0;
}

.sidebar UL H2
{
	width:157px;
	margin:0 0 0 -12px;
	padding:0 0 2px;
}

.sidebar UL LI
{
	line-height:12px;
	margin:7px 0 0 12px;
	padding:0;
}

.sidebar UL LI DIV#twitter-box
{
	margin:0 -12px;
	padding:0;
}

.sidebar UL LI.pagenav UL
{
	margin:0 0 0 -12px;
	padding:0;
}

.sidebar UL UL LI.cat-item
{
	margin:0;
	padding:5px 0 0;
}

.sidebar UL UL LI.cat-item UL
{
	margin:0 0 3px;
}

.sidebar UL UL LI.cat-item UL LI
{
	margin:5px 0 0 12px;
	padding:0;
}

.sidebar .syndication
{
	width:30px;
	height:45px;
	position:relative;
	margin:0;
}

.sidebar .syndication SPAN
{
	position:absolute;
	width:100%;
	height:100%;
	background:url(images/rss_b_80.png) no-repeat center center;
}

.sidebar .syndication SPAN:hover
{
	position:absolute;
	width:100%;
	height:100%;
	background:url(images/rss_w_80.png) no-repeat center center;
}

/*sidebar2*/
.sidebar2
{
	float:right;
	width:142px;
	overflow:hidden;
	min-height:100%;
	background:url(images/trans_b_40.png) repeat top center;
	margin:-36px 0 0;
	padding:4px 8px;
}

.sidebar2 UL
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

.sidebar2 UL UL LI A IMG
{
	width:140px;
	border:1px solid #242D1E;
	margin:4px 0 0;
	padding:0;
}

/*comment form*/
.comments-template
{
	float:left;
	background:url(images/trans_b_20.png);
	margin:10px 0 0 -40px;
	padding:0 0 0 40px;
}

DIV.comments
{
	width:739px;
	background:url(images/trans_b_20.png);
	margin:0 0 0 -40px;
	padding:30px 0 10px 40px;
}

#comment-form
{
	width:739px;
	padding:30px 0 0;
}

#commentform
{
	margin:25px 0 0 40px;
}

#commentform P
{
	margin:-9px 0 0;
}

.comments-template OL
{
	list-style:none;
	width:489px;
	font-size:40px;
	margin:0 0 0 40px;
	padding:0;
}

.comments-template H3#respond,.comments-template H3#comments
{
	font-family:Georgia, times, "Times New Roman", times-roman, serif;
	font-style:normal;
	font-weight:normal;
	font-size:17px;
	letter-spacing:1px;
	margin:0 0 16px;
	padding:0;
}

P.submit
{
	float:left;
	padding:9px 0 0;
}

P.submit INPUT
{
	cursor:pointer;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:13px;
	color:#A0B297;
	border:1px solid #3F4F37;
	background:url(images/trans_b_40.png);
	margin:136px 0 0 9px;
	padding:2px 4px;
}


.comments-template INPUT#author,.comments-template INPUT#email,.comments-template INPUT#url
{
	width:219px;
	font-size:11px;
	letter-spacing:1px;
	margin:0 5px 0 0;
	padding:2px 0 3px 8px;
}

.comments-template TEXTAREA
{
	width:404px;
	float:left;
	height:140px;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:0;
	padding:8px;
}

/*footer*/
#footer
{
	height:30px;
	width:772px;
	margin:0 8px 10px 70px;
}

.typefaces .post H3
{
	letter-spacing:0;
}

.post H4
{
	font-size:14px;
}

.post H5
{
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:17px;
	letter-spacing:0;
	color:#4D5748;
}

.sociable_tagline {
letter-spacing:1px;
}

.commentmetadata
{
	font-size:11px;
	color:#363D31;
}

.commentmetadata STRONG
{
	font-size:16px;
}

.comments-template OL LI .commentmetadata STRONG,.comments-template OL LI A.url
{
	text-transform:uppercase;
	font-family:georgia, times, "Times New Roman", times-roman, serif;
	font-size:14px;
	text-decoration:none;
	letter-spacing:1px;
}

.comments-template OL LI
{
	line-height:18px;
	font:normal normal normal 12px/18px Verdana, Geneva, Arial, sans-serif;
	color:#A0B297;
	margin:10px 0 30px;
}

.sidebar H2
{
	font-family:Georgia, times, "Times New Roman", times-roman, serif;
	font-size:15px;
	font-weight:bold;
	line-height:17px;
	color:#242D1E;
}

.sidebar .twitter-link
{
	font-size:9px;
}

DIV#footer
{
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:right;
	color:#314923;
}

#top-menu UL LI A.current
{
	background:url(images/trans_w_70.png);
}

DIV#container.typefaces
{
	background:url(images/trans_w_80.png) repeat;
	border:1px solid #3F4F37;
}

.typefaces .entry IMG
{
	border:1px solid #4D5748;
}

.searchform FORM DIV INPUT:hover,.searchform FORM DIV INPUT:focus
{
	background:url(images/trans_w_80.png) repeat;
	color:#000;
}

.comments-template INPUT#author,.comments-template INPUT#email,.comments-template INPUT#url,.comments-template TEXTAREA
{
	background:url(images/trans_b_40.png);
	border:1px solid #314923;
}

.comments-template INPUT#author:focus,.comments-template INPUT#email:focus,.comments-template INPUT#url:focus,.comments-template TEXTAREA:focus
{
	outline:none;
}

DIV#container.single DIV.navigation
{
	background:url(images/trans_b_20.png);
}

.typefaces
{
	color:#4D5748;
}

.post H2,.post H2 A,.post H3,.post H3 A,.post H4,.post H4 A,.postmetadata A,.entry A.more-link,.entry P A,.entry BLOCKQUOTE P A,.sociable_tagline,.comments-template H3,.comments-template H3,.comments-template OL LI A,.navigation A,.sidebar .current-cat A,.comments-template TEXTAREA
{
	color:#E3F9D8;
}

.sidebar A,.sidebar LI
{
	color:#3F4F37;
}

/*links and headlines on light background*/
.typefaces .post H2,.typefaces .post H2 A,.typefaces .post H3,.typefaces .post H3 A,.typefaces .postmetadata A,.typefaces .entry A.more-link,.typefaces .entry P A,.typefaces .comments-template OL LI A,.typefaces .navigation A,.typefaces .sociable_tagline, .typefaces .comments-template H3, .typefaces P.submit INPUT, .typefaces .navigation SPAN
{
	color:#363D31;
}

/*link hover colors*/
#top-menu UL LI A:hover
{
	color:#FFF;
	background:url(images/trans_b_70.png);
}

.post H2 A:hover,.postmetadata A,.entry A.more-link:hover,.entry P A:hover,.entry BLOCKQUOTE P A:hover,.comments-template OL LI A:hover,DIV.navigation A:hover
{
	color:#fff;
}

P.submit INPUT:hover
{
	background:url(images/trans_b_80.png);
	border:1px solid #7a7a7a;
	color:#E3F9D8;
}

.sociable A IMG:hover
{
	opacity:1;
}

.sidebar A:hover
{
	text-decoration:none;
	color:#FFF;
}

.post H2
{
	border-bottom:1px solid #A0B297;
}

.entry IMG
{
	border:1px solid #3F4F37;
}

.entry IMG.noborder
{
	border:none;
}

/*--- GALLERY ---*/
.gallery
{
	display:block;
	clear:left;
	overflow:hidden;
	width:707px;
	margin:0 0 0 -40px;
	padding:0;
}

.gallery-item
{
	float:left;
	margin:0;
	padding:0;
}

.gallery .gallery-item IMG,.gallery .gallery-item IMG.thumbnail
{
	margin:5px 8px 0 0;
}

/*
.gallery DIV.clear
{
	width: 0px;
	height: 0px;
}

Image sizes depending on the number of columns*/
.col-1
{
	width:100%;
}

.col-2
{
	width:50%;
}

.col-3
{
	width:33%;
}

.col-5
{
	width:20%;
}

.col-6
{
	width:16.5%;
}

.col-7
{
	width:14%;
}

.col-8
{
	width:12.4%;
}

.col-9
{
	width:11%;
}

.col-10
{
	width:10%;
}

.col-11
{
	width:9%;
}

.col-12
{
	width:8.33%;
}

.col-13
{
	width:7.6%;
}

.col-14
{
	width:7.1%;
}

.col-15
{
	width:6.66%;
}

.col-16
{
	width:6.25%;
}

.col-17
{
	width:5.83%;
}

.col-18
{
	width:5.55%;
}

.col-19
{
	width:5.25%;
}

.col-20
{
	width:4.95%;
}

.gallery-caption
{
	margin-left:0;
}

/*
.clear
{
	clear: both;
	height: 0;
}

--- SLIMBOX ---
SLIMBOX*/
#lbOverlay
{
	position:absolute;
	z-index:9999;
	left:0;
	width:100%;
	background-color:#000;
	cursor:pointer;
}

#lbCenter,#lbBottomContainer
{
	position:absolute;
	z-index:9999;
	left:50%;
	overflow:hidden;
	background-color:#FFF;
	margin:-36px 0 0;
}

.lbLoading
{
	background:#FFF url(images/loading.gif) no-repeat center;
}

#lbImage
{
	position:absolute;
	left:0;
	top:0;
	border:4px solid #FFF;
	background-repeat:no-repeat;
}

#lbPrevLink,#lbNextLink
{
	display:block;
	position:absolute;
	top:0;
	width:50%;
	outline:none;
}

#lbPrevLink
{
	left:0;
}

#lbPrevLink:hover
{
	background:transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink
{
	right:0;
}

#lbNextLink:hover
{
	background:transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom
{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	line-height:1.3em;
	text-align:left;
	border:4px solid #FFF;
	border-top-style:none;
}

#lbCloseLink
{
	display:block;
	float:right;
	height:22px;
	width:62px;
	background:transparent url(images/closelabel.gif) no-repeat center;
	outline:none;
	margin:2px 0;
}

#lbCaption,#lbNumber
{
	margin-right:71px;
}

DIV#box
{
	width:25em;
	background:#E6E6E6 url(button1.jpg) repeat-x 0 -5px;
	margin:0 auto;
	padding:10px;
}

img#wpstats
{
	display:none;
}

BODY,H1,H2,H3,H4,H5,H6,BLOCKQUOTE,P,FORM,.sidebar UL UL
{
	margin:0;
	padding:0;
}

.sociable A IMG,.typefaces .sociable A IMG
{
	border:none;
}

.typefaces A,.typefaces H2,.typefaces H3,#lbCaption
{
	font-weight:bold;
}

.comments-template INPUT,.navigation SPAN
{
	color:#A0B297;
}
