/* Style: Dark Blue */

body { background: #1a1a1a; color: #979797; }

a:hover, .post .meta a:hover { color: #fff; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #c0c0c0; }

#logo { background: url(dark/ribbon-top.png) no-repeat top left; }
.ribbon .search { background: url(dark/ribbon-search.png) no-repeat top left; }
.ribbon .search input.field { color: #fff; text-shadow: 0 1px 0 black;  }
#nav { background: url(dark/ribbon-bg.png) repeat-y top left; }

.post .title, #commentsheader h3 { border-bottom: 3px solid #353535; }
.post .title a:link, .post .title a:visited { color: #fff; text-shadow: #000 1px 1px 0px; }

.post .meta ul li, .post .title, .wp-pagenavi span.pages, #commentsheader h3, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .widget h3, #sidebar .widget ul li a, .widget_woo_retreattwitter .tweet .username {
text-shadow: #000 1px 1px 0px; }

#comments .avatar-box .overlay { background: url(dark/grav-overlay.png) no-repeat;}
.widget_woo_retreattwitter .tweet span.overlay { background: url(dark/twitter-overlay.png) no-repeat;}

.respond-head { background: url(dark/res-head.png) no-repeat top left; }
.respond-form { background: url(dark/res-bg.png) repeat-y top left; }
.respond-btm { background: url(dark/res-btm.png) no-repeat top left; }

#footer-widgets h3 { color: #fff; }
#footer { background-color: #313131; border-top: 1px solid #656565; }
#footer p { color: #979797; text-shadow: #000 1px 1px 0px; }
#footer-outer { background-color: #313131; border-top: 1px solid #656565; 
}

/* BUTTONS */

/* Small button */
a.but, .meta-but a, .post-more a {
	display: inline-block;
	width: 110px;
	margin-bottom: 10px;
	padding: 0px 20px;
	border: 1px solid #1a1a1a;
	border-bottom-color: #1a1a1a;
	color: #979797 !important;
	font-weight: bold; font-size: 12px !important;
	text-align: center;
	text-shadow: 0 1px 0 black;
	text-decoration: none;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background: #e5e5e5; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #555555),
					color-stop(1, #3e3e3e)
				);
	background: -moz-linear-gradient(
					center top,
					#555555 20%,
					#3e3e3e 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
}
 
a.but:hover,
a.but.hover,
a.but.active,
.post-more a:hover,
.post-more a.hover,
.post-more a.active,
.meta-but a:hover,
.meta-but a.hover,
.meta-but a.active {
	/*Background*/
	background: #dcdcdc; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e3e3e),
					color-stop(1, #555555)
				);
	background: -moz-linear-gradient(
					center top,
					#3e3e3e 20%,
					#555555 100%
				);
}
 
a.but:active,
a.but.active,
.post-more a:active,
.post-more a.active,
.meta-but a:active,
.meta-but a.active {
	border-color: #1a1a1a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
 
a.but.inactive,
.post-more a.inactive,
.meta-but a.inactive {
	border: 1px solid #1a1a1a;
	border-bottom-color: #1a1a1a;
	color: #979797;
	text-shadow: 0 1px 0 black;
	
	/*Background*/
	background: #e8e8e8; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #f3f3f3),
					color-stop(1, #e6e6e6)
				);
	background: -moz-linear-gradient(
					center top,
					#f3f3f3 20%,
					#e6e6e6 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
						0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}

/* Large button */
a.but-lrg {
	display: inline-block;
	width: 460px;
	margin-bottom: 10px;
	padding: 5px 20px;
	border: 1px solid #1a1a1a;
	border-bottom-color: #1a1a1a;
	color: #979797 !important;
	font-weight: bold; font-size: 13px !important;
	text-align: center;
	text-shadow: 0 1px 0 black;
	text-decoration: none;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background: #e5e5e5; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #555555),
					color-stop(1, #3e3e3e)
				);
	background: -moz-linear-gradient(
					center top,
					#555555 20%,
					#3e3e3e 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
}
 
a.but-lrg:hover,
a.but-lrg.hover,
a.but-lrg.active {
	/*Background*/
	background: #dcdcdc; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e3e3e),
					color-stop(1, #555555)
				);
	background: -moz-linear-gradient(
					center top,
					#3e3e3e 20%,
					#555555 100%
				);
}
 
a.but-lrg:active,
a.but-lrg.active {
	border-color: #1a1a1a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
 
a.but-lrg.inactive {
	border: 1px solid #1a1a1a;
	border-bottom-color: #1a1a1a;
	color: #979797;
	text-shadow: 0 1px 0 black;
	
	/*Background*/
	background: #e8e8e8; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #f3f3f3),
					color-stop(1, #e6e6e6)
				);
	background: -moz-linear-gradient(
					center top,
					#f3f3f3 20%,
					#e6e6e6 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
						0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}


/* Reply button */
.reply a {
	display: inline-block;
	width: 60px;
	margin-bottom: 10px;
	padding: 0px 5px;
	border: 1px solid #1a1a1a;
	border-bottom-color: #1a1a1a;
	color: #979797 !important;
	font-weight: bold; font-size: 13px !important;
	text-align: center;
	text-shadow: 0 1px 0 black;
	text-decoration: none;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background: #e5e5e5; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #555555),
					color-stop(1, #3e3e3e)
				);
	background: -moz-linear-gradient(
					center top,
					#555555 20%,
					#3e3e3e 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .19) /*Shadow*/;
}
 
.reply a:hover,
.reply a.hover,
.reply a.active {
	/*Background*/
	background: #dcdcdc; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e3e3e),
					color-stop(1, #555555)
				);
	background: -moz-linear-gradient(
					center top,
					#3e3e3e 20%,
					#555555 100%
				);
}
 
.reply a:active,
.reply a.active {
	border-color: #1a1a1a	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
 
.reply a.inactive {
	border: 1px solid #1a1a1a;
	border-bottom-color: #1a1a1a;
	color: #979797;
	text-shadow: 0 1px 0 black;
	
	/*Background*/
	background: #e8e8e8; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #f3f3f3),
					color-stop(1, #e6e6e6)
				);
	background: -moz-linear-gradient(
					center top,
					#f3f3f3 20%,
					#e6e6e6 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
						0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}


/*Submit Button*/

.form-btn, .form-btn:visited { text-shadow: 0 -1px 1px #000; }
.form-btn, .form-btn:visited { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); }
.form-btn:hover { opacity:0.9; }