/* 
	styles.css - custom styles for the skin's Page templates
	
*/

/************** About page */

#about-page {
	margin:10px 10%;
}
#about-page .author {
	float:left;
	display:inline;
	margin:10px 30px 10px 0;
	max-width:40%;
}
#about-page .author img {
	max-width:100%;
}
#about-page .texts {
	overflow:hidden;
}
#about-page .texts p {
	line-height:1.5em;
}

/************** Sitemap page */

#sitemap-page {
	margin:0 20px;
	padding-left:100px;
}

#sitemap-page .sitemap {
	font-size:120%;
}

#sitemap-page .sitemap ul {
	padding-left:2em;
}

#sitemap-page .sitemap li {
	padding:0.5em 0;
}
#sitemap-page .sitemap li small {
	margin-top:0.5em;
	display:block;
}

/************** Contact page */

#contact-page {
	margin:10px 10px 10px 60px;
}
#contact-page .theme {
	float:right;
	display:inline;
	margin:0 0 10px 20px;
	max-width:40%;
}
#contact-page .theme img {
	max-width:100%;
}
#contact-page .texts {
	overflow:hidden;
}
#contact-page .texts blockquote {
	font-size:80%;
	line-height:1.5em;
	padding-left:12px;
	border-left:10px solid rgba(255,255,255,0.1);
}
#contact-page .texts > div {
	font-size:120%;
	padding:15px 5px;
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(0,0,0,0.2);
}
#contact-page .texts blockquote,
#contact-page .texts a {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}
#contact-page .texts a {
	font-size:80%;
	padding:5px 5px 5px 26px;
	line-height:14px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-color:rgba(255,255,255,0.1);
	background-image:url(share.png);
	background-repeat:no-repeat;
}
#contact-page .facebook a { background-position:0 -24px; }
#contact-page .twitter a { background-position:0 -48px; }
#contact-page .digg a { background-position:0 -72px; }
#contact-page .myspace a { background-position:0 -96px; }
#contact-page .delicious a { background-position:0 -120px; }
#contact-page .stumbleupon a { background-position:0 -144px; }
#contact-page .email a { background-position:0 -168px; }
#contact-page .reddit a { background-position:0 -192px; }
#contact-page .tumblr a { background-position:0 -216px; }
#contact-page .flickr a { background-position:0 -240px; }
#contact-page .foursquare a { background-position:0 -264px; }
#contact-page .google a { background-position:0 -288px; }
#contact-page .linkedin a { background-position:0 -312px; }
#contact-page .picasa a { background-position:0 -336px; }
#contact-page .skype a { background-position:0 -360px; }
#contact-page .vimeo a { background-position:0 -384px; }
#contact-page .youtube a { background-position:0 -408px; }
#contact-page .phone a { background-position:0 -432px; }
#contact-page .jalbum a { background-position:0 -456px; }

