/*
 Theme Name:   Betwixt and Between 2014
 Theme URI:    http://alxmedia.se/themes/anew/
 Description:  Custom theme created for Betwixt and Between by Hyper Web Designs, Nov 2014.
 Author:       Hyper Web Designs
 Author URI:   http://www.hyperwebdesigns.com.au
 Template:     anew
 Text Domain:  betwixtandbetween2014
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


body {
	background-color: #FFf;
}

.post-title, .page-title-single {
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-size: 36px;
	text-align: center;
	line-height: 36px;
}

#header {
	border-bottom: 0;
}
#header .pad { padding-bottom: 0; }
.site-title,
.site-title a,
.site-title a img { float: none; max-height: 150px !important; }

.entry { font-size: 16px; }

a:link {
	color: #e63176;
}

/* =Sidebar Styles
-------------------------------------------------------------- */


/***** Welcome Box *****/

.sidebar-content #text-3 img {
	clear: both;
	height: auto;
	width: 100%;
	margin: 0 0 15px 0;
	text-align: left;
}

.sidebar-content #text-3 h3 {
	font: italic normal 16px 'Times New Roman', Times, FreeSerif, serif;
	text-transform: none;
	line-height: 1.4em;
	color: #828B8B;
	text-align: center;
}
.sidebar-content #text-3 .author {
	width: 100%;
	font-size: 42px;
	text-align: center;
	text-transform: uppercase;
	font-family: Josefin Sans;
	font-weight: 600;
	margin-bottom: 25px;
	color: #000;
}
.sidebar-content #text-3 .author div:first-child {
	font-family: Josefin Sans;
	color: #ebe50b;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 7px;
}
.sidebar-content #text-3 p {
	text-align: center;
	margin-bottom: 0.5em;
}

/***** Social Icon Bar *****/

p#gallerylink {
	display: block;
	width: 100%;
	background-color: #000;
	text-align: center;
	margin-bottom: 40px;
}
p#gallerylink a {
	font-family: Josefin Sans;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFF;
}
p#gallerylink a:hover, p#gallerylink a:active { color: #41d9eb; }

.sidebar #text-4 { padding: 0 30px 15px; }

a#socialcircle {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	float: left;
	margin: 0 10px 10px 0;
}
a#socialcircle:last-child { margin-right: 0; }

a.lilypad {
	background: url(icons/social_lilypad.png) #000;
	background-size: contain;
}
a.lilypad:hover { background-color: #c1d073; }
a.instagram {
	background: url(icons/social_instagram.png) #000;
	background-size: contain;
}
a.instagram:hover { background-color: #3f729b; }
a.pinterest {
	background: url(icons/social_pinterest.png) #000;
	background-size: contain;
}
a.pinterest:hover { background-color: #cc2127; }
a.facebook {
	background: url(icons/social_facebook.png) #000;
	background-size: contain;
}
a.facebook:hover { background-color: #3b5998; }
a.calico {
	background: url(icons/social_studiocalico.png) #000;
	background-size: contain;
}
a.calico:hover { background-color: #7fbfbd; }
a.blogroll {
	background: url(icons/social_blogroll.png) #000;
	background-size: contain;
}
a.blogroll:hover { background-color: #21759b; }

a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:7px 0;
    margin-top:52px; margin-left: -20px;
    width:85px; line-height:16px;
	text-align: center; border-radius:5px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#333 url(../images/css-tooltip-gradient-bg.png) repeat-x 0 0;
}


/***** Search Box *****/

.sidebar #search-2 { padding: 15px 30px; }

/***** Menu Box *****/

.alx-tab .tab-item-thumbnail {
	height: 80px;
}
.alx-tab .tab-item-thumbnail img {
	width: 100%;
	height: 100%;
}

.alx-tab .tab-category-thumbnail { width: 80px; /*margin-left: -94px;*/ float: left; }
.alx-tab .tab-category-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.alx-tab .tab-category-thumbnail img { width: auto; height: auto; }

.tab-item-category a:first-child {
	font-family: Josefin Sans;
	font-weight: 800;
	letter-spacing: 0.05em;
	font-size: 14px;
	text-transform: uppercase;
}
.alx-tab .tab-item-title { font-size: 14px; }

.alx-tab .tab-item-category {
	color: #000;
	text-transform: none;
	font-size: 14px;
}

/***** Logos *****/

.aligncenter {
	display: block;
}

#image-3 h3 {
	margin-bottom: 30px;
}

#image-4 {
	padding-top: 0;
}

/* =Post Format Styles
-------------------------------------------------------------- */

.post-format .image-container {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.post-format .image-container img {
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
			transform: translate(0,-50%);
}

.format-gallery .post-format {
	height: 400px;
	overflow: hidden;
}

.format-gallery .post-format .flexslider .slides img {
	width: 100%;
	max-height: none;
	margin-top: 50%;
	-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
			transform: translate(0,-50%);
}

#post-date {
	position: relative;
	width: 100%;
	height: 24px;
	margin-bottom: 25px;
}
#post-date div {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 24px;
	background-color: #000;

	font-family: 'Josefin Sans', sans-serif !important;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

.post-deco {
	/*background: #000;*/
	background: url(images/dotted_underline.png) bottom center repeat-x;
	height: 5px;
	margin: 35px auto 10px;
	max-width: 60%;
}
.post-deco .hex {
	background: none;
	border: 3px solid #FFF;
	margin-left: -22px;
}
.post-deco { }
.post-deco .hex-small {
	margin-top: -12px;
	height: 40px;
	width: 40px;
}
.hex-inner {
	height: 100%;
}
.hex-inner div {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.hex-inner div img {
	max-width: 65%;
	height: auto;
	margin-top: 7px;
}

.alx-tab .tab-category-thumbnail { width: 80px; height: 80px; margin-right: 14px; border-radius: 50%; }
.alx-tab .tab-category-thumbnail img { width: 46px; height: 46px; margin: 17px; border-radius: 0; }

#tab-comments .do-it-yourself, .hex-inner div.do-it-yourself { background-color: #dadbdb; }
#tab-comments .events-and-classes, .hex-inner div.events-and-classes { background-color: #0a3b5c; }
#tab-comments .everyday, .hex-inner div.everyday { background-color: #ebe50b; }
#tab-comments .freebies, .hex-inner div.freebies { background-color: #6bf3bf; }
#tab-comments .photography, .hex-inner div.photography { background-color: #41d9eb; }
#tab-comments .project-life, .hex-inner div.project-life { background-color: #bb53d4; }
#tab-comments .recipes, .hex-inner div.recipes { background-color: #fdbb65; }
#tab-comments .scrapbooking, .hex-inner div.scrapbooking { background-color: #f063a4; }

.more-link-custom {
	font-family: Josefin Sans;
}

.commentsbox {
	text-align: center;
	text-transform: uppercase;
	margin-top: 6px;
	font-size: 14px;
	font-family: Josefin Sans;
	font-weight: 600;
}



/* =Footer Styles
-------------------------------------------------------------- */

.instagram-pics img {
	max-width: 23%;
	float: left;
	padding: 0 2% 20px 0;
}
.null-instagram-feed p.clear {
	height: auto;
	width: auto;
	visibility: visible;
	text-align: right;
	font-style: italic;
	padding-right: 2%;
}
#footer-bottom #copyright {
	color: #666;
}

#footer .widget > h3 {
	color: #41d9eb;
}

.nav-container {
	font-family: Josefin Sans;
}
#footer-bottom #copyright { width: 49%; float: left; }
#footer-bottom #credit { width: 49%; float: right; text-align: right; color: #666; }
#footer-bottom #credit a { color: #666; }

/* =Misc Styles
-------------------------------------------------------------- */

.frizzly-icon-pinterest {
	margin: 10px 10px 0 0;
}

.post-nav li a strong {
	font-family: Josefin Sans;
	font-weight: 600;
	font-size: 16px;
}
.post-nav li a span { font-size: 14px; }

.comment-tabs li a, .commentlist .fn, .pinglist .ping-link {
	font-family: Josefin Sans;
	font-weight: 600;
	text-transform: uppercase;
}

#commentform {
	background: #ebe50b;
	border-bottom: none;
	padding: 10px 10px 2px 10px;
}

#respond .comment-form-service { background: #ebe50b !important; }

.pagecontent { padding-top: 0; }

#gallery-12 {
	margin-top: 60px !important;
}

#gallery-12 .gallery-item {
	width: 23% !important;
	margin: 1%;
	margin-bottom: 2%;
}