/*
Theme Name: Yesterdayishere3
Theme URI: http://yesterdayishere.com
Description: Yesterdayishere.com
Version: 1
Author: Bojan Janjanin
*/

* { margin: 0; padding: 0 }

a { border-bottom: 2px solid #a98; color: #654; text-decoration: none; 
-webkit-transition-property: color, border-bottom, text-shadow; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in }
a:visited { border-bottom: 2px solid #cba; color: #654 }
a:hover { border-bottom: 2px solid #b41; color: #b41; 
-webkit-transition-timing-function: ease-out }
a:active { background: #ffc }

html { height: 100%; padding: 0 0 1px 0 }
body { background: #d6e6e6; text-shadow: #e7f3f3 0 1px 0; color: #654; font: 62.5%/1.5 sans-serif; font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif }
body#home { background: #d6e6e6 url(./gfx/brand-2009.png) 50% 0 no-repeat; padding: 207px 0 0 0 }

abbr { border: 0; cursor: help }

h1, h2, h3 { color: #b41; font-family: "Gill Sans", Verdana, sans-serif; font-weight: bold; font-size: 1.3em; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 1.4em 0 }
h2, h3 { color: #366 } 
#secondary h3 { color: #b53 }
h4 { color: #432; font-size: 1.3em }

em, i { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em }
strong, b { color: #432 }
p, ul, ol, dl { font-size: 1.3em; margin-bottom: 1.5em }
ul { list-style: square }
	ul ul { font-size: 1em; margin-left: 16px; margin-bottom: 0 }
	ul li p, ol li p { font-size: 1em }
q { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.1em }

blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.3em }

code { color: #263; font-size: 1.2em }
	a code { color: inherit }
pre { background: #cfe6c7; border: 3px solid #b3d5a8; padding: 15px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; font: 1.2em/1.5 Monaco, Monospace; overflow: auto }	

.amp, .at { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic }
.hilite { background: #ffd }

dl.tutorial-dl { color: #432; text-shadow: #eee 0 1px 0; background: #f6f6c8; border: 3px solid #bdd; padding: 10px 15px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; line-height: 2em }
	dl.tutorial-dl:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 0; visibility: hidden; width: 0; }
	dl.tutorial-dl dt { font-weight: bold; width: 160px; float: left; display: inline }	
	dl.tutorial-dl dd { float: left; display: inline }
	
#menu { position: relative; display: block; margin: 0 auto; background: url(./gfx/ninjas.png) 0 -89px no-repeat; height: 79px; width: 940px }
	#menu:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 0; visibility: hidden; width: 0; }
	#menu a:active { background: transparent }
	
	#menu h1, #menu ul { float: left; display: inline }
	#menu h1 { width: 140px }
	#menu ul { margin: 0 0 0 160px }
	#menu ul:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 0; visibility: hidden; width: 0; }
	#menu li, #menu a { float: left; display: inline }
	#menu a { outline: none; padding: 30px 0; width: 80px; border: 0; font-family: "Gill Sans", Verdana, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px }
	#menu li#current a { color: #b41 }
	
	#menu ul li a em { display: none }
	#menu ul li a:hover em { display: block; position: absolute; text-indent: -9999px; top: -1px; left: 0; height: 80px; width: 136px }
	#menu ul li.home a:hover em { background: url(./gfx/ninjas.png) -145px 0 }
	#menu ul li.work a:hover em { background: url(./gfx/ninjas.png) -289px 0 }
	#menu ul li.about a:hover em { background: url(./gfx/ninjas.png) -433px 0 }
	#menu ul li.blog a:hover em { background: url(./gfx/ninjas.png) -570px 0 }

/* header */
	#home-about { background: #fdfcf4; padding: 30px 0 20px 0; text-shadow: #fff 0 1px 0 }
		#home-about-grid { margin: 0 auto; width: 940px }
			#home-about h2 {  }
				#what, #availibility, #featured-project { background: transparent; float: left; display: inline; width: 300px }
				#availibility { margin: 0 20px }
					#featured-project #thumb { /*border: 1px solid #cdd;*/ float: left; margin: 0 10px 0 0 }
						#featured-project img { border: 5px solid #d6e6e6 }
		#header ul { margin: 0 }

/* content */	
#content-wrap { background: #f2f1e2; padding: 30px 0 20px 0; text-shadow: #fff 0 1px 0 }
#content { /*background: red !important;*/ margin: 0 auto; width: 940px }
	#article { float: left; display: inline; margin: 0; width: 620px }
			#article h1 a { color: #b41 }
			#article h1 a:hover {  }
		#home #tweet h3 { color: #29b; margin: 0 0 1.5em 0 }
		#rss { color: #b41; /*background: url(./gfx/rss.png) top left no-repeat; padding: 0 0 0 20px*/ }
			#tweet ul { list-style: none }
			#tweet a { font-size: 1em !important }
			
			.post-row { position: relative; margin: 0 0 20px 0; width: 620px } 
			.post-row p { margin: 0 }
				.post-row h1 { float: left; width: 300px; margin: 0 0 0 160px }
				
				.post-row .post-meta { position: absolute; left: 0; bottom: 0; width: 140px } 
				.post-row .feedback { position: absolute; right: 0; bottom: 0; width: 140px } 
				
				.services-providedp { float: left; display: inline; font-weight: bold }
				p.services-provided { float: left; display: inline; background: red }
				ul.services-provided:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 0; visibility: hidden; width: 0; }
				.services-provided li { float: left; display: inline; margin: 0 0 10px 10px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; background: #fdfcf4; padding: 2px 7px; }

	/* secondary */
	#secondary { float: right; display: inline; margin: 0 0 30px 0; width: 220px }	
		#home #secondary { width: 300px }

	/* foot */
	#foot { clear: both; margin: 0 auto; padding: 40px 0 100px 0; width: 940px }
		#foot p { font-size: 1.1em; margin: 0 }
		#foot #wp { display: none; float: right; display: inline; width: 300px }
		#foot #copyright #rights { display: block; float: left; display: inline; margin: 0 20px 0 0; width: 140px }
		#foot #copyright #author { float: left; display: inline; margin: 0 20px 0 0 }
		#back-home { width: 220px; float: right; display: inline }

/* pages */ 		

/* page */
	#about h1#main-title, #work h1#main-title, #page h1#main-title, .main-title { color: #618954; margin: 0; float: left; margin-left: -160px }

	/*#page #article { float: left; margin-left: 20px; width: 380px }*/
	#article-continued { float: right; display: inline; margin: 0; width: 220px }
	#article-continued dl { font-size: 1.2em; }
		#article-continued dl dt { /*font-style: italic*/ }
		#article-continued dl dd { margin: 0 0 1em 1em }

	#page-content { float: left; display: inline; margin: 0 0 0 160px; width: 460px }
		/*.page-quarter { float: left; width: 220px }
		.alt { margin: 0 0 0 20px }*/
		#page-content h1, #page-content .intro { margin-top: 0 }
	
	#single #header { }
	#single #article { width: 460px; margin: 0 0 0 160px }

	.meta { color: #366; font-family: "Gill Sans", Verdana, sans-serif; font-weight: bold; float: left; width: 140px; margin: 0 0 0 -160px; position: absolute; left: 0; top: 0 }
		/*.meta a:link, .meta a:visited { border-bottom: 1px solid #cdd; color: #cdd }*/
	.more-meta { float: left; width: 100px; margin: 0 0 0 -160px }
	h1#main-title { color: #b41 }
	#post-head { position: relative }
		#post-head .meta { bottom: 0; left: 0; position: absolute }
	
	.pagetitle {  } /* archive.php */

	#lists-cat, .apart { width: 430px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; background: #fbfbca; border: 3px solid #bdd; padding: 15px; margin-left: 160px }
	
/* blog */
/*#thirds { }*/
#cats ul { list-style: none; text-transform: uppercase }
	#cats ul ul { list-style: square; text-transform: none }

/* comments */
#discussion {  }
	#discussion-wrap { }

#respond {  }
	#respond input { font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif }
	h2#postcomment, #respond p.small, #logged { }
	h2#comments { clear: both; color: #b41; margin: 30px 0 0 0 }
		h2#comments strong { display: none; float: left; width: 140px; margin-left: -160px }
#commentlist { list-style: none; margin: 30px 0 0 0 }
	#commentlist a { color: #b53; border-bottom: 2px solid #eba }
	#commentlist a:hover { color: #366; border-bottom: 2px solid #699 }
	.comment, .pingback { background: #fdfcf4; margin: 10px 0 30px 0; padding: 15px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px }
	#respond label { display: block; line-height: 1.8em; margin: 0 20px 0 0; width: 140px; float: left }
	p.author { color: #b41; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight: normal; margin: 0; text-align: right }
		.comment-date { color: #654; float: right; margin-right: -340px; width: 300px }
		.comment-id { width: 60px; font-family: "Gill Sans", Verdana, sans-serif; font-size: 1.3em; font-weight: bold; float: left; margin-left: -95px; text-align: right; line-height: 1em }
			.odd .comment-id {  }
	#respond form p { clear: both; padding: 0 0 20px 0 }
		#respond input, #respond textarea { float: left }
		.pingback { background: #eee; display: none }
	.comment li p { margin: 1.5em }
	li.comment-author-admin .comment-id { color: #b41 }
		.comment cite { font-size: 1em; font-style: normal }
		.says { display: none }
		.comment-meta { display: none }
	.comment img { margin: 20px 10px 0 0 }
	.comment span { }
	#respond form { margin: 0 0 30px 0 }
	#respond textarea { clear: right }
	.nocomments { color: #854; font-style: italic }

/* forms */
form, textarea { font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif !important }
	form textarea { float: right; padding: 5px; width: 368px }
	form input#author, form input#email, form input#url { color: #543; width: 364px }
	form input, form textarea { font-size: 1em; width: 448px }
	/*form input:hover, form textarea:hover { background: #ffd }*/
	#article form input { padding: 5px }
	label { cursor: pointer; font-size: 1.2em }
	label strong { color: red; font-family: Georgia, serif; font-size: 1em }
		label strong:hover { color: #321 }
	form input#submit { background: #654; cursor: pointer; border: 0 !important; color: #fff; padding: 8px 16px; margin: 10px 0 0 0; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; width: auto }
		#submit:hover { background: #b41 }
	
	#tags { width: 100px }
	p.closed { color: #666; font-style: italic; padding: 20px 20px 0 20px; text-align: center }
	
	/* wp form */
	.screenReader { display: none }

/*#contact form {  }
	#contact label { font-size: 1em; float: left; display: inline; display: block; text-align: right; width: 140px; color: #654; margin: 0 0 20px 0 }
	#contact input, #contact textarea { float: left; display: inline; margin: 0 0 0 20px; width: 240px }
	#contact textarea { width: 300px }
	#contact form p { color: #eed;  }
		#contact form p:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 0; visibility: hidden; width: 0; }
	#screenreader, #checkbox { display: none }*/


.delicious-posts {  }
.delicious-posts ul, .delicious-posts li, .delicious-banner { }
.delicious-post { }
.delicious-odd { }
.delicious-banner a {  }
.delicious-posts a:hover {  }
.delicious-posts a {  }
.delicious-post a {  }


#delicious-posts-bojan {}
	#delicious-posts-bojan ul { margin: 1.5em 0 0 0 }
		#delicious-posts-bojan li { margin: 0 0 1.5em 0 }
		#delicious-link { background: url(http://l.yimg.com/hr/10374/img/delicious.small.gif) right no-repeat; display: inline; padding-right: 13px }
		p.delicious-extended { font-size: 1em; margin: .5em 0 0 0 }
		.delicious-link {  }
		
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 0; visibility: hidden; width: 0; }