/*     reset     */
 
* {
	padding: 0;
	margin: 0;
	border: 0;
}

::-moz-selection {
	background: #fff;
	}
::selection {
	background: #fff;
	}
 
 
/* awesome css3 animations */
 
@-webkit-keyframes intro-anima {
	from {
		background: url(images/intro-link.png) transparent 0 0 no-repeat;
		}
	to {
		background: url(images/intro-link.png) transparent 0 -23px no-repeat;
		}
}
 
@-webkit-keyframes microblog-anima {
	from {
		background: url(images/microblog-link.png) transparent 0 0 no-repeat;
		}
	to {
		background: url(images/microblog-link.png) transparent 0 -23px no-repeat;
		}
}
 
@-webkit-keyframes moreaboutme-anima {
	from {
		background: url(images/moreaboutme-link.png) transparent 0 0 no-repeat;
		}
	to {
		background: url(images/moreaboutme-link.png) transparent 0 -23px no-repeat;
		}
}
 
@-webkit-keyframes links-anima {
	from {
		background: url(images/links-link.png) transparent 0 0 no-repeat;
		}
	to {
		background: url(images/links-link.png) transparent 0 -23px no-repeat;
		}
}
 
 
 
 
 
 
/*    ----------- Powered -------------
/* code inspired from http://almaer.com/scrollbar/debug.html and http://maxvoltar.com/ */
 
/*
 
html {
	overflow-x: auto;
}
 
@media only screen and (max-device-width:480px) {
	html {
		overflow: auto;
	}
}
 
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 6px;
}
 
::-webkit-scrollbar-button:vertical:increment {
    background-color: transparent;
}
 
::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 4px;
}
 
::-webkit-scrollbar-thumb:vertical {
    height: 0px;
    background-color: #DDD;
    -webkit-border-radius: 4px;
border: 1px solid #B1AFA8;
}
 
::-webkit-scrollbar-thumb:horizontal {
    width: 0px;
    background-color: #DDD;
    -webkit-border-radius: 4px;
border: 1px solid #B1AFA8;
}
 
body {
	position: absolute;
	top: 0;
	left: 8px;
	bottom: 4px;
	right: 8px;
	overflow-y: scroll;
	overflow-x: hidden;
}
 
 
 
*/
 
 
/*  ------ Powered code ends here ------- */
 
 
 
 
 
/*      general styles and basic layout    */
 
 
body {
	background: url(images/bg-pattern.png) #EFEFEF repeat;
	font-family: "Helvetica Neue", "Neue Helvetica", helvetica, arial, sans-serif;
	font-size: 62.5%;
	color: #3C3B3C;
	padding-bottom: 50px;
	/* -webkit-text-stroke: 1px transparent; */    /* if the text should render a lil thinner - 
	depends on the size of the text which one is more readable */ 
}
 
#header {
	width: 520px;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -260px;
}
 
#bookmark {
	width: 103px;
	height: 107px;
	background: url(images/bookmark.png) transparent no-repeat;
	position: absolute;
	top: -1px;
	right: -25px;
}
 
h1 {
	background: url(images/title.png) transparent center 0 no-repeat;
	font-size: 2.2em;
	height: 200px;
	margin-left: -308px;
	position: relative;
	text-align: center;
	text-indent: -9999px;
	top: 0; left: 50%;
	width: 616px;
	z-index: 5;
}
 
h1 a {
	margin-left: -160px;
	position: relative;
	top: 0; left: 50%;
	display: block;
	width: 320px;
	height: 115px;
}
 
ul#navigation {
	background: url(images/hr-header.png) transparent center bottom no-repeat;
	font-size: 1.5em;
	height: 49px;
	left: 50%;
	margin-left: -260px;
	position: relative;
	text-align: center;
	top: -50px;
	width: 520px;
	z-index: 10;
}
 
ul#navigation li {
	display: inline; 
	list-style: none;
}
 
ul#navigation li a { 
	color: #878787;
	display: inline-block;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFF;
	margin: 0 6px;
}
 
ul#navigation li a#intro-link { 
	background: url(images/intro-link.png) transparent 0 0 no-repeat;
	height: 23px;
	text-indent: -9999px;
	width: 36px;
}
ul#navigation li a#intro-link:hover { 
	-webkit-animation-name: intro-anima;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	background: url(images/intro-link.png) transparent 0 -23px no-repeat;
}
 
ul#navigation li a#microblog-link { 
	background: url(images/microblog-link.png) transparent 0 0 no-repeat;
	height: 23px;
	text-indent: -9999px;
	width: 77px;
}
ul#navigation li a#microblog-link:hover { 
	-webkit-animation-name: microblog-anima;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	background: url(images/microblog-link.png) transparent 0 -23px no-repeat;
}
 
 
ul#navigation li a#moreaboutme-link { 
	background: url(images/moreaboutme-link.png) transparent 0 0 no-repeat;
	height: 23px;
	text-indent: -9999px;
	width: 108px;
}
ul#navigation li a#moreaboutme-link:hover { 
	-webkit-animation-name: moreaboutme-anima;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	background: url(images/moreaboutme-link.png) transparent 0 -23px no-repeat;
}
 
ul#navigation li a#links-link { 
	background: url(images/links-link.png) transparent 0 0 no-repeat;
	height: 23px;
	text-indent: -9999px;
	width: 40px;
}
ul#navigation li a#links-link:hover { 
	-webkit-animation-name: links-anima;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	background: url(images/links-link.png) transparent 0 -23px no-repeat;
}
 
#intro {
	top: -17px;
	left: 50%;
	margin-left: -212px;
	height: 275px;
	position: relative;
	width: 425px;
	background: url(images/bg-intro.png) transparent no-repeat;
	text-shadow: 0 1px 0 #F4F4F4;
	color: #6b6b6b;
	-webkit-text-stroke: 1px transparent;
}
 
#intro h2 {
	font-size: 3.0em;
	font-family: georgia, serif;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 10px 0;
	padding: 25px 23px 0 23px;
}
 
#content h2.pagetitle {
	font-size: 2.2em;
	color: #7E7E7E;
	text-align: center;
	padding: 5px 30px;
	background: #D2D2D2;
	text-shadow: 0 1px 0 #F6F6F6;
	margin-bottom: 40px;
}
 
#intro p {
	font-size: 1.8em;
	line-height: 130%;
	padding: 25px 23px;
	margin: 0 0 20px 0;
}
 
#intro p a {
	color: inherit;
	text-decoration: none;
}
 
#intro p a:hover {
	border-bottom: 1px solid #7CB8B5;
}
 
#meworkingforyou {
	top: 0px;
	left: 50%;
	margin-left: -150px;
	height: 50px;
	position: relative;
	width: 300px;
	text-shadow: 0 1px 0 #F4F4F4;
	color: #6b6b6b;
	-webkit-text-stroke: 1px transparent;
	font-size: 1.2em;
	font-family: "Lucida Grande", lucida, "Neue Helvetica", "Helvetica Neue", helvetica, georgia, arial, sans-serif, serif;
	text-align: center;
}
 
#meworkingforyou p a {
	color: #323232;
	text-decoration: none;
	border-bottom: 1px solid #7F7F7F;
}
 
#meworkingforyou p a:hover {
	color: #537D7C;
	border-bottom: 1px solid #7EBDBB;
}
 
hr.hr-blog {
	width: 520px;
	height: 39px;
	background: url(images/hr-blog.png) transparent no-repeat;
	margin-left: -260px;
	position: relative;
	top: -10px; left: 50%;
	clear: both;
}
 
hr.hr-high {
	width: 520px;
	height: 39px;
	background: url(images/hr-blog.png) transparent no-repeat;
	margin: 100px 0 0 -260px;
	position: relative;
	top: -10px; left: 50%;
	clear: both;
}
 
 
#content {
	width: 480px;
	position: relative;
	left: 50%; top: 0;
	margin-left: -240px;
	text-shadow: 0 1px 0 #FBFBFB;
}
 
#content h3 {
	font-size: 2.1em;
	margin: 15px 0 0 0;
	line-height: 130%;
	text-align: left;
}
 
#content .entry h3 {
	font-size: 1.6em;
	margin: 20px 0 10px 0;
	line-height: 130%;
	padding: 15px 0 3px 0;
	text-align: left;
	color: #606060;
	background: url(images/h-seperator.png) top left transparent no-repeat;
}
 
#content h3 a {
	color: #679A98;
	text-decoration: none;
}
 
#content h3 a:hover {
	border-bottom: 1px solid #BDBDBD;
}
 
#content hr.hr-blog-title {
	height: 2px;
	background: url(images/hr-blog-title.png) transparent no-repeat;
	margin: 10px 0 15px 0;
}
 
#content .date {
	font-size: 0.9em;
	font-family: "Lucida Grande", lucida, "Neue Helvetica", "Helvetica Neue", helvetica, georgia, arial, sans-serif, serif;
	margin: 0 0 40px 0;
	color: #939393;
}
 
#content .date a {
	color: #717171;
	text-shadow: 0 1px 0 #FBFBFB;
	text-decoration:none;
}
 
#content .date a:hover {
	color: #717171;
	text-decoration: underline;
}
 
#content .entry {
	margin-bottom: 90px;
}
 
#content p {
	font-size: 1.5em;
	color: #5D5D5D;
	-webkit-text-stroke: 1px transparent;
	line-height: 140%;
	text-align: justify;
	margin: 0 0 12px 0;
}
 
#content p a {
	color: #323232;
	text-decoration: none;
	border-bottom: 1px solid #7F7F7F;
}
 
#content p a:hover {
	color: #537D7C;
	border-bottom: 1px solid #7EBDBB;
}
 
#content blockquote:before { content: "„"; font-size: 1.2em; }
#content blockquote:after { content: "“"; font-size: 1.2em; }
 
#content blockquote {
	padding-left: 12px;
	border-left: 5px solid #D2CFCD;
	font-family: georgia,"Times New Roman",times,serif;
	font-style: italic;
	color: #848281;
	line-height: 140%;
	text-align: justify;
	margin: 20px 0 22px 5px;
	-webkit-text-stroke: none !important;
}
 
blockquote p {
	margin-bottom: 10px;
	padding-bottom: 10px !important;
}
 
#content blockquote p {
	display: inline;
	font-size: 1.6em;
}
 
#content blockquote a {
	color: #323232;
	text-decoration: none;
	border-bottom: 1px solid #7F7F7F;
}
 
#content blockquote a:hover {
	color: #537D7C;
	border-bottom: 1px solid #7EBDBB;
}
 
#content cite {
	display: block;
	font-style: italic;
	font-size: 1.2em;
	color: #848281;
	line-height: 140%;
	text-align: justify;
	margin: 10px 0 18px 25px;
}
 
#content cite a {
	color: #323232;
	text-decoration: none;
	border-bottom: 1px solid #7F7F7F;
}
 
#content cite a:hover {
	color: #537D7C;
	border-bottom: 1px solid #7EBDBB;
}
 
#content ul, #content ol {
	font-size: 1.5em;
	color: #5D5D5D;
	-webkit-text-stroke: 1px transparent;
	line-height: 140%;
	text-align: justify;
	margin: 0 0 12px 30px;
	text-shadow: 0 1px 0 #FBFBFB;
}
 
#content ul a, #content ol a {
	color: #323232;
	text-decoration: none;
	border-bottom: 1px solid #7F7F7F;
}
 
#content ul a:hover, #content ol a:hover {
	color: #537D7C;
	border-bottom: 1px solid #7EBDBB;
}
 
 
 
#content img {
	width: 478px;
	border: 1px solid #999;
	min-height: 50px;
	margin: 30px 0 30px 0;
}
 
#moreaboutme {
	position: relative;
	top: 0; left: 50%;
	margin-left: -328px;
	width: 655px;
	height: 307px;
	background: url(images/me.png) transparent no-repeat;
}
 
 
#content-me {
	width: 480px;
	position: relative;
	left: 50%; top: 0;
	margin-left: -240px;
	text-shadow: 0 1px 0 #FBFBFB;
}
 
 
 
#content-me p {
	font-size: 1.5em;
	color: #5D5D5D;
	-webkit-text-stroke: 1px transparent;
	line-height: 140%;
	text-align: justify;
	margin: 0 0 12px 0;
}
 
#content-me p a {
	color: #323232;
	text-decoration: none;
	border-bottom: 1px solid #7F7F7F;
}
 
#content-me p a:hover {
	color: #537D7C;
	border-bottom: 1px solid #7EBDBB;
}
 
#content-me ul {
	font-size: 1.5em;
	color: #5D5D5D;
	-webkit-text-stroke: 1px transparent;
	line-height: 140%;
	text-align: justify;
	margin: 0 0 12px 25px;
}
 
#content-me ul a {
	color: #323232;
	text-decoration: none;
}
 
#content-me ul a:hover {
	color: #537D7C;
}
 
 
 
 
 
 
#links {
	width: 480px;
	position: relative;
	left: 50%; top: 0;
	margin-left: -240px;
	text-shadow: 0 1px 0 #FBFBFB;
}
 
#links p {
	font-size: 1.5em;
	color: #5D5D5D;
	-webkit-text-stroke: 1px transparent;
	line-height: 140%;
	text-align: justify;
	margin: 0 0 12px 0;
}
 
#links p a {
	color: #323232;
	text-decoration: none;
	border-bottom: 1px solid #7F7F7F;
}
 
#links p a:hover {
	color: #537D7C;
	border-bottom: 1px solid #7EBDBB;
}
 
#links ul {
	font-size: 1.5em;
	color: #5D5D5D;
	-webkit-text-stroke: 1px transparent;
	line-height: 140%;
	text-align: justify;
	margin: 0 0 12px 25px;
}
 
#links ul a {
	color: #323232;
	text-decoration: none;
}
 
#links ul a:hover {
	color: #537D7C;
}
 
 
 
 
 
#footer {
	width: 480px;
	position: relative;
	left: 50%; top: 0;
	margin-left: -240px;
	text-shadow: 0 1px 0 #FBFBFB;
	text-align: center;
	text-shadow: 0 1px 0 #FFF;
}
 
#footer p {
	font-size: 1.1em;
	color: #7D7D7D;
	-webkit-text-stroke: 1px transparent;
	margin: 2px 0;
}
 
#footer address {
	font-size: 1.2em;
	color: #7D7D7D;
	-webkit-text-stroke: 1px transparent;
	margin: 2px 0;
}
 
#footer p a {
	color: #7D7D7D;
	text-decoration: none;
	border-bottom: 1px solid #B8B8B8;
}
 
#footer p a:hover {
	color: #7D7D7D;
	border-bottom: 1px solid #7EBDBB;
}
 
#links ul a[href*="twitter"] {
	background: url(images/socialstalking/twitter.png) transparent no-repeat;
	padding-left: 30px;
}
 
#links ul a[href*="facebook"] {
	background: url(images/socialstalking/facebook.png) transparent no-repeat;
	padding-left: 30px;
}
 
#links ul a[href*="lastfm"] {
	background: url(images/socialstalking/lastfm.png) transparent no-repeat;
	padding-left: 30px;
}
 
ul a[href*="webmasterpro"] {
	background: url(http://www.webmasterpro.de/favicon.ico) transparent no-repeat;
	padding-left: 20px;
}
 
#links ul a[href*="flickr"] {
	background: url(images/socialstalking/flickr.png) transparent no-repeat;
	padding-left: 30px;
}
 
#links ul a[href*="xing"] {
	background: url(images/socialstalking/xing.png) transparent no-repeat;
	padding-left: 30px;
}

#links ul a[href*="gowalla"] {
	background: url(images/socialstalking/gowalla.png) transparent no-repeat;
	padding-left: 30px;
}

#links ul a[href*="spreadshirt"] {
	background: url(images/socialstalking/spreadshirt.png) transparent no-repeat;
	padding-left: 30px;
}


 
ul a[href*="spreeblick"] {
	background: url(http://www.spreeblick.com/wp-content/themes/sb07/v090220133832/favicon.ico) transparent no-repeat;
	padding-left: 20px;
}
 
ul a[href*="piratenpartei"] {
	background: url(http://www.piratenpartei.de/custom/favicon.ico) transparent no-repeat;
	padding-left: 20px;
}
 
ul a[href*="hfg-karlsruhe"] {
	background: url(http://www.hfg-karlsruhe.de/sites/default/files/genesis_solaris_favicon.ico) transparent no-repeat;
	padding-left: 20px;
}
 
ul a[href*="faz.net"] {
	background: url(images/faz.png) transparent no-repeat;
	padding-left: 20px;
}
 
#links ul a[href*="ember"] {
	background: url(images/socialstalking/ember.png) transparent no-repeat;
	padding-left: 30px;
}
 
#links ul a[href*="google.com/profiles"] {
	background: url(images/socialstalking/buzz.png) transparent no-repeat;
	padding-left: 30px;
}
 
ul a[href*="ccc"] {
	background: url(http://www.ccc.de/favicon.ico) transparent no-repeat;
	padding-left: 20px;
}
 
ul a[href*="imgspark"] {
	background: url(images/imgspark.png) transparent no-repeat;
	padding-left: 20px;
}
 
ul a[href*="stijlroyal"] {
	background: url(http://www.stijlroyal.de/includes/gfx/favicon.ico) transparent no-repeat;
	padding-left: 20px;
}
 
#links ul a[href*="ffffound"] {
	background: url(images/socialstalking/ffffound.png) transparent no-repeat;
	padding-left: 30px;
}

#links ul a[href*="dribbble"] {
	background: url(images/socialstalking/dribbble.png) transparent no-repeat;
	padding-left: 30px;
}
 
#links ul a[href*="linkedin"] {
	background: url(images/socialstalking/linkedin.png) transparent no-repeat;
	padding-left: 30px;
}
 
#searchform {
	margin: 30px 0 20px 0;
}
 
.narrowcolumn h3 /* searchform */ {
	color: #767676;
}
 
#searchform div label {
	font-size: 1.5em;
	margin: 10px;
}
 
#searchform input#s {
	position: relative;
	top: -1px;
	height: 20px;
	font-size: 1.5;
	font-family: "Marker Felt","Neue Helvetica","Helvetica Neue".helvetica,arial,sans-serif;
	border: 1px solid #A8A8A8;
	-webkit-border-radius: 5px;
	width: 220px;
}
 
#searchform input#searchsubmit {
	height: 22px;
	width: 100px;
	background: #BDBDBD;
	font-size: 1.4em;
	text-shadow: 0 1px 0 #F8F8F8;
	border: 1px solid #A8A8A8;
	-webkit-border-radius: 5px;
}
 
#searchform input#searchsubmit:hover {
	cursor: pointer;
}
 
 
 
#links ul li {
	border-bottom: 1px solid #CFCFCF;
	padding: 7px 2px;
	margin-left: -26px;
	list-style: none;
}
 
#links ul li a {
	border-bottom: 0;
}
 
#links h4 {
	font-size: 1.7em;
	color: #7E7E7E;
	text-align: center;
	padding: 5px 30px;
	background: #D2D2D2;
	text-shadow: 0 1px 0 #EAEAEA;
	margin: 30px 0 15px 0;
	clear: both;
}
 
#content-me ul li {
	border-bottom: 1px solid #CFCFCF;
	padding: 7px 2px;
	margin-left: -26px;
	list-style: none;
}
 
#content-me ul li a {
	border-bottom: 0;
}
 
#content-me h4 {
	font-size: 1.7em;
	color: #7E7E7E;
	text-align: center;
	padding: 4px 30px;
	background: #D2D2D2;
	text-shadow: 0 1px 0 #EAEAEA;
	margin: 30px 0 15px 0;
}
 
#post-navigation #arrow-back a {
	float: left;
	margin: 0 auto 50px auto;
	text-indent: -9999px;
	display: block;
	width: 105px;
	height: 25px;
	background: url(images/back-btn.png) transparent 0 0 no-repeat;
}
 
#post-navigation #arrow-back a:hover {
	background: url(images/back-btn.png) transparent 0 -25px no-repeat;
}
 
#post-navigation #arrow-back a:active {
	background: url(images/back-btn.png) transparent 0 -50px no-repeat;
}
 
 
#post-navigation #arrow-forward a {
	margin: 0 auto 50px auto;
	float: right;
	text-indent: -9999px;
	display: block;
	width: 105px;
	height: 25px;
	background: url(images/forward-btn.png) transparent 0 0 no-repeat;
}
 
#post-navigation #arrow-forward a:hover {
	background: url(images/forward-btn.png) transparent 0 -25px no-repeat;
}
 
#post-navigation #arrow-forward a:active {
	background: url(images/forward-btn.png) transparent 0 -50px no-repeat;
}
 
 
.donate-btn input {
	position: relative;
	left: 40%;
	width: 92px;
	margin: 15px -46px 10px 0;
	text-align: center;
}
 
a.vcard-btn {
	margin: 50px auto 50px auto;
	text-indent: -9999px;
	display: block;
	width: 148px;
	height: 25px;
	background: url(images/download-vcard-btn.png) transparent 0 0 no-repeat;
	border-bottom: 0 !important;
}
 
a.vcard-btn:hover {
	border-bottom: 0 !important;
}
 
a.vcard-btn:active {
	background: url(images/download-vcard-btn.png) transparent 0 -25px no-repeat;
}
 
 
.content-me img {
	float: left;
	margin: 5px auto 20px auto;
}
 
#content address {
	font-size: 1.5em;
	color: #5D5D5D;
	-webkit-text-stroke: 1px transparent;
	line-height: 140%;   
	font-weight: normal;
	font-size: 1.1em;
}
 
 
 
.share-that-post {
	width: 338px;
	height: 37px;
	background: url(images/share-bg.png) center center transparent no-repeat;
	margin: 10px auto 30px auto;
	padding: 14px 0 0 12px;
}
 
.share-on-twitter {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 106px;
	height: 25px;
	background: url(images/share-on-twitter.png) transparent no-repeat;       
}
 
.share-on-facebook {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 118px;
	height: 25px;
	background: url(images/share-on-facebook.png) transparent no-repeat;       
}
 
.share-on-buzz {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 95px;
	height: 25px;
	background: url(images/share-on-buzz.png) transparent no-repeat;       
}
 
.share-on-twitter:hover {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 106px;
	height: 25px;
	background: url(images/share-on-twitter.png) 0 -50px transparent no-repeat;       
}
 
.share-on-facebook:hover {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 118px;
	height: 25px;
	background: url(images/share-on-facebook.png) 0 -50px transparent no-repeat;       
}
 
.share-on-buzz:hover {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 95px;
	height: 25px;
	background: url(images/share-on-buzz.png) 0 -50px transparent no-repeat;       
}
 
.share-on-twitter:active {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 106px;
	height: 25px;
	background: url(images/share-on-twitter.png) 0 -25px transparent no-repeat;       
}
 
.share-on-facebook:active {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 118px;
	height: 25px;
	background: url(images/share-on-facebook.png) 0 -25px transparent no-repeat;       
}
 
.share-on-buzz:active {
	text-indent: -9999px;
	margin-right: 4px;
	float: left;
	display: block;
	width: 95px;
	height: 25px;
	background: url(images/share-on-buzz.png) 0 -25px transparent no-repeat;       
}
 
#go-back-to-top {
	display: block; 
	width: 100px; 
	height: 100px; 
	position: fixed; 
	bottom: -40px; 
	right: -40px; 
	background: url(images/to_top-link.png) transparent no-repeat; 
	text-indent: -9999px;  
}
 
code {
	font-family: monaco, "Courier New", courier, monospace;
	font-size: 0.9em;
	color: #533C6B;
}
 
.amp {
	font-family: "Baskerville";
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
}
 
pre {
	font-family: monaco, "Courier New", courier, monospace;
	font-size: 1.4em;
	background: url(images/code-bg.png) #F0F0F0 repeat-y;
	overflow-x: scroll;
	border: 1px solid #CFCFCF;
	margin: 15px 0;
	display: block;
	padding: 12px 6px;
	text-align: left;
	color: #74667D;
}
 
 
#bookmark-rss {
	position: absolute;
	top: 0;
	left: 27px;
	display: block;
	width: 50px;
	height: 90px;
	text-indent: -9999px;
	z-index: 99;
}
 
#bookmark-rss:hover {
	background: url(images/rss-icon.png) 8px 17px transparent no-repeat;
}
 
 
 
 
 
 
#categories {
	width: 450px;
	margin: 20px 0 100px 0;
	padding: 15px;
	font-size: 1.0em;
	clear: both;
	float: none;
	font-family:"Lucida Grande", lucida, "Neue Helvetica", "Helvetica Neue", helvetica, georgia, arial, sans-serif, serif;
	text-align: justify;
	line-height: 150%;
	background: #D8D8D8;
	display: block;
	text-shadow: 0 1px 0 #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	color: #558886;
}
 
#categories a, #categories a:link, #categories a:active, #categories a:visited {
	color: #888;
	text-decoration: none;
}
 
#categories a:hover {
	 -webkit-transform: rotate(10deg) !important;
	text-decoration: underline;
}
 
#categories br {
	visibility: hidden;
	display: none;
}
 
 
 
 
 del {
	text-shadow: 0 0 0 transparent;
	color: #BEBEBE;
}


.shareon {
	display: inline-block;
	padding: 4px 9px;
	border: 1px solid #787878;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Lucida Grande";
	font-size: 8pt;
	color: #217A69;
	font-weight: bold;
	text-decoration: none;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), color-stop(0.1, rgb(235, 235, 235)), to(rgb(210, 210, 210)));
	background: -moz-linear-gradient(-90deg, #fff, #ebebeb 10%, #d2d2d2);
	text-shadow: 0 1px 0 #F2F2F2;
	-webkit-box-shadow: 0 2px 3px #C8C8C8;
	-moz-box-shadow: 0 2px 3px #C8C8C8;
	box-shadow: 0 2px 3px #C8C8C8;
}

.shareon:hover {
	background: -moz-linear-gradient(-90deg, #fff, #eee 10%, #d7d7d7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), color-stop(0.1, rgb(238, 238, 238)), to(rgb(215, 215, 215)));
}

.shareon:active {
	background: -moz-linear-gradient(-90deg, #aaa, #d2d2d2 30%, #d7d7d7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(170, 170, 170)), color-stop(0.3, rgb(210, 210, 210)), to(rgb(215, 215, 215)));
	text-shadow: 0 1px 0 #E6E6E6;
	-webkit-box-shadow: 0 1px 0 #F4F4F4;
	-moz-box-shadow: 0 1px 0 #F4F4F4;
	box-shadow: 0 1px 0 #F4F4F4;
}
	
#shareon {
	text-align: center;
	margin: 0 auto;
	position: relative;
	left: 56px;
	display: inline-block;
	padding: 5px;
	border: 1px solid #BEBEBE;
	-webkit-border-radius: 8px;		
	-webkit-box-shadow: 0 0 2px #fff;		
	-moz-border-radius: 8px;		
	-moz-box-shadow: 0 0 2px #fff;		
	border-radius: 8px;
	box-shadow: 0 0 2px #fff;
}

#ss1 {
	width: 210px;
	display: block;
	float: left;
	height: 240px;
}

#ss2 {
	position: relative;
	left: 10px;
	width: 210px;
	display: block;
	float: left;
	margin-bottom: 40px;
}

iframe {
	margin: 20px auto; 
	display: block; 
	background: #fff; 
	height: 20px; 
	width: 150px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; padding: 5px;
}