/*

Theme Name: SoJones 2013

Theme URI: http://sojones.com

Author: Alpha Brand Media

Author URI: http://alphabrandmedia.com

Version: 1.0

License: GNU General Public License

License URI: license.txt

Text Domain: abm_sojones

Domain Path: /languages/

Tags:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



 abm_sojones is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.



Resetting and rebuilding styles have been helped along thanks to the fine work of

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

and Blueprint http://www.blueprintcss.org/

*/





/* =Reset

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



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, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

html {

	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

body {

	background: #fff;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section {

	display: block;

}

ol, ul {

	list-style: none;

}

table { /* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a:focus {

	outline: thin dotted;

}

a:hover,

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

	outline: 0;

}

a img {

	border: 0;

}


.site-branding {
	margin-top:40px;
}

#social-icons {
	width: 32px;
	position: absolute;
	right: 10px;
	top: 45px;
}


/* =Global

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



body,

button,

input,

select,

textarea {

	color: #404040;

	font-family: sans-serif;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 1.5;

}



/* Headings */

h1, h2, h3, h4, h5, h6 {

	clear: both;

	line-height: 1;

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



/* Text elements */

p {

	margin-bottom: 1.5em;

}

ul, ol {

	margin: 0 0 1.5em 3em;

}

ul {

	list-style: disc;

}

ol {

	list-style: decimal;

}

li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 1.5em 1.5em;

}

b, strong {

	font-weight: bold;

}

dfn, cite, em, i {

	font-style: italic;

}

blockquote {

	margin: 0 1.5em;

}

address {

	margin: 0 0 1.5em;

}

pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	padding: 1.6em;

	overflow: auto;

	max-width: 100%;

}

code, kbd, tt, var {

	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark, ins {

	background: #fff9c0;

	text-decoration: none;

}

sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

small {

	font-size: 75%;

}

big {

	font-size: 125%;

}

figure {

	margin: 0;

}

table {

	margin: 0 0 1.5em;

	width: 100%;

}

th {

	font-weight: bold;

}

img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}

button,

input,

select,

textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

	*vertical-align: middle; /* Improves appearance and consistency in all browsers */

}

button,

input {

	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid #ccc;

	border-color: #ccc #ccc #bbb #ccc;

	border-radius: 3px;

	background: #e6e6e6;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

	color: rgba(0, 0, 0, .8);

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1;

	padding: .6em 1em .4em;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

}

button:hover,

html input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa #bbb;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}

button:focus,

html input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

html input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb #bbb;

	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

}

input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

	padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	-moz-box-sizing:    content-box;

	box-sizing:         content-box;

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	color: #111;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

	padding: 3px;

}

textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 98%;

}



/* Links */

a {

	color: royalblue;

}

a:visited {

	color: purple;

}

a:hover,

a:focus,

a:active {

	color: midnightblue;

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.aligncenter {

	clear: both;

	display: block;

	margin: 0 auto;

}



/* Text meant only for screen readers */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar */

}



/* Clearing */

.clear:before,

.clear:after,

[class*="content"]:before,

[class*="content"]:after,

[class*="site"]:before,

[class*="site"]:after {

	content: '';

	display: table;

}



.clear:after,

[class*="content"]:after,

[class*="site"]:after {

	clear: both;

}





/* =Menu

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



.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

}

.main-navigation ul {

	list-style: none;

	margin: 0;

	padding-left: 0;

}

.main-navigation li {

	float: left;

	/*position: relative;*/

}

.main-navigation a {

	display: block;

	text-decoration: none;

}

.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	display: none;

	float: left;

	position: absolute;

		top: 1.5em;

		left: 0;

	z-index: 99999;

}

.main-navigation ul ul ul {

	left: 100%;

	top: 0;

}

.main-navigation ul ul a {

	width: 200px;

}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {

}

.main-navigation ul ul :hover > a {

}

.main-navigation ul ul a:hover {

}

.main-navigation ul li:hover > ul {

	display: block;

}

.main-navigation li.current_page_item a,

.main-navigation li.current-menu-item a {

}



/* Small menu */

.menu-toggle {

	display: none;

	cursor: pointer;

}



@media screen and (max-width: 600px) {

	.menu-toggle,

	.main-navigation.toggled .nav-menu {

		display: block;

	}



	.main-navigation ul {

		display: none;

	}

}





/* =Content

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



.sticky {

}

.hentry {

	margin: 0 0 1.5em;

}

.byline,

.updated {

	display: none;

}

.single .byline,

.group-blog .byline {

	display: inline;

}

.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}

.page-links {

	clear: both;

	margin: 0 0 1.5em;

}





/* =Asides

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



.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

	display: none;

}





/* =Media

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



.page-content img.wp-smiley,

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

.site-main .gallery {

	margin-bottom: 1.5em;

}

.gallery-caption {

}

.site-main .gallery a img {

	border: none;

	height: auto;

	max-width: 90%;

}

.site-main .gallery dd {

	margin: 0;

}

.site-main .gallery-columns-4 .gallery-item {

}

.site-main .gallery-columns-4 .gallery-item img {

}



/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

	max-width: 100%;

}





/* =Navigation

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



.site-main [class*="navigation"] {

	margin: 0 0 1.5em;

	overflow: hidden;

}

[class*="navigation"] .nav-previous {

	float: left;

	width: 50%;

}

[class*="navigation"] .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



/* =Comments

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



.comment-content a {

	word-wrap: break-word;

}

.bypostauthor {

}



/* =Widgets

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



.widget {

	margin: 0 0 0;

}



/* Make sure select elements fit in widgets */

.widget select {

	max-width: 100%;

}



/* Search widget */

.widget_search .search-submit {

	display: none;

}



/* Crowd Ignite */

.recommended-posts img {

	display: block;

	margin-bottom: -12px;

}

.recommended-posts a {

	text-decoration: none;

	font-size: 12px;

	display: block;

	line-height: 1.2;

}



/* =Infinite Scroll

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



/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {

	display: block;

}





/*               *Nenad Conic*

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



html {

	margin: 0px;

	padding: 0px;

}



body {

	font-family: Helvetica, Arial, sans-serif;

}



.clearfix {

	/*overflow: hidden;*/

	max-width: 980px;

	margin: 0px auto;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Roboto Slab', serif;

	font-weight: bold;

	word-wrap: break-word;

}



h1 {

	font-size: 50px;

}



h2 {

	font-size: 46px;

}



h3 {

	font-size: 42px;

}



h4 {

	font-size: 38px;

}



h5 {

	font-size: 34px;

}



h5 {

	font-size: 30px;

}



p { 

	font-size: 15px;

	word-wrap: break-word;

}



a {

	color: #ff4302;

}



a:hover {

	color: #00a2ff;

}



a:visited {

	color: #ff4302;

}



/* Header */



.site-header {

	margin-bottom: 0px;

}



#header-ads {

	width: 100%;

	height: auto;

}



#header-sidebar {

	width: 728px;

	margin: 0px auto;

}

#header-sidebar ul {

	margin: 0;

	text-align: center;

	margin-top: 0px;

}



h6.site-title a {

	background: url(images/site-logo.jpg) no-repeat;

	text-indent: -9999px;

	width: 415px;

	height: 85px;

	display: block;

	max-width: 100%;

	background-size: 100%;

}



h6.site-title {

	float: left;

	max-width: 300px;

}



.page-title {

	margin-bottom: 0.5em;

}



#header-search {

	float: right;

	margin-top: 5px;

	margin-right: 80px;

	width: 27%;

}



#header-search .search-form {

	background: url(images/search-shape1.jpg) no-repeat right #d2d2d2;

}



#header-search .search-form input[type="submit"] {

	display: none;

}



#header-search .search-form input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */

    color:    #fff;

}

#header-search .search-form input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

		color:    #fff;

}

#header-search .search-form input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */

		color:    #fff;

}

#header-search .search-form input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */

		color:    #fff;

}



#header-search .search-form input[type="search"] {

	width: 85%;

	border: none;

	background: transparent;

	border-radius: 0px;

	font-family: 'Oswald', sans-serif;

	-webkit-font-smoothing: antialiased;

	text-transform: uppercase;

	font-size: 13px;

	padding: 5px 15px;

	color: #fff;

}



#header-search .search-form input[type="search"]:focus {

	outline: none;

}



/* End of Header */







/* Navigation */



#site-navigation {

	position: relative;

}



.main-navigation {

	border-top: 1px solid #595959;

	border-bottom: 1px solid #595959;

	margin-top: 30px;

	margin-bottom: 30px;

	font-family: 'Roboto Slab', serif;

	font-weight: bold;

	font-size: 14px;

}



.main-navigation ul {

	padding: 0 15px;

}



.main-navigation ul li {

	padding: 5px 35px 5px 0px;

	position: relative;

}



.main-navigation ul li a {

	color: #000;

}



.main-navigation ul li a:hover {

	color: #00a2ff;

}



.main-navigation ul li.shop-now {

	float: right;

	font-size: 14px;

	font-family: 'Oswald', sans-serif;

	padding: 0px;

	font-weight: normal;

	background: url(images/shop-bg.png) no-repeat right bottom;

	height: 50px;

	margin-top: -19px;

	margin-right: -12px;

	z-index: 100;

}



.main-navigation ul li.shop-now a {

	color: #fff;

	text-transform: uppercase;

	padding: 3px 31px 3px 25px;

	margin-top: 20px;

}





.main-navigation .menu .menu-parent-item > a {

	margin: 3px;

	padding-right: 8px;

	background: url(images/nav-arrow.jpg) no-repeat bottom right;

	line-height: 1em;

}



.main-navigation .menu .menu-parent-item > a:hover {

	background: url(images/nav-arrow-hover.jpg) no-repeat bottom right;

}



.main-navigation .menu .menu-parent-item ul.sub-menu {

	background-color: #fff;

	top: 30px;

	margin: 0px;

	padding: 0px;

}



.main-navigation .menu .menu-parent-item ul.sub-menu li {

	/*

	width: 23%;

	padding-right: 10px;

	*/

}



/* Sidebar Brands Menu */

#menu-dr-jays-brands {

	margin: 0.5em 0 2em;

	list-style: none;

}

#menu-dr-jays-brands a {

	display: block;

	background: #eee;

	color: #333;

	text-decoration: none;

	text-align: center;

	font-weight: bold;

	margin-bottom: 3px;

	padding: 3px;

}

#menu-dr-jays-brands a:hover {

	background: #333;

	color: #fff;

}

#menu-dr-jays-brands a:active {

	background: #000;

}



/* End of Navigation */



/* Content area */



#primary.content-area {

	float: left;

	margin: 0 -34% 0 0;

	width: 100%;

}



.site-main {

	margin: 0 34% 0 0;

}



#secondary.widget-area {

	float: right;

	width: 300px;

}



.content-area input[type="search"] {

	border-radius: 0px;

	width: 50%;

}



.content-area input[type="submit"] {

	border-radius: 0px;

	font-style: italic;

	background-color: #00a2ff;

	border: none;

	outline: none;

	box-shadow: none;

	color: #fff;

	text-transform: uppercase;

	border: solid 2px #00a2ff;

}



a.read-more {

	display: inline-block;

	width: 22px;

	height: 7px;

	background-image: url(images/read-more-arrow.png);

	text-indent: -99999px;

}



/* End of Content area */





/* Home Slider */



#home-slider.flexslider {

	position: relative;

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-o-box-shadow: none;

}



#home-slider .flex-control-paging {

	position: absolute;

	top: 15px;

	right: 15px;

	width: 25%;

	padding: 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	height: 30px;

	text-align: right;

}

#home-slider .flex-control-paging li {

	/*width: 25%;*/

	margin: 0;

	text-align: left;

	/*list-style-type:circle;*/

}

#home-slider .flex-control-paging li:after {

	font-family: "Arial Black", sans-serif;

	color: #fff;

	font-size: 10px;

	font-size: 1rem;

	margin-left: 3px;

	font-weight: normal;

}

#home-slider .flex-control-paging li a {

	display: block;

	background: #fff;

	background: rgba(255,255,255);

	box-shadow: none;

	border-radius: 5px;

	width: 10px;

	margin: 0 6px;

	height: 10px;

}

#home-slider .flex-control-paging li a.flex-active {

	background: #00a2ff;

	box-shadow: none;

}

#home-slider .slides li {

	position: relative;

	/*display: none;*/

}

#home-slider .slider-text {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}



#home-slider .slider-text h3.slider-title {

	text-align: left;

	font-family: 'Roboto Slab', serif;

	font-size: 28px;

	display: block;

	font-weight: bold;

	line-height: 1em;

	margin: 0 10px;

}

	

#home-slider .slider-text a {

	text-decoration: none;	

	color: #000;

	display: block;

	padding: 10px;

	background: rgba(255,255,255,0.75);

}



#home-slider .slider-text a:hover {

	color: #000;

}



#home-slider .slider-text .slider-excerpt{

	margin: 0 10px 10px;

	background: rgba(255,255,255,0.75);

	padding: 0 10px 10px;

}

#home-slider .slider-text .slider-excerpt p {

	font-size: 13px;

	color: #000;

	font-family: Helvetica, Arial, sans-serif;

	margin: 0px;

}

#home-slider .slider-image img {

	width: 640px;

	height: 420px;

}

.slider-categories,

.slider-title {

	color: #000;

	text-transform: uppercase;

}

.slider-title {

	font-size: 24px;

	font-size: 2.4rem;

	text-align: right;

	line-height: 1.4;

}

.slider-categories {

	text-transform: uppercase;

	font-size: 14px;

	font-size: 1.4rem;

}



#home-slider .flex-direction-nav .flex-prev {

	left: 5px;

	opacity: 1;

}

#home-slider .flex-direction-nav .flex-next {

	right: 5px;

	opacity: 1;

}



.flex-direction-nav {

	display: none;

}



/*

#home-slider .slider-image img {

	opacity:0.4;

  	filter:alpha(opacity=40);

    filter: gray;

	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'>							<feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");

	filter: gray;

	filter: grayscale(100%);

	-webkit-filter: grayscale(1);

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%); 

	-o-filter: grayscale(100%);

}

*/



#home-slider .slider-text span {

	display: inline-block;

	background-color: #ff4302;

	padding: 5px;

	font-size: 14px;

	color: #fff;

	font-family: 'Oswald', sans-serif;

	margin-left: 10px;

}





/* End of Home Slider */



/* Home page post */ 



#left-column {

	float: left;

	width: 25%;

	margin-right: 3%;

}



#center-column {

	float: left;

	width: 44%;

	margin-right: 3%;

}



#right-column {

	float: left;

	width: 25%;

}



.home-post {

	margin-bottom: 20px;

	padding-left: 0px !important;

}



.home-post-thumb img {

	width: 100%;

	display: block;

	height: auto;

}



.home-post-thumb {

	position: relative;

	min-height: 20px;

}



.home-post-thumb span.category a {

	position: absolute;

	color: #fff;

	display: inline-block;

	background-color: #ff4302;

	bottom: 0px;

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	padding: 5px 10px;

	text-transform: uppercase;

	text-decoration: none;

}



.home-post-thumb span.category a:hover {

	background-color: #00a2ff;

}



.home-post-content .entry-header .home-entry-title {

	margin-top: 15px;

}



.home-post-content .entry-header .home-entry-title a {

	color: #000;

	text-decoration: none;

	font-size: 20px;

}



.home-post-content .entry-header .home-entry-title a:hover {

	color: #00a2ff;

}



.home-post-content .entry-header span.date {

	font-size: 11px;

	font-family: Helvetica, Arial, sans-serif;

	color: #ff4302;

	font-weight: bold;

	display: block;

	margin: 5px 0px;

}

	 



/* End of Home page Posts */





/* Footer */



footer#colophon {

	background-color: #000;

	color: #fff;

	font-family: 'Droid Sans', Arial, sans-serif;

	margin: 50px -10px 0;

}



p#abm-footer {

	margin: 35px;

	background: url(images/abm-logo-small.jpg) no-repeat left;

	padding-left: 30px;

	font-size: 12px;

	font-weight: bold;

	line-height: 1.2em;

	float: left;

}



.menu-footer-menu-container .menu {

	display: inline-block;

	list-style: none;

	margin: 38px;

	float: right;

}



.menu-footer-menu-container .menu li {

	float: left;

	padding: 0px 10px;

	border-right: solid 1px #fff;

	font-size: 12px;

	line-height: 1em;

}



.menu-footer-menu-container .menu li a {

	color: #fff;

	text-decoration: none;

}



.menu-footer-menu-container .menu li:last-child {

	border: none;

}



/* End of Footer */





/* Post Style */



.post {

	/* padding-left: 20px; */

}



.post .entry-header span.post-header-cat {

	background-color: #ff4302;

	padding: 5px 15px;

	font-size: 16px;

	color: #fff;

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	letter-spacing: 1px;

}



.post .entry-content {

	position: relative;

}



.post .entry-content a {

	color: #ff4302;

}



.post .entry-header .entry-meta {

	margin: 30px 0px;

}



.post .entry-header .entry-meta span {

	font-size: 15px;

	font-weight: bold;

	font-family: 'Roboto Slab', serif;

}



.post .entry-header .entry-meta span a {

	color: #ff4302;

	text-decoration: none;

}



/*.flare-horizontal {

	width: 200px !important;

	float: right !important;

}*/



.post .entry-content blockquote p {

	font-family: 'Oswald', sans-serif;

	color: #ff4302;

	font-size: 24px;

	font-style: italic;

	line-height: 1.2em;

	background: url(images/blockquote.jpg) no-repeat top left;

	min-height: 105px;

	padding-top: 25px;

	padding-left: 40px;

}



.post .entry-content ul,

.post .entry-content ol {

	margin-left: 8em;

}



.post .entry-content ul li ul,

.post .entry-content ol li ol,

.post .entry-content ul li ol,

.post .entry-content ol li ul {

	margin-left: 3em;

}



.post footer.entry-meta {

	display: none;

}



h1.entry-title a {

	color: #000;

	text-decoration: none;

}



h1.entry-title a:hover {

	color: #00a2ff;

}



.wp-caption {

	border: none;

	font-style: italic;

	font-size: 14px;

	font-family: Georgia, "Times New Roman", Times, serif;

}



/* End of Post Style */



/* Fanciest Author Box */



.ts-fab-wrapper {

	border-radius: 5px;

	background-color: #fff2be;

	padding: 12px;

}



.ts-fab-wrapper .ts-fab-tabs .ts-fab-tab {

	background: none;

	border: none;

	padding: 0px 12px;

}



.ts-fab-wrapper .ts-fab-list {

	margin-left: 79px !important;

}



.ts-fab-wrapper .ts-fab-list li a {

	border-radius: 5px;

	color: #000;

	background-color: #fff;

	border: 1px solid #fff;

}



.ts-fab-list li.active a {

	color: #fff;

	background-color: #000;

	border: 1px solid #000;

}



.ts-fab-wrapper .ts-fab-list li {

	margin-right: 10px !important;

}



.ts-fab-wrapper .ts-fab-tabs .ts-fab-tab .ts-fab-avatar>img {

	border-radius: 100px;

	border: 5px solid #fff !important;

}



.ts-fab-wrapper .ts-fab-tabs .ts-fab-tab .ts-fab-text {

	padding: 12px 0px 12px 5px;

	font-size: 12px;

	line-height: 1em;

	font-family: 'Droid Sans', Arial, sans-serif;

	font-weight: 400;

}



.ts-fab-wrapper .ts-fab-tabs .ts-fab-tab .ts-fab-text .ts-fab-header h4 a {

	color: #000;

}



.ts-fab-wrapper .ts-fab-tabs .ts-fab-tab .ts-fab-text .ts-fab-content {

	font-size: 13px;

}



/* End of Fanciest Author Box */



.yarpp-related h3,

.recommended-posts h5,

h3#reply-title,

h2.comments-title, 

h6.widget-title {

	font-family: 'Oswald', sans-serif, Helvetica, sans-serif;

	font-size: 19px;

	text-transform: uppercase; 

	font-weight: normal;

	background-color: #000;

	padding: 10px 25px;

	color: #fff;

	margin-bottom: 20px;

}



h1.widget-title {

	margin-bottom: 0px;

}



/* Comments*/



#comments {

	font-family: 'Lato', sans-serif;

	padding-left: 20px;

}



.comment-body {

	margin: 10px;

	font-size: 14px;

	line-height: 1em;

}



.comment-body a {

	text-decoration: none;

}



.comments-area ol {

	margin: 0px;

	list-style: none;

}



ol.comment-list li.comment {

	border: 1px solid #e3e3e3;

	padding: 20px 30px;

	background-color: #f6f6f6;

	margin-bottom: 20px;

	overflow: hidden;

	

}



li.comment > ul.children > li.comment {

	background: #e4e4e4;

	border: none;

	padding: 20px;

	margin: 25px 20px 0px 50px;

}



li.comment > ul.children > li.comment >article.comment {

	background: #313131;

	margin-bottom: 0px;

}



.comment-author.vcard img {

	float: left;

	padding: 10px 10px 15px 10px;

	background-color: #fff;

	border-radius: 3px;

}



.comment-author.vcard {

	font-size: 14px;

	font-style: italic;

}



.comment-author.vcard .fn {

	color: #ff0000;

	margin-left: 20px;	

	font-style: normal;

}





.comment .comment-content {

	margin: 5px 0px 10px 70px;

}



.comment-content p {

	margin: 0px 0px 20px 0px;

}



.comment-meta .comment-metadata,

footer.comment-meta p {

	margin-left: 70px;

}



.comment-meta .comment-metadata a {

	color: #ff0000;

	font-style: italic;

	font-size: 11px;

	text-decoration: none;

	font-weight: bold;

}



.comment .reply {

	margin-left: 70px;

}



.comment .reply a.comment-reply-link {

	background: #404040;

	padding: 5px 10px;

	border-radius: 3px;

	font-size: 11px;

	color: #fff;

	text-decoration: none

}



#commentform {

	padding-right: 55px;

}



#commentform label{

	font-style: italic;

	font-weight: bold;

	display: block;

	margin: 5px 0px;

}



.form-allowed-tags {

	display: none;

}



.comment-form input[type="text"],

.comment-form input[type="email"] {

	padding: 15px 10px;

	width: 70%;

	background-color: #efefef;

	border: none;

	-moz-box-shadow:    inset 0 0 10px #dcdcdc;

   	-webkit-box-shadow: inset 0 0 10px #dcdcdc;

   	box-shadow:         inset 0 0 10px #dcdcdc;

}



.comment-form textarea {

	border-radius: 5px;

	background-color: #efefef;

	border: none;

	-moz-box-shadow:    inset 0 0 10px #dcdcdc;

   	-webkit-box-shadow: inset 0 0 10px #dcdcdc;

   	box-shadow:         inset 0 0 10px #dcdcdc;

}



.comment-form .comment-notes {

	display: none;

}



.comment-form input[type="submit"] {

	float: right;

	color: #b3b3b3;

	border-radius: 5px;

	letter-spacing: 0.2em;

	text-transform: uppercase;

	padding: 10px 15px;

	border: solid 1px #e8e8e8;

}

	

/* End of Comments */



.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail {

	border: none;

	color: #000;

	font-size: 14px;

	text-decoration: underline;

	text-align: center;

}



/* Widgets */

	

.textwidget .af-form-wrapper {

	background: url(images/down-arrow.png) no-repeat top right #e6e6e6;

	border-top: solid 3px #000;

	padding: 5px;

}



.textwidget .af-form-wrapper .af-form .af-header .bodyText p {

	font-size: 24px;

	font-weight: bold;

	font-family: 'Oswald', sans-serif, Helvetica, sans-serif;

	text-transform: uppercase;

	margin: 0px !important;

}



.textwidget .af-form-wrapper .af-form .af-body .previewLabel {

	font-family: 'Oswald', sans-serif, Helvetica, sans-serif !important;

	font-style: italic !important;

	text-transform: uppercase;

	font-size: 22px !important;

	width: 15% !important;

	display: none !important;

}



.textwidget .af-form-wrapper .af-form .af-body .af-textWrap {

	width: 100% !important;

}



.textwidget .af-form-wrapper .af-form .af-body .af-textWrap input[type="text"] {

	font-size: 20px !important;

	border-style: none !important;

	padding: 10px 0px 10px 5px !important;

	font-size: 14px !important;

}



.textwidget .af-form-wrapper .af-form .af-body .af-element input[type="submit"] {

	font-family: 'Oswald', sans-serif, Helvetica, sans-serif !important;

	background: #00a2ff;

	color: #fff !important;

	border: none;

	text-transform: uppercase;

	font-style: italic !important;

	box-shadow: none;

	border-radius: 0;

	letter-spacing: 2px !important;

	padding: 8px 12px;

	font-size: 17px !important;

	float: right !important;

}



.textwidget .af-form-wrapper .af-form .af-body .af-element {

	text-align: right;

}



.af-form .af-body .af-textWrap input[type="text"]:focus {

	background-color: white !important;

}



.af-form .af-body .af-textWrap input[type="text"]::-webkit-input-placeholder {

   color: red;

}



/* Karmaloop Menu */



.menu-sojones-brands-container {

	background: url(images/karmaloop-bg.jpg) no-repeat top;

	height: 665px;

	padding: 155px 15px 10px 15px;

}



.menu-sojones-brands-container ul#menu-sojones-brands {

	margin: 0px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li {

	list-style: none;

}



.menu-sojones-brands-container ul#menu-sojones-brands li a {

	margin: 5px;

	overflow: hidden;

	display: block;

	float: left;

	background:url(images/brands-all.png) no-repeat;

	text-indent: -99999px;

	width: 125px;

	height: 90px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.jeffrey a {

	background-position: 0px 0px;

	height: 98px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.lrg a {

	background-position: -125px 0px;

	height: 98px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.vans a {

	background-position: 0px -100px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.crooks a {

	background-position: -125px -105px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.diamond a {

	background-position: 0px -200px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.free-people a {

	background-position: -125px -200px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.obey a {

	background-position: 0px -300px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.unif a {

	background-position: -125px -300px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.herschel a {

	background-position: 0px -400px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.rvca a {

	background-position: -125px -400px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.bb-dakota a {

	background-position: 0px -500px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.billionaire a {

	background-position: -125px -500px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.jeffrey a:hover {

	background-position: -256px 0px;

	height: 98px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.lrg a:hover {

	background-position: -381px 0px;

	height: 98px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.vans a:hover {

	background-position: -256px -100px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.crooks a:hover {

	background-position: -381px -105px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.diamond a:hover {

	background-position: -256px -200px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.free-people a:hover {

	background-position: -381px -200px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.obey a:hover {

	background-position: -256px -300px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.unif a:hover {

	background-position: -381px -300px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.herschel a:hover {

	background-position: -256px -400px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.rvca a:hover {

	background-position: -381px -400px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.bb-dakota a:hover {

	background-position: -256px -500px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.billionaire a:hover {

	background-position: -381px -500px;

}



.menu-sojones-brands-container ul#menu-sojones-brands li.see-more-brands a {

	background: url(images/see-more-brands-button.png);

	width: 148px;

	height: 35px;

	margin: 0px auto;

	float: none;

}

	

/* End of Karmaloop */



.widget-area ul.abm-category-posts {

	margin: 0px;

}



.widget-area ul.abm-category-posts li {

	list-style: none;

}



.widget-area ul.abm-category-posts li a {

	text-decoration: none;

	font-size: 20px;

	font-weight: bold;

	font-family: 'Roboto Slab', serif;

	color: #000;

}



.widget-area ul.abm-category-posts li a:hover {

	color: #00a2ff;

}



#social-buttons > #header-sidebar {

	float: left;

	width: auto;

	margin: 15px 25px 5px;

}

	



/* End of Widgets */





/* Archives */



.archive-post-thumb {

	width: 150px;

	height: 150px;

	background: url(images/site-logo.jpg) no-repeat center center;

	background-size: 135px 28px;

	border: solid 1px #000;

}



.archive-post-content {

	position: relative;

	min-height: 200px;

}



.archive-post-content .archive-post-thumb {

	position: absolute;

}



.archive-post-content h5.archive-post-title {

	padding-left: 170px;

}



.archive-post-content h5.archive-post-title a {

	text-decoration: none;

	color: #000;

}



.archive-post-content h5.archive-post-title a:hover {

	color: #00a2ff;

}



.archive-post-content .archive-post-excertpt {

	padding-left: 170px;

}



/* End of Archives */



#headerNavGallery,

.headerNavGallery {

	width: 100px;

	height: 100px;

	background-color: #666;

	position: absolute;

	top: 20px;

	left: 20px;

}



span.wpcf7-form-control-wrap {

	margin-left: 10px;

}







/* Buy buttons (added by SoJones Buy Buttons plugin) */

#sojones-buy-buttons {

	height: 185px;

	margin-bottom: 130px;

	background: url(images/buy-buttons/buy-bg.jpg);

}



@media screen and (max-width: 900px) {

	

#primary.content-area {

	float: none;

}



.site-main {

	width: 90%;

	float: none;

	margin: 0px auto;	

}



#secondary.widget-area {

	float: none;

	margin: 0px auto;

	padding-top: 50px;

	overflow: hidden;

}



#home-slider.flexslider {

	display: inline-block;

}



#header-search {

	float: left;

	width: 50%;

}



}

@media screen and (max-width: 728px) {



#header-ads {

	display: none;

}

.site-header {

	margin-top: 20px;

}

}



@media screen and (max-width: 653px) {



ul#menu-footer-nav.menu {

	float: none;

	margin: 10px 25px 25px;

}



p#abm-footer {

	margin-bottom: 10px;

	float: none;

}

}



@media screen and (max-width: 600px) {	

	.main-navigation ul {

		padding-left: 0px;

	}

	

	.main-navigation li {

		float: none;

		text-align: center;

	}

	

	.main-navigation ul li.shop-now {

		float: none;

	}

	

	.main-navigation ul li.shop-now a  {

		padding-left: 0px;

	}

	

	.main-navigation ul li ul.sub-menu {

		display: none !important;

	}

	

	.main-navigation .menu .menu-parent-item > a {

		background: none;

	}

	

	.main-navigation h1.menu-toggle {

		text-align: center;

	}

	

	h1.site-title {

		text-align: center;

	}

	

	.main-navigation ul li.shop-now {

	background: none;

	margin: 0px;

	}

	

	.main-navigation ul li.shop-now a {

		color: #000;

		background: url(images/new.png) no-repeat right;

		display: inline-block;

		padding: 4px 31px 4px 0px;

		margin-top: 0px;

	}



	#header-search {

		width: 100%;

	}

}



	

#page {

	position: relative;

	z-index: 3;

	background: #fff;

	max-width: 980px;

	margin: 0 auto;

	padding: 0 10px !important;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-shadow: 0 0 10px rgba(0,0,0,0.25);

}

#karmaloop-takeover {

	text-indent: -9999em;

	display: block;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 2;

	width: 100%;

	height: 100%;

	background: url(images/karmaloop_sojones_background_takeover.jpg) top center no-repeat;

}