/* @override http://vlado1.com/?css=includes/vlado.v.1278098263 */

@import url("http://vlado1.com/index.php?css=includes/reset/");
html, body {
	height: 100%;
}

body {
	background: #2a2319 url(http://vlado1.com/images/bkg.jpg);
	font-family:Candara,"Trebuchet MS",Trebuchet,sans-serif;
	color: #eed2c1;
}

h2 {
	font-weight:bold;
	font-size:2.25em;
	margin-bottom: .3em;
}

h3 {
	color: #ffde5b;
	font-weight: 900;
	font-size: 1em;
	line-height: 160%;
}

h3.project_type {
	background: url(http://vlado1.com/images/project_type.jpg) no-repeat;
	padding-left: 38px;
	height: 32px;
} 

.magenta {
	color: #b00c4c;
}

div#vlado {
	width: 106px;
	height: 522px;
	background: url(http://vlado1.com/images/vlado_varbanov.jpg);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

div#vlado h1 {
	margin-left: 110px;
}

p {
	line-height: 140%;
	margin-bottom: .8em;
	font-size: 0.938em;
}

p a {
	color: #ff9e5b;
	text-decoration: none;
	border-bottom: 1px solid #ff9e5b;
	padding-bottom: 1px;
}

code {
	background: #1a1a1a;
	display: block;
	margin: 1em 0;
	padding: 12px 28px;
	color: #818d60;
	font-family:"Courier New", Courier, mono;
}

em.date {
	font: bold italic .938em/1.2em Candara, "Trebuched MS", sans-serif;
	color: #ffc600;
	display: block;
	padding-left: 20px;
	background: url(http://vlado1.com/images/star_yellow.png) no-repeat 0 2px;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.left {
	float: left;
}

div#top {
	height: 51px;
	padding-left: 716px;
}

div#slide {
	width: 198px;
	background: url(http://vlado1.com/images/hcard_slide_bkg.jpg) repeat-y;
	position: absolute;
	left: 824px;
	top: 368px;
	z-index: auto;
}

div#inner {
	padding: 30px 12px 38px 12px;
	min-height: 200px;
	height: auto;
	background: url(http://vlado1.com/images/hcard_slide_downcap.jpg) no-repeat left bottom;
}

div#slide_shadow {
	background: url(http://vlado1.com/images/slide_shadow.png) no-repeat;
	width: 198px;
	height: 24px;
	position: absolute;
	top: 637px;
	left: 824px;
	z-index: 11;
}

a#member {
	width: 54px; /*86*/
	height: 43px; /*51*/
	display: block;
	float: left;
	background: url(http://vlado1.com/images/member_login.jpg) no-repeat;
	color: #c8e300;
	text-decoration: none;
	border: none;
	font-weight: 900;
	font-style: italic;
	font-size: 0.875em;
	text-align: center;
	padding: 4px 20px 4px 12px;
}

/* @group Follow */

a.follow {
	width: 44px;
	height: 51px;
	display: block;
	float: left;
	background: url(http://vlado1.com/images/follow.png) no-repeat;
	overflow: hidden;
	line-height: 9em;
	margin-left: 2px;
}

a#follow_linkedin {

}
a#follow_flickr {
	background-position: -47px;
}
a#follow_twitter {
	background-position: -106px;
}
a#follow_rss {
	background-position: -161px;
}

/* @end */

/* @group skills */

div#skills {
	height: 384px;
	display: block;
	clear: both;
	background: url(http://vlado1.com/images/skills-chart_03.jpg) no-repeat;
	font-size: 0.938em;
	font-weight: 900;
	font-style: italic;	
}

div#skills ul abbr {
	border:1px dotted #000;
	padding: 1px;
	text-shadow: 1px 1px 1px #000;
}

div#skills ul {
	padding: 92px 10px 0 24px;
	line-height: 140%;
}

div#skills ul li {
	margin-bottom: 8px;
}

div#skills div {
	float: left;
}

div#skills h1 {
	display: none;
}
div#graphics {
	color: #f7592d;
	width: 177px;
	margin: 40px 0 0 0;
}

div#code {
	color: #ef89b1;
	width: 175px;
	margin-top: 65px;
	margin-left: 21px;
}

div#functionality {
	color: #0ae7c6;
	width: 117px;
	margin-top: 135px;
}

div#consultation {
	color: #e3eb15;
	width: 144px;
	margin-top: 105px;
	margin-left: 13px;
}

/* @end */

div#wraper {
	width: 988px;
	min-height: 100%;
	min-width: 1000px;
	height: auto !important;
	height: 100%;
	margin: 0 0 -80px 106px;
}

div#page {
	width: 672px;
	float: left;
	margin-bottom: 40px;
}

div#page ul.normal {
	margin: 1em 0 1em 1em;
	font-size: .938em;
	line-height: 140%;
}

ul#avatars {
	margin: 1em 0;
	
}

ul#avatars li {
	float: left;
	margin-right: .5em;
}

div#page ul.normal li {
	background: url(http://vlado1.com/images/bullet_point.jpg) no-repeat 0 5px;
	padding-left: 18px;
}

#page.blog h2,
#page.blog h2 a {
	color: #b00c4c;
	text-decoration: none;
	width: 560px;
	float: left;
	height: 70px;
	padding-top: 26px;
}

#page.work h2,
#page.work h2 a {
	color: #ff9e5b;
}

#page.about h2,
#page.about h2 a {
	color: #08c1a5;
}

#page.search h2,
#page.search h2 a {
	color: #008fd2;
	text-decoration: none;
}

#page.search h2 a:hover {
	color: #b00c4c;
}

div#simple_search_spacer{
	margin-top: 3em;
	margin-left: 16px;
}

h1.cream {
	width: 253px;
	height: 52px;
	overflow: hidden;
	line-height: 800%;
	background: url(http://vlado1.com/images/titles.jpg);
}

h1.cream#title_work {
	background-position: 0 -51px;
}

h1.cream#title_about {
	background-position: 0 -102px;
}

h1.cream#title_contact {
	background-position: 0 -153px;
}

h1.cream#title_search {
	background-position: 0 -205px;
}

h1.cream#title_rss {
	background-position: 0 -257px;
}

h1.cream_small {
	width: 194px;
	height: 37px;
	background: url(http://vlado1.com/images/titles_small.jpg);
	overflow: hidden;
	line-height: 800%;
	margin-top:1em;
	margin-bottom: .5em;
}

h1#flick_title {
	background-position: 0 -38px;
}

h1#art_title {
	background-position: 0 -124px;
}


h1#book_title {
	background-position: 0 -84px;
}

h1#bookmarks_title {
	background-position: 0 -164px;
}

h1#lastFM {
	background-position: 0 -206px;
}


div.showcase {
	margin: 1em 0;
	position: relative;
	display: block;
	clear: both;
}

#nolivesite,
#livesite {
	position: absolute;
	top: 509px;
	left: 36px;
}

#nolivesite {
	text-align: center;
	color: #181a1c;
	background: url(http://vlado1.com/images/nolive_url.gif) top center no-repeat;
	font-size: 85%;
	width: 149px;
	height: 30px;
	line-height: 200%;
}

div.corner {
	position: absolute;
	width: 12px;
	height: 12px;
	background: url(http://vlado1.com/images/corners.png) no-repeat;
}

#top_left {
	top: 0;
	left: 0;
}

#top_right {
	top: 0;
	right: 0;
	background-position: -12px 0;
}

#bottom_left {
	bottom: 0;
	left: 0;
	background-position: 0 -14px;
}

#bottom_right {
	bottom: 0;
	right: 0;
	background-position: -12px -14px;
}

div#sidebar {
	background: url(http://vlado1.com/images/side_blog.jpg) no-repeat;
	width: 290px; /*292px*/
	float: right;
	min-height: 520px; /*554px*/
	position: relative;
	margin-top: 32px;
	margin-bottom: 10px;
}

div#rightside {
	margin-top: 40px;
	width: 290px;
	float: right;
}

div#side_content {
	height: 520px;
	padding: 24px 60px 10px 18px;
}

div#sidebar.side_work {
	background: url(http://vlado1.com/images/side_work.jpg) no-repeat;
}

div#sidebar.side_about {
	background: url(http://vlado1.com/images/side_about.jpg) no-repeat;
}

div#sidebar.side_contact {
	background: url(http://vlado1.com/images/side_contact.jpg) no-repeat;
}

#sidebar h1 {
	color:#b00c4c;
	font-weight:100;
	font-size-adjust:none;
	font-stretch:condensed;
	font-size:1.44em;
}

#sidebar p  {margin-bottom:.8em;}

#sidebar.side_blog p a,
#sidebar.side_blog p  {color:#cc618a;}

#sidebar.side_blog p a {
	border-bottom: 1px solid #cc618a;
	padding-bottom: 1px;
	text-decoration: none;
}

#sidebar.side_work p  {color:#65533d;}

#sidebar.side_about p {color:#b7e9dd;}

#sidebar.side_contact p {color:#a1cc08;}

#sidebar.side_about ul.links {
	color: #b7e9dd;
	font-size: 95%;
	line-height: 140%;
	padding: 0 18px 0 0;
	margin: 1em 0 0 0;
}

#sidebar.side_about ul.links a {
	color: #06b1f1;
}

#sidebar.side_about ul.links li {
	background: url(http://vlado1.com/images/dashed_line.gif) repeat-x 0 bottom;
	padding-bottom: 3px;
}

#sidebar.side_about ul.links li span {
	clear: both;
	display: block;
	font-size: 90%;
}

#sidebar.side_about h1 {
	color: #08c1a5;
}

div#share_stuff {
	width:290px;
	margin: 60px 0 40px 0;
	position: relative;
}

div#flick_badge img,
a.flick_frame img, 
img.flickrimg {
	background:url(http://vlado1.com/images/flick_frame.gif) no-repeat;
	padding:3px;
	margin: 0 10px 10px 0;
}

div#flick_badge2 img,
a.book_frame img {
	border: 4px solid #5a4034;
	behavior: url(http://vlado1.com/styles/border-radius.htc);
	margin-right: 8px;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    overflow: hidden;
    margin-bottom: .7em;
}

div.blue_baloon {
	width: 214px; /*259*/
	height: 55px; /*72*/
	margin-left: 12px;
	background: url(http://vlado1.com/images/search_baloon.jpg) no-repeat;
	padding: 17px 10px 0 35px;
	color: #84e0fa;
	font-size: .938em;
	font-weight: 900;
	font-style: italic;
}

a.art_frame img {
	background:url(http://vlado1.com/images/art_frame.jpg) no-repeat;
	padding:3px;
	margin: 0 10px 10px 0;	
} 


.projector {
    width: 330px;
    height:279px;
    position:relative;
    float: left;
    margin-right: 7px;
 }
 
.projector.last {
	margin-right: 0;
}
.project {
    position:absolute;
    width: 322px;
    height:179px;
    left: 5px;
    top: 4px;
    z-index:0;
 }
.minor {
    position:absolute;
    width:330px;
    height:279px;
    z-index:1;
 }

div.description {
    width: 300px; /*322*/
    padding: 0 11px;
    position: relative;
    z-index: 99;
    margin-top: 189px;
}

.projector h3,
.projector h4 {
	font-size: .813em;
	color: #ff9e5b;
}

.projector h3{
	float: left;
	font-weight: 900;
	margin-left: 4px;
}

div.col_left {
	width: 324px;
	position: relative;
	float: left;
}

div.col_right {
	width: 324px;
	position: relative;
	float: right;
}

.projector h4 {
	float: right;
	font-weight: 100;
	color: #664112;
}

/* @group What I did here */

li#design,
li#html,
li#backend,
li#seo {
	float: left;
	height: 180px;
	overflow: hidden !important;
	margin: 1em 0;
	line-height: 29em;
	width: 117px;
	background:url(http://vlado1.com/images/mark_seo.jpg) no-repeat;
}

li#design {
	width: 207px;
	background:url(http://vlado1.com/images/mark_design.jpg) no-repeat;
}

li#html {
	width: 178px;
	background:url(http://vlado1.com/images/mark_fronend.jpg) no-repeat;
}

li#backend {
	width: 167px;
	background:url(http://vlado1.com/images/mark_backend.jpg) no-repeat;
}

/* @end */

div.entry_date {
	width: 99px; /*112*/
	height: 92px; /*96*/
	float: right;
	background: url(http://vlado1.com/images/date_flag.jpg) no-repeat;
	font-size: 12px;
	color: #d0e900;
	padding: 13px 0 0 4px;
	margin-top: 25px;
}

/* @group delicious */

div.delicious-posts {
	
}

div.delicious-posts ul li.delicious-post a {
	color: #8a7752;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
	background: url(http://vlado1.com/images/del_ico.gif) no-repeat 0 2px;
	padding-left: 20px;
	padding-bottom: 6px;
	font-size: .88em;
}

div.delicious-posts ul li.delicious-post.delicious-odd a:hover {
	background: url(http://vlado1.com/images/del_ico.gif) no-repeat 0 2px;
}

div.delicious-posts ul li.delicious-post.delicious-even a:hover {
	background: url(http://vlado1.com/images/del_ico_alt.gif) no-repeat 0 2px;
}


div.delicious-posts ul li.delicious-post.delicious-odd a {
	background: url(http://vlado1.com/images/del_ico_alt.gif) no-repeat 0 2px;
}

/* @end */

/* @group RSS */
div#filiika {
	height: 280px;
	display: block;
	background: url(http://vlado1.com/images/filiika.jpg) no-repeat;
	padding-top: 66px;
}

div#filiika p {
	margin-left: 310px;
	margin-bottom: 76px;
}

div#filiika a {
	font-size: .913em;
	font-weight: 900;
	font-style: italic;
	color: #cf6d04;
	text-decoration: none;
	padding-left: 24px;
	background: url(http://vlado1.com/images/rss_icon.jpg) no-repeat 0 2px;
}


/* @end */

/* @group hCard */

div.vcard {
	font-size: .813em;
	padding-top: 60px;
}

div.vcard img.photo {
	float: left;
	padding: 4px 8px 6px 0;
}

div.vcard a {
	color: #a1a99f;
	line-height: 140%;
}

/* @end */

/* @group 404  */

div#error404 {
	width: 672px;
	height: 500px;
	background: url(http://vlado1.com/images/404.jpg) no-repeat;
	position: relative;
	padding: 187px 0 0 148px;
}

div#error404 h1 {
	color: #000;
	font-size: 3em;
}

div#error404 a {
	color: #000;
}

/* @end */

/* @group prev next */

div#prev-next {
	display: block;
	clear: both;
	margin-top: 1em;
	height: 100px;
}

a#p_prev,
a#p_next  {
	width: 279px;
	height: 100px;
	display: block;
	float: left;
	line-height: 16em;
	overflow: hidden;
	background: url(http://vlado1.com/images/project_prev.jpg) no-repeat;
}
a#p_next {
	width: 290px;
	background: url(http://vlado1.com/images/project_next.jpg);
}

a#p_prev {
	margin-left: 59px;
}

/* @end */

/* @group Navigation */

ul#nav {
	width: 60px;
	position: absolute;
	top: -18px;
	right: 2px;
	background: url(http://vlado1.com/images/menu.png) no-repeat;
	min-height: 610px;
	padding-top: 16px;
}

ul#nav li a {
	display: block;
	margin-left: 4px;
	width: 50px;
	overflow: hidden;
	text-decoration: none;
	border: none;
}

ul#nav li a span {
	margin-left: 62px;
}

ul#nav li a#mWork {
	height: 140px;
}

ul#nav li a#mWork:hover,
ul#nav li a#mWork.selected {
	background: url(http://vlado1.com/images/menu.png) no-repeat -65px -16px;
}

ul#nav li a#mBlog {
	height: 120px;
}

ul#nav li a#mBlog:hover,
ul#nav li a#mBlog.selected {
	background: url(http://vlado1.com/images/menu.png) no-repeat -126px -156px;
}

ul#nav li a#mAbout {
	height: 117px;
}

ul#nav li a#mAbout:hover,
ul#nav li a#mAbout.selected {
	background: url(http://vlado1.com/images/menu.png) no-repeat -187px -276px;
}

ul#nav li a#mContact {
	height: 116px;
}

ul#nav li a#mContact:hover,
ul#nav li a#mContact.selected {
		background: url(http://vlado1.com/images/menu.png) no-repeat -248px -393px;
}

ul#blog-categories,
ul#work-categories {
	color:#ef89b1;
	font-size:1.06em;
	font-style:italic;
	font-weight:900;
	list-style:none;
	margin-bottom:2em;
}

ul#blog-categories a,
ul#work-categories a {
	text-decoration:none;
	border:none;
	line-height:150%;
	color:#ef89b1;
	padding-left:18px;
}

ul#work-categories a {
	color: #f7592d;
}

ul#work-categories li ul {padding-left:15px;}

ul#work-categories li ul li {
	font-weight: bold;
	font-style: italic;
	font-size: 0.813em;
}

ul#work-categories a:hover,
ul#work-categories a.sel {
	background:url(http://vlado1.com/images/star_work.gif) 0 4px no-repeat;
}

ul#blog-categories a:hover,
ul#blog-categories a.sel {
	background:url(http://vlado1.com/images/star_blog.gif) 0 4px no-repeat;
}

ul#blog-categories a span {color:#ba4973;}

/* @end */

div#push {
	height: 80px;
	display:block;
	clear:both;
}

div#footer {
	width: 100%;
	height: 80px;
	position: relative;
	background: url(http://vlado1.com/images/footer_bkg.jpg) repeat-x;
	font-size: .7em;
	clear: both;
	display: block;
	overflow: hidden;
}

div#footer_left {
	width: 1058px; /*1094*/
	background: url(http://vlado1.com/images/footer_left.jpg) no-repeat left top;
	float: left;
	padding: 28px 0 0 16px;
}

div#fnav {
	width: 390px;
	float: left;
	margin-left: 20px;
}

div#fnav a {
	font: bold italic 140% Candara, "Trebuchet MS", sans-serif;
	color: #6e5435;	
	text-decoration: none;
	margin-right: 12px;
}

div#fnav a:hover, 
div#fnav a.selected {
	color: #fac588;
}

div#madewith {
	float: left;
	width: 500px;
	font-size: 150%;
	margin-top: -6px;
}
div#madewith span {
	line-height: 300%;
	display: block;
	width: 120px;
	float: left;
	font-size: 120%;
}

div#footer_right {
	width: 26px;
	height: 50px;
	background: url(http://vlado1.com/images/footer_right.jpg) no-repeat right top;
	float: right;
}

/* @group Share */

div#share {
	text-align:right;
	display:block;
	font-weight:800;
	font-size:1.06em;
	color:#65533d;
	margin:1em 0;
}

a#share_technocrati,
a#share_designfloat,
a#share_strumbleupon,
a#share_designbump,
a#share_digg,
a#share_delicious {
	display:block;
	float:right;
	width:24px;
	height:26px;
	background:url(http://vlado1.com/images/share.png);
	text-decoration:none;
	border:none;
}

a#share_designfloat {
	background-position:-27px 0;
}

a#share_strumbleupon {
	background-position:-54px 0;
}

a#share_designbump {
	background-position:-83px 0;
}

a#share_digg {
	background-position:-110px 0;
}

a#share_delicious {
	background-position:-135px 0;
}

/* @end */

.rounded {
	-webkit-border-radius: 11px;
	border: none;
	-moz-border-radius: 11px;
	border-radius: 11px;
	behavior: url(http://vlado1.com/styles/border-radius.htc); 
	-webkit-box-shadow: #000 0 2px 10px;
	-moz-box-shadow: #000 0 2px 3px;
	box-shadow: #000 0 2px 3px;
	display: block;
	clear: both;
	margin-bottom: 1em;
	position: relative;
}

.rounded img {
	opacity: 0;
	filter:alpha(opacity=0);
}

/* @group comments */

div#comments_number,
div.comments_number,
div#comments_leave {
	background: url(http://vlado1.com/images/comment_bar_bkg.jpg) repeat-x left bottom;
	height: 36px;
	margin-top:3em;
}

div#comments_number div#left_side,
div#comments_leave div#c_left_side,
div.comments_number div.left_side {
	background: url(http://vlado1.com/images/comments_bar_arrow.jpg) no-repeat;
	height: 17px; /* 43 */
	padding:26px 0 0 32px;
	color: #55311a;
	font-size: 0.813em;
	width: 232px; /* 160*/
	margin-top:-22px;
	float: left;
}

div#comments_leave div#c_left_side,
div.comments_leave div.c_left_side {
	background: url(http://vlado1.com/images/comments_leave_arrow.jpg) no-repeat;
}

div#act_right_side,
div.act_right_side,
div#c_right_side {
	float: right;
	width: 170px;
	height: 32px;
	padding-top:4px;
	background: url(http://vlado1.com/images/comment_bar_right.jpg) no-repeat right top;
	font-size: .75em;
	color:#cc618a;
}

div.act_right_side {
	width: 220px;
}

div#c_right_side {
	background: url(http://vlado1.com/images/comment_leave_right.jpg) no-repeat;
	height: 23px;
	width: 75px;
	margin-top: 1px;
}

#act_comment,
.act_comment,
#act_perma,
.act_author,
.readmore {
	color:#cc618a;
	padding-left:24px;
	margin-right:10px;
	text-decoration:none;
	background:url(http://vlado1.com/images/i_perma_link.gif) left center no-repeat;
	white-space:nowrap;
}

.act_comment,
#act_comment {
	background:url(http://vlado1.com/images/i_comments.gif) left center no-repeat;
	margin-right:0;
}

.act_author {
	background:url(http://vlado1.com/images/i_author.gif) left center no-repeat;
}

div.author {
	padding-left: 28px;
	background: url(http://vlado1.com/images/postedby.gif) no-repeat;
	line-height: 130%;
	font-size: 1em;
	font-weight: 900;
	color: #65533d;
}

div.author a {
	color: #65533d;
	text-decoration: none;
	border-bottom: 1px solid #65533d;
	padding-bottom: 1px;
}

div.author span {
	color: #443829;
}

.readmore {
	background: url(http://vlado1.com/images/i_readmore.gif) no-repeat;
	margin-left: 94px;
}

div.avatar {
	width:115px;
	height:96px;
	text-align:right;
	display:block;
	float:left;
	background:url(http://vlado1.com/images/avatr_bkg.jpg) top left no-repeat;
	margin-bottom:-19px;
}

div.avatar span {
	display:block;
	font:lighter 1em "Courier New", Courier, monospace;
	color:#ccb3b3;
	margin-right:28px;
}

div.avatar img {
	margin-right: 14px;
}

div.info {
	width:300px;
	float:left;
	margin-left:12px;
	color:#f3d0c0;
	font-size:80%;
	line-height:180%;
	margin-bottom:-19px;
}

div.info a { 
	color:#f3d0c0;
	text-decoration:none;
	}
div.info span {color:#f19b71;}

div.comment_text {
	width:668px;
	clear:both;
	color:#cf6161;
	background:#1f160b url(http://vlado1.com/images/comm_top.jpg) top left no-repeat;
	font-style:italic;
}

div.comment_text p {
	padding:8px 12px;
	line-height: 140%;
}

div.comment_links {
	height:24px;
	width:668px;
	text-align:right;
	background:url(http://vlado1.com/images/comm_bottom.jpg) bottom left no-repeat;
	padding:0;
	margin-bottom:2em;
}

div.comment_links a {
	display:block;
	width:30px;
	height:17px;
	overflow:hidden;
	line-height:300%;
	background:url(http://vlado1.com/images/comment_icons.gif) top left no-repeat;
	float:right;
	margin-top:2px;
}

div.comment_links a.comm-reply {
	background-position:-30px 0;
	margin-right:4px;
}

div.date_heading {
	width:85px;
	height:19px;
	text-align:center;
	position:relative;
	margin-left:570px;
	display:block;
	clear:both;
	color:#cf6161;
	font:bold italic .75em Candara,"Trebuchet MS",Trebuchet,sans-serif;
	background:url(http://vlado1.com/images/comm_date_heading.jpg) top left no-repeat;
	margin-top:-19px!important;
}

/* @end */

/* @group Buttons */

a.button {
    background: transparent url(http://vlado1.com/images/button_cap.png) no-repeat right 0;
    display: block;
    float: right;
    font-size: 13px;
    font-weight: 900;
    font-style: italic;
    height: 30px;
    overflow: hidden;
    padding: 0;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
    text-align: center;
    border: none;
	width: auto;
	margin: .5em 0 .5em 0;
}

a.button.green span {
	color: #e3eb15;
}

a.button.ocean {
	background-position: right -60px;
}

a.button.ocean span {
	background-position: 0 -60px;
	color: #cbfff5;
} 

a.button.brick {
	background-position: right -120px;
}

a.button.brick span {
	background-position: 0 -120px;
	color: #e7a250;
}

a.button.purple {
	background-position: right -180px;
}

a.button.purple span {
	background-position: 0 -180px;
	color: #ff69a4;
} 

a.button span {
    background: transparent url(http://vlado1.com/images/button_span.png) no-repeat;
    display: block !important;
    padding: 8px 0 13px 10px;
    white-space: nowrap;
}

a.button:active {
    color: #000 !important;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    padding: 9px 0 12px 10px; /* push text down 1px */
}

a.button.green:active span {
	background-position: 0 -30px;
}

a.button.green:active {
	background-position: right -30px;
}

a.button.ocean:active span {
	background-position: 0 -90px;
}

a.button.ocean:active {
	background-position: right -90px;
}

a.button.brick:active span {
	background-position: 0 -150px;
}

a.button.brick:active {
	background-position: right -150px;
}

a.button.purple:active span {
	background-position: 0 -210px;
}

a.button.purple:active {
	background-position: right -210px;
}

/* @end */

#latitude_badge {
	width: 50px;
	height: 55px;
	padding: 18px 8px 0 34px;
	background: url(http://vlado1.com/images/latitude_button.png) no-repeat;
    font-size: 13px;
    font-weight: 900;
    font-style: italic;	
    color: #e3eb15;
    display: block;
    float: left;
    text-decoration: none;
    margin-top: 1em;
}

/* @group Quotes */


blockquote {
	background: #241d15 url(http://vlado1.com/images/quote_up.jpg) no-repeat;
	padding-top: 48px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 1em;
	font-weight: 800;
	font-style: italic;
	margin-bottom: 1em;
}

blockquote p {
	padding: 0 11px 0px 11px;
	margin: 0;
	color: #6e5435 !important;
}

blockquote cite {
	text-align: right;
	display: block;
	font-size: .875em;
	color: #9a866f;
	margin-top: 12px;
	padding: 0 11px 40px 11px;
	background: url(http://vlado1.com/images/quote_down.jpg) no-repeat 0 bottom;
}

/* @end */

/* @group Interests Tag */
p#interests,
div.paginate, 
div#madewith {
	color:#211b14;
	text-shadow: 1px 1px 1px rgba(244, 229, 211, 0.1);
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:1.3em;
}

p#interests span.large {
	font-size: 2.4em;
}

p#interests span.mid {
	font-size: 1.8em;
	font-weight: 100;
}
p#interests span.small {
	font-weight: 100;
	font-size: .913em;
}

div.paginate {
	font-size: 2em;
}

div.paginate a {
	text-decoration: none;
	color: #191108;
}

div.paginate a:hover {
	color: #685a3e;
	text-shadow: 1px 1px 1px #000;
}

div.paginate strong {
	color: #685a3e;
	text-shadow: 1px 1px 1px #000;
}

div.paginate span {
	font-size: 60%;
}

/* @end */

div.quick_tip {
	background: url(http://vlado1.com/images/skoba_tip.gif) top left no-repeat;
	padding-top: 18px;
}

div.quick_tip p {
	text-indent: 58px;
	line-height: 140%;
	color: #e0aa9b !important;
	font-style: italic;
	background: url(http://vlado1.com/images/tip.png) top left no-repeat;
	font-size: 85%;
}

div.quick_tip p a {
	color: #fe5b2e;
	border-bottom: 1px solid #fe5b2e;
	padding-bottom: 1px;
	text-decoration: none;
}

/* @group Forms */
form#contact_form {
	margin: 1em 0 140px;
}

#contact_form input[type=text] {
	width: 182px;
	height: 37px;
	padding: 0px 6px 0px 6px;
    background: transparent url(http://vlado1.com/images/input_newsletters.jpg) no-repeat;
    border: none;
}

#contact_form textarea {
	width: 192px;
	height: 153px;
	background: transparent url(http://vlado1.com/images/textarea.jpg) no-repeat;
	overflow: auto;
}

#contact_form input[type=text],
#contact_form textarea {
	border: none;
    font-size: 13px;
    font-weight: 900;
    font-style: italic;	
    color: #e3eb15;		
}

#contact_form a.button {
	margin-right: 16px;
}

form#simple_search {
	margin: 0;
}

form#simple_search input[type=text] {
	border: none;
	background: transparent url(http://vlado1.com/images/input_search.jpg) no-repeat;
	width: 226px; /*252*/
	height: 33px;
	font: bold 24px Candara, "Trebuched MS", sans-serif;
	color: #ff9e5b;
	padding: 0 12px 0 14px;
	margin: 0;
}

form#simple_search input[type=submit] {
	width: 79px;
	height: 71px;
	display: block;
	border: none;
	background: transparent url(http://vlado1.com/images/search_submit.jpg) no-repeat;
	margin: -21px 0 0 174px;
	cursor: pointer;
}

form#simple_search p {
	margin: 0;
}

form#simple_search input[type=submit]:hover {
	background-position: 0 -71px;
}

form#comment_form label {
	text-align: right;
} 

form#simple_search div#match {
	font-size: .813em;
}

form#comment_form input[type=text] {
	border: none;
	background: transparent url(http://vlado1.com/images/comment_form_input.gif) no-repeat;
	width: 189px;
	height: 24px;
	padding: 0 10px;
	color: #64441e;
	font-size: 110%;
}

div.comment_author {
	width: 210px;
	float: left;
	padding-left: 21px;
}

div.comment_data {
	width: 421px;
	float: right;
}

form#comment_form textarea {
	width: 413px; /*421*/
	height: 172px; /*180*/
	border: none;
	background: transparent url(http://vlado1.com/images/comment_textarea.gif) no-repeat;
	margin-top: -12px;
	color: #f3d0c0;
	font-size: 100%;
	padding: 4px 4px;
	overflow: auto;
}

div.sumbit_controls {
	text-align: right;
}

/* @end */

/* @group Tweets */

div#tweets {
	padding-bottom: 134px;
	background: url(http://vlado1.com/images/tweet_bird.jpg) no-repeat 28px bottom;
}

p.tweet {
	display: block;
	padding: 10px 4px 20px 28px;
	background: url(http://vlado1.com/images/tweet_baloon.jpg) no-repeat;
	height: 124px; /*156*/
}

span.when {
	display: block;
	font-font-style:italic;
	color: #3d0303;
}

/* @end */