/*
Theme Name: im.wordpress.com
Version: 2.0
Author: Hugo Baeta, and Automattic
Author URI: http://automattic.com/
Description: Template for the Real Time Blogs by WordPress.com website.
*/

/* @group HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* @end HTML5 display definitions */

/* @group Base & normalizations */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; color: #efefef; line-height: 1.3; background: #e9eff3; }
body, button, input, select, textarea { font-family: "Noto Serif", Georgia, Times, serif; font-weight: 400; color: #2e4453; }
::-moz-selection { background: #0087be; color: #fff; text-shadow: none; }
::selection { background: #0087be; color: #fff; text-shadow: none; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }
/* @end Base & normalizations */

/* @group Links */
a { color: #0087be; text-decoration: none; }
a:visited { color: #0087be; text-decoration: none; }
a:hover, a:active { color: #33bbe3; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* @end Links */

/* @group Typography */
abbr[title] { border-bottom: 1px dotted; }
strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
h1, h2, h3, h4 { "Noto Serif", Georgia, Times, serif;font-weight: 700; margin: 0 0 .5em; }
h2 { font-size: 26px; }
h3 { font-size: 18px; }
p { margin: 0 0 1em;line-height: 1.6; }
body.typekit-enabled h2, body.typekit-enabled h3 { "Noto Serif", Georgia, Times, serif;; font-weight: 700; }
body.typekit-enabled p { "Noto Serif", Georgia, Times, serif; font-weight: 300; }
body.typekit-enabled #content p { font-size: 20px; }
body.typekit-enabled #secondary p { font-size: 18px; }
/* @end Typography */

#page { max-width: 560px; margin: 30px auto; }

//header hgroup { width: 380px; height: 160px; margin: 0 auto 20px; background: transparent url(images/imwpcom-sprite.png) no-repeat 0 0; }
//header hgroup h1, header hgroup h2 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
header hgroup { text-align: center;padding: 0 10px; }
header hgroup .radio-tower { width: 100px; height: 100px; margin: 10px auto 25px;  }
header hgroup #site-title { font-size: 3em;font-weight: 700;text-align: center;margin: 0 0 0.25em; }
header hgroup #site-description { display: inline-block; }
header hgroup .subhead { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 14px; color: #668eaa; text-align: center; margin-bottom: 40px;-webkit-font-smoothing: antialiased; }
header hgroup .subhead a { text-decoration: none; }
header hgroup .subhead .wplogo { height: 22px; width: auto; position: relative;top: 6px; padding-right: 15px;margin-right: 15px;border-right: 1px solid #c8d7e1; }
header #radio, #main { margin-bottom: 30px; overflow: hidden; }
header #radio { width: 560px; height: 80px; background: transparent url(images/radio-background.svg) no-repeat 0 0; }
header #radio #mark { position: relative; top: 0; left: 375px; width: 20px; height: 80px; background: transparent url(images/radio-marker.svg) no-repeat 0 0; }

#main { background: #FFF; color: #2e4453; }
#content { font-size: 18px; padding: 40px 30px 30px; border-bottom: 1px solid #f9f9f9; }
#content h2 { color: #2e4453; }
#content h2:not( :first-child ) { margin-top: 30px; }

#getstarted { width: 100%;padding: 25px 0 10px; }
#imclients { width: 100%;margin-top: 25px; }
#imclients ul, #imclients li { list-style: none; margin: 0; padding: 0; }
#imclients li { border-bottom: 1px solid #f3f6f8; padding: 0 0 0 35px; margin: 10px 0 0; min-height: 35px; }
#imclients li p { display: none; }
#imclients li:last-child { border-bottom: 0 none; }
#imclients h3 { margin: 5px 0 0; position: relative; font-weight: 400; }
#imclients h3 span { position: absolute; top: 0; right: 0; width: 60px; height: 20px; text-indent: -9999px; background: transparent url(images/imwpcom-sprite.png) no-repeat 0px 0px;background-size: 290px 80px; }
#imclients #adium h3 span, #imclients #ichat h3 span { background-position: 0px 0px; width: 20px; }

#imclients h3:before {
	width: 25px; height: 25px; overflow: hidden;
	background-image: url(images/imwpcom-sprite.png);
	background-size: 290px 80px;
	display: block; position: absolute;
	left: -35px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; content: "";}
#imclients #adium h3:before { background-position: -190px -25px; }
#imclients #pidgin h3:before { background-position: -215px -25px; }
#imclients #ichat h3:before { background-position: -240px -25px; }
#imclients #psi h3:before { background-position: -265px -25px; }

#secondary #imclients p { margin: 0; font-size: 14px;}
#imclients p a { color: #2e4453; text-decoration: none; }
#imclients p a:hover { color: #2e4453; }

footer { text-align: center; color: #87a6bc; text-transform: uppercase; font-size: 12px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; line-height: 0.7; }
footer a { text-decoration: none; }
footer a .automattic-logo { height: 10px; width: 125px; margin: 0 5px; }

.button {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	color: #FFF;
	background: #00AADC;
	border-color: #0087BE;
	border-style: solid;
	border-width: 1px 1px 2px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 15px 0 0;
	outline: 0;
	overflow: hidden;
	font-weight: 600;
	text-overflow: ellipsis;
	text-decoration: none;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	line-height: 21px;
	border-radius: 4px;
	padding: 14px 14px 14px;
	-webkit-appearance: none;
	appearance: none;
	text-shadow: none;
}

.button:visited {
	color: #FFF;
}

.button:hover {
	background: #00AADC;
	border-color: #005082;
	color: #FFF;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.button:focus {
	border-color: #005082;
	box-shadow: 0 0 0 2px #78DCFA;
}

@media screen and (max-width: 560px) {
	#radio { display: none; }
}