/* @override 
	http://www.applicomhq.com/sites/www.applicomhq.com/themes/applicomhq/style.css?D */

/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */

/* @group HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/* @end */

/* @group Base */
body {
	color: #333;
	font: 10.5pt/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #222;
	margin: 0;
}

h1 {
	color: #003e5e;
	font-size: 16.5pt;
}
h2 {
	color: #666;
	font-size: 14pt;
}
a {
	color: #003e5e;
	text-decoration: none;
	-webkit-transition-duration: 200ms;
}
a:active {
	color: #000;
}
/* @end */

/* @group Basic layout columns */
aside.sidebar {
	float: right;
	width: 280px; /* 320 */
	padding: 0 20px;
}
section.content {
	width: 590px; /* = 640-padding-(10px because of IE6) */
	padding: 0 20px;
}
/* @end */

/* @group Classes */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	#display: inline-block;
	_height: 1px;
}
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
/* @end */

/* @group Drupal CSS overrides */
.profile,
.node-form .standard {
	clear: none;
}
/* @end */

/* @group Header */
header {
	height: 62px;
	margin-bottom: -1px;
	background: url("img/bg.png") repeat-x top center;
}
header .inner {
	width: 920px;
	margin: 0 auto;
	padding: 10px 20px;
}
header h1, header h2 {
	margin: 0;
	height: 41px;
}
header h1 a, header h2 a {
	display: block;
	height: 100%;
	text-indent: -1000em;
	overflow: hidden;
	outline: none;
	-webkit-transition-duration: 0;
}
header h1 {
	float: left;
	width: 171px;
	left: 20px;
}
header h1 a {
	background: url("img/header-logo.gif");
}
header h1 a:active {
	background-position: bottom left;
}
header h2 {
	float: right;
	width: 174px;
	right: 20px;
}
header h2 a {
	background-image: url("img/header-backhome.gif");
}
header h2 a:active {
	background-position: bottom left;
}
/* @end */


/* @group Content */
#content {
	background-color: #fff;
}
#content .inner {
	margin: 0 auto;
	width: 960px;
	padding: 40px 0;
}
/* @end */

/* @group Blog posts */
.node {
	margin-bottom: 30px;
}
.node .header {
	position: relative;
	margin-left: 64px;
}
.node .header .date {
	width: 48px;
	height: 49px;
	position: absolute;
	left: -64px;
	top: 0;
	background: url("img/post-datebg.gif");
	color: #003e5e;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.node .header .date .month {
	display: block;
	margin-top: 4px;
	margin-bottom: -3px
}
.node .header .date .day {
	display: block;
	font-size: 160%;
}
.node .header h1 {
	margin: 0;
	padding-top: 0.25em;
	font-size: 18pt;
}
html.cufon-active .node .header h1 {
	margin-top: 0.2em;
}
.node .header p {
	margin: 0.25em 0 0 0;
	font-size: 9pt;
	color: #888;
}
html.cufon-active .node .header p {
	margin-top: 0;
}
.node .header p a {
	color: #888;
	font-weight: bold;
}
.node .header p a:active {
	color: #333;
}
.node .header p .comments a {
	margin-left: 1em;
	padding-left: 21px;
	background: url("img/post-comments.gif") no-repeat;
}

.node .body {
	padding: 10px 0;
}
.node .body img {
	display: block;
	width: 580px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.node .body blockquote {
	font-family: "Times New Roman", "Times", serif;
	color: #666;
	font-style: italic;
	font-size: 12pt;
	line-height: 1.5em;
	border-left: 2px solid #edf4f8;
	margin-left: 1.5em;
	padding-left: 1.5em;
}
/* @end */

/* @group Comments */
#comments h1 {
	letter-spacing: -1px;
	margin-bottom: 0.75em;
	text-transform: uppercase;
	font-size: 13.5pt;
	text-shadow: 0 1px 0 #fff;
}
#comments .comment {
	padding: 1em;
	border-bottom: 1px solid #eee;
}
#comments .comment h3 {
	margin: 0;
	font-size: 11pt;
	line-height: 1.5em;
	color: #666;
}
#comments .comment h3 span {
	margin-left: 0.5em;
	color: #ccc;
	font-weight: normal;
}
#comments .comment p {
	margin: 0.5em 0 0;
	font-size: 9pt;
}

/* Form */
#comments h2 {
	font-size: 13pt;
	margin-bottom: 1em;
}
#comments div.grippie,
#comments ul.tips,
#comments #comment-form p,
#comments #edit-preview,
#comments #edit-comment-wrapper label,
#comments .form-item span.form-required,
#comments fieldset.captcha legend {
	display: none; /* Hide unneded */
}
#comments fieldset.captcha {
	padding: 0;
	border: 0;
}
#comments #edit-comment-wrapper textarea {
	height: 10em;
}
/* @end */

/* @group Feed + Follow links */
a#feed,
a#follow {
	display: block;
	padding: 15px 15px 12px 65px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 1em;
	background-color: #f9f9f9;
	background-repeat: no-repeat;
	background-position: 15px 15px;
	text-shadow: 0 1px 0 #fff;
}
a#feed {
	background-image: url("img/icon-feed.png");
}
a#follow {
	background-image: url("img/icon-twitter.png");
}
a#feed:hover,
a#follow:hover {
	background-color: #feb !important;
}
a#feed:active,
a#follow:active {
	background-color: #f2f2f2;
}
a#feed h1,
a#follow h1 {
	margin: 0;
	font-size: 12pt;
	line-height: 1.5em;
	color: #666;
}
html.cufon-active a#feed h1,
html.cufon-active a#follow h1 {
	margin-top: -0.2em;
	font-size: 13pt;
}
a#feed p,
a#follow p {
	margin: 0;
	color: #666;
	font-size: 9pt;
	line-height: 1.5em;
}
/* @end */

/* @group Pre footer */
#prefooter {
	/*background: #eee url("img/separator-large.png") no-repeat bottom center;*/
	background: #eee;
	text-shadow: 0 1px 0 #fff;
}
#prefooter .inner {
	margin: 0 auto;
	width: 920px;
	padding: 20px;
}
/* @end */

/* @group Footer */
footer {
	clear: both;
	color: #666;
	font-size: 9pt;
	line-height: 1.5em;
	background-color: #222;
}
footer .inner {
	width: 920px;
	margin: 0 auto;
	padding: 20px;
}
footer p {
	margin: 0;
	position: relative;
}
footer a {
	color: #666;
	position: absolute;
	right: 0;
}
footer a:hover {
	color: #ccc;
}
footer a:active {
	color: #666;
}
/* @end */



/* @group Home page */
body#home header h2 {
	width: 175px;
}
body#home header h2 a {
	background-image: url("img/header-readblog.gif");
}

/* @group Intro */
#intro {
	height: 183px;
	background: url("img/intro-bg.png") repeat-x top center;
}
#intro .inner {
	margin: 0 auto;
	width: 960px;
	height: 100%;
	background: url("img/home-intro.gif") no-repeat top center;
}
#intro .inner * {
	display: none;
}
#lastpost .node {
	padding: 0;
}
#about h1 {
	letter-spacing: -1px;
	margin-bottom: 0.75em;
	text-transform: uppercase;
	font-size: 13.5pt;
	text-shadow: 0 1px 0 #fff;
}
html.cufon-active #about h1 {
	font-size: 14pt;
}
#twitter {
	margin-top: -20px;
	padding-top: 10px;
	background: url("img/twitter-bird.gif") no-repeat 225px 17px;
}
#twitter h1 {
	margin-bottom: 0 0 0.75em;
	text-transform: uppercase;
	font-size: 13.5pt;
}
html.cufon-active #twitter h1 {
	font-size: 14pt;
}
#twitter ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#twitter ul li {
	line-height: 1.5em;
	position: relative;
	left: -2px;
	width: 284px;
	margin-bottom: 0.5em;
}
#twitter ul li .message {
	background: url("img/twitter-msgbg.gif");
	padding: 15px 12px 0;
	color: #777;
	font-family: serif;
	font-style: italic;
	font-size: 9pt;
	line-height: 1.5em;
}
#twitter ul li .user {
	min-height: 15px;
	background: url("img/twitter-msgbg.gif") no-repeat left -115px;
	padding: 18px 12px 0 51px;
	color: #999;
	font-size: 8pt;
}
#twitter ul li .user a {
	font-weight: bold;
	color: #999;
}
#twitter ul li .user a:active {
	color: #666;
}
/* @end */