/*
Theme Name: Kikabink
Description: Kikabink
Author: Kikabink
Author URI: http://www.kikabink.com/
Tags: kikabink
*/


/* > Global Elements
-------------------------------------------------------------- */

body {
	background: url(http://www.kikabink.com/images/blue_gradient.png) 0 0 repeat-x #ffffff;
	background: -moz-linear-gradient(center top, #CEE5F7 0%, #ffffff 100%) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CEE5F7), color-stop(1, #ffffff)) no-repeat;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 90%;
	min-width: 1100px;
	max-width: 1100px;
	margin: 0 auto;
}
/* End Global Elements */

/* > Typography
-------------------------------------------------------------- */

@font-face {
font-family: Myriad Web;
src: url(http://www.kikabink.com/fonts/myriadweb.ttf);
}

h1, h2, h3, h4, h5, h6 {
	font-family: Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 15px 0 15px 0;
	padding-top: 2px;
	margin-left: 20px;
	margin-right: 20px;
}

h1 { font-size: 28px;}
h2 { font-size: 24px;}
h3 { font-size: 20px;}
h4 { font-size: 16px; color: #1fb3dd;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}

a { color: #1fb3dd; }
a:hover, a:active { color: #888; }
a:focus { outline: 1px dotted #ccc; }

.padder { padding: 19px; }
.clear { clear: left; }
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	margin: 0 20px 15px 20px;
	}

li {
	font-size: 100%;
	margin-left: 20px;
	margin-right: 10px;
	}
	
.headline {
	font-family: Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	padding-top: 0;
	margin: 25px 20px 15px 20px;
	}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
	}
	
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	}

.blue {
	color: #1fb3dd;
	}

.big_blue {
	font-family: Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	padding-left: 3px;
	padding-right: 3px;
	color: #1fb3dd;
	}

.breadcrumbs {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 10px;
	}
	
.optin-notice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	margin-left: 20px;
	margin-right: 10px;
	}
	
.red {
	color: #DE1B00;
}

.red_headline {
	padding-top: 20px;
	font-size: 30px;
	color: #DE1B00;
}

.black:link,
.black:visited,
.black:active,
.black:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
}

.white:link,
.white:visited,
.white:active,
.white:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
}

.free {
	font-family: Myriad Web, Arial, Helvetica, sans-serif;
	font-size: 180px;
	font-weight: bolder;
	line-height: 150px;
	color: #de1b00;
}

.gifts {
	font-family: Myriad Web, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 10px;
	color: #de1b00;
}
/* End Typography */

/* > Header
-------------------------------------------------------------- */

#kikheader {
	position: relative;
	color: #fff;
	background-color: #FFFFFF;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 115px;
	padding-top: 25px;
	border: 1px solid #CCCCCC;
}
	#kikheader #search-bar {
		position: absolute;
		top: 50px;
		right: 0;
		width: 100%;
		text-align: right;
	}

		#kikheader h1 {
			line-height: 230%;
		}

		#kikheader #search-bar .padder {
			padding: 10px 20px;
		}

		#kikheader #search-bar input[type=text] {
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: 1px inset #888;
			padding: 2px;
			margin-right: 4px;
		}

		#kikheader #search-bar input[type=submit] {
			font-size: 11px;
			padding: 1px 4px;
			margin-left: 4px;
		}

	#kikheader h1 {
		position: absolute;
		bottom: 0;
		left: 20px;
		width: 44%;
		margin: 0 0 -5px 0;
	}
		#kikheader h1 a {
			color: #fff;
			font-size: 2px;
			text-decoration: none;
		}
		
#logo {
	background: url(http://www.kikabink.com/images/kik_logo.gif) no-repeat left;
	position: absolute;
	width: 250px;
	height: 100px;
	left: 21px;
	top: 20px;
	display: block;
	}
/* End Header */

/* > Navigation
-------------------------------------------------------------- */

ul#nav {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	left: 24px;
	list-style: none;
	bottom: 0;
	max-width: 100%;
	min-width: 1100px;
	font-size: 11px;
}
	ul#nav li {
		float: left;
		margin: 0;
	}
		ul#nav li a {
			display: block;
			line-height: 170%;
			color: #fff;
			text-decoration: none;
			padding: 5px 9px;
			background: url(http://www.kikabink.com/images/navbar.png) 0 0 repeat-x #0096DF;
			background: -moz-linear-gradient(center top, #ffffff 0%, #0096DF 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #0096DF));
			filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ffffff', EndColorStr='#0096DF', GradientType='0');
			-ms-filter:progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ffffff', EndColorStr='#0096DF', GradientType='0');	
			-moz-border-radius-topleft: 6px;
			-webkit-border-top-left-radius: 6px;
			-moz-border-radius-topright: 6px;
			-webkit-border-top-right-radius: 6px;
			border: 1px solid #0096DF;
		}
			ul#nav li.selected a, ul#nav li.current_page_item a {
				color: #fff;
				background: url(http://www.kikabink.com/navbar.png) 0 0 repeat-x #0096DF;
				background: -moz-linear-gradient(center top, #ffffff 0%, #0096DF 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #0096DF));
				filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ffffff', EndColorStr='#0096DF', GradientType='0');
				-ms-filter:progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ffffff', EndColorStr='#0096DF', GradientType='0');
				
			}
			ul#nav a:focus { outline: none; }

/* End Navigation */

/* > Container
-------------------------------------------------------------- */

div#container {
	position: relative;
	width: 100%;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border: 1px solid #CCCCCC;
	background: #fff;
	overflow: hidden;
}
	body.activity-permalink div#container {
		background: none;
		border: none;
	}
	
div#container-sales {
	position: relative;
	width: 800px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border: 1px solid #CCCCCC;
	background: #fff;
	overflow: hidden;
	margin-top: 10px;
}
	body.activity-permalink div#container {
		background: none;
		border: none;
	}
	
div#container-pop {
	position: relative;
	width: 580px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border: 1px solid #CCCCCC;
	background: #fff;
	overflow: hidden;
	margin-top: 10px;
}
	body.activity-permalink div#container {
		background: none;
		border: none;
	}
/* End Container */

/* > Panel
-------------------------------------------------------------- */

div#paneltop {
	position: relative;
	margin: 20px 20px 0 20px;
	background: url(http://www.kikabink.com/images/grey_gradient.png) 0 0 repeat-x #ffffff;
	background: -moz-linear-gradient(center top, #ececec 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(1, #ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ececec', EndColorStr='#ffffff', GradientType='0');
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ececec', EndColorStr='#ffffff', GradientType='0');
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
}

div#panel {
	position: relative;
	margin: 0 20px 0 20px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
}

div#panelbottom {
	position: relative;
	margin: 0 20px 20px 20px;
	background: url(http://www.kikabink.com/images/grey_gradient_bottom.png) 0 0 repeat-x #ececec;
	background: -moz-linear-gradient(center top, #ffffff 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ececec));
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ffffff', EndColorStr='#ececec', GradientType='0');
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ffffff', EndColorStr='#ececec', GradientType='0');
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
}
/* End Panel */


/* > Footer
-------------------------------------------------------------- */

#footer {
	padding: 15px;
	text-align: center;
	color: #000000;
	font-size: 11px;
}
/* End Footer */


/* > Other
-------------------------------------------------------------- */

.border_thin {
	border: thin solid #cccccc;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
}

.border_dashed {
	border: medium dashed #000000;
}
/* End Other */


/* > Google Search
-------------------------------------------------------------- */

#google-search {
	position:absolute;
	width:250px;
	height:40px;
	top: 60px;
	left: 850px;
}

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #ffffff;
  }
  input.gsc-input {
    border-color: #BCCDF0;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #1fb3dd;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #999999;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #1fb3dd;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #1fb3dd;
  }
  .gsc-cursor-page {
    color: #1fb3dd;
  }
  a.gsc-trailing-more-results:link {
    color: #1fb3dd;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #1fb3dd;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #999999;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #1fb3dd;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #1fb3dd;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
/* End Google Search */