/*
Theme Name: Gridder
Theme URI: http://jasonpbrown.com/
Description: Jason's personal theme.  HTML5'd and built to be accessed easily.
Version: 0.4a
Author: Jason P. Brown
Author URI: http://jasonpbrown.com/
Tags: grey, single column, custom pages, html5

	Gridder v0.4a
	http://jasonpbrown.com/

	This theme was designed and built by Jason P. Brown,
	whose blog you will find at http://jasonpbrown.com/

	The CSS, HTML and design is to released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'BitstreamVeraSansRoman';
	/*src: url('fonts/Vera.eot');*/
	src: local('Bitstream Vera Sans'), local('BitstreamVeraSans-Roman'), url('fonts/Vera.woff') format('woff'), url('fonts/Vera.ttf') format('truetype'), url('fonts/Vera.svg#BitstreamVeraSans-Roman') format('svg');
}
@font-face {
	font-family: 'BitstreamVeraSansBold';
	/*src: url('fonts/Vera-Bold.eot');*/
	src: local('Bitstream Vera Sans'), local('BitstreamVeraSans-Bold'), url('fonts/Vera-Bold.woff') format('woff'), url('fonts/Vera-Bold.ttf') format('truetype'), url('fonts/Vera-Bold.svg#BitstreamVeraSans-Bold') format('svg');
}
@font-face {
	font-family: 'BitstreamVeraSansOblique';
	/*src: url('fonts/Vera-Italic.eot');*/
	src: local('Bitstream Vera Sans'), local('BitstreamVeraSans-Oblique'), url('fonts/Vera-Italic.woff') format('woff'), url('fonts/Vera-Italic.ttf') format('truetype'), url('fonts/Vera-Italic.svg#BitstreamVeraSans-Oblique') format('svg');
}
@media screen {
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	-webkit-text-size-adjust: none;
	background: rgb(218,218,218) url(images/body-bg.png) repeat-y fixed top center;
}
/* Blocker */
section, header, nav, article, aside, footer {
	display: block;
}
/* Begin Header - Ends @ 133 */
header.site {
	margin: 0px auto;
	height: 360px;
	min-width: 320px;
	max-width: 600px;
}
body.home header.site {
	height: 360px;
}
a.to-content {
	display: inline-block;
	margin: auto;
	float: left;
	width: 33%;
	min-width: 110px;
	max-width: 200px;
	height: 30px;
	text-indent: -9999px;
}
header.site a.to-content {
	margin-top: 125px;
	background: transparent url(images/chevrons.png) no-repeat scroll right -30px;
}
body.home header.site a.to-content {
	margin-top: 125px;
}
header.site a.to-content:hover,
header.site a.to-content:focus{
	outline: none;
	background: transparent url(images/chevrons.png) no-repeat scroll right 0px;
}
header.site > h1 {
	clear: both;
	display: inline-block;
	float: left;
	width: 33%;
	min-width: 110px;
	max-width: 200px;
	height: 162px;
	margin-top: 20px;
}
header.site > h1 > a {
	display: block;
	text-indent: -9999px;
	float: right;
	width: 100px;
	height: 162px;
	background: transparent url(images/logos.png) no-repeat scroll right -162px;
}
header.site > h1 > a:hover,
header.site > h1 > a:focus {
	outline: none;
	background: transparent url(images/logos.png) no-repeat scroll right 0px;
}
header.site nav.jpb {
	display: inline-block;
	clear: both;
	text-align: left;
	width: 64%;
	min-width: 180px;
	max-width: 400px;
	margin-top: 292px;
}
body.home header.site nav.jpb {
	margin-top: 292px;
}
header.site nav.jpb ul {
	margin: 0px; padding: 0px;
}
header.site nav.jpb ul li {
	display: inline-block;
	height: 22px;
	float: left;
	margin: 0px; padding: 0px;
	list-style: none;
}
header.site nav.jpb ul li a {
	display: block;
	width: 66px;
	height: 30px;
	margin: auto;
	text-indent: -9999px;
}
#hl-profile {
	background: transparent url(images/prorescons.png) no-repeat left -30px;
}
#hl-profile:hover, #hl-profile:focus {
	outline: none;
	background: transparent url(images/prorescons.png) no-repeat left 0px;
}
#hl-resume {
	background: transparent url(images/prorescons.png) no-repeat left -90px;
}
#hl-resume:hover, #hl-resume:focus {
	outline: none;
	background: transparent url(images/prorescons.png) no-repeat left -60px;
}
#hl-contact {
	background: transparent url(images/prorescons.png) no-repeat left -150px;
}
#hl-contact:hover, #hl-contact:focus {
	outline: none;
	background: transparent url(images/prorescons.png) no-repeat left -120px;
}
/* End Header */
/* Begin Content Section */
section#content {
	clear: both;
	min-width: 320px;
	padding: 5px 0px 10px 0px;
	color: rgb(51,51,51);
	background: rgb(255,255,255) url(images/site-header-bg.png) repeat-x scroll top center;
	min-height: 300px;
}
/********************
Specific Content Styles Go Here!

********************/
/* Structure - Type A Sections (header right, content right, footer left) */
section#content > section {
        margin: auto;
        margin-bottom: 5px;
        min-width: 320px;
        max-width: 600px;
        padding: 10px 0px 20px 0px;
}
section.postlist > article,
section.messages > article,
section.search > article {
        clear: both;
        position: relative;
        margin: auto;
        max-width: 600px;
        min-height: 50px;
        padding: 4px 0px 8px 0px;
        margin: 8px 0px 12px 0px;
}
section.postlist > article > header,
section.messages > article > header,
section.search > article > header {
        position: relative;
        left: 34%;
        width: 65%;
        min-width: 180px;
        max-width: 410px;
        text-align: left;
}
section.postlist > article > p,
section.messages > article > p,
section.search > article > p {
        position: relative;
        left: 35%;
        width: 63%;
        min-width: 180px;
        max-width: 410px;
        text-align: left;
        margin: 8px 3px 8 3px;
}
section.postlist > article > footer,
section.messages > article > footer,
section.search > article > footer {
        position: absolute;
        left: 0px;
        top: 6px;
        width: 33%;
        min-width: 100px;
        max-width: 200px;
        height: auto;
        text-align: right;
        background: none;
}

section.postlist > article a.headline,
section.messages > article  h2 {
        left: 0px;
        display: block;
        width: 90%;
        margin: 0px;
        padding: 2px 0px 6px 6px;
}
/* End Structure - Type A Sections */
/* Structure - Type B Sections (header left, content right, footer right) */
/* End Structure - Type B Sections */
/* Structure - Type C Sections (wide sections) */
section.singlepost {

}

section.singlepost > header {}
section.singlepost > footer { clear: both;}
section.singlepost > article {
    float: right;
    width: 80%;
    margin-right: 2%;
    min-width: 300px;
    max-width: 500px;
    text-align: left;
}
section.singlepost > article > header {
}
section.singlepost > article > p {
}
section.singlepost > article > pre {
    whitespace: wrap;
    width: 100%;
    overflow: auto;
    overflow-Y: hidden;
}
section.singlepost > article > footer {
}
section.singlepost > article h2 {
}
section.singlepost textarea {
    max-width: 300px;
}

/* Recent Posts (Index & 404) */
section.postlist > article a.headline {
    color: rgb(150,75,0);
}
section.postlist > article > footer {
    color: rgb(204,204,204);
}
section.postlist > article > footer > time {
    text-transform: uppercase;
    white-space: nowrap;
}
section.postlist > article > footer > p {
    margin: 0px;
}
section.postlist article footer p.category {
    white-space: nowrap;
}
section.postlist article footer p > a {
    text-transform: capitalize;
    color: rgb(204,204,204);
    text-decoration: none;
}
/*
section.postlist article p.commentcount {
    color: rgb(221,221,221);
}*/
section.postlist article.sticky {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgb(74,37,0);
}
section.postlist article.sticky a.headline {
    color: rgb(255,153,0);
}
section.postlist article.sticky footer,
section.postlist article.sticky footer a {
    color: rgb(150,75,0);
}
section.postlist article:hover  {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgb(245,245,245);
}
section.postlist article:hover,
section.postlist article:hover footer {
    color: rgb(185,185,185);
}
section.postlist article:hover p.category a,
section.postlist article p.category a:focus {
    outline: none;
    color: rgb(153,153,153);
    text-decoration: underline;
    background-color: rgb(245,245,245);
}
section.postlist article:hover p.category a:hover {
    color: rgb(150,75,0);
    color: rgb(90,156,154);
}
section.postlist article:hover a.headline,
section.postlist article a.headline:focus {
    outline: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgb(245,245,245);
    text-decoration: underline;
    color: rgb(153,153,153);
}
section.postlist article a.headline:hover {
    color: rgb(90,156,154);
    /* text-decoration: none; */
}
/* End Recent Posts */
/* Messages */

section.messages > article.error {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgb(255,245,245);
    border: 1px solid rgb(255,225,225);
}
article.error h2,
article.error > p {
    color: rgb(255,104,104);
}
article.error p.messagecode {
    margin: 0px;
    color: rgb(255,225,225);
}

/********************
End Specific Content Styles

********************/
/* End Content Section */
/* Begin Site Support Section */
section#support {
        clear: both;
	background: rgb(153,153,153) url(images/site-footer-nav-bg.png) repeat-x scroll top center;
	padding: 10px 0px 16px 0px;
	color: rgb(211,211,211);
	min-height: 100px;
}
section#support section {
	margin: auto;
	min-width: 320px;
	max-width: 600px;
	clear: both;
}
section#support header {
	display: inline-block;
	margin: 0px;
	float: left;
	width: 33%;
	min-width: 100px;
	max-width: 200px;
	height: 22px;
	text-align: right;
	background: none;
}
section#support header h5 {
	display: inline;
	margin: 0px;
	padding: 0px;
}
section#support ul {
	display: inline-block;
	margin: 0px; padding: 0px;
	clear: both;
	text-align: left;
	width: 64%;
	min-width: 180px;
	max-width: 400px;
}
section#support ul li {
	display: inline-block;
	height: 22px;
	float: left;
	margin: 0px; padding: 0px;
	list-style: none;
}
section#support ul li a {
	padding: 3px;
	color: rgb(222,222,222);
}
section#support ul li a:focus {
	outline: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: rgb(102,102,102);
	color: rgb(204,204,204);
}
section#support section:hover  {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: rgb(102,102,102);
	color: rgb(153,153,153);
}
section#support section:hover a {
	color: rgb(175,175,175);
}
section#support section:hover a:hover {
	color: rgb(204,204,204);
	color: rgb(180,237,230);
}
/* End Site Support Section */
/* Begin Footer */
footer.site {
	clear: both;
        margin: auto;
        min-height: 70px;
	min-width: 320px;
	max-width: 600px;
}
footer.site a.to-content {
        margin-top: 20px;
	background: transparent url(images/chevrons.png) no-repeat scroll right -90px;
}
footer.site a.to-content:hover, footer.site a.to-content:focus {
	outline: none;
	background: transparent url(images/chevrons.png) no-repeat scroll right -60px;
}
footer.site p {
	display: inline-block;
	float: left;
	height: 22px;
	margin: 20px 0px 0px 0px;
	padding: 8px 0px 20px 12px;
	list-style: none;
	color: rgb(175,175,175);
}
/* End Footer */
	.ie6 { display: none; }

    /* FONTS */

    body {
        font: 11px/17px 'BitstreamVeraSansRoman', Arial, sans-serif;
        font: 11px/17px "Lucida Sans Unicode", Helvetica, FreeSans, sans-serif;
    }
    section.postlist > article a.headline {
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
    }
    section.postlist > article > footer > time {
        font-style:normal;
        font: 12px/16px 'BitstreamVeraSansBold', Arial, sans-serif;
        font: 12px/16px sans-serif;
        font: 12px/16px "Lucida Sans Unicode", Helvetica, FreeSans, sans-serif;
        font-weight: bold;
    }
    section.postlist article footer p.category.
    section.postlist article p.tags {
        font: 12px/16px 'BitstreamVeraSansRoman', Arial, sans-serif;
        font: 12px/16px sans-serif;
        font: 12px/16px "Lucida Sans Unicode", Helvetica, FreeSans, sans-serif;
    }
    section.postlist article footer p > a {
        font: 12px/16px 'BitstreamVeraSansOblique', Arial, sans-serif;
        font: 12px/16px sans-serif;
        font: 12px/16px "Lucida Sans Unicode", Helvetica, FreeSans, sans-serif;
        font-style: italic;
    }
    section.postlist article p.commentcount {
        font-size: 10px;
        line-height: 14px;
    }
    article.error > p {
        font-size: 10px;
    }
    article.error p.messagecode {
        font-size: 40px;
        font-weight: bold;
        line-height: 45px;
    }
    section#support header h5 {
        font: 10px/22px 'BitstreamVeraSansBold', Arial, sans-serif;
        font: 10px/22px sans-serif;
        font: 10px/22px "Lucida Sans Unicode", Helvetica, FreeSans, sans-serif;
        font-weight: bold;
    }
    section#support ul li {
        line-height: 20px;
    }
    section#support ul li a {
        font: 10px/22px 'BitstreamVeraSansRoman', Arial, sans-serif;
        font: 10px/22px sans-serif;
        font: 10px/22px "Lucida Sans Unicode", Helvetica, FreeSans, sans-serif;
    }
    footer.site p {
        font: 10px/11px 'BitstreamVeraSansBold', Arial, sans-serif;
        font: 10px/11px sans-serif;
        font: 10px/11px "Lucida Sans Unicode", Helvetica, FreeSans, sans-serif;
        font-style: italic;
    }
}
@media (max-device-width: 480px){
	body,
	#page section.postlist article a.headline
	{
	  font-family:Helvetica, Arial, Verdana, sans-serif;
	}
}
@media print {
	a.to-content,
	nav,
	section#support {
		display: none;
	}
	article {
		display: block;
		padding: 12px;
	}

	.ie6 { display: none; }
	body, a { color: rgb(0,0,0); }
}