/*
Theme Name: WordPress Stickler_theme
Theme URI: http://...
Description: Stickler theme.
Version: 0.01
Author: Chip Gylfe
Author URI: http://...
Tags: tarrat, tarra...

	Stickler v0.01
	 http://...

	Bla bla bla
*/

/* Regular HTML elements
----------------------------------------------------------------------------------------------------*/

table {
	width: 100%;
	margin-bottom:8px;
}

table tr td{
	vertical-align:middle;
}

ul {
	width: 100%;
	margin-bottom:8px;
}

table.checkSplash {
	font-style:italic;
	width: 100%;
	border-collapse:separate;
	border-spacing:16px 8px;
	margin-bottom:16px;
}

table.checkSplash tr td.check {
	width:36px;
}

table.center {
	text-align:center;
}
table.top tr td{
	vertical-align:top;
}

table.grey {
	width: 90%;
	padding: 3px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align:left;
	vertical-align:top;
	background-color:#EAEAEA;
	border-color:#000000;
	border-width:1px;
	border-style:dotted;
}

table.noMargin {
	margin:0;
}

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


/* Body, Container & Header
----------------------------------------------------------------------------------------------------*/

body { background-color:#333; }

div#outerBounds {
	width:998px;
	margin-left: auto;
	margin-right: auto;
}

div#container {
	margin-top:60px;
	margin-bottom:20px;
	background-color:#000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

div#header {
	position:relative;
	height:90px;
}

a#headerImg {
	position:absolute; top: -50px; left: -20px;
	height:165px;
	width:360px;
	background-image:url('images/header/stickit-3D-logo.png');
	background-repeat:no-repeat;
}

a#headerSamples {
	height:90px;
	width:400px;
	float:right;
	display:inline;
	background-image:url('images/header/tilaa-naytteita.jpg');
	background-position: 0 0;
	background-repeat:no-repeat;
}

a#headerSamples:hover {
	background-image:url('images/header/tilaa-naytteita.jpg');
	background-position: 0 -90px;
}

a#footerReg {
	height:75px;
	width:190px;
	/*
	float:right;
	display:inline;
	*/
	position:absolute; top:2px; right:8px;
	background-image:url('images/footer/rekisteroidy.jpg');
	background-position: 0 0;
	background-repeat:no-repeat;
}

a#footerReg:hover { 
	background-image:url('images/footer/rekisteroidy.jpg');
	background-position: 0 -75px;
}


/* Menu
----------------------------------------------------------------------------------------------------*/

div#menu {
	margin-top:5px;
	margin-bottom:10px;
	float:right;
	display:inline;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#000;
}

div#menu ul li{
	margin-left: 0px;
	display:inline;
	float:left;
	background-image:url('images/alignment/pipe.gif');
	background-position: 100% 50%;
	background-repeat:no-repeat;
}

div#menu ul li.page-item-31{
	background-image:none;
}

div#menu ul li a{
	padding: 0 8px 0 5px;
}

/* Content, TextBoxes & TextAreas
----------------------------------------------------------------------------------------------------*/

/* Side Menu
----------------------------------------------------------------------------------------------------*/

div#sideMenu {
	padding: 8px 8px 0 8px;
	line-height:120%;
}

div#sideMenu ul {
	margin:0;
	padding: 0 0 16px 0;
}

div#sideMenu ul li {
	list-style:none;
	padding: 8px 0 2px 6px;
	margin:0;
}

div#sideMenu ul ul {
	padding:0;
	margin:0;
}

div#sideMenu ul ul li {
	padding: 2px 0 1px 16px;
}

div#footer {
	background:#000;
	color:#FFFFFF;
	text-align:center;
	padding:20px 0 20px 0;
	/*float:left;
	display:inline;*/
	min-height:45px;
	position:relative;
	font-size:0.8em;
}
div#footer p {
	padding:0;
}

/* Content, TextBoxes & TextAreas
----------------------------------------------------------------------------------------------------*/

div#content.home { 
	background-image:url(images/backgrounds/multiple-03-950x600.jpg);
	overflow:hidden;
	min-height:600px;
}
div#content.tarrat { 
	background-image:url(images/backgrounds/multiple-BW-01-950x600.jpg); 
	min-height:800px;
}
div#content.tarjouspyynto { 
	background-image:url(images/backgrounds/samples-01-950x900.jpg); 
	min-height:900px;
}
div#content.painotuotteet { background-image:url(images/backgrounds/tekstiilipaino-01-950x700.jpg); }
div#content.painomenetelmat { background-image:url(images/backgrounds/alumiinikilpi-01-950x550.jpg); }
div#content.samples { background-image:url(images/backgrounds/samples-05-950x1000.jpg); }
div#content.register { background-image:url(images/backgrounds/samples-05-950x1000.jpg); }
div#content.hinnasto { background-image:url(images/backgrounds/samples-03-950x550.jpg); }
div#content.yhteystiedot { background-image:url(images/backgrounds/multiple-02-950x1000.jpg); }
div#content.referenssit { background-image:url(images/backgrounds/multiple-01-950x550.jpg); }
div#content.mailchimp { background-image:url(images/backgrounds/multiple-BW-01-950x600.jpg); }
div#content.campaignsAndOffers { 
	background-image:url(images/backgrounds/multiple-01-950x700.jpg); 
	min-height:700px;
}



div#content {
	/* FOR BORDER
	padding-top:12px;
	min-height:538px;
	*/
	min-height:550px;
	background-position: 50% 0%;
	background-repeat:no-repeat;
}

.box {
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	margin:10px 3px 10px 3px;
	overflow:hidden;
}

.boxHeader {
	padding: 2px 8px 2px 8px;
}

.boxTextArea {
	padding: 10px 8px 0 8px;
}

.boxFooter {
	padding: 0 8px 8px 8px;
	min-height:16px;
}

.leftSpace {
	margin-left:12px;
}
.rightSpace {
	margin-right:12px;
}


/* Forms
----------------------------------------------------------------------------------------------------*/

div#contactFormContainer .indicate-required {
	text-align: right;
	font-style: italic;
	overflow: hidden;
	color: #999;
	padding: 16px 8px 8px 0;
	font-size:11px;
}

div#contactFormContainer .note-required {
	color: #F00;
}


div#err {color:#CC0000; font-size:14px; border-style:none; border-color:#F00; border-width:1px; padding: 0 16px 0 16px; display:none;}
div#ok {color:#390; font-size:14px; border-style:none; border-color:#390; border-width:1px; padding: 3px; display:none;}

div#sending {color:#390; font-size:12px; padding: 3px 16px 3px 16px; display:none;}

div#contactFormContainer {display:none;}
div#contactFormContainer .mc-field-group {padding: 6px 8px;clear: both;overflow: hidden;}
div#contactFormContainer .groupItems {
	margin:0 8px 0 8px;
	background-color:#EEE;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

div#contactFormContainer .mc-field-group label {width:140px; display:inline; float:left; text-align:left; font-weight:bold; margin:0!important; padding:0!important; line-height:1.4em;}
div#contactFormContainer .mc-field-group label.full-width {width:auto;}

div#contactFormContainer .mc-field-group textarea {width:336px;}

div#contactFormContainer .mc-field-group input {width:194px;}
div#contactFormContainer .mc-field-group input.mini {width:40px;}
div#contactFormContainer .mc-field-group input.medium {width:100px;}
div#contactFormContainer .mc-field-group input.checkbox {width:auto;}
div#contactFormContainer .mc-field-group input.file {width:auto;}

div#contactFormContainer ul {margin: 0;padding: 0;}
div#contactFormContainer li {list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;}
div#contactFormContainer .radio {margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;}
div#contactFormContainer .btn {clear: both;width: 100px;display: block;margin: 1em 0 1em 5%;}
/*div#contactFormContainer li label {width:80%;}*/
div#contactFormContainer .error { color:#CC0000; font-size:0.9em; clear: both;width: auto; display:block;}
div#contactFormContainer .onlyAllowSingleError {} /* Force javascript to ignore showing multiple errors in a row */
div#contactFormContainer .majorError { color:#CC0000; font-size:1.2em; clear: both;width: auto;display: block;}


/* Calculator
----------------------------------------------------------------------------------------------------*/

.calcArea {
	padding: 24px 18px 0 18px;
}

#price {
	margin: 24px 0 0 0;
}

#price table tr td p {
	padding: 12px;
}

#price table tr td p, #price table tr td p em {
	font-size:14px;
}

#price p.smallText, #price p.smallText em {
	font-size:11px;
}

#price p.result-err, #price p.result-err em {
	color:#F69;
}

#price p.result-ok, #price p.result-ok em {
	padding-top:24px;
	color:#093;
	font-size:22px;
}

#price table tr td.loader {
	padding: 0 85px;
}

#calc, #calc input {
	font-size:14px;
}

#calc .button {
	display: inline-block;
	padding: 10px 30px;
	background:#CCC;
	border: 1px solid #f3f3f3;
}

.calc_button{
	height:50px;
	width:335px;
	padding:0;
	line-height:50px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:inset 0px 1px 3px #cfeff3;
	-moz-box-shadow:inset 0px 1px 3px #cfeff3;
	-webkit-box-shadow:inset 0px 1px 3px #cfeff3;
	background: -moz-linear-gradient(top, #A2DBDC 0%, #59A5A8 50%, #418F93 51%, #2F777C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A2DBDC), color-stop(50%,#59A5A8), color-stop(51%,#418F93), color-stop(100%,#2F777C));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2DBDC', endColorstr='#2F777C',GradientType=0 );
	border:1px solid #70c9d5;
	cursor:pointer;
	color:#e1fdff;
	font-size:24px;
	letter-spacing:0px;
	text-shadow:#CDF2F7 0px 1px 0, #256569 0 -1px 0;
	-moz-text-shadow:#CDF2F7 0px 1px 0, #256569 0 -1px 0;
	-webkit-text-shadow:#CDF2F7 0px 1px 0, #256569 0 -1px 0;
	font-family:helvetica;
	font-weight:lighter;
}
.calc_button:hover{
	filter:alpha(opacity=94);
	opacity:0.94;
	colour:#afe6e7;
}
.calc_button:active{
	background: -moz-linear-gradient(top, #95d3d4 0%, #4c9da0 51%, #318185 52%, #226b70 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95d3d4), color-stop(51%,#4c9da0), color-stop(52%,#318185), color-stop(100%,#226b70));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95d3d4′, endColorstr='#226b70′,GradientType=0 );
	box-shadow:inset 0px 0px 15px #256569;
	-moz-box-shadow:inset 0px 0px 15px #256569;
	-webkit-box-shadow: inset 0px 0px 15px #256569;
	border:1px solid #256569;
	line-height:62px !important;
}


/* Special classes
----------------------------------------------------------------------------------------------------*/

.top20px {
	margin:40px 0 0 0;
}

.leftHalf {
	width:48%;
	float:left;
	display:inline;
}


.rightHalf {
	width:48%;
	float:right;
	display:inline;
	text-align:right;
}

.postMetadata {
	font-style:italic;
	font-size:80%;
}

.centerDIV {
	margin:auto;
}

.fb-like-bottom-large {	padding: 12px 0; }
#social-media { padding: 12px 0; }
.fb_edge_widget_with_comment { margin-left: 20px; }
.soc-media-button {
	width: 44px;
	height: 60px;
	float: left;
	padding: 10px;
	text-align: center;
}