@charset "UTF-8";

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto Light", "Roboto", sans-serif;
	font-size: 1em;
	background-color:#EEEEEE;
	color: #777777;
}
h1, h2, h3, h4, h5, h6 {
	color: black;
	text-decoration: none;
	font-weight: normal;
}
b, strong {
	font-family: "Helvetica Neue", "HelveticaNeue", "Roboto", sans-serif;
	font-weight: normal;
	color: #000000;
}
.left, .alignleft {
	float: left;
}
.clear {
	clear: both;
}
#contactInfo a, #contactInfo a:hover, #contactInfo a:visited {
	color: #666666;
	text-decoration: none;
}
blockquote {
	margin: 1em 50px;
	background-color: #FAFAFA;
	box-shadow: 2px 2px 5px #999;
	padding: 18px 40px 1px 40px;
	text-align: justify;
	font-style: italic;
}


/* Mobile Layout: 480px and below. */


header {
	clear: both;
	min-height: 56px;
	background-color: #CFCFCF;
	box-shadow: 0px 0px 10px #050505;
	width: 100%;
	min-width: 320px;
	display: block;
	padding-top: 12px;
}
.ie8 header {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=2);
}
footer {
	border-top: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	clear: both;
	box-shadow: 0px 2px 8px #666666;
	padding: 20px 8% 10px 8%;
}
.ie8 footer {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=45,strength=2);
}
.social {
	display: inline-block;
	padding: 0 0 0 4px;
}
.social img {
	height: 16px;
}
#heading {
	text-align: center;
	font-size: 1.2em;
}
#menu {
	text-align: center;
	font-size: 1.4em;
	padding: 10px 0 10px 0;
}
#menu span {
	padding: 0 3%;
}
#menu a, #menu a:visited, #menu a:hover {
	text-decoration: none;
	color: #555;
}
#socialLinks {
	display: none;
}
.spacer {
	width: 0px;
	height: 0px;
}
article {
	padding: 0 15px 0 15px;
}
article h1 {
	padding: 20px 0 0 0;
}
article h2 {
	font-size: 1.3em;
}
article .meta {
	margin: 0.8em 0;
}
article img {
	float: left;
	padding: 0 10px 0 0;
}
article .commentlist {
	list-style-type: none;
	padding: 0 0 0 10px;
}
article .comment {
	background-color: #F4F4F4;
	margin: 10px 0 10px 0;
	padding: 10px;
}
article h3#comments {
	padding-top: 20px;
}
article .page {
	margin: 15px 10px 10px 0;
}
article h2, article h3, .articleContent h2, .articleContent h3 {
	text-decoration: none;
	font-weight: normal;
	margin: 20px 0 4px 0;
}
.aligncenter {
	float: none;
}
pre {
	background-color: #222;
	color: #eee;
	padding: 10px;
	font-size: 0.9em;
}
.author-entry {
	margin: 0 0 15px 0;
	font-style: italic;
	font-size: 0.9em;
}
.ie6 .author-entry span, .ie6 .author-entry div, .ie6 .author-entry a, .ie6 .author-entry time {
	float: left;
}
.articleImg {
	float: left;
	margin: 5px 8px 0 0;
}
.ie6 .wp-post-image {
	clear: both;
}
#articlesTop {
	width: 100%;
	margin: 5px 0 10px 0;
}
#articlesBottom {
	width: 100%;
	margin: 5px 0 10px 0;
}
.a1, .a2 {
	padding: 20px;
}
.aEven, .aOdd {
	padding: 20px;
	margin: 10px 0;
}
.ad {
	text-align: center;
	margin: 5px 0;
	padding: 5px;
}
#respond textarea#comment {
	width: 98%;
}
.tile, article {
	/**width: 88%;**/
	display: block;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 5px #666666;
}
.ie8 .tile, .ie8 article {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=2),
            progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=2);
}
.full {
	padding: 10px 3% 16px 3%;
	margin: 10px 0;
}
.tile a, .tile a:visited, article a, article a:visited {
	color: #777777;
}
.tile a, .tile a:visited {
	text-decoration: none;
}
.tile .iDesc {
	font-size: 1.2em;
}
.tilePic {
	float: left;
	margin: 0 20px 0 0;
}
.tile .meta a, article .meta a {
	text-decoration: underline;
}
#faq {
	font-size: 0.9em;
	margin: 5px 0 0 0;
}
.faqSep h3, .faqSep p {
	font-style: italic;
}
.meta{
	margin: 0 0 5px 20px;
}
.readmore {
	text-align: right;
	margin: 0 10px 10px 0;
}
.ad {
	text-align: center;
}
#content-sidebar {
	display: none;
	margin: 10px 1% 10px 1%;
}
.footerLinks {
	padding: 10px 0 55px 40%;
}
.footerLinks li {
	padding: 0 20px 0 0;
	float: left;
	list-style-type: none;
}
#intro {
	padding: 3%;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 1.4em;
}
.service {
	padding: 20px 3%;
}
.service img {
	float: left;
}
.service h2 {
	margin: 0 0 14px 50px;
}
.service h3 {
	font-size: 1.1em;
	margin-bottom: 5px;
}
.section {
	margin: 10px 0;
	padding: 5px 15px;
	overflow: hidden;
}
.portfolio .section div {
	text-align: center;
}
.section h2 {
	text-align: center;
}
.heading h1 {
	text-align: center;
	font-weight: normal;
	margin-top: 40px;
	padding: 10px;
	margin: 10px 0 10px 0;
	font-size: 1.5em;
}
.navigation {
	font-size: 1.4em;
	clear: both;
	margin: 10px;
	padding: 10px;
}
.navigation .nav-links {
	text-align: center;
}
.navigation .page-numbers {
	color: #999;
	padding: 3px;
}
.navigation .current {
	font-size: 1.4em;
}
.portfolio .section img {
        width: 274px;
        height: 172px;
        padding: 8px;
        border: solid 1px #CCCCCC;
}
.services .content img {
	margin-right: 20px;
}
.services .content {
	margin: 0 10px;
}
footer input, footer textarea {
	color: #999999;
}
#contactForm {
	margin-bottom: 40px;
}
#contactForm textarea {
	width: 264px;
}
#contactInfo img {
	margin: 0 20px 0 10px;
	width: 20px;
	height: 20px;
}
.siteCopy {
	text-align: center;
	font-size: 0.8em;

}
.page {
	padding: 50px;
}
.page h1 {
	text-align: center;
	padding: 20px 0;
}
.page h2, .page h3 {
	text-decoration: none;
}
#relatedPosts {
	overflow: hidden;
}
#relatedPosts div {
	width: 140px;
	overflow: hidden;
	float: left;
	text-align: center;
	white-space: nowrap;
}
#relatedPosts div h6 {
	margin: 8px 0 3px 0;
}
#relatedPosts div img {
	width: 120px;
	height: 80px;
	padding: 4px;
	border: solid 1px #CCCCCC;
	margin: 5px;
}

/* Tablet Layout: 481px to 767px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.portfolio .section div {
	padding: 0 40px;
}

}




/* Tablet Layout: 768px to 1023px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 768px) {

#main {
	max-width: 760px;
	margin: auto;
}
.ie #main {
	width: 760px;
}
.social {
	padding: 0 0 0 8px;
}
.social img {
	height: 18px;
}
#menu {
	float: left;
	display: block;
	font-size: 1.5em;
	overflow: hidden;
	width: 50%;
}
.ie6 #menu {
	width: 46%;
	padding: 10px 0;
	margin-left: 2%;
}
#menu span {
	padding: 0 3%;
	cursor: pointer;
}
#socialLinks {
	float: left;
	margin-left: 8%;
	display: block;
	overflow: hidden;
	width: 20%;
	padding-top: 4px;
}
.ie6 #socialLinks {
	width: 10%;
	margin-left: 7%;
}
#socialLinks span {
	float: left;
	padding: 3%;
}
#socialLinks span img {
	width: 25px;
}
#heading {
	float: left;
	margin-left: 2%;
	width: 20%;
	font-size: 1.5em;
}
.ie6 #heading {
	margin-left: 3%;
}
.services .content {
	margin: 10px 40px;
}
.consulting, .coaching, .coding {
	float: left;
	width: 26%;
	min-height: 310px;
}
.ie6 .consulting, .ie6 .coaching, .ie6 .coding {
	height: 310px;
}
.consulting {
	margin: 5px 1% 10px 0;
}
.coaching {
	margin: 5px 1% 10px 1%;
}
.coding {
	margin: 5px 0 10px 1%;
}
.ie6 .coaching {
	margin: 5px 0.8% 10px 0.8%;
}
.ie6 #intro {
	padding: 1%;
}
.faqSep {
	width: 48%;
	float: left;
	margin-left: 5px;
}
.faqFirst {
	margin-top: 40px;
}
#articlesTop {
	width: 100%;
	margin: 5px 10px 10px 0;
}
#articlesBottom {
	width: 100%;
	margin: 0 10px 10px 0;
}
#articlesTop .articleContent {
	padding: 0 20px;
}
.a1, .a2 {
	padding: 20px;
	margin: 5px 0 5px 0;
}
.aEven, .aOdd {
	padding: 20px;
	margin: 10px 0;
}
.portfolio .section img {
	width: 320px;
	height: 200px;
	margin: 15px;
	padding: 14px;
} 
#contactForm {
	float: left;
}
#contactInfo {
	margin: 80px 0 20px 400px;
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1024px) {

#main {
	max-width: 1020px;
	margin: auto;
}
.ie6 #main {
	width: 1020px;
}
.consulting, .coaching, .coding {
	min-height: 240px;
}
.ie6 .consulting {
	margin: 5px 9px 10px 0;
	padding: 20px 20px;
	height: 250px;
	width: 288px;
}
.ie6 .coaching {
	margin: 5px 9px 10px 9px;
	padding: 20px 20px;
	height: 250px;
	width: 288px;
}
.ie6 .coding {
	margin: 5px 0 10px 9px;
	padding: 20px 20px;
	height: 250px;
	width: 288px;
}
article {
	padding: 0 15px;
	margin: 15px 5px 10px 0;
	width: 660px;
	float: left;
}
article h1 {
	margin: 30px 0 4px 0;
	text-align: center;
	font-size: 1.6em;
}
article h2 {
	font-size: 1.4em;
}
article h3 {
	margin: 5px 0;
}
article .author-entry {
	text-align: center;
	padding: 4px 0 30px 0;
}
article p {
	margin: 2px 0 25px 0;
}
footer {
	width: 94%;
	max-width: none;
	padding-left: 3%;
	padding-right: 3%;
	margin: auto;
}
#heading img {
	height: 46px;
}
#intro {
	font-size: 1.6em;
}
#articlesTop {
	float: left;
	width: 684px;
	margin: 15px 10px 0 0;
}
#articlesTop .articleContent {
	min-height: 300px;
	overflow: hidden;
}
.ie6 #articlesTop .articleContent {
	height: 300px;
}
#articlesBottom {
	float: left;
	width: 1020px;
	font-size: 0.8em;
}
#articlesBottom .articleContent {
	min-height: 240px;
	overflow: hidden;
}
.ie6 #articlesBottom .articleContent {
	height: 240px;
}
.a1, .a2 {
	min-height: 355px;
}
.aOdd {
	margin: 5px 5px 5px 0;
}
.aEven {
	margin: 5px 0 5px 5px;
}
.aEven, .aOdd {
	float: left;
	width: 465px;
	min-height: 324px;
	padding: 10px 20px;
}
nav {
	margin: 0 0 30px 0;
}
nav p {
	float: left;
	width: 50%;
	font-size: 0.9em;
	margin: 20px 0;
}
nav p#prevLink {
	text-align: left;
}
nav p#nextLink {
	text-align: right;
}
#content-sidebar {
	display: block;
	width: 320px;
	float: left;
	margin: 15px 0 5px 5px;
	min-height: 854px;
}
.widget {
	padding: 20px;
	margin: 10px 0;
}
.widget p {
	padding-left: 10px;
	text-align: justify;
}
#ad {
	margin: 0 0 10px 0;
	padding: 10px 5px;
	text-align: center;
}
#search {
	border-bottom: solid 1px #DDD;
	padding: 20px 0 40px 20px;
}
#search input {
	margin: 0 10px;
}
#search img {
	padding-bottom: 5p;
	cursor: pointer;
}
#content-sidebar #comments {
	padding: 20px;
	margin-top: 10px;
	overflow: hidden;
	height: 514px;
	width: 280px;
}
.ie6 #content-sidebar #comments {
	height: 602px;
}
#comments ul {
	list-style-type: none;
	padding-left: 5px;
}
#comments li {
	font-size: 0.9em;
	padding-bottom: 8px;
	font-style: italic;
}
#comments li p {
	margin: 3px 0 5px 0;
}
#about {
	float: left;
	width: 30%;
	margin: 0 2% 20px 2%;
}
#contactForm {
	margin: 0 2%;
	width: 30%;
}
#contactInfo {
	margin: 50px 0 20px 2%;
	width: 30%;
	float: left;
}
.siteCopy {
	padding-top: 20px;
}
.heading h1 {
	margin: 40px 0 10px 0;
	font-size: 2em;
}
.services .content {
	margin: 10px 100px;
}
.section {
	margin: 10px 0;
	padding: 40px 0;
	overflow: hidden;
}
.portfolio .section .content {
	width: 500px;
}
.portfolio .section .thumb {
	width: 400px;
}
.section h2 {
	margin-top: 0;
}
.portfolio .section div {
	float: left;
	padding: 0 0 0 40px;
}
.section .odd img {
	margin-right: 30px;
}
.section .even img {
	margin-left: 30px;
}
#page-1331 h3 {
	float: left;
}
#page-1331 p {
	clear: both;
}
#page-1331 p.fromTo {
	float: left;
	margin: 20px 0 0 30px;
	clear: none;
}

}
