/*
Theme Name: Jesson + Company WordPress Theme
Theme URI: http://jessonco.com
Description: Template Framework
Version: 1.0
Author: zemat@zematdev.net
Author URI: http://zematdev.net
Tags: jesson
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* -- TABLE OF CONTENTS ---------

	1. RESET BROWSER DEFAULTS
	2. TYPOGRAPHY
	3. STRUCTURE 
	4. IMAGES 
	5. HEADER 
	6. BLOG LANDING PAGE 
	7. BLOG ARCHIVE PAGE 
	8. SINGLE BLOG PAGE 
	9. PEOPLE POSTS 
	10. CONTACT POSTS 
	10.5 PRESS POSTS
	11. FOOTER 
	12. MISCELLANEOUS

-------------------------------*/

/* -- 1. RESET BROWSER DEFAULTS -- */

@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
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;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
	font-family: sans-serif;
	color: #222;
}
select::-moz-focus-inner{
  border: 0 !important;
  outline: none !important;
}
body {
	margin: 0;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding: 0;	
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
	white-space: normal;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input {
	line-height: normal;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
*overflow: visible;
}
/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] {
	cursor: default;
}
/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}

*:focus {outline: none;}

/* -- 2. TYPOGRAPHY -- */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#000;
	padding:0px 3px 3px 3px;
}

h2{
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;	
}
h2.bjesson, h2.single, .blogPost h2{
	margin-bottom:5px;
}

.blogPost{
	margin-bottom:40px;	
}

a{
	text-decoration:none;
	color:#ff0000;	
}
a:hover{
	text-decoration:underline;	
}

p{
	font-size:12px;
	line-height:18px;	
}

/* -- 3. STRUCTURE -- */

#whiteWrap{
	background:#FFF;
	height:100%;	
}

#wrapper{
	width:640px;
	min-height:900px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom: 20px;	
}

/* -- 5. HEADER -- */

#shared{
	background:#000;
	height:210px;
	width:100%;
}

#headerWrap{
	width:640px;
	margin:0 auto;
}

#shared a.current{
	color:#ff0000;	
}

#shared #topNav{
	padding-top:70px;	
}

#shared #topNav a{
	font-size: 12px;
	color:#CCCCCC !important;	
}

#shared #topNav a:hover{
	color:#ff0000 !important;
}

#topNav ul{
	float:right;
}

#topNav ul li{
	float:left;
	padding-left:20px;
}

#topNav ul li a{
	text-transform:uppercase;
}

#socialNav{
	padding-top:25px;	
}

#socialNav ul{
	float:right;
	clear:right;
}

#socialNav ul li{
	overflow:hidden;
}
	
#socialNav ul li{
	float:left;
	width:20px;
	height:20px;
	cursor:pointer;
	margin-left:7px;	
}

#shared #mainNav{
	padding-top: 70px;	
}

#shared #mainNav a{
	font-size: 18px;
	font-weight: bold;	
}

#shared #mainNav a, #shared #mainNav a:link, #shared #mainNav a:visited{
	color:#CCCCCC;
}

#shared #mainNav a:hover{
	color:#FFFFFF;
}

#shared #mainNav a.home, #shared #mainNav a.home:link, #shared #mainNav a.home:visited, #shared #mainNav a.home:hover{
	color:#ff0000;
}

#mainNav ul{
	float:right;
	width:640px;
}

#mainNav{
	height:30px;	
}

#mainNav ul li{
	float:left;
	border-right: #999 solid 1px;
	padding: 0 23px;
}

#mainNav ul li.first{
	padding-left:0px;
	padding-right: 28px;
}

#mainNav ul li.last{
	float:left;
	border-right: #999 solid 1px;
	padding: 0px 0px 0px 20px;
	border-right: none;
}

/* -- 6. BLOG LANDING PAGE -- */

.column{
	float:left;	
}

#col1{
	width:160px;	
}

#col2{
	width: 310px;
	padding-left: 10px;	
}

#col3{
	padding-left:10px;
	width:150px;	
}

#colBlog{
	width: 460px;
	padding-left:10px;	
}
#aboutBarbara{
	padding-top:10px;
	width:150px;
	font-size:12px;
	line-height: 18px;
	margin-bottom:30px;	
}

#aboutBarbara p{
	margin:0px;
	padding:0px;
	margin-bottom:20px;	
}

#aboutBarbara a:link, #aboutBarbara a:visited, #aboutBarbara a:hover{
	color:#ff0000 !important;
}
.postSummary{
	margin:0px;
	padding:0px;
	margin-bottom:60px;
	padding-right:15px;
}

.postSummary p{
	padding-left:25px;
}

.postdate{
	font-size:11px;
	margin-left:25px;	
}

.posttitle{
	margin:9px 0px 20px 0px;
	font-size:12px;	
}

.posttitle a{
	margin-left:12px;	
}
.postSummary a, .postSummary a:link, .postSummary a:visited, .postSummary a:hover, #postArchives a, #postArchives a:link, #postArchives a:visited, #postArchives a:hover{
	color:#ff0000;
}

.postSummary img{
	float:left;
	margin-left: 25px;	
}

.postSummary p.rightExcerpt{
	width:130px;
	padding-left:15px;
	float:left;
	clear:right;	
}
.postSummary .ex_wrap{
	min-height: 60px;	
}
.postSummary .exPic_wrap{
	min-height: 90px;
}

#postArchives .pMonth{
	font-size:12px;
	margin-left: 25px;
	padding-top: 25px;	
}
#postArchives .pMonth:first-child{
	font-size:12px;
	margin-left: 25px;
	padding-top: 0px;	
}

#postArchives .wholeArchive{
	color:#000 !important;
	font-size:12px;
	margin-left: 12px;
	line-height:60px;
}

#postArchives .wholeArchive:hover{
	color:#ff0000 !important;
}

.blogroll, .categories ul{
	margin-top:-20px;	
}

.categories ul{
	margin-bottom:40px;	
}

.blogroll li, .categories ul li{
	font-size: 12px;
	padding:5px 0px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	color:#ff0000 !important;
}

.blogroll li a, .categories ul li a{
	padding-left:12px;
	width:160px;
}
.blogroll li a:link, .blogroll li a:visited, .blogroll li a:hover{
	color:#ff0000 !important;
}

/* -- 7. BLOG ARCHIVE PAGE  -- */

#archive .pMonth, #archive .pMonth:first-child{
	margin-left:0px;
	margin-bottom:10px;	
}

#archive img{
	float:left;
	padding-right:5px;	
}

#archive .archPost{
	height:20px;
	margin-left:85px;
}

#archive .archImgPost{
	height:60px;	
}

#postArchives dt a{
	color:#000 !important;
}

#postArchives dt a:hover{
	text-decoration:none;
}

/* -- 8. SINGLE BLOG PAGE  -- */

.postdate_single{
	font-size:12px;
	font-weight:normal;
}

.postContent p{
	margin:10px 20px 10px 0px;
}

.edit{
	margin:10px 0px;	
}

#post_nav{
	width:100%;
	height:75px;
}
#post_nav .prevPost, #post_nav .nextPost{
	margin:20px 0px;
	max-width:300px;
}
#post_nav .prevPost{
	float:left;	
}

#post_nav .nextPost{
	float:right;
}

ul.blogLinks li{
	padding-bottom:10px;	
}

/* -- 9. CATEGORY PAGES -- */
.blogPost img{
	display:block;
	clear:right;
	margin-bottom:20px;	
}
span.entry-date{
	display:block;
	font-size:12px;
	font-weight:bold;
}

/* -- 11. FOOTER  -- */

#footText{
	clear:left;
	width:420px;
	margin:0 auto;
	margin-bottom:40px !important;
	margin-top: 40px;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:5px;
}
#footText .boldRed{
	color:#ff0000;
	font-weight:bold;
	font-size:13px;	
}