/*
	Theme Name: Wernick v2.0
	Theme URI: http://www.verynewmedia.com/
	Description: Theme for Wernick
	Author: Lawrie Malen @ Very New Media
	Author URI: http://www.verynewmedia.com/
*/

html {
	font-family:				Trebuchet MS;
	font-size:					0.813em;
	color:						#C7BBAB;
	background-color:			#000000;
	background-image:			url('./img/bg.jpg');
	background-repeat:		no-repeat;
	background-position:		top center;
}

body {
	margin:						0px;
	padding:						0px;
}

/*
	HEADER
*/

#headercontainer {
	position:					relative;
	width:						1100px;
	height:						250px;
	margin-top:					30px;
	margin-left:				auto;
	margin-right:				auto;
	background-image:			url('./img/headerbg.jpg');
	background-repeat:		no-repeat;
}

#header {
	position:					relative;
	width:						1100px;
	margin-left:				auto;
	margin-right:				auto;
}

#header #badge {
	position:					absolute;
	top:							105px;
	left:							460px;
	width:						200px;
	height:						190px;
	background-image:			url('./img/badge.png');
	background-repeat:		no-repeat;
	z-index:						3;
}

#headercontainer #logo {
	position:					absolute;
	top:							70px;
	left:							305px;
	width:						490px;
	height:						65px;
	background-image:			url('./img/logo.png');
	background-repeat:		no-repeat;
}

#headercontainer #logo a, #headercontainer #badge a {
	position:					absolute;
	display:						block;
	width:						100%;
	height:						100%;
	text-indent:				-9999px;
	overflow:					hidden;
}

/*
	HEADER SMALL SOCIAL LINKS
*/

#header .sociallinks {
	float:						right;
	height:						30px;
	text-align:					right;
	margin-top:					20px;
	margin-right:				70px;
}

#header .sociallinks .social {
	float:						right;
	display:						block;
	width:						41px;
	height:						30px;
	margin-left:				10px;
	background-repeat:		no-repeat;
	text-indent:				1000px;
	overflow:					hidden;
}

#header .sociallinks .social.facebook {
	background-image:			url('./img/facebook.png');
}

#header .sociallinks .social.twitter {
	background-image:			url('./img/twitter.png');
}

#header .sociallinks .social.youtube {
	background-image:			url('./img/youtube.png');
}

/*
	NAV
*/

#header #navbar {
	position:					absolute;
	top:							210px;
	left:							95px;
	width:						910px;
	
}

#header #navbar #nav {
	
}

#header #navbar #nav h4 {
	float:						left;
	font-size:					1.250em;
	padding:						0px;
	margin:						0px 45px 0px 0px;
}

#header #navbar #nav h4.right {
	float:						right;
	margin:						0px 0px 0px 60px;
}

#header #navbar #nav h4 a {
	color:						#C7BBAB;
	text-decoration:			none;
}

#header #navbar #nav h4.last {
	float:						right;
	margin-right:				0px;
}

#header #navbar #nav h4 a:hover {
	color:						#FFFFFF;
}

/*
	TRANSLATE BAR
*/

.goog-te-gadget {
	display:						none;
}

#header #google_translate_element {
	margin-top:					10px;
}

#header #google_translate_element div.goog-te-gadget-simple {
	float:						right;
	background-color:			#D1D1D1;
	border:						none;
	-moz-border-radius: 		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	border-radius:				5px;
}

#header #google_translate_element div.goog-te-gadget-simple .goog-te-gadget-icon {
	display:						none;
}

#header #google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:first-child {
	padding-left:				5px;
}

#header #google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
	color:						#001124;
	line-height:				22px;
}
			
#header #google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
	color:						#FFFFFF;
}

/*
	MAIN PAGE ELEMENTS
*/

#container {
	width:						960px;
	margin-top:					30px;
	margin-left:				auto;
	margin-right:				auto;
}

#leftcolumn {
	float:						left;
	width:						600px;
}

#sidebar {
	float:						right;
	width:						305px;
}

/*
	FOOTER
*/

#footer {
	clear:						both;
	width:						1100px;
	height:						200px;
	margin-top:					30px;
	margin-left:				auto;
	margin-right:				auto;
	font-family:				'Palatino Linotype', Georgia;
	background-image:			url('./img/footer.jpg');
	background-repeat:		no-repeat;
}

#footer .content {
	width:						960px;
	padding-top:				30px;
	margin-left:				auto;
	margin-right:				auto;
	font-size:					0.923em;
}

#footer .content .box {
	width:						300px;
	margin-right:				30px;
}

#footer .content .box.right {
	margin-right:				0px;
	border:						0px;
}

#footer .content .box h3 {
	margin-top:					0px;
	font-size:					1.385em;
}

#footer .content .box ul {
	margin-top:					0px;
	padding:						3px 0px 0px 5px;
}

#footer .content .box ul li a {
	display:						block;
	padding:						0px 0px 0px 5px;
	text-decoration: 			none;
}

#footer .content .box.aligncenter {
	padding-top:				20px;
}

#footer .sociallinks {
	float:						right;
	height:						50px;
	text-align:					right;
}

#footer .sociallinks .social {
	float:						right;
	display:						block;
	width:						41px;
	height:						32px;
	margin-left:				10px;
	background-repeat:		no-repeat;
	text-indent:				1000px;
	overflow:					hidden;
}

#footer .sociallinks .social.facebook {
	background-image:			url('./img/facebook.png');
}

#footer .sociallinks .social.twitter {
	background-image:			url('./img/twitter.png');
}

#footer .credit {
	float:						right;
}

/*
	SLIDESHOW
*/

#slideshow {
	position:					relative;
	width:						960px;
	height:						250px;
	margin-bottom:				30px;
	border:						1px solid #312D2D;
	overflow:					hidden;
}

#slideshow .slides {
	position:					relative;
	width:						960px;
	height:						250px;
	overflow:					hidden;
}

#slideshow .slides .slidescontainer .slide {
	position:					absolute;
	top:							0px;
	left:							0px;
	cursor:						pointer;
}

#slideshow .slides .slidescontainer .slide a {
	
}

#slideshow .slides .slidescontainer .slide a img {
	
}

#slideshow .slides .slidescontainer .slide .message {
	position:					absolute;
	bottom:						-45px;
	left:							0px;
	width:						100%;
	background-image:			url('./img/blackoverlay.png');
	color:						#C7BBAB;
	font-size:					1.077em;
	font-style:					italic;
	z-index:						2;
}

#slideshow .slides .slidescontainer .slide .message .text {
	padding:						5px 10px 15px 10px;
}

#slideshow .slides .slidescontainer .slide .message h2 {
	margin:						0px 0px 10px 0px;
	background:					none;
	border-bottom:				1px solid #515151;
	font-family:				Georgia, serif;
	font-weight:				normal;
	font-size:					1.846em;
	color:						#C7BBAB;
}

#slideshow .slides .slidescontainer .slide .message h3 {
	float:						right;
	margin:						0px;
	background:					none;
	font-family:				Georgia, serif;
	font-weight:				normal;
	font-size:					1.538em;
	color:						#C7BBAB;
}

#slideshow .slidedots {
	position:					absolute;
	bottom:						20px;
	left:							50%;
}

#slideshow .slidedots a {
	display:						inline-block;
	width:						15px;
	height:						15px;
	margin-right:				10px;
	background-color:			#848484;
	background-image:			url('./img/dot.png');
	text-indent:				-1000px;
	overflow:					hidden;
}

#slideshow .slidedots a.active {
	background-color:			#02779E;
	background-image:			url('./img/dotOver.png');
}

/*
	TABS
*/

.tab {
	display:						inline-block;
	margin-right:				5px;
	padding:						5px 10px;
	background-color:			#221F20;
	font-family:				Georgla, serif;
	font-size:					20px;
	font-style:					italic;
	border-bottom:				1px solid #221F20;
}

.tab a {
	text-decoration:			none;
}

.tab.inactive {
	color:						#000000;
	border-bottom:				1px solid #000000;
}

.tab.inactive a {
	color:						#000000;
	text-decoration:			none;
}

/*
	ENTRY BOX
*/

.entrybox {
	width:						600px;
	border-top:					3px solid #221F20;
	padding-top:				2px;
	margin-bottom:				10px;
}

.entrybox.noborder {
	border:						none;
}

.entrybox .bottom {
	margin-top:					10px;
	border-bottom:				3px solid #221F20;
}

.entrybox img {
	max-width: 					600px;
	border:						1px solid #221F20;
}

.entrybox .postinfo {
	margin:						10px 0px;
	font-size:					11px;
	font-style:					italic;
}

.entrybox .postinfo .postmetadata {
	float:						right;
	text-align:					right;
}

.entrybox .postinfo .dateleft {
	float:						left;
}

/*
	SHARETHIS
*/

.sharecontainer {
	display:						block;
	clear:						both;
	padding:						10px 0px 5px 0px;
	border-top:					2px solid #221F20;
}

/*
	SIDEBAR
*/

.slimbox {
	width:						305px;
}

.slimbox .tab {
	display:						inline-block;
	padding:						5px 10px;
	background-color:			#221F20;
	font-size:					20px;
	font-style:					italic;
}

.slimbox .box {
	width:						305px;
	border-top:					3px solid #221F20;
}

.slimbox .box .text {
	width:						305px;
	margin:						5px 0px;
}

.slimbox .box .text .viewmore {
	text-align:					right;
	font-size:					11px;
	font-style: 				italic;
	margin-top:					10px;
}

.slimbox img {
	
}

.slimbox .bottom {
	height:						10px;
	margin:						10px 0px 15px 0px;
	background-image:			url('./img/headerbg.png');
}

/*
	NEWS LIST
*/

.slimbox .box .text ul.newslist {
	padding-left:				0px;
}

.slimbox .box .text ul.newslist li {
	list-style:					none;
	padding-left:				20px;
	padding-bottom:			10px;
	background-image:			url('./img/bullet.png');
	background-repeat:		no-repeat;
	background-position:		top left;
	border-bottom:				2px solid #221F20;
}

.slimbox .box .text ul.newslist li h4 a {
	text-decoration:			none;
}

/*
	XYLOSYNTH PAGE
*/

#xylosynths {
	position:					relative;
	width:						961px;
	height:						210px;
	margin-bottom:				30px;
	border:						1px solid #312D2D;
	border-right:				none;
	overflow:					hidden;
}

#xylosynths .xylo {
	position:					relative;
	float:						left;
	width:						320px;
	height:						210px;
	overflow:					hidden;
	cursor: 						pointer;
}

#xylosynths .xylo a {
	
}

#xylosynths .xylo a img {
	
}

#xylosynths .xylo .message {
	position:					absolute;
	bottom:						-95px;
	left:							0px;
	width:						319px;
	background-image:			url('./img/blackoverlay.png');
	color:						#C7BBAB;
	font-size:					1.077em;
	font-style:					italic;
	z-index:						2;
}

#xylosynths .xylo .message .text {
	padding:						5px 10px 15px 10px;
}

#xylosynths .xylo .message h2 {
	margin:						0px 0px 10px 0px;
	padding:						0px 0px 10px 0px;
	background:					none;
	border-bottom:				1px solid #515151;
	font-family:				Georgia, serif;
	font-weight:				normal;
	font-size:					1.500em;
	color:						#C7BBAB;
}

#xylosynths .xylo .message h3 {
	float:						right;
	margin:						0px;
	background:					none;
	font-family:				Georgia, serif;
	font-weight:				normal;
	font-size:					1.538em;
	color:						#C7BBAB;
}

/*
	INDIVIDUAL XYLOSYNTH PAGE
*/

#zoomcontainer {
	position:					relative;
	margin-bottom:				10px;
	border:						1px solid #312D2D;
	overflow:					hidden;
}

#zoomcontainer #zoomicon {
	position:					absolute;
	top:							0px;
	right:						0px;
	width:						33px;
	height:						33px;
	background-image:			url('./img/zoom-icon.png');
	background-repeat:		no-repeat;
	z-index:						102;
}

#xylozoom {
	
}

#xylozoom img {
	width:						auto;
	max-width:					none;
}

#xylozoom .zoomWrapperImage {
	display:						block;
}

/*
	FAQs PAGE
*/

.faqbox {
	padding-top:				0px;
	margin-bottom:				0px;
}

.faqbox .entry {
	position:					relative;
}

.faqbox .entry h3 {
	margin:						5px 0px 5px 0px;
	padding:						5px;
	background-image:			url('./img/headerbg.png');
	cursor:						pointer;
}

.faqbox .entry .text {
	position:					relative;
	display:						none;
}

/*
	ACCESSORIES PAGE
*/

.entrybox.accessory {
	margin:						10px 0px;
	padding:						10px 0px;
}

.entrybox.accessory .pic {
	position:					relative;
	display:						inline-block;
	width:						150px;
	height:						150px;
	margin-right:				20px;
	border:						1px solid #191717;
	vertical-align:			top;
	overflow:					hidden;
}

.entrybox.accessory .pic a {
	position:					absolute;
	display:						block;
	width:						100%;
	height:						100%;
	background-image:			url('./img/dark-zoom-icon.png');
	background-repeat:		no-repeat;
	background-position:		top right;
	text-indent:				-1000px;
	overflow:					hidden;
	z-index:						12;
}

.entrybox.accessory .content {
	display:						inline-block;
	width:						420px;
}

.entrybox.accessory .content h3 {
	margin-top:					0px;
}

/*
	SINGLE ACCESSORY PAGE
*/

.entrybox.accessory.single {
	margin:						0px 0px 10px 0px;
}

.entrybox.accessory.single .content, .entrybox.accessory.single .pic {
	margin-top:					10px;
}

.entrybox.accessory.single .content p:first-child {
	margin-top:					0px;
}

/*
	CATEGORIES FILTER
*/

.categories {
	
}

ul.columnlist {
	width:						100%;
	margin:						0px;
	padding:						0px;
	list-style:					none;
}

ul.columnlist li {
	float:						left;
	width:						33.333%;
	line-height:				1.5em;
}

ul.columnlist li.current {
	
}

ul.columnlist li.current:before {
	content:						'\25B6 ';
	padding-right:				5px;
}

/*
	COMMENT AREA
*/

#commentform input {
	margin-right:				10px;
}

#commentform textarea {
	width:						100% !important;
}

/*
	SIGN-UP
*/

.input {
	width:						75%;
	height:						25px;
	background:					#222222;
	color:						#FAF5C4;
	border:						1px solid #FAF5C4;
	padding:						0px 3px;
}

.submit {
	float:						right;
	height:						27px;
	background:					#FAF5C4;
	color:						#222222;
	border:						none;
}

/*
	TESTIMONIAL
*/

.quote {
	font-size:					1.500em;
}

#testimonialsidebar {
	background-image:			url('./img/openquote.png');
	background-repeat:		no-repeat;
	background-position:		top left;
}

#testimonialsidebar blockquote {
	margin:						0px;
	padding:						0px 0px 0px 20px;
}

/*
	PRICES PAGE
*/

table {
	width:						100%;
	border-spacing:			0;
	border-collapse:			collapse;
	margin:						10px 0px;
	border-left:				1px solid #191717;
	border-top:					1px solid #191717;
}

table th {
	border-right:				1px solid #191717;
	border-bottom:				1px solid #191717;
	border-top:					1px solid #191717;
	text-align:					left;
	padding:						6px 6px 6px 12px;
	color:						#D9097E;
}

table th:first-child {
	border-left:				1px solid #191717;
}

.entrybox table tbody tr:hover {
	background-color:			#C7BBAB;
	color:						#191717;
}

.entrybox table tbody tr:hover a {
	color:						#191717;
}

.entrybox table tbody tr:hover a:hover {
	color:						#000000;
}

table td {
	border-right:				1px solid #191717;;
	border-bottom:				1px solid #191717;;
	padding:						3px 3px 3px 6px;
}

/*
	CONTACT PAGE
*/

.form {
	position:					relative;
	width:						100%;
	margin-top:					30px;
}

.form .formfield {
	position:					relative;
	clear:						both;
	margin:						0px 0px 10px 0px;
	vertical-align:			top;
}

.form .formfield .label {
	display:						inline-block;
	width:						100px;
	padding-top:				5px;
	vertical-align:			top;
}

.form .formfield .label label {
	width:						100%;
}

.form .formfield .label label h3 {
	margin:						0px;
	padding:						0px;
	border:						none;
	background:					none;
}

.form .formfield .inputbox {
	display:						inline-block;
	width:						490px;
	height:						40px;
	padding:						5px;
}

.form .formfield .inputbox input, .form .formfield .inputbox select {
	width:						490px;
	height:						30px;
	line-height:				30px;
}

.form .formfield .inputbox select {
	
}

.form .formfield .textarea {
	display:						inline-block;
	width:						490px;
	height:						170px;
	padding:						5px;
	background-repeat:		no-repeat;
}

.form .formfield .textarea textarea {
	width:						490px;
	height:						165px;
}

.form #err {
	position:					absolute;
	display:						none;
	z-index:						2;
	top:							6px;
	right:						2px;
	width:						auto;
	height:						28px;
	padding:						0px 10px;
	background-color:			#FFC801;
	font-size:					0.813em;
	line-height:				28px;
	text-transform:			uppercase;
	font-weight:				bold;
	color:						#333333;
}

.form #err:after {
	position:					absolute;
	right:						100%;
	width:						0;
	height:						0;
	border:						solid transparent;
	content:						" ";
	pointer-events:			none;
}

.form #err:after {
	top:							50%;
	border-color:				rgba(255, 200, 1, 0);
	border-right-color:		#FFC801;
	border-width:				14px;
	margin-top:					-14px;
}

.form #fax {
	display:						none;
}

/*
	RE-USABLES
*/

.title {
	font-size:					20px;
	font-style:					italic;
}

.border {
	height:						25px;
	background-repeat:		repeat-x;
	clear:						both;
}

.border.up {
	background-image:			url('./img/border-up.png');
}

.border.down {
	background-image:			url('./img/border-down.png');
}

.sep {
	clear:						both;
	height:						15px;
	border-bottom:				2px solid #221F20;
}

.slimbox .sep {
	margin-bottom:				15px;
}

.clear {
	clear:						both;
}

.left {
	float:						left;
}

.right {
	float:						right;
}

.alignleft {
	text-align:					left;
}

.alignright {
	text-align:					right;
}

.aligncenter {
	text-align:					center;
}

img.alignleft {
	float:						left;
	margin:						0px 10px 10px 0px;
}

img.alignright {
	float:						right;
	margin:						0px 0px 10px 10px;
}

.red {
	font-weight:				bold;
	color:						#990000;
}

.white {
	color:						#FFFFFF;
}

.display, .entrybox .entry .text img {
	border:						1px solid #221F20;
}

.notopmargin {
	margin-top:					0px;
}

.noborder {
	border:						none !important;
}

.nounderline {
	text-decoration:			none;
}

* {
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:			border-box;
	box-sizing:					border-box;
}

.hide {
	display:						none;
}

/*
	ELEMENTS
*/

img {
	border:						0px;
}

h1, h2, h3, h4, h5 {
	font-family:				'Bitter';
	font-weight:				normal;
	color:						#C7BBAB;
}

h1, h2 {
	font-size:					1.692em;
	margin:						10px 0px 5px 0px;
	padding:						5px;
	background-image:			url('./img/headerbg.png');
}

h3 {
	font-size:					1.462em;
}

h1 a, h2 a {
	text-decoration:			none;
}

p {
	margin-bottom:				0px;
}

a {
	color:						#C7BBAB;
}

a:hover {
	color:						#EAE6E1;
}

hr {
	width:						100%;
	border-top:					1px dotted #222222;
	border-bottom:				0px;
	border-right:				0px;
	border-left:				0px;
	margin:						10px 0px 10px 0px;
	color:						none;
	background-color:			transparent;
	height:						2px;
	clear:						both;
}

input, textarea, select {
	background-color:			#2F2F2F;
	border:						1px solid #221F20;
	font-family:				Georgia;
	font-style:					italic;
	font-size:					1.438em;
	color:						#C7BBAB;
}

button {
	float:						right;
	padding:						10px 20px;
	border:						none;
	background-color:			#2F2F2F;
	text-align:					center;
	font-family:				'Bitter', Helvetica;
	font-size:					1.692em;
	text-transform:			uppercase;
	color:						#C7BBAB;
	cursor:						pointer;
}

button:hover {
	color:						#FEFEFE;
}