/*
-----------------------------------------------
Author:   Jason Cowsill
Version:  8 Apr 2010
----------------------------------------------- */


/* Global
----------------------------------------------- */
body {
	font-size: 11px;
	color: #222;
	background: #2c2015;
	line-height: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header h1 {	
	position: absolute;
	top: -10px;
	left: 0;
}
#header h1 a {
	background:url(../img/logo-simple-gifts-reflect.png) no-repeat center center;
	width: 300px;
	height: 143px;
	text-indent: -9999px;
	display: block;
}
#content h2 {	
	color: #007da3;
	text-transform: uppercase;
	font-size: 29px;
	font-weight: bold;
	line-height: 29px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #c7c7c7;
}
#content h2 a, #content h2 a:visited {
	color: #007da3;
	text-decoration: none;
}
#content h2 a:hover, #content h2 a:active {
	color: #2c2015;
}
#content .home h2 {	
	color: #007da3;
	text-transform: uppercase;
	text-shadow: 1px 1px #ecf4fd;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 10px;
	height: 29px;
	line-height: 29px;
	background: url(../img/h2-bg.png) right no-repeat #c7daee;
	border: 2px solid #b1c3d9;	
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}
#content .home h2 a, #content.home h2 a:visited {
	color: #007da3;
	text-decoration: none;
}
#content .home h2 a:hover, #content .home h2 a:active {
	color: #2c2015;
}
#content h3 {	
	color: #007da3;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	margin-bottom: 15px;
}
#content h3 a, #content h3 a:visited {
	color: #007da3;
	text-decoration: none;
}
#content h3 a:hover, #content h3 a:active {
	color: #2c2015;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
p {
	margin-bottom: 15px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

/* Header
----------------------------------------------- */
#header {
	background: #ccddf0 url(../img/bg-header.png) repeat-x;
	display: block;
	height: 95px;
}
#header-content {
	background: url(../img/bg-header-content.png) no-repeat;
	display:block;
	height:95px;
	width:960px;
	position: relative;
	margin:0 auto;
}

/* Top Nav
----------------------- */
#top-nav {
	position: absolute;
	top:15px;
	right: 0;
	
}
#top-nav li {
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #82a9d3;
}
#top-nav li:first-child {
	margin-left:0;
	padding-left:0;
	border:none;
}
#top-nav li a, #top-nav li a:visited {
	font-size: 12px;
	color: #3f5298;  
	text-shadow: 1px 1px #ecf4fd;
	text-decoration: none;
}
#top-nav li a:hover, #top-nav li a:active {
	color: #2c2015;
	text-shadow: 1px 1px #fff;
}

/* Search
----------------------- */
#header-rightside {
	margin-top: -7px;
	position: relative;
	width: 400px;
	height: 95px;
}
#search {
	position: absolute;
	top: 40px;
	right: 0;
}
#header-rightside #search input.text {
	border: 1px solid #fff;
	padding: 5px 30px 5px 10px;
	color: #758a93;
	width: 190px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #b1c3d9;
}
#search input.text:focus, #search input.text:hover {
	border: 2px solid #82a9d3;
} 
#search input.button {
	position:absolute;
	top: 3px;
	right: 5px;
}
#search input.button {
	margin:0;
	margin-left:-22px;
	margin-top:4px;
}
#search input.button, .ie7 #search input.button {
	margin:0;
	margin-left:-25px;
	margin-top:5px;
}

/* Cart
----------------------- */
#cart-nav {
	position: absolute;
	right: 0;
	bottom: 0;
}
#cart-nav li {
	float: left;
	margin-left: 15px;
}
#cart-nav li a, #cart-nav li a:visited {
	font-size: 12px;
	color: #3f5298;  
	text-shadow: 1px 1px #ecf4fd;
	padding-left: 20px;
	line-height: 20px;
	height: 20px;
	background: url(../img/icons/cart.png) left center no-repeat;
	text-decoration: none;
}
#cart-nav li a:hover, #cart-nav li a:active {
	color: #2c2015;
	text-shadow: 1px 1px #fff;
}



/* Navigation
----------------------------------------------- */
#navigation {
  background:#2c2015 url(../img/bg-nav.png) repeat-x top;
  height: 50px;
}
#navigation-container {
  width: 960px;
  background: url(../img/bg-nav-container.png) no-repeat top;
  margin: 0 auto;
  height: 50px;
}
#nav {
  float: right;
  margin-top: 13px;
}
#nav li {
  float:left;
  display: block;
  margin-left: 15px;
  background:url(../img/bg-nav-divider.png) no-repeat left center;
}
#nav li a, #nav li a:visited {
  color: #dcc6a6;
  text-shadow: -1px -1px #090502;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  margin-left: 20px;
  font-size: 14px;
  text-transform:uppercase;
  text-decoration: none;
  display:block;
}
#nav li.current a, #nav li.current a:hover {
	color: #fff;
	background: #18130b;
	border: 1px solid #000;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;	
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
#nav li a:hover, #nav li a:active {
	color: #dcc6a6;
	background: #18130b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav li:first-child {
  background:none;
}
#nav .sub-nav {
  display:none;
}

/* Kernal Navigation
----------------------- */
.kernel-nav {
  clear:both;
  background:#f5f0e9;
  float:left;
  width:100%;
}
.kernel-nav .kernel-nav-c {
  width:960px;
  margin:0 auto;
}
.kernel-nav .kernel-nav-c h3 {
  float:left;
  font-size:13px;
  color:#666666;
  padding:8px 5px 5px 5px;
}
.kernel-nav .visits {
  position:relative;
}
.kernel-nav .visits li {
  float:left;
}
.kernel-nav .visits li a {
  float:left;
  margin:3px;
  border:1px solid #eee8e0;
  background:#eee8e0;
  color:#999999;
  font-size:13px;
  padding:4px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
  text-decoration: none;
}
.ie7 .kernel-nav .visits li {padding-bottom:2px;}

.kernel-nav .visits  li a.complete {
  background:#fff url(../img/icon-complete.png) no-repeat 15px center;
  border-color:#fff;
  padding-right:20px;
}
.kernel-nav .visits  li a.locked {
  background: #eee8e0 url(../img/icon-lock.png) no-repeat 15px center;
  padding-right:20px;
}
.kernel-nav .visits li a.active {
  background:none;
  border-color:#f5f0e9;
  color: #7b3b00;
  padding-right:10px;
  font-weight:bold;
}
.kernel-nav .visits li ul.stages {
  display:none;
}
.kernel-nav .visits li div.active {
  position:absolute;
  width:100%;
  left:0;
}
.kernel-nav .visits li .active ul.stages {
  display:block;
  margin-top:40px;
  position:absolute;
}
.kernel-nav .visits li .active ul.stages li {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
  float:left;
  display:block;
  position:relative;
  margin-left:-10px;
  padding-right:10px;
}
.kernel-nav .visits li .active ul.stages li a {
  background:none;
  border:none;
  display:block;
  padding:3px 20px;
  text-decoration: none;
}
.kernel-nav .visits li .active ul.stages li:first-child {
  background-image:none !important;
  margin-left:0;
}
.kernel-nav .visits li .active ul.stages li:first-child a {
  padding-left:10px;
}
.kernel-nav .visits li .active ul.stages li.locked {
  background:#f8ecd5 url(../img/bg-stages-locked.png) no-repeat left -4px;
  border:none;
  color:#d5ab5b;
}
.kernel-nav .visits li .active ul.stages li.locked.next {
  background:#f8ecd5 url(../img/bg-stages-locked-next.png) no-repeat left -4px;
  border:none;
  color:#d5ab5b;
}
.kernel-nav .visits li .active ul.stages li.complete {
  background:#f2dcb3 url(../img/bg-stages-complete.png) no-repeat left -4px;
  color:#a56f07;
  border:none;
}
.kernel-nav .visits li .active ul.stages li.active {
  background:#f5d392 url(../img/bg-stages-complete.png) no-repeat left -4px;
  color:#512e01;
  border:none;
  font-weight:bold;
}
.kernel-nav .visits li .active ul.stages li.locked a:hover {
  color:#a56f07;
}
.kernel-nav .visits li .active ul.stages li.locked a {
  background:url(../img/bg-stages-icon-locked.png) no-repeat right center;
  color:#d5ab5b;
}
.kernel-nav .visits li .active ul.stages li.complete a {
  background:url(../img/bg-stages-icon-complete.png) no-repeat right center;
  color:#a56f07;
}
.kernel-nav .visits li .active ul.stages li.active a {
  color:#512e01;
  padding-right:0;
}
.kernel-nav .visits li .active ul.stages li a:hover {
  color:#512e01;
}


/* Content
----------------------------------------------- */
.content-container {
	background: #fff;
}
#wrapper {
  width:960px;
  margin:0 auto;
}
#content {
  padding: 20px 0 50px 0;
  margin: 0 auto;
}
#content .home-splash {
  width:960px;
  border-bottom: 1px solid #c7c7c7;
  margin: 20px auto 30px;
  padding-bottom: 10px;
}
#content .home-feature {
  width:960px;
  margin: 0 auto;
}
#content .home-feature .col {
  width:158px;
  float: left;
  margin-left:2px;
}

/* Col Span2
----------------------- */
#content .col.home {
 	width: 276px;
 	height: 320px;
  	margin: 0 30px 0 0;
  	padding: 0 10px;
  	background: #efefef;
  	border: 2px solid #e7e7e7;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
#content .col.home.last {
 	width: 276px;
  	margin: 0 0 0 0;
}
#content .col.home h2 {
	width: 276px;
	margin: -5px 0 15px -12px;
}
#content div.event-index {
  margin-bottom: 15px;
  border-bottom: 1px solid #c7c7c7;
}
#content div.event-index p {
	line-height: 18px;
}
#content div.event-index a.event-name, #content div.event-index a.event-name:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #007da3;
	text-shadow: 1px 1px #fff;
}
#content div.event-index a.event-name:hover, #content div.event-index a.event-name:active {
	color: #2c2015;
}
#content div.video a {
	text-decoration: none;
}
#content div.video img {
	width: 100px;
	border: 2px solid #c7c7c7;	
	float: left;
	margin-right: 10px;
}
#content div.video a, #content div.video a:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #007da3;
	text-shadow: 1px 1px #fff;
}
#content div.video a:hover, #content div.video a:active {
	color: #2c2015;
}
#content div.video {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c7c7c7;
}
#content div.testimonial {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#content div.attribution {
	margin-top: 10px;
	font-weight: bold;
	font-style: italic;
}

/* Col Span3
----------------------- */
#content .col.span-3 {
  width:474px;
  margin: 0 0 10px 0;
  padding: 0;  
}

/* Col Span4
----------------------- */
#content .col.span-4 {
  width:632px;
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
}

/* Col Span5
----------------------- */
#content .col.span-5 {
  width:790px;
}

/* Col Span6
----------------------- */
#content .col.span-6 {
  width:948px;
}

.kernel-heading {
  padding:3px;
}

.kernel-heading h2 {
  font-size:28px;
  padding-top:10px;
  margin-bottom:5px;
  color:#3a1f09;
}

.kernel-heading .kernel-icon {
  float:left;
  width: 42px;
}

.kernel-heading p strong {
  color:#0780a5;
}

.kernel-heading p {
  color:#3a1f09;
}

.kernel-heading h3 {
  color:#3a1f09;
  margin-top:15px;
  margin-bottom:5px;
}

/* Main Player
----------------------------------------------- */
.player-area {
		color: #fff;
    width:596px;
    margin-top:110px;
    margin-right: 20px;
    margin-bottom:20px;
    position: relative;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#97bede), to(#dfefff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #97bede, #dfefff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#97bede, endColorstr=#dfefff);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#97bede, endColorstr=#dfefff)";
}  

.ie7 .player-area {
  margin-top:30px;
  position: relative;
  left: -33px;
}

.player-area .player-nav {
  width:636px;
  margin-left:-20px;
  margin-top:40px;
  position:absolute;
  display:block;
}

.ie7 .player-area .player-nav {
  margin-left:-15px;
} 

.player-area .player-nav .next, .player-area .player-nav .prev {
  -moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
	box-shadow: 2px 2px 5px #888;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#444444, direction=135, strength=3); 
}

.player-area .player-nav .next {
  background: #758a93 url(../img/player-next.png) no-repeat 30px center;
  display:block;
  text-indent:-9000px;
  width:30px;
  float:right;
  padding:45px 15px;
}

.player-area .player-nav .next:hover {
  background: #758a93 url(../img/player-next-hover.png) no-repeat 30px center;
}

.player-area .player-nav .prev {
  background:#758a93 url(../img/player-prev.png) no-repeat 10px center;
  display:block;
  text-indent:-9000px;
  width:30px;
  float:left;
  padding:45px 15px;
}

.player-area .player-nav .prev:hover {
  background:#758a93 url(../img/player-prev-hover.png) no-repeat 10px center;
}

.player-area .player-nav .next.disabled, .player-area .player-nav .prev.disabled {
  background-image:none;
  filter:alpha(opacity=30);
  opacity:0.3;
  -moz-box-shadow:none;;
	-webkit-box-shadow:none;
	box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#444444, direction=135, strength=3);
}

.player-area .player {
  background:#fff;
  padding:5px 0 10px 0;
  width:550px;
  min-height:370px;
  margin-top:-20px;
  top:-20px;
  margin-left:25px;
  position:relative;
  margin-bottom:5px;
  color:#000;
}

.ie .player-area .player {
  border:1px solid #ddd;
  margin-left:21px;
}

.ie .player-area .page {
  display:none;
}

.ie7 .player-area .player
{
	position:relative;
	left: 24px;
}

.player-area .page {
  padding:5px 0 10px 0;
  text-align:center;
  position:absolute;
  margin-top:-20px;
  background:#fff;
  width:550px;
  margin-left:20px;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  rotation: -1deg;
}

.player-area .player-steps {
  color:#758a93;
  text-align:right;
  padding-right:20px;
  position:relative;
}

.player-area .player-steps strong {
  color:#515050;
}

/* Scrollable
----------------------------------------------- */
/* override the root element to enable scrolling */
.player {
	overflow:hidden;
}
 
/* override single pane */
.player div.asset {
	float:left;
	display:block;
	width:530px;
  margin: 10px;
	font-size:14px;
  min-height: 350px;
}
 
/* our additional wrapper element for the items */
.player .items {
	width:20000em; height: 378px;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
 
.player .less, .player .less a {
	color:#999 !important;
	font-size:11px;
}

/* Tooltip
----------------------------------------------- */


/* Footer
----------------------------------------------- */
#footer {
	background: url('../img/footer_border.png') #2b2013 repeat-x left top;
}
#footer-container {
	margin: 0 auto;
	width: 960px;
	padding: 0 0 20px 10px;
	background: url(../img/bg-footer-container.jpg) no-repeat top center;
}
#footer h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
	color: #735e3f;
	text-shadow: 1px 1px #000;
}

/* Latest Blog
----------------------- */
#latest-blog-posts {
	width: 281px;
  	margin: 30px 30px 0 0;
  	padding: 10px;
  	background: url(../img/bg-footer-blocks.jpg) repeat-x top #18130b;
	border: 1px solid #000;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;	
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
#latest-blog-posts #blog-container {
	border: 1px solid #000;
}
#latest-blog-posts div.entry {
	font-size:12px;
	font-weight:bold;
	margin:0 0 1px 0;
	border-bottom:dotted 1px #1e160d;
	background: #2b2013;
	padding: 10px 5px 10px 5px; 
	color:#33759d;
	border-top: 1px solid #342617;
	border-left: 1px solid #342617;
}
#latest-blog-posts ul li {
	margin-bottom: 10px;
}
#latest-blog-posts ul li.article-title {
	background:url('../img/latest-blogs-li-arrow.png') no-repeat left  ;
	min-height: 25px;
	padding-left: 30px;
	line-height: 25px;
}
#latest-blog-posts ul li span {
	font-size: 11px;
	color: #413421;
	font-weight: normal;
}
#latest-blog-posts div.entry:hover {
	background:#241b10
}
#latest-blog-posts li a {
	background:none;
	font-weight:normal;
	padding:0;
	margin: 0;
	color:#fff;
	text-decoration: none;
}
#latest-blog-posts a {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background: #2b2013;
	padding: 10px;
	display: block;
	text-decoration: none;
}
#latest-blog-posts a:hover {
	color:#fff;
	background: #241b10;
}

/* Latest Tweets
----------------------- */
#simple-gifts-footer {
	width: 276px;
  	margin: 30px 30px 0 0;
  	padding: 10px;
  	background: url(../img/bg-footer-blocks.jpg) repeat-x top #18130b;
	border: 1px solid #000;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;	
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
#simple-gifts-footer ul {
}
#simple-gifts-footer ul li{
	background: url('../img/icon_clock_small_footer.png') no-repeat left center;
	padding: 10px 0 10px 30px;
}
#simple-gifts-footer #tweet-container {
	border: solid 1px #000;
	border-bottom: none;
}
#simple-gifts-footer .tweet {
	position: relative;
	background: url('../img/footer-tweets-arrow.png') #2b2013 no-repeat 7px 30%;
	border-bottom: dotted 1px #000;
	padding: 10px 10px 20px 40px; 
	border-top: 1px solid #342617;
	border-left: 1px solid #342617;
}
#simple-gifts-footer .tweet .username a, #simple-gifts-footer .tweet .username a:visited {
	color: #fff;
	text-decoration: none;
}
#simple-gifts-footer .tweet .username a:hover, #simple-gifts-footer .tweet .username a:active {
	color: #735e3f;
}
#simple-gifts-footer .tweet .text {
	color: #9c8664;
}
#simple-gifts-footer .tweet .text a {
	color: #fff;
	text-decoration: none;
}
#simple-gifts-footer .tweet .text a:hover, #simple-gifts-footer .tweet .text a:active {
	color: #735e3f;
}
#simple-gifts-footer .tweet .date a:hover, #simple-gifts-footer .tweet .date a:active {
	color: #fff;
}
#simple-gifts-footer .tweet:hover {
	background:url('../img/footer-tweets-arrow.png') #241b10 no-repeat 7px 30%;
}
#simple-gifts-footer .tweet .date a, #simple-gifts-footer .tweet .date a:visited {
	color: #413421;
	padding: 3px 10px 3px 3px;
	text-decoration: none;
	position: absolute;
	bottom: -1px;
	right: 0;
}
#contact-info {
	width: 276px;
  	margin: 30px 0px 0 0;
  	padding: 10px;
  	background: url(../img/bg-footer-blocks.jpg) repeat-x top #18130b;
	border: 1px solid #000;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;	
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
#contact-info ul {
	border: 1px solid #000;
}
#contact-info li span {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #413421;
}
#contact-info li {
	font-size: 18px;
	color: #9C8664;
	padding: 0 10px;
	border-bottom:dotted 1px #000;
	background: #2b2013;
	padding: 10px 5px 10px 5px; 
	border-top: 1px solid #342617;
	border-left: 1px solid #342617;
}

#contact-info li a { 
    color: #9C8664;
    text-decoration: none;
}

#contact-info li a:hover {
    color: #cccccc;
}

/* Misc
----------------------------------------------- */

hr {
  border:none;
  border-top:1px solid #eee;
}

.shadow {
	-moz-box-shadow: 2px 2px 5px #777;
	-webkit-box-shadow: 2px 2px 5px #777;
	box-shadow: 2px 2px 5px #777;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#444444, direction=135, strength=3); 
}




.step-status-bar {
  position: absolute;
  bottom: 0;
  background: #fff;
  padding: 0 1em 0 1em;
}

.step-status-bar .steps {
  float: left;
}
.step-status-bar .title {
  float: left;
  width: 400px;
  text-align: center;
}
.step-status-bar .next {
  float: right;
}