@charset "utf-8";
/* CSS Document */
/* ------- 1. Tables ------- */
table.fancy_table,.widget_calendar table { border-collapse:separate; border-spacing:0; width:99%; padding:2px 0; }
table,td,th { vertical-align:middle; text-align:center; }
th{ padding:10px; font-size:12px; text-transform:uppercase; letter-spacing:1px;}
td{ font-size:11px; padding:10px; }
table.fancy_table,.widget_calendar table{margin:20px 2px; }
.fancy_table th,.widget_calendar table th{border-bottom:1px solid #fff;}
.fancy_table td,.widget_calendar table td{color:#888;border-top:1px solid #eee;}
.fancy_table,.widget_calendar table{border:1px solid #fff;}

/* ------- 2. CSS Gradients ------- */
.fancy_table,.widget_calendar table,
.fancy_titled_box,.fancy_box,.color_scheme_box_content,.framed_tab_set .tab_content{
	background-color:#f8f8f8;
	background:-moz-linear-gradient(bottom ,#f6f6f6 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f6f6f6),color-stop(100%, #fff))}
h3.fancy_titled_box_header,h3.color_scheme_box_header,.fancy_table th,.widget_calendar table th,.fancy_table tr:hover{
	background: #f3f3f3 url(styles/_shared/th.png) 0 0 repeat-x;}
#comments .date{ background-color:#f3f3f3;background:-moz-linear-gradient(center bottom , #F0F0F0 0px, #F5F5F5 100%);}
.framed_tab_set ul.tabs a.current,.wp-pagenavi a:hover {
	background: -moz-linear-gradient(bottom , #fff 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #fff),color-stop(90%, #f6f6f6));}
		
/* ------- 3. CSS Box Shadows ------- */
.fancy_table,.widget_calendar table,.fancy_titled_box,.fancy_box,
img.framed,.video_frame, .pullquote_right, .pullquote_left,.wp-caption,
.webtreats_flickr_widget img, dl.gallery-item img,
.avatar, .small_frame img, img.small_frame{
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);}
.color_scheme_box{
	box-shadow:0 0 2px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.12);
	-o-box-shadow:0 0 2px rgba(0, 0, 0, 0.12);}

input:focus,textarea:focus{
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,.1);
	box-shadow:1px 1px 5px rgba(0,0,0,.1);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.1);
	-o-box-shadow:1px 1px 5px rgba(0,0,0,.1)}
	
/* ------- 4. Toggles ------- */
.toggle_frame {border:1px solid #fff !important;}
.slate_grey_toggle{background-image: url(styles/slate_grey/toggle_sprite.png) !important;color:#8E959A !important;}
/* ________________________________________________________________________________________________________________
										13. Toggle Content 
   ________________________________________________________________________________________________________________ */


/* ------- 1. Minimal Toggles ------- */
.toggle {
	background: url(styles/_shared/toggle_sprite.png) no-repeat scroll -121px 5px;
	font-size:16px;
	line-height:30px;
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	padding:0 0 0 30px;}
.toggle_DC {
	background: url(styles/_shared/toggle_sprite.png) no-repeat scroll -121px 5px;
	font-size:12px;
	line-height:30px;
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	padding:0 0 0 30px;}
.toggle a {text-decoration: none;display: block;color:inherit;}
.active {background:url(styles/_shared/toggle_sprite.png) no-repeat scroll -81px -35px}
.toggle_content {clear:both;margin:0 0 20px 30px;overflow:hidden;}

/* ------- 2. Framed Toggles ------- */
.toggle_frame{padding:0 20px;margin:15px 2px;}
.toggle_frame .toggle_content{border:0;padding:0px;}
.toggle_frame .toggle_content .block {padding:0px;}
.toggle_frame .toggle {background-position: -41px -75px;}
.toggle_frame .active {background-position: -1px -115px;}

/* ________________________________________________________________________________________________________________
	 										17. PROGRESSIVE ENHANCEMENTS
 ________________________________________________________________________________________________________________ */


/* ------- 1. Border Radius ------- */
.toggle_frame {border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}	

/* ------- 2. CSS Gradients ------- */
.toggle_frame {
	background-color:#f5f5f5;
	background:-moz-linear-gradient(bottom, #F2F2F2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff))}

/* ------- 3. CSS Box Shadows ------- */
.toggle_frame {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);}