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

Theme Name: Hipster	
Theme URI: http://www.themejug.com/theme/hipster
Description: Hipster - a perfect WordPress theme for creative types who want to showcase their work and musings whilst also developing their own image and branding, the theme is fully responsive so it looks great on your iPad and iPhone.
Author: ThemeJug	
Author URI: http://www.ThemeJug.com	
License: GNU General Public License version 3.0	
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Version: 2.0.3

All files, unless otherwise stated, are released under the GNU General Public License	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------
	00.	CSS Reset
	01.	WordPress Core	
	02.	Body Defaults	
	03. Header	
	04. Blog Posts
	05. Single Post
	06. Pagination
	07. Comment List
	08. Comment Form
	09. Page Template - Default
	10. Page Template - Contact
	11. Page Template - Home
	12. Page Template - Search
	13. Custom TJ Widgets
	14. Footer
	15. ThemeJug Shortcodes
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
00.	CSS Reset - http://meyerweb.com/eric/tools/css/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, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/*-----------------------------------------------------------------------------------
01. WordPress Core
-----------------------------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption,
.gallery-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
	line-height: 28px;
	margin: 10px 0 0;
	padding: 0;
}

.sticky { visibility: inherit; }

/* Post Author */

.single-post .bypostauthor { 
	margin: 60px auto 2.1427em auto;
	padding: 0 0 1.071em;
	position: relative;
}

.author-meta:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 35px;
	height: 50px;
	border-bottom: solid 2px #f1f1f1;
}

.author-title {
	font-size: 1em;
	margin-top: 0;
}

.author-avatar,
.author-avatar .avatar {
	float: left;
	margin: 0 22px 0 0;
	width: 72px;
	height: 72px;
}

.author-description {
	float: left;
	width: 85%;
	overflow: hidden;
}

.author-description p:last-child {
	margin-bottom: 0;
}

.author-description a {
	color: #152b3c;
	text-decoration: underline;
}

.author-description a:hover {
	color: #3fcca4;
}

/* Default Search */

#searchform input[type="text"] {
	margin: 0;
	padding: 0.875em;
	width: 45%;
	position: relative;
	background: #fff;
	border: none;
	font-size: 0.875em;
	color: inherit;
	font-family: inherit;
	font-weight: normal;
	border: 1px solid #f1f1f1;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}

/*-----------------------------------------------------------------------------------
02. Body Defaults
-----------------------------------------------------------------------------------*/

html,
body {
	min-height: 100%;
}

body {
	font: 400 16px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #F7F7F7;
	color: #000;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-animation: fadein 0.1s 0s ease-out;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

a,
a img {
	text-decoration: none;
	outline: none;
}

a {
	-webkit-transition: 0.2s color ease-in-out;
		-moz-transition: 0.2s color ease-in-out;
			-o-transition: 0.2s color ease-in-out;
				transition: 0.2s color ease-in-out;
}

p {
	font-size: 1em;
	line-height: 2.4286em;
	margin: 1.214em 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	color: #34495e;
	font-family: 'Raleway', sans-serif;
}

h1 {
	font-size: 1.5714em;
	line-height: 1.4167em;
	margin: 0.708em 0;
}

h2 {
	font-size: 1.4286em;
	line-height: 1.5455em;
	margin: 0.773em 0;
}

h3 {
	font-size: 1.2857em;
  	line-height: 1.7em;
	margin: 0.85em 0;
}

h4 {
	font-size: 1.1429em;;
	line-height: 1.8889em;
	margin: 0.944em 0;
}

h5 {
	font-size: 1em;
	line-height: 2.125em;
	margin: 1.107em 0;
}

h6 {
	font-size: 0.875em;
	line-height: 2.4286em;
	margin: 1em 0;
}

pre {
	width: 80%;
	margin: 1.214em auto;
	padding: 1.214em 2.428em;
	background: #fff;
}

/*-----------------------------------------------------------------------------------
03. Header
-----------------------------------------------------------------------------------*/

.header-wrap {
	background: #68c39f;
	width: 100%;
}

#header {
    margin: 0 auto;
    padding: 70px 0;
    max-width: 60%;
}

/* Header Logo */

.logo {
	float: left;
}

.logo h1 {
  	letter-spacing: 8px;
  	text-transform: uppercase;
  	font-weight: 700;
	margin: 0;
	padding: 0;
}

.logo h1 a{ 
	color: #fff;
}

/* Header Menu */

.tj-mobile-menu {
	display: none;
}

#header nav {
    float: right;
    font-size: 0.938em;
    line-height: 2.8333em;
}

#header nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header nav ul li {
	padding: 1px 0;
	text-align: center;
	float: left;
	position: relative;
}

#header nav ul li.last-menu-item a {
	padding-right: 0;
	background: none;
}

#header nav ul li:hover { 
	visibility: inherit; 
}

#header nav ul li a {
	color: #fff;
	padding: 1px 25px;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

#header nav ul li a:hover {
	color: #3fcca4;
}

#header nav ul ul {
	position: absolute;
	top: -9999em;
	width: 180px;
	font-weight: normal;
}

#header nav ul ul li { 
	width: 100%; 
}

#header nav ul li .sep {
	position: absolute;
	top: 35px;
	right: -3px;
	color: #aeaeae;
}

#header nav ul li:last-child .sep,
#header nav ul li.last .sep,
#header nav ul ul .sep { 
	display: none;
}

#header nav ul li:hover ul,
#header nav ul li.sfHover ul {
	left: 27px;
	top: 35px;
	z-index: 99;
	width: 180px;
}

#header nav ul li:hover li ul,
#header nav ul li.sfHover li ul,
#header nav ul li li:hover li ul,
#header nav ul li li.sfHover li ul,
#header nav ul li li li:hover li ul,
#header nav ul li li li.sfHover li ul { 
	top: -9999em; 
}

#header nav ul li li:hover ul,
#header nav ul li li.sfHover ul,
#header nav ul li li li:hover ul,
#header nav ul li li li.sfHover ul,
#header nav ul li li li li:hover ul,
#header nav ul li li li li.sfHover ul {
	left: 180px;
	top: -1px;
}

#header nav ul li.current-cat a,
#header nav ul li.current_page_item a,
#header nav ul li.current-menu-item a {
	text-decoration: none;
	color: #333333;
}

/* Submenu Level 1 */

#header nav ul ul {
	padding: 0;
	background: #fff;
	padding: 0 20px;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

#header nav ul ul li {
	color: #000000;
	text-align: left;
	float: none;
	background: none;
	padding: 0;
}

#header nav ul ul li:first-child { 
	padding-top: 10px; 
}

#header nav ul ul li:last-child { 
	padding-bottom: 10px; 
}

#header nav ul ul li a {
    color: #000;
    letter-spacing: 0;
}

#header nav ul li.sfHover ul a { 
	margin: 0;
	padding: 20px 0;
	color: #505050;	
	text-transform: none;
}

#header nav ul li.sfHover ul a:hover { 
	color: #aaaaaa;	
	border-bottom: none;
}

#header nav ul ul ul {
	padding-top: 5px;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

#header nav ul li a.sf-with-ul {
	padding-right: 0;
}

.sf-sub-indicator {
	background: url('img/drops.png') no-repeat center center transparent;
	background-size: 6px 7px;
	display: inline-block;
	margin-left: 5px;
	text-indent: -999em;
	display: none;
}

/*-----------------------------------------------------------------------------------
04. Blog Posts
-----------------------------------------------------------------------------------*/

#content {
	width: 100%;
	min-height: 100%;
	margin: 0 auto 0 auto;
}

#primary {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 auto;
}

/* Post - Content */

article.post {
	margin: 0 auto 0 auto;
	/* padding: 60px 0; paul edit*/
	padding: 30px 0;
	clear: both;
}

#primary article.post:last-child {
	margin-bottom: 0;
}

article.post .entry-content a {
	text-decoration: underline;
}

article.post.tj-odd {
	background: #fff;
}

article.post.tj-even {
	background: #fafafa;
}

/* Post - Featured Image */

.blog-hero {
	margin: 10px 0 1.214em 0;
	text-align: center;
}

.blog-hero img:hover {
	opacity: 0.9;
}

/* Post - Title */

.entry-title {
	margin: 0 0 3% 0;
	font-family: 'Raleway', sans-serif;
	font-size: 1.875em;
	line-height: 1.4167em;
	font-weight: 300;
	text-decoration: none;
	margin: 0 0 0 0;
}

article.post .entry-content .entry-title a {
	color: #34495e;
	text-decoration: none;
}

article.post .entry-content .entry-title a:hover {
	color: #067861;
}

/* Post - Meta */

.meta {
	font-size: 0.875em;
	line-height: 2.8333em;
	color: #b0b0b0;
}

.entry-content ul .meta a {
	color: #b0b0b0;
	text-decoration: none;
}

.meta a:hover {
	color: #3fcca4;
}

.entry-content ul.tj_post_header_meta,
.entry-content ul.tj_post_footer_meta {
	margin: 1.214em 0 0 0;
	width: 100%;
	display: inline-block;
}

ul.tj_post_header_meta li,
ul.tj_post_footer_meta li {
	list-style-type: none;
	display: inline-block;
	padding: 0;
	font-weight: normal;
}

ul.tj_post_header_meta li.post-author-link:before,
ul.tj_post_header_meta li.post-comment-count:before,
ul.tj_post_footer_meta li.post-tags-links:before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 12px;
}

/* Post Meta - Author */

.post-author-link a {
	color: #b0b0b0;
}

.post-author-link a:hover {
	color: #3fcca4;
}

/* Post - Meta Categories */

.post-categories-links a {
	font-weight: normal;
	margin: 0 5px 0 0;
	color: #b0b0b0;
}

/* Post - Meta Tags */

.post-tags-links a {
	font-weight: normal;
	color: #b0b0b0;
}

/* Post Type: Gallery */

.format-gallery {
	margin-top: 10px!important;
}

.tj-loading {
	width: 100%;
	height: 100%;
	min-height: 250px;
	background: transparent url(img/ajax-loader.gif) no-repeat center center;
	margin: 0 auto;
}

.entry-content .flexslider ul li {
	list-style: none;
}

/* Post Type: Link */

.format-link {
	text-align: center;
}

.format-link p:first-child {
	font-size: 1em;
	line-height: 2.4286em;
	margin: 1.214em 0;
}

article.post.format-link {
	padding-bottom: 70px;
}

.format-link .icon-link {
	display: block;
	margin: 0 0 30px 0;
}

/* Post Type: Quote */

.format-quote {
	text-align: center;
}

.format-quote .entry-title {
	font-weight: 300;
	font-style: italic;
}

.format-quote p:first-child {
	font-size: 1em;
	line-height: 2.4286em;
	margin: 1.214em 0;
}

article.post.format-quote {
	padding-bottom: 70px;
}

.format-quote .icon-quote-left {
	display: block;
	margin: 0 0 30px 0;
}

/* Post Type: Video */

.format-video .video {
	display: block;
	clear: both;
	margin: 10px 0 1.214em 0;
}

/* Post Archives */

.archive-breadcrumb {
	padding: 2.1427em 0;
	position: relative;
}

.archive-title {
	max-width: 60%;
	font-size: 1em;
	font-weight: 300;
	margin: 0 auto;
}

/* Read More Link */

article.post .entry-content a.more-link {
	margin: 1.214em 0 0 0;
	padding: 1% 3%;
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: #68c39f;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	clear: both;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

article.post .entry-content a.more-link:hover { 
	background: #067861;
}

/* 404 - Content None */ 

article#post-0 {
	border: none;
	width: 100%;
}

/*-----------------------------------------------------------------------------------
05. Single Post
-----------------------------------------------------------------------------------*/

.single-post article.post {
	margin-bottom: 0;
}

.entry-content {
	width: 60%;
	margin: 0 auto;
}

.entry-content a {
	color: #152B3C;
}

.entry-content a:hover {
	color: #3fcca4
}

.entry-content blockquote {
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	width: 70;
	padding: 0 2.428em;
	border-left: 2px solid #e2e2e2;
}

.entry-content ul,
.entry-content ol{
	display: block;
	clear: both;
	margin: 1.875em 1.2em;
	padding: 0;
}

.entry-content ul li { 
	list-style-type:square;
}

.entry-content ol li { 
	list-style-type: decimal;
}

/*-----------------------------------------------------------------------------------
06. Pagination
-----------------------------------------------------------------------------------*/

/* Default Pagination */

.pagination-default-wrapper {
	background: #FDFCFD;
	margin: 0 0 0 0;
	padding: 60px 0;
}

.pagination-default {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	clear: both;
}

.pagination-default a {
	font-size: 0.875em;
	color: #7c7c7c;
	padding: 0.8% 2.2%;
	border: 2px solid #ece9e2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.pagination-default-left a { 
	float: left;
}

.pagination-default-right a { 
	float: right;
}

.pagination-default-left a:hover,
.pagination-default-right a:hover {
	border: 2px solid #68C39F;	
}

/* Link Pagination */

.pagination-links {
	width: 100%;
	display: inline-block;
	margin: 70px auto 80px auto;
	text-align: center;
	font-size: 0.889em;
	clear: both;
}

.pagination-links a.page-numbers { 
	padding: 0.353em 0.875em;
	background: #E6E6E6;
	color: #7c7c7c;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

.pagination-links a.page-numbers:hover { 
	color: #fff;
	background: #3fcca4;
}

.pagination-links .current { 
	padding: 0.353em 0.875em;
	color: #fff;
	background: #3fcca4;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

/*-----------------------------------------------------------------------------------
07. Comment List
-----------------------------------------------------------------------------------*/

.commentlist {
	width: 60%;
	margin: 0 auto;
	display: block;
	clear: both;
}

.comments-meta h4  {
	margin: 0 0 45px 0;
}

.commentlist article {
	width: 100%;
	margin: 0 auto 45px auto;
	padding: 0 0 45px 0;
	border-bottom: 1px solid #f1f1f1;
}

.commentlist cite {
	font-style: normal;
}

.commentlist img.avatar {
	margin: 0 20px 0 0;
	width: 72px;
	height: 72px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	float: left;
}

.commentlist .meta {
	line-height: 1em;
}

.commentlist .meta a {
	font-weight: 600;
	color: #000;
}

.commentlist .meta a:hover {
	color: #3fcca4;
}

.entry_info{
	overflow: hidden;	
}

.entry_info p:first-child {
	margin-top: 0;
}

.entry_info p:last-child {
	margin-bottom: 0;
}

.commentlist .depth-2{
	margin-left: 13%;
	width: 86%;
}

.commentlist .depth-3 {
	margin-left: 26%;
	width: 74%;
}

.commentlist .depth-4{
	margin-left: 39%;
	width: 61%;
}

.commentlist .depth-5{
	margin-left: 51.7%;
	width: 48.3%;
}

/*-----------------------------------------------------------------------------------
08. Comment Form
-----------------------------------------------------------------------------------*/

#respond {
	margin: 60px 0;
	clear: both;
}

h3#reply-title {
	margin: 0 0 40px 0;
}

#respond label {
	display: block;
	margin: 1.214em 0;
}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"]{
	border: 1px solid #f1f1f1;
	outline: none;
	width: 95%;
	margin: 0;
	padding: 1em;
	font-size: 0.875em;
	color: inherit;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus {
	opacity: 0.6;
}

#respond textarea {
	border: 1px solid #f1f1f1;
	outline: none;
	width: 95%;
	margin: 0;
	padding: 1em;
	font-size: 1em;
	font-family: inherit;
	font-weight: in;
	line-height: 2.25em;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

.form-allowed-tags,
.comment-notes{
	display: none;
}

#respond input[type="submit"] {
	font-size: 1em;
	font-weight: inherit;
	font-family: inherit;
	padding: 1.8%;
	background-color: #000000;
	color: #fff;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

#respond input[type="submit"]:hover {
	background-color: #3fcca4;
}

#respond a {
	color: #333333;
}

#respond a:hover {
	color: #3fcca4;
}

/*-----------------------------------------------------------------------------------
09. Page Template - Default
-----------------------------------------------------------------------------------*/

article.page {
	max-width: 100%;
	margin: 60px 0;
	clear: both;
}

.page-hero {
	text-align: center;
	margin-bottom: 20px;
}

article.page .entry-content a {
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------
10. Page Template - Contact
-----------------------------------------------------------------------------------*/

#contact {
	margin: 60px 0;
	clear: both;
}

.contact label {
	display: block;
	margin: 1.214em 0;
}

.contact input[type="text"],
.contact input[type="email"],
.contact input[type="url"] {
	border: 1px solid #f1f1f1;
	outline: none;
	width: 95%;
	margin: 0;
	padding: 1em;
	font-size: 0.875em;
	color: inherit;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

.contact textarea {
	border: 1px solid #f1f1f1;
	outline: none;
	width: 95%;
	margin: 0;
	padding: 1em;
	font-size: 1em;
	line-height: 2.25em;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

.contact input[type="text"]:focus,
.contact input[type="email"]:focus,
.contact input[type="url"]:focus,
.contact textarea:focus {
	opacity: 0.6;
}

.contact input[type="submit"] {
	font-size: 1em;
	font-family: inherit;
	font-weight: inherit;
	padding: 1.8%;
	background-color: #000000;
	color: #fff;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.contact input[type="submit"]:hover {
	background-color: #3fcca4;
}

label.error {
	width: 100%;
	color: #df102c;
}

/*-----------------------------------------------------------------------------------
11. Page Template - Home
-----------------------------------------------------------------------------------*/

.page-template-template-home-php .logo {
	text-align: left;
	float: none;
	clear: both;
}

.tj_mini_bio {
	/* width: 45%; PAUL*/
	padding: 30px;
	position: absolute;
	-webkit-animation: fadein 1.1s 0s ease-out;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

.tj_mini_bio h1 {
	margin: 0 auto;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 10px;
}

.tj_mini_bio .tagline-title {
	font-size: 2.5em;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
}

/* Paul */
@media screen and (max-width: 480px)
{
.tj_mini_bio .tagline-title {
	font-size: 1.7em;
}
}



.tj_mini_bio h2 {
	font-size: 1.2em;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 10px;
}

.tj_mini_bio p a {
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------
12. Page Template - Search
-----------------------------------------------------------------------------------*/

/* Search String Titles */

.search-query {
	font-size: 1em;
	margin: 0 0 2.1427em 0;
	padding: 0 0 1.071em;
	position: relative;
}

.search-title {
	font-size: 1em;
	margin-top: 0;
	text-align: center;
}

.search-title {
	font-size: 1em;
	margin-top: 0;
}

p.search-result-query {
	max-width: 60%;
	margin: 68px auto;
	line-height: 1em;
}

.search-again {
	width: 60%;
	margin: 1.7em auto;
}

.search #searchform input[type="text"] {
	border: 1px solid #f1f1f1;
	padding: 20px 15px 20px 15px;
}

.no-results-search {
	width: 60%;
	margin: 1.7em auto 60px auto;
}

/*-----------------------------------------------------------------------------------
13. Custom TJ Widgets
-----------------------------------------------------------------------------------*/

/* Generic Widget Setup */

.widget {
	margin: 0;
	padding: 60px 0 0 0;
	position: relative;
	font-size: 0.875em;
	clear: both;
}

.widget:last-child {
	padding-bottom: 60px;
}

.widget-title {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin: 0;
	padding: 0;
}

.widget ul li:first-child {
	padding-top: 0;
}

.widget ul li:last-child {
	margin-bottom: 0;
}

.widget a {
	font-weight: bold;
}

/* Footer Widget Setup */

.footer-widget-left,
.footer-widget-right {
	float: left;
	width: 45%;
	text-align: left;
}

.footer-widget-right {
	padding: 0 0 0 10%;
}

/* Search */

.widget #searchform input[type="text"] {
	width: 90%;
	font-size: 1em;
}

/* TJ Twitter */

.widget a.twitter_time {
	font-weight: normal;
	font-size: 0.75em;
}

/* TJ Video */

.tj_video_widget .video_widget {
	margin: 1.821em 0 0 0;
}

/* TJ Flickr */

.tj_flickr_widget .flickrwidget .flickrwidget-inner {
	margin-right: -30px;
	display: inline-block;
	clear: both;
}

.tj_flickr_widget .widget-title {
	margin-bottom: 2.6em;
}

.tj_flickr_widget .flickrwidget .flickr_badge_image {
	float: left;
	width: 60px;
	height: 60px;
	border: 1px solid#2E3237;
	overflow: hidden;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.tj_flickr_widget .flickrwidget .flickr_badge_image img {
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.tj_flickr_widget .flickrwidget .flickr_badge_image img:hover {
	opacity: 0.9;
}

/* TJ Posts */

.widget_themejug_posts_widget {
	display: block;
	clear: both;
}

.widget_themejug_posts_widget:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

p.widget-desc {
	margin-bottom: 0;
}

.tj-posts-widget article.post.tj-even,
.tj-posts-widget article.post.tj-odd {
	min-width: 100%;
	margin: 0.875em 0;
	padding: 0;
	background: transparent;
	float: none;
	display: inline-block;
	clear: both;
}

.tj-posts-widget article:last-child,
.tj-posts-widget article.post.tj-even:last-child,
.tj-posts-widget article.post.tj-odd:last-child  {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	
}

.tj-posts-widget-featured-img {
	width: 60px;
	height: 60px;
	border: 1px solid#2E3237;
	margin: 0 20px 0 0;
	float: left;
	clear: both;
	overflow: hidden;
}

.widget .tj-posts-widget-featured-img:hover {
	opacity: 0.9;
}

p.tj-posts-widget-post-date {
	margin: 7px 0;
}

.tj-posts-widget-post-title .entry-title {
	font-size: 1em;
	line-height: 16px;
}

#sidebar .tj-posts-widget-post-title .entry-title a {
	color: #1E2328;
}

#sidebar .tj-posts-widget-post-title .entry-title a:hover {
	color: #5DC2A6;
}

.tj-posts-widget-excerpt {
	text-align: left;
}

/* WP Tag Cloud */

.widget_tag_cloud {
	display: block;
	clear: both;
}

.widget_tag_cloud .tagcloud a {	
	font-size: 1em!important;
	line-height: 2.4286em;
	margin: 0.607em 0.607em 0.607em 0;
	padding: 0;
	display: inline-block;
}

.widget_tag_cloud .tagcloud a:hover {
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------
14. Footer
-----------------------------------------------------------------------------------*/

.footer-wrap {
	background: #fffcf5;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Footer */

#footer {
	margin: 0 auto;
	font-size: 1em; /* 12px */
	line-height: 2.4286em; /* 32px */
	text-align: center;
}

#footer .widget p:last-child {
	margin-bottom: 0;
}

/* Footer Widget Wrapper */

.footer-widgets {
	max-width: 60%;
	margin: 0 auto;
}

.footer-widgets a {
	color: #000;
}

.footer-widgets a:hover {
	color: #3fcca4;
}

/* Footer Inner */

.footer-inner {
	width: 100%;
	margin: 0 auto;
	padding: 24px 0 20px 0;
	text-align: left;
	background: #2E3237;
	font-size: 0.75em;
}

.footer-inner-wrap {
	max-width: 60%;
	margin: 0 auto;
}

.footer-inner a {
	color: #000;
	text-decoration: none;
}

#footer-inner a:hover {
	color: #3fcca4;
}

/* Footer Left */

.footer-left {
	width: 50%;
	float: left;
}

.footer-left p {
	line-height: 2.4286em;
	margin: 0;
}

/* Footer - Copyright */

.tj-credit a {
	line-height: 2em;
	color: #000;
}

/* Footer Right */

.footer-right {
	width: 50%;
	float: right;
	text-align: right;
}

.footer-right p {
	line-height: 2.4286em;
	margin: 0;
}

/* Footer Right - Menu */

#footer nav {
	width: 100%;
	float: right;
	font-size: 0.875em;
	margin: 1px 0 0 0;
}

#footer nav ul {
	float: right;
	list-style: none;
	font-size: 1.25em;
}

#footer nav ul li {
	margin: 0 12px;
	line-height: 2em;
	float: left;
}

#footer nav ul li:last-child {
	margin-right: 0;
}

#footer nav ul li a {
	color: #333333;
	text-decoration: none;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

/*-----------------------------------------------------------------------------------
14. Themejug Shortcodes
-----------------------------------------------------------------------------------*/

.tj-column {
	font: 400 16px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 32px!important;
	margin-top: 1.214em!important;
	margin-bottom: 1.214em!important;
}

.tj-social {
	margin: 0.4em 1% 0 0!important;
	display: inline-block;
}

a.tj-social,
a.tj-social:hover {
	border-bottom: none;
}

.widget a.tj-social,
.widget a.tj-social:hover {
	color: #fff;
	margin: 0 auto!important;
}

.alert {
	text-align: left!important;
	margin: 1.5em auto!important;
	padding: 1.8% 1.8%!important;
	font: 400 16px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	border-radius: 3px!important;
}

.alert.green {
	border: none!important;
	color: #0D7138!important;
	background: #7BD7A3!important;
	clear: both;
}

.alert.orange {
	border: none!important;
	color: #964C0B!important;
	background: #F3B681!important;
	clear: both;
}

.alert.red {
	border: none!important;
	color: #7D180E!important;
	background: #E08980!important;
	clear: both;	
}

.alert.white {
	border: none!important;
	color: #7f8c8d!important;
	background: #ecf0f1!important;
	clear: both;	
}

.tj-toggle {
	font: 400 16px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 20px 0!important;
}

.tj-toggle-inner {
	width: 95.8%!important;
	margin-top: -1px!important;
}

.tj-toggle .ui-icon {
	margin: 1.8% 1.8% 0 1.8%!important;
}

.tj-toggle .ui-icon,
.tj-toggle .ui-state-active .ui-icon {
	display: none!important;
}

.tj-toggle-title {
	width: 98%!important;
	font-size: 14px!important;
	font-weight: bold!important;
	border: 1px solid #bdc3c7!important;
	padding: 1.8% 0 1.8% 1.8%!important;
}

.tj-toggle-inner {
	border: 1px solid #bdc3c7!important;
	width: 96.8%!important;
	padding: 15px 1.5%!important;
}

.tj-tabs {
	margin: 20px auto!important;
}

.tj-tab {
	font: 400 16px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: -1px 0 10px 0!important;
	padding: 20px!important;
	border: 1px solid #bdc3c7!important;
}

.tj-tabs ul.nav li a {
	height: 35px!important;
	font-weight: bold!important;
	padding: 5px 15px 5px 15px!important;
	background: #ecf0f1!important;
	border-left: 1px solid #bdc3c7!important;
	border-right: 1px solid #bdc3c7!important;
	border-top: 1px solid #bdc3c7!important;
	-webkit-border-radius: 3px 3px 0 0!important;
	-moz-border-radius: 3px 3px 0 0!important;
	border-radius: 3px 3px 0 0!important;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.tj-tabs ul.nav li.ui-tabs-active a {
	color: inherit!important;
	background: #fff!important;
	border-bottom: none!important;
}

.entry-content .tj-tabs ul.nav li a {
	color: inherit!important;
}

.entry-content .tj-tabs ul.nav li a:hover {
	color: inherit!important;
}

.tj-button {
	margin: 2px 1px!important;
	line-height: 24px;
	border-bottom: none!important;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.tj-button:hover {
	opacity: 1;
}

.tj-button span.tj-button-title {
	padding: 15px 30px!important;
}

.tj-yellow span,
.tj-green span,
.tj-red span,
.tj-orange span,
.tj-blue span,
.tj-black span,
.tj-white span {
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.tj-black {
	background: #212121!important;
}

.tj-button.tj-black:hover {
	background: #2C2C2C!important;
}

.tj-button.tj-black:hover span.tj-button-title {
	color: #909090!important;
}

.tj-yellow {
	background: #F8D54A!important;
}

.tj-button.tj-yellow:hover {
	background: #FCE177!important;
}

.tj-button.tj-yellow:hover span.tj-button-title {
	color: #A18518!important;
}

.tj-green {
	background: #5AD790!important;
}
 
.tj-button.tj-green:hover {
 	background: #85EBB1!important;
}

.tj-button.tj-green:hover span.tj-button-title {
	color: #1D8C4D!important;
}
 
.tj-red {
	background: #E06A5D!important;
}

.tj-button.tj-red:hover {
 	background: #F09086!important;
}

.tj-button.tj-red:hover span.tj-button-title {
	color: #92291E!important;
}

.tj-orange {
	background: #F3A158!important;
}

.tj-button.tj-orange:hover {
 	background: #F9BA82!important;
}

.tj-button.tj-orange:hover span.tj-button-title {
	color: #9E5A1D!important;
}

.tj-blue {
	background: #65B8ED!important;
}

.tj-button.tj-blue:hover {
 	background: #8CCCF6!important;
}

.tj-button.tj-blue:hover span.tj-button-title {
	color: #216A9A!important;
}

.tj-white {
	background: #fff;
}

.tj-white .tj-button-title {
	color: #545454!important;
}