/*
Theme Name: J3B
Theme URI: http://jess3.com
Description: The revised theme for JESS3 blog on Wordpress.
Author: chris traganos && brandon durham
Author URI: http://ctraganos.com && http://smallparade.com/
Version: 0.01
Tags: jess3, black, white
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	input[type=search]::-webkit-search-decoration,
	input[type=search]::-webkit-search-cancel-button,
	input[type=search]::-webkit-search-results-button,
	input[type=search]::-webkit-search-results-decoration { display: none; }


/* #Basic Styles
================================================== */
	html {
		overflow-y: scroll; }
	body { 
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		background: #fff;
		font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: rgb(46,46,46); }


/* #Row
================================================== */
	.row {
		padding: 0 20px; }
	.row .centered {
		margin: 0 auto;
		width: 800px; }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { 
		color: black;
		font-family: museo, "museo-1", "museo-2", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: 700; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		font-weight: inherit;
		text-decoration: none; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		text-decoration: underline; }
	h1 { font-size: 31px; line-height: 32px; }
	h1.page-title{
		margin:25px 0;
		width:500px;
	}
	h1.page-title span{
		color:#333;
		font-weight:normal;
	}
	.single article h1 { font-size: 26px; line-height: 28px; }
	h2 { font-size: 26px; line-height: 28px; }
	.single #site-content .main-column article footer h2 {
		margin-bottom: 14px; }
	h3 {}
	h4 {
		font-family: museo, "museo-1", "museo-2", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: 500; }
	h5 {}
	h6 {}

	p { margin: 0 0 20px 0; }
	.single article .article-content p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 27px; }
	p img { margin: 0; }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }


/* #Links
================================================== */
	a, a:visited { color: black; outline: 0; text-decoration: underline; }
	a:hover, a:focus { text-decoration: none; }
	article .article-content a:hover {
		background: rgb(21, 253, 255);
		text-decoration: inherit; }


/* #Lists
================================================== */
	ul, ol {}
	ul {}
	ol { list-style: decimal; }
	ul ul, ul ol,
	ol ol, ol ul {}
	ul ul li, ul ol li,
	ol ol li, ol ul li {}
	li {}


/* #Images
================================================== */
	.single article figure {
		margin-bottom: 27px; }
	img { 
		display: block;
		max-width: 100%;
		height: auto; }


/* #Forms
================================================== */
	input,
	textarea,
	select,
	button {
		-webkit-appearance: none; }
	select {}
	input:focus, 
	textarea:focus {
		outline: none; }
	::-webkit-input-placeholder {
		color: rgb(191,191,191); }
	:-moz-placeholder {
		color: rgb(191,191,191); }
	label,
	legend {
		display: block;
		font-weight: bold }
	select {}
	input[type="checkbox"] {
		display: inline; }

	.form-widget {
		margin-top: 30px; }
	.form-widget label {
		font: bold 18px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 8px; }
	.form-widget input[type=search],
	.form-widget input[type=email],
	.form-widget button {
		display: inline-block;
		vertical-align: top; }
	.form-widget input {
		border: solid 2px black;
		font: 14px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 1;
		margin-right: 5px;
		padding: 7px 5px;
		width: 145px; }
	.ie7 .form-widget input {
		width: 135px !important; }
	.ie8 .form-widget input,
	.ie9 .form-widget input {
		width: 135px !important; }
	.form-widget button {
		background: black;
		border: none;
		color: white;
		font: bold 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 9px 11px 10px 11px; }
	.ie7 .form-widget button {
		padding: 6px 0 10px 0 !important;
		text-align: center;
		width: 65px; }
	.form-widget .note {
		color: rgb(107,107,107);
		font-size: 11px ; }


/* #Columns
================================================== */
	.main-column {
		float: left;
		width: 522px; }
	.sidebar-column {
		margin-left: 543px;
		padding-top: 280px; 
		padding-bottom:40px;}
	#site-footer .main-column {
		width: 588px; }
	#site-footer .sidebar-column {
		padding: 0;
		margin-left: 641px; }


/* #Site Header
================================================== */
	#site-header {
		background-color: rgb(247,247,247);
		padding: 16px 0; }
	#site-header .centered {
		position: relative; }

	#site-header #badge-search {
		left: 543px;
		margin-top: 65px;
		position: absolute;
		top: 100%;
		width: 257px; }
	#site-header #logo {
		font-family: museo, "museo-1", "museo-2", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: 500;
		letter-spacing: -1px;
		text-align: right;
		text-transform: uppercase; }
	#site-header #logo span {
		background: transparent url('../images/logo-sidebar.gif') no-repeat 0 0;
		display: inline-block;
		height: 0;
		margin-bottom: 5px;
		overflow: hidden;
		padding-top: 70px;
		width: 217px; }
	.ie7 #site-header #logo span {
		display: inline; }

	#site-header #search-form {
		background: rgb(217,217,217);
		border: solid 5px rgb(231,231,231);
		margin-top: 30px;
		padding: 12px 15px 16px 12px; }
	#site-header #search-form form {}
	#site-header #search-form label {
		font: bold 18px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 8px; }
	#site-header #search-form input[type=search],

	#site-header #search-form input[type=search] {
		border: solid 2px black;
		font-size: 14px;
		line-height: 1;
		margin-right: 5px;
		padding: 8px 6px;
		width: 120px; }
	#site-header #search-form button {
		background: black;
		border: none;
		color: white;
		font: bold 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 9px 11px 11px 11px;
		display: inline-block;
		vertical-align: top;
	}

	#site-header #nav-main {
		font-size: 14px;
		text-transform: lowercase; }
	#site-header #nav-main li {
		display: inline-block; }
	.ie7 #site-header #nav-main li {
		display: inline; }
	#site-header #nav-main li + li {
		margin-left: 10px; }
	#site-header #nav-main a {
		color: black;
		padding: 0 2px 2px 1px;
		text-decoration: underline; }
	#site-header #nav-main a:hover {
		background: rgb(21, 253, 255); }
	#site-header .social-sharing {
		position: absolute;
		right: 0;
		top: 0;
		white-space: nowrap; }
	#site-header .social-sharing .soc-button {
		display: inline-block;
		height: 20px;
		margin-right: 4px;
		vertical-align: top;
		width: auto; }
	.ie7 #site-header .social-sharing .soc-button {
		display: inline; }
	#site-header .social-sharing .soc-button .twitter-share-button {
		width: 100px !important; }
	#site-header .social-sharing .soc-button .fb_iframe_widget {
		width: 80px !important; }


/* #Site Content
================================================== */
	#site-content {
		padding-top: 45px; }
	#site-content .main-column article {
		background: url('../images/bg-dotted.gif') repeat-x left top;
		padding: 40px 0; }
	#site-content article.full_list{
		padding:20px 0px 0px 0;
	}
	.single #site-content .main-column article {
		background: none;
		padding: 0; }
#site-content .main-column article .feature-image {
		float: left;
		margin-bottom: 20px;
		padding: 5px; 
}
	.ie8 #site-content .main-column article .feature-image {
		width: 143px; }
	#site-content .main-column article .feature-image > a {
		display: block; }
	#site-content .main-column article .feature-image img {
		height: 143px;
		width: 143px; }
		
	#site-content .article-content ul,
    #site-content .article-content ol {
        margin-left:18px;
        font-size: 14px;
        line-height: 20px;
    }
	#site-content .article-content ul li,
	#site-content .article-content li {
        list-style-type: disc;
        font-size: 14px;
        line-height: 20px;
    }
	#site-content .article-content ol li,
	#site-content .article-content li{
    }
	
	
	#site-content .main-column article header,
	#site-content .main-column article .article-content,
	#site-content .main-column article footer {
		margin-left: 173px;
    }
	
	/* Allow for full rows */
	#site-content .main-column article.full_list header,
	#site-content .main-column article.full_list .article-content,
	#site-content .main-column article.full_list footer {
		margin-left: 0px; }
	.single #site-content .main-column article header,
	.single #site-content .main-column article .article-content,
	.single #site-content .main-column article footer {
		margin-left: 0; }
	#site-content .main-column article header .meta-data {
		line-height: 24px;
		margin: 11px 0;
		position: relative; }
	#site-content .main-column article header .meta-data .fn {
		font-weight: bold; }
	#site-content .main-column article header .meta-data img {
		display: inline-block;
		margin-right: 5px;
		vertical-align: top; }
	.ie7 #site-content .main-column article header .meta-data img {
		display: inline; }
	#site-content .main-column article header .meta-data .comments {
		background-color: black;
		background-image: -moz-linear-gradient(top, rgb(76,76,76), black);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(71,71,71)), to(black));
		color: white;
		display: block;
		font-weight: bold;
		padding: 0 6px;
		position: absolute;
		right: 0;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 -1px 0 black;
		top: 0; }
	.ie7 #site-content .main-column article header .meta-data .comments {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=black); }
	.ie8 #site-content .main-column article header .meta-data .comments,
	.ie9 #site-content .main-column article header .meta-data .comments {
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=black)"; }
	#site-content .main-column article header .meta-data .comments:before {
		border: 6px solid transparent;
		border-left-color: black;
		bottom: -6px;
		content: '';
		display: block;
		font-size: 0;
		left: 50%;
		margin-left: -3px;
		position: absolute;
		width: 0; }
	#site-content .main-column article header .meta-data .comments:hover {
		text-decoration: none; }

/* Social buttons */
/* Main loop */
#site-content .main-column article footer .soc-button {
	display: inline-block;
	height: 20px;
	margin-right: 0;
	vertical-align: top;
	width: auto; 
}

.ie7 #site-content .main-column article footer .soc-button {
	display: inline; 
}

#site-content .main-column article footer .soc-button .twitter-share-button {
	width: 85px !important;
}

#site-content .main-column article footer .soc-button .fb_iframe_widget {
	width: 80px !important; 
}

#site-content .main-column article footer .soc-button .IN-widget {
	width: 100px !important;
	display: inline !important;
}

#site-content .main-column article footer .soc-button > div {
	display: inline-block;
	width: 62px !important; 
}

.ie7 #site-content .main-column article footer .soc-button > div {
	display: inline; 
}

/* Single story context */
.single #site-content .main-column article footer {
	padding: 20px 0 40px; 
}
.single #site-content .main-column article footer .sharing-items {
	background: rgb(250,250,250);
	border: solid 2px rgb(237,237,237);
	padding: 10px; 
}
.single #site-content .main-column article footer .sharing-items .soc-button {
	height: auto;
	width: 55px; 
}
.single #site-content .main-column article footer .sharing-items .soc-button + .soc-button {
	margin-left: 10px; 
}
.single #site-content .main-column article footer .sharing-items .soc-button.facebook {
	background: rgb(242,242,242);
	border: solid 1px rgb(223,223,223);
	padding: 10px;
	width: 270px; 
}
.single #site-content .main-column article footer .soc-button .twitter-share-button {
	width: 55px !important; 
}

#site-content .main-column article.featured {
	background: none;
	margin-top: 0;
	padding-top: 0; }
#site-content .main-column article.featured .feature-image {
	border-width: 11px;
	float: none; 
}
.ie8 #site-content .main-column article.featured .feature-image {
	width: 500px; 
}
#site-content .main-column article.featured .feature-image img {
	height: 190px;
	width: 500px; }
#site-content .main-column article.featured header {
	margin: 11px 0; }
#site-content .main-column article.featured header,
#site-content .main-column article.featured .article-content,
#site-content .main-column article.featured footer {
	margin-left: 0; }

#site-content #nav-pagination {
	margin: 15px 0 42px 0; }
#site-content #nav-pagination ul {}
#site-content #nav-pagination li {
		cursor: default;
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		line-height: 40px;
		text-transform: uppercase; }
	.ie7 #site-content #nav-pagination li {
		display: inline;
		vertical-align: top; }
	#site-content #nav-pagination li a {
		display: block;
		padding: 0 8px;
		text-decoration: none; }
	#site-content #nav-pagination li a:hover {
		text-decoration: underline; }
	#site-content #nav-pagination li.page-jump {
		padding: 0 8px; }
	#site-content #nav-pagination li.current-page, #site-content #nav-pagination li span.current {
		color: rgb(129,129,129);
		padding: 0 8px;
		text-decoration: none; }
	#site-content #nav-pagination .previous-page a,
	#site-content #nav-pagination .next-page a,
	#site-content #nav-pagination a span.previous-page,
	#site-content #nav-pagination a span.next-page  {
		display:block;
		background: black;
		color: white;
		font-size: 14px;
		font-style: italic;
		padding: 0 15px 0 13px; }
	#site-content #nav-pagination li.previous-page.current-page,
	#site-content #nav-pagination li.next-page.current-page {
		background: rgb(229,229,229);
		color: white;
		font-size: 14px;
		font-style: italic;
		padding: 0 15px 0 13px; }


/* #Comments
================================================== */
	#comments {
		padding-bottom: 40px; }

/* #Sidebar
================================================== */
.sidebar-column .sidebar-module { margin-top: 32px; }
.sidebar-column .sidebar-module h4 { margin-bottom: 14px; }
#top-categories { margin-top: 0; }
#top-categories .top-category-list { list-style: none; width: 100%; }
	#top-categories .top-category-list li {
		border-bottom: solid 1px rgb(209,209,209);
		color: black;
		font-size: 18px;
		font-weight: bold;
		line-height: 18px;
		position: relative; }
#top-categories .top-category-list li + li { margin-top: 6px; }
	#top-categories .top-category-list a {
		display: block;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 2; }
#top-categories .top-category-list span { display: block; }
	#top-categories .top-category-list a .category {
                background-color: rgb(218,218,218);
                background-image: -moz-linear-gradient(top, rgb(231,231,231), rgb(218,218,218));
                background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231,231,231)), to(rgb(218,218,218)));
		overflow: visible;
		padding: 5px 0;
		text-indent: 3px;
		width: 100%; }
	.ie7 #top-categories .top-category-list a .category {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F4F4, endColorstr=#E6E6E6); }
	.ie8 #top-categories .top-category-list a .category,
	.ie9 #top-categories .top-category-list a .category {
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F4F4, endColorstr=#E6E6E6)"; }
#top-categories .top-category-list a:hover .category { text-decoration: underline; }
	#top-categories .top-category-list a .count {
		bottom: 0;
		font-size: 14px;
		line-height: 18px;
		overflow: visible;
		padding: 5px 3px;
		position: absolute;
		right: 0;
		text-align: right;
		top: 0;
		z-index: 1; }
#top-categories .top-category-list a:hover .count { text-decoration: none; }

	#recent-press {}
	#recent-press .recent-press-list > li {
		line-height: 14px;
		margin: 0 0 12px 0; }
	#recent-press .recent-press-list li a {
		font-weight: bold;
		text-decoration: none; }
	#recent-press .recent-press-list li a:hover {
		text-decoration: underline; }

	#top-posts {}
	#top-posts .top-posts-list {
		counter-reset: li;
		list-style: none; }
	#top-posts .top-posts-list > li {
		color: rgb(107,107,107);
		font-size: 11px;
		padding: 0 0 21px 36px;
		position: relative; }
	#top-posts .top-posts-list > li:before {
		-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
		background: rgb(229,229,229);
		color: black;
		content: counter(li);
		counter-increment: li;
		font: 18px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		left: 0;
		padding: 7px 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 26px;
	}
	#top-posts .top-posts-list li > a {
		font-size: 16px;
		font-weight: bold;
		line-height: 18px;
		text-decoration: none; }
	#top-posts .top-posts-list li > a:hover {
		text-decoration: underline; }
	#top-posts .top-posts-list li > p {
		margin: 0; }

	#rss-subscribe {
		background: url('../images/bg-dotted.gif') repeat-x left top;
		padding-top: 26px;
		margin-top:17px; }
		
	#rss-subscribe > a {
		background: transparent url('../images/sprite.gif') no-repeat -336px -336px;
		display: block;
		font-family: museo, "museo-1", "museo-2", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: 500;
		line-height: 28px;
		min-height: 64px;
		padding-left: 85px; }


/* #Site Footer
================================================== */
	#site-footer {
		background-color: black;
		color: white;
		padding: 62px 0; }
	#site-footer .centered {
		position: relative; }
	#site-footer .sidebar-column {
		line-height: 20px; }
	#site-footer h5 {
		color: white;
		font: bold 18px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 20px; }
	#site-footer h6 {
		color: white;
		font: bold 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 0; }
	#site-footer .main-column p {
		font-size: 20px;
		line-height: 24px; }
	#site-footer p.vcard .email,
	#site-footer p.vcard .title {
		display: block; }
	#site-footer p.vcard .email {
		font-size: 16px; }
	#site-footer p.vcard .title {
		font-size: 14px; }
	#site-footer a {
		color: white;
		text-decoration: underline; }
	#site-footer a:hover {
		text-decoration: none; }


/* #Clearing (keep at bottom)
================================================== */
	.clearfix:before,
	.clearfix:after,
	.centered:before,
	.centered:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0; }
	.centered:after,
	.clearfix:after {
		clear: both; }
	.centered,
	.clearfix {
		zoom: 1; }