/*



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;*/
	color:#0075B8;



}







a:hover {



	color: #00a2ff;



}







a:visited {



/*	color: #ff4302;*/
		color:#0075B8;



}







/* 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;*/
		color:#0075B8;



	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: #154EF2;



}







.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;*/
		color:#0075B8;



	text-decoration: none;



}







/*.flare-horizontal {



	width: 200px !important;



	float: right !important;



}*/







.post .entry-content blockquote p {



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



/*	color: #ff4302;*/
		color:#0075B8;



	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;



}