/*
Theme Name: Vanity Barcodes
Theme URI: http://www.vanitybarcodes.com
Description: A custom theme
Author: Kristin Falkner
Author URI: http://www.kristinfalkner.com
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.alignleft							{ float: left; margin:0 10px 0 0; }
.alignright							{ float: right; margin:0 0 0 10px; }
.aligncenter						{text-align:center;}
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}
.wp-caption							{background-color:#ccc; padding:3px;}
.wp-caption-text					{text-align:center;}
.pink								{color:#eb008a;}

/*
FONT KITS
*/

@font-face {
    font-family: 'MuliLight';
    src: url('fonts/Muli-Light-webfont.eot');
    src: url('fonts/Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Muli-Light-webfont.woff') format('woff'),
         url('fonts/Muli-Light-webfont.ttf') format('truetype'),
         url('fonts/Muli-Light-webfont.svg#MuliLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuliLightItalic';
    src: url('fonts/Muli-LightItalic-webfont.eot');
    src: url('fonts/Muli-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Muli-LightItalic-webfont.woff') format('woff'),
         url('fonts/Muli-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Muli-LightItalic-webfont.svg#MuliLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuliRegular';
    src: url('fonts/Muli-Regular-webfont.eot');
    src: url('fonts/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Muli-Regular-webfont.woff') format('woff'),
         url('fonts/Muli-Regular-webfont.ttf') format('truetype'),
         url('fonts/Muli-Regular-webfont.svg#MuliRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuliItalic';
    src: url('fonts/Muli-Italic-webfont.eot');
    src: url('fonts/Muli-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Muli-Italic-webfont.woff') format('woff'),
         url('fonts/Muli-Italic-webfont.ttf') format('truetype'),
         url('fonts/Muli-Italic-webfont.svg#MuliItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
HEADERS
*/

h4 {
	font-size:17px;
	}


/*
STRUCTURE
*/

html, body {
	height:100%;
	}

body 			{
	font: 13px  'MuliRegular', Helvetica, Arial, sans-serif; 
	color: #12395f; 
	text-align: center; 
	background: #1f5b95 url(images/gradient.png) repeat-x; 
	margin: 0; padding: 0;
	}
	
p				{
	padding-bottom: 15px;
	}
	
#container 		{
	position:relative; 
	margin: 0 auto;  
	text-align:left; 
	width:1056px; 
	min-height:100%;
	height:auto !important;
	background-color:#12395f;
	-webkit-box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 1px 30px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 1px 30px rgba(0, 0, 0, 0.75);
	}
	
#header {
	padding:5px 43px 0;
	overflow:hidden;
	height:70px;
	}
	
.logo {
	float:left;
	margin-top:28px;
	}
	
.top-social {
	position:absolute;
	top:5px;
	right:68px;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
	}
	
.top-social img {
	margin-right:5px;
	}
	
.top-social a {
	color:#fff;
	}
	
#nav {
	float:right;
	overflow:hidden;
	margin-top:26px;
	}
	
#nav li {
	float:left;
	background:url(images/tab-gradient.png) repeat-x;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin-left:3px;
	height:45px;
	text-align:center;
	}
	
#nav li a {
	font-size:12px;
	display:block;
	line-height:45px;
	padding:0 27px;
	height:100%;
	}
	
#content {
	width:970px;
	margin:0 auto;
	border-top:8px solid #eb008a;
	}
	
#footer {
	padding:15px 43px;
	background:#99186a url(images/footerbg.png) repeat-x;
	color:#fff;
	overflow:hidden;
	min-height:203px;
	height:auto !important;
	}
	
a 			{
	color: #12395f; 
	text-decoration: none;
	}
	
a:hover		{
	text-decoration: none;
	color:#eb008a;
	}
	
/*
HOMEPAGE
*/

#home-slider {
	height:360px;
	position:relative;
	}
	
#home-slider #nav {
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:1000;
	overflow:hidden;
	}
	
#home-slider #nav a {
	font-size:1px;
	color:#fff;
	background:url(images/bullet.png) no-repeat;
	height:14px;
	width:14px;
	display:block;
	float:left;
	margin:0 3px;
	}
	
#home-slider #nav .activeSlide {
	background:url(images/bullet-active.png) no-repeat;
	}

.slide {
	width:970px;
	height:360px;
	position:relative;
	}
	
.slide img {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	}
	
.slide-info {
	position:absolute;
	top:55px;
	left:25px;
	width:280px;
	}

.slide-info h2 {
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
	}
	
.slide-info h2 a {
	color:#eb008a;
	}
	
.slide-info p {
	font-size:17px;
	line-height:23px;
	}
	
#home-page h4 {
	color:#fff;
	margin:10px;
	}
	
.home-press-link {
	float:right;
	margin:7px 10px 0 0;
	}
	
.home-press-box {
	background:#fff;
	text-align:center;
	padding:15px 0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}
	
.featured-bar {
	background:url(images/featuredbar.png) no-repeat top left;
	height:105px;
	padding:25px 0;
	margin:10px 0;
	overflow:hidden;
	}
	
.featured-bar h2 {
	color:#fff;
	font-size:24px;
	line-height:25px;
	font-weight:normal;
	padding-left:3px;
	margin-bottom:5px;
	}
	
#featured-bar-info {
	float:left;
	}
	
#home-carousel {
	float:right;
	margin:-3px 20px 0 0;
	}
	
#home-carousel img {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
/*
HOMEPAGE CAROUSEL
*/

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 740px;
    padding: 0 30px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  740px;
    height: 115px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  115px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 115px;
    height: 115px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: -7px;
    width: 27px;
    height: 103px;
    cursor: pointer;
    background: transparent url(images/btn-next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/btn-prev.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: -7px;
    width: 27px;
    height: 103px;
    cursor: pointer;
    background: transparent url(images/btn-prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/btn-next.png);
}

/*
FOOTER
*/

footer h3 {
	font-size:21px;
	font-weight:normal;
	}
	
footer li {
	margin:5px 0;
	}
	
.copyright .white-link {
	color:#fff;
	}
	
.footer-sitemap {
	float:left;
	width:140px;
	margin-right:20px;
	}
	
.footer-sitemap a, .footer-company a {
	color:#fff;
	}
	
.footer-company {
	float:left;
	}
	
.footer-contact {
	background:#e8e9ea;
	float:right;
	width:615px;
	padding:5px 10px;
	}
	
.footer-contact h4 {
	font-size:18px;
	font-weight:normal;
	color:#d90b86;
	}
	
.footer-contact input[type=text] {
	border:1px solid #c4ced7;
	width:225px;
	padding:5px;
	}
	
.wpcf7 {
	overflow:hidden;
	}
	
.form-left {
	float:left;
	width:340px;
	}
	
.form-right {
	float:right;
	width:260px;
	margin:5px 5px 0 0;
	}
	
.form-right textarea {
	border:1px solid #c4ced7;
	width:248px;
	padding:5px;
	resize:none;
	height:103px;
	}
	
.form-field {
	overflow:hidden;
	width:340px;
	margin:5px 0;
	}
	
.form-label {
	float:left;
	text-align:right;
	width:95px;
	font-size:14px;
	color:#12395f;
	padding-top:3px;
	}
	
.form-input {
	float:right;
	}
	
.footer-submit {
	display:block;
	text-indent:-9999px;
	background:url(images/sendbtn.png) no-repeat top left;
	width:134px;
	height:41px;
	border:none;
	float:right;
	margin-right:-5px;
	}
	
.copyright {
	font-size:10px;
	letter-spacing:2px;
	text-align:right;
	color:#fff;
	line-height:16px;
	margin:5px 43px 0 0;
	}
	
.copyright a {
	color:#00ffff;
	}
	
/*
SUBPAGES
*/

#sub-page {
	background-color:#fff;
	padding:25px 25px 25px 35px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	margin-bottom:10px;
	position:relative;
	}
	
#sub-page h1 {
	color:#eb008b;
	font-size:21px;
	font-weight:normal;
	text-transform:uppercase;
	}
	
#sub-page h1 .sub-head {
	color:#12395f !important;
	font-size:12px !important;
	}
	
#sub-content {
	border-top:1px solid #eb008b;
	}
	
#sub-menu {
	font-size:12px;
	width:220px;
	float:left;
	letter-spacing:1px;
	padding-top:20px;
	}
	
#sub-menu li {
	margin-bottom:15px;
	text-transform:uppercase;
	}
	
#sub-menu .current-menu-item {
	list-style-type:disc;
	color:#eb008b;}
	
#sub-menu .current-menu-item a {
	color:#eb008b;
	}
	
#sub-text {
	width:660px;
	border-left:1px solid #eb008b;
	float:right;
	padding:60px 0 60px 20px;
	}
	
#sub-text a {
	text-decoration:underline;}
	
#sub-content h2 {
	font-size:15px;
	color:#eb008b;
	font-weight:normal;
	margin-bottom:5px;
	}
	
#default-page-content {
	border-top:1px solid #eb008b;
	padding-top:20px;
	}
	
#default-page-content h2 {
	font-size:15px;
	color:#eb008b;
	font-weight:normal;
	margin-bottom:5px;
	}
	
#default-page-content a {
	text-decoration:underline;
	}
	
/*
GALLERY
*/

#gallery-page {
	margin:10px 0 0 -10px;
	position:relative;
	}
	
.gallery-menu {
	position:absolute;
	top:29px;
	right:23px;
	color:#eb008b;
	font-size:13px;
	}
	
.gallery-menu li {
	float:left;
	margin:0 10px;
	}
	
.gallery-menu a {
	text-decoration:underline;
	}

.gallery-individual {
	width:220px;
	height:216px;
	overflow:hidden;
	float:left;
	position:relative;
	text-align:center;
	margin:5px;
	padding-top:4px;
	background:url(images/gallerybg.png) no-repeat top left;
	}
	
.pin-it-btn-wrapper-shortcode {
	position:absolute;
	bottom:10px;
	right:15px;
	}
	
/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	float:right;
	margin:5px 5px 0 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: underline;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	text-decoration:none;
	color:#eb008b;
}

#next-gallery-page {
	position:absolute;
	right:-60px;
	top:50%;
	height:103px;
	margin-top:-51px;
	}
	
#prev-gallery-page {
	position:absolute;
	left:-60px;
	top:50%;
	height:103px;
	margin-top:-51px;
	}
	
/*
ABOUT US
*/

#about-founders {
	margin-top:20px;
	}
	
.about-bio {
	overflow:hidden;
	margin-bottom:35px;
	}
	
.bio-image {
	width:170px;
	float:left;
	}
	
.bio-text {
	width:700px;
	float:right;
	margin-right:10px;
	}
	
.bio-text h3 {
	font-weight:normal;
	}
	
/*
CASE STUDIES
*/

.case-study-callout {
	margin-left:-5px;
	}
	
.case-study-featured-title {
	text-transform:uppercase;
	}
	
.featured-case-study {
	border:1px solid #c8c8c8;
	padding:10px;
	overflow:hidden;
	margin-bottom:20px;
	}
	
.featured-case-study-image {
	width:405px;
	float:left;
	border:1px solid #c8c8c8;
	}
	
.featured-case-study-text {
	width:220px;
	float:right;
	}
	
#case-study-list {
	margin-top:10px;
	}
	
.case-study {
	overflow:hidden;
	margin:15px 0;
	}
	
.case-study-image {
	width:170px;
	float:left;
	border:1px solid #c8c8c8;
	}
	
.case-study-text {
	float:right;
	width:470px;
	}
	
.case-study-text h2 a {
	color:#eb008b;
	text-transform:uppercase;
	text-decoration:none !important;
	}
	
.case-study-text .more-link a, .featured-case-study-text .more-link a {
	color:#eb008b;
	}
	
/*
FAQ
*/

.faq-page {
	padding-top:0 !important;
	}
	
.faq-page h2 {
	margin:15px 0 0 0 !important;
	}
	
.faq-page .highlight {
	text-transform:uppercase;
	color:#eb008b !important;
	margin-top:10px !important;
	display:block !important;
	}
	
.faq-catname { display: none;}
div.faq-title {	font-style: normal !important;	margin:  0 !important;}
div.faq-answer {margin: 5px 0 10px !important;display: none;}

/*
PRESS
*/

.press-page #sub-menu {
	text-align:center;
	border-right:1px solid #eb008b;
	padding-right:5px;
	}
	
.press-page #sub-text {
	border-left:none !important;
	}
	
.press-page #sub-menu img {
	opacity:0.7;
	}
	
.press-page #sub-menu img:hover {
	opacity:1.0;
	}
	
.press-page #sub-menu .current-press-item img {
	opacity:1.0 !important;
	}
	
/*
CONTACT
*/

.contact-page-form {
	background:#e8e9ea;
	width:880px;
	padding:5px 10px;
	margin-top:5px;
	}
	
.contact-page-form input[type=text] {
	border:1px solid #c4ced7;
	width:285px;
	padding:5px;
	}
	
.form-long-left {
	float:left;
	width:400px;
	position:relative;
	}
	
.site-referral-box {
	position:absolute;
	bottom:40px;
	left: 160px;
	}
	
.site-referral-other {
	position:absolute;
	bottom:0px;
	left: 33px;
	}
	
.site-referral-box input[type=text], .site-referral-other input[type=text] {
	width:150px !important;
	font-size:12px !important;
	padding:2px !important;
	}
	
.form-long-left .wpcf7-list-item {
	display:block;
	margin:3px 0;
	}
	
.form-long-left .referral-field {
	margin:15px 0 0 5px !important;
	font-size:14px;
	color:#12395f;
	}
	
.form-long-right {
	float:right;
	width:435px;
	margin:5px 10px 0 0;
	font-size:14px;
	color:#12395f;
	}
	
.form-long-right .wpcf7-form-control-wrap {
	padding-top:5px !important;
	}
	
.form-long-right textarea {
	border:1px solid #c4ced7;
	width:425px;
	padding:5px;
	resize:none;
	height:140px;
	}
	
.form-long-left .form-field {
	overflow:hidden;
	width:400px;
	margin:5px 0;
	}
	
.form-label {
	float:left;
	text-align:right;
	width:95px;
	font-size:14px;
	color:#12395f;
	padding-top:3px;
	}
	
.form-input {
	float:right;
	}
	
.footer-submit {
	display:block;
	text-indent:-9999px;
	background:url(images/sendbtn.png) no-repeat top left;
	width:134px;
	height:41px;
	border:none;
	float:right;
	margin:-10px -5px 0 0;
	}
	
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7 .hidden {
	display:none;
	height:1px;
	width:1px;
	overflow:hidden;
	}

div.wpcf7-response-output {
	margin: 0 0 0 0 !important;
	padding: 10px 0 0 0 !important;
	text-align:center !important;
}

div.wpcf7-mail-sent-ok {
	border: none !important;
}

div.wpcf7-mail-sent-ng {
	border: none !important;
}

div.wpcf7-spam-blocked {
	border: none !important;
}

div.wpcf7-validation-errors {
	border: none !important;
	color:#eb008b !important;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: -2px !important;
	left:160px !important;
	z-index: 100;
	background: #eb008b !important;
	border: 0px solid #ff0000 !important;
	font-size: 10pt;
	width: 70px !important;
	color:#fff;
	padding: 2px;
	text-align:center;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

#email-wpcf7-hp {
	padding:0 !important;
	margin:0 !important;
	}