/* @override 
	http://www.thestringery.com/stylenew.css
	http://www.thestringery.com/wp-content/themes/elwoodstheme/stylenew.css
*/

/* @group YUI Reset */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	
	margin:0;padding:0;
font-family: 'Cantarell', arial, serif; 
	 font-size: 12px;
}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* @end */

em {
	font-style: italic;
}

h4.reddit-title {
	color: #212121;
	font-weight: bold;
}



#container {
	height: 100%;
	
	font: .75em Calibri, Geneva, Helvetica, Arial, "Helvetica Neue", sans-serif;
}

#wrapper {
	width: 900px;
	margin: auto;
	height: 100%;
	margin-bottom: 30px;
}

#supertop {
	height: 20px;
	text-align: right;
	font-size: 1.2em;
	padding-top: 5px;
}

/* @group Logo and Stuff */

#top {
	height: 90px;
}

#headerad {
	text-align: right;
	margin: 0px 0 0px 0;
	width: 728px;
	float: right;
	
}

#logo {
	background: url(img/logo.png) no-repeat 0 0px;
	position: relative;


	height: 90px;
	width: 167px;
	border-right: 1px solid #eaeaea;
}

#the {
	position: relative;
	left: 60px;
	top: 24px;
	color: #797979;
	font-size: 14px;
	display: inline;
}

#stringery a {
	color: #929292;
	font-size: 25px;
	position: relative;
	text-shadow: #a9a9a9 1px 1px 2px;
	left: 45px;
	top: 15px;
}
#stringery a:hover {
	color: #00548f;
	text-shadow: #00548f 1px 1px 3px;
}

/* @end *

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* @group Menu */



.menuwrap {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #a9a9a9;
	height: 32px;
	background: url(img/bg.png) repeat-x 0 -10px;
}

.menu_item {
	height: 32px;
	width: 80px;
	line-height: 32px;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
}
.menu_item_home {
	height: 32px;
	width: 40px;
	text-align: center;
	display: inline-block;
	float: left;
}
.menu_item_home:hover {
	background-color: #929292;
}
.menu_item_home a {
	display: block;
	width: 40px;
	height: 32px;
	padding-top: 5px;

}

#lessons div.popup {
	width: 250px;
}
#Video div.popup {
	width: 200px;
}
#Resources div.popup {
	width: 300px;
}
#How_To div.popup {
	width: 270px ;
}
#Submit div.popup {
	width: 270px;
}

div.popup {
	display: none;
	float: left;
	position: relative;
	right: 10px;
	text-align: left;
	background-color: #eaeaea;
	border: 1px solid #919191;
	font: 12px Georgia, "Times New Roman", Times, serif;
		z-index: 1000;
	padding: 10px 10px 15px;
}
div.popup p {
	margin: 5px 10px;
}
div.popup ul li {
	margin: 5px 5px 5px 15px;
	height: 18px;
	line-height: 18px;
}
div.popup ul li a {

	display:block;
}
div.popup strong {
		font-family: 'Carter One', serif;
	line-height: 12px;
	display: block;
	border-bottom: 1px solid #5e5e5e;
	font-weight: normal;
	font-style: normal;
}
.menu_item:hover {
	background-color: #929292;
}
.menu_item:hover div.popup {
	display: inline-block;
}

.popup_view_all{
	display: block;
	margin: 10px 0;
	font-weight: bold;
	text-align: center;
}

/* @end */

#main_home {
	border: 1px solid #d5d5d5;
	background: url(img/film_strip.png) repeat-y 426px;
}

#main {
	border: 1px solid #d5d5d5;
}
#Sidebar_bg_main {
	border: 1px solid #d5d5d5;
background: url(img/index_bg.png) repeat-y 578px;
}
#clear_sidebar_index {
	min-height: 1000px;

}

/* @group Base Styles */

p {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

strong {
	font-weight: bold;
		font-family: 'Carter One', serif;
}

ul {
	margin-bottom: 10px;
}

ul li {
	margin-left: 30px;
	margin-right: 20px;
	list-style-type: circle;
	list-style-position: outside;
font-size: 1.2em;
}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 30px;
	margin-right: 20px;
font-size: 1.2em;
}

h1 {
	font-family: 'Carter One', serif;
	margin: 10px 0px;
}

h2 {
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	font: 16px 'Carter One', serif;
}

h3 {
	margin-left: 20px;
	font-family: 'Carter One', serif;
	margin-bottom: 10px;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}
 dl {

 }
  dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;

  }
  dt:after {
    content: " - ";
  }
  dd {
    margin: 10px 0 10px 110px;

  }
  pre {
	font-family: Courier, "Courier New", mono;
}
/* @end */

/* @group Links */

a:link {
	text-decoration: none;
	color: #00548f;
}

a:visited {
	text-decoration: none;
	color: #00548f;
}

a:hover {
	color: #0097fa;
}

/* @end */

/* @group Post Styles */

.Post_content {
	margin-right: 320px;
	padding: 0px 10px;
}
.no_sidebar_Post_content {
	padding: 0px 10px;
}

.item {
	display: inline-block;
}

#leftcontent_home_only {
	float: left;
	width: 405px;
	padding: 0 10px 10px;
}

#leftcontent_home_only img {
	max-width: 345px;
	max-height: 200px;
	margin-left: 20px;
}
#leftcontent_home_only .imgframeleft img,#leftcontent_home_only .imgframeright img {
	margin: 0px;
}

.leftcontent_ad {
	text-align: center;
	padding: 10px;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #eaeaea;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-top-style: solid;
	margin-bottom: 10px;
	margin-top: 10px;
}

.Post_title {
	font-family: 'Carter One', serif;
	font-size: 1.6em;
	color: #00548f;
	display: inline-block;
	padding-top: 10px;
	border-bottom: 1px dashed #fffeff;
	margin: 0px;
}



.Post_title:hover, .more-link:hover {
	border-bottom: 1px dashed #00548f;
}

.Post_date {
	
}

.Post_Author {
	text-decoration: underline;
}

.Post_info {
	color: #797979;
	display: block;
	font-size: 1.0 em;
	margin-bottom: 10px;
}

.more-link:link {
	display: inline-block;
	margin-top: 20px;
	color: #00548f;
	font-weight: bold;
}

.pullquoteleft {
	float: left;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	color: #929292;
	font: 16px "Times New Roman", Georgia, Times, serif;
	text-align: right;
}

.pullquoteright {
	float: right;
	width: 100px;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #929292;
	font: 16px "Times New Roman", Georgia, Times, serif;
	text-align: left;
}
#favorite_link {
	float: right;
}
#facebook {
position: relative;
top: 5px;
display: inline;
}
.post_categories {
	background-color: #eaeaea;
	border: 1px solid #a9a9a9;
	padding: 5px;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	clear: left;
	line-height: 25px;
}

.Post_nav {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

.tab {
	font-family: "Courier New", Courier, mono;
	white-space: pre;
	padding: 0 10px 10px;
	height: 98px;
	margin: 20px;
	width: 475px;
	font-size: 1.2em;
	
}
.Post_content_sidebar {
	width: 320px;
	background-color: #ffffff;
	padding: 10px;
	color: #00548f;
	float: right;
	border-style: double;
	border-color: #929292;
	margin-left: 10px;
}
.Post_content_sidebar h3 {
		font-family: 'Carter One', serif;
	text-align:center;
	display: block;
	margin-left: 0px;
	border-bottom: 1px dashed #00548f;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.footnotes {
	font: 11px Georgia, "Times New Roman", Times, serif;
	margin: 20px;
	
}

/* @group Youtube Theatre */

.youtubetheatre {
	background-color: #212121;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.youtubetheatre h1{
	
margin-top: 0px;
padding-top:10px;
}

.youtubetheatre h1 {
	display: block;
	margin-bottom: 10px;
	color: #5e5e5e;
}

.after_youtubetheatre {
	background: url(img/youtube_shadow.png) repeat-x;
	padding: 10px;
	padding-top: 25px;
}


.youtube_ad {
	float: right;
}

#donatesawlon {
	background: url(http://www.thestringery.com/img/donate.png) no-repeat;
	display: inline-block;
	height: 70px;
	width: 155px;
	padding-top: 25px;
	padding-left: 40px;
	vertical-align: top;
	margin-left: ;
}

#favorites {
	background: url(http://www.thestringery.com/img/donate.png) no-repeat;
	display: inline-block;
	height: 85px;
	width: 175px;
	padding-top: 10px;
	padding-left: 20px;
	vertical-align: top;
}

#tabbox {
	background: url(http://www.thestringery.com/img/downloadtab.png) no-repeat;
	height: 90px;
	padding-top: 9px;
	padding-left: 5px;
	width: 190px;
	display: inline-block;
}

.favorite_link {
	margin-left: 20px;
	margin-bottom: 5px;
}

.viewfavorites {
	font-size: 12px;
	position: relative;
	top: 10px;
	left: 30px;
}

/* @end */

/* @end */

/* @group Category */

#category_info {
Margin:0px 10px;	
}

#category_tags_browser {
	float: right;
	width: 279px;
	text-align:left;
	
}
#category_tags_browser li a {
	display: block;
	
}

.category_content {
	padding: 10px;
	text-align: center;
}

.category_content .youtubeimg17 {
	display: inline-block;
}

.title {
	color: #424242;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
	font: 24px Georgia, "Times New Roman", Times, serif;
}

.featureimg {
	float: left;
	margin-right: 10px;
	clear: left;
}

/* @end */

/* @group Sidebar */

.Post_sidebar_ad {
	margin-bottom: 10px;
}

.Post_sidebar {
	color: #eaeaea;
	float: right;
	padding: 10px;
	width: 300px;
	
}

.Post_sidebar h3 {
	font-family: 'Carter One', serif;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
		color: #c0c0c0;
}

hr {
	clear: left;
	border-style: none;
}
.imgframecenter {
	text-align:center;
display: block;
}

.imgframeleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	
}

.imgframeright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 20px;	
}
.imgframeleft p, .imgframeright p {
	margin: 0px;
	
}

.imgcaption {
	background-color: #eaeaea;
	border: 1px solid #a9a9a9;
	padding: 5px;
	display: block;
font-family: 'Cantarell', arial, serif; 
	font-style: italic;
}


#recent_comments {
	width: 300px;
}
.widget {
	width: 300px;
	margin: 0px;
}

/* @end */



/* @group Comments */

.comment_section {
	padding: 10px;
}

textarea#comment {
	width: 50%;
	height: 100px;
}

.feedback {
	margin-right: 320px;
}

.commentbar {
	background-color: #eaeaea;
	margin-bottom: 10px;
	border: 1px solid #a9a9a9;
	height: 32px;
	display: block;
	font: 12px 'Carter One', serif;
}

h2#comments {
	margin-bottom: 10px;
	text-align: center;
}

ol#commentlist li {
font-family: 'Cantarell', arial, serif; 
	 font-size: 12px;
	padding: 8px 0px ;
	list-style-position: outside;
}

ol#commentlist li cite {
	display: block;
	font-weight: bold;
	padding:7px;
}

.commentbar img.avatar {
	display: inline;
	height: 32px;
	width: 32px;
	float: left;
	margin-right: 10px;
}

/* @end */

.raw_data{
	margin-left:150px;
	margin-bottom: 30px;
	
}
.raw_data td {
	width: 150px;

	text-align: left;
	border: 1px dotted #d5d5d5;
}

#sidebar {
	margin-left: 450px;
}

#menu ul li ul li {
	font-size: 1.0em;
}

#rightcontent {
	float: right;
	width: 122px;
	margin: 10px;
}

#rightcontentad {
	margin-bottom: 10px;
}

#pagination {
	margin: 5px 320px 20px 0px;
}

#footer {
	height: 18px;
	background-color: #424242;
	text-align: center;
	padding: 5px;
	font-size: 1.2em;
	color: #fffeff;

}

#footer a {
	color: #929292;
}

#footer a:hover {
	color: #0097fa;
}

.shamrock {
	color: #008f1e;
	font-size: 20px;
	line-height: 1px;
}
.valid {
	border-bottom: 1px dotted #c0c0c0;
}



/* @group Filmstrip */

#filmstrip {
	float: left;
	width: 280px;
	margin-right: 23px;
}

div.youtubeimg17 a {
	color: #fffeff;
}
div.youtubeimg17 a:hover {
	color: #00548f;
}

.filmstrip_title {
		font-family: 'Carter One', serif;
	color: #eaeaea;
	margin-top: 10px;
	
}

a.filmstrip_link {
height: 18px;
	display: block;
	color: #ffffff;
	padding: 8px 8px 8px 15px;
	display: block;
	font-family: 'Carter One', serif;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

a.play_video {
	font-weight: bold;
	display: block;
	margin-top: 10px;
	border: 1px solid #ffffff;
	padding: 5px;
	width: 245px;
}
.play_video:hover {
	border: 1px solid #7bd6fd;
}
a.filmstrip_link {
	height: 18px;
	opacity: 0.72;
	background-color: #000;
	border-bottom: 1px inset #5e5e5e;
	font-family: 'Carter One', serif;
}

.youtubeimg17 {
	width: 279px;
	height: 200px;
	display: inline-block;
	margin-bottom: 2px;
}

.filmstrip_highlight a:link {
	color: #0e98fc;
}

.filmstrip_highlight {
	padding: 10px;
}

.filmstrip_highlight  {
	color: #fffeff;
	height: 190px;
	width: 259px;
}

.filmstrip_highlight {
	width: 259px;
	height: 145px;
	background-color: #000;
	visibility: hidden;
	float: left;
	text-align: left;
}

.youtubeimg17:hover .filmstrip_highlight {
	opacity: 0.66;
	visibility: visible;
}

.filmstrip_highlight p {
	padding: 4px;
	padding-left: 10px;
	text-decoration: none;
	color: #eaeaea;
	font: 10px Calibri, "Lucida Grande", Lucida, Verdana, sans-serif;
}





/* @end */

/* @group Theatrebox */

#theatrebox {
	width: 480px;
	height: 220px;
	background-color: #424242;
	text-align: left;
	padding: 10px;
	margin: 14px 39px 0px;
	color: #c0c0c0;
	overflow: hidden;
	
}
#theatrebox h3 {
	font-family: 'Carter One', serif;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 5px;
	margin-left: 212px;
	margin-bottom: 5px;
}
#theatrebox a, .Post_sidebar a {
	color: #c0c0c0;
	
}
#theatrebox a:hover, .Post_sidebar a:hover {

	color: #d5d5d5;
}
.theatrebox_excerpt {
	margin-left: 212px;
	padding-left: 15px;
	padding-bottom:10px;
	display: block;
}
#playlists {
	float: left;
	width: 200px;
	border-right: 1px dashed #212121;
	margin-right: 10px;
	height: 220px;

}

#playlists ul li  {

	list-style-type: none;
	width: 170px;
list-style-type:none;
margin-left: 0px;
font-size: 1.0em;
}
.Post_sidebar ul li {

	list-style-type: none;
	width: 300px;
list-style-type:none;
margin-left: 0px;
}
#playlists ul li a:hover, .Post_sidebar ul li a:hover {
	background-color: #5e5e5e;
	color: #fffeff;
}

#playlists ul li a{
	width: 170px;
	height:16px;
	display: block;
	padding:3px;
	padding-left:18px;
}
.Post_sidebar ul li a{
	width: 278px;
	height:18px;
	display: block;
	padding:3px;
	padding-left:18px;
	overflow: hidden;
	
	
}

#playlists ul li h3 {
	font-family: 'Carter One', serif;
	width: 190px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 5px 0px;
}

.sociable ul li a {
	width: 75px;
	height: 75px;
	display: inline;
	padding: 2px;
}
.sociable ul li  {
	width: 40px;
	
	display: inline;
	float: left;
	
}


/* @end */



/* @group Category Filmstrip */

#category_filmstrip {
	padding-top: 18px;
	width: 300px;
	background-color: #424242;
	border-top: 1px solid #5e5e5e;
	padding: 10px;
	text-align: center;
	float: right;
}
#category_mid_ad {
height: 90px;
display: block;
text-align: center;
margin: 10px 16px;
padding: 5px;
background-color: #eaeaea;
}
div#filmstrip_wrapper {
	overflow: auto;
	height: 450px;
	display:block;
	margin-top: 10px;
	border-top: 1px dashed #797979;
		border-bottom: 1px dashed #797979;
		resize:vertical;
}
.self_filmstrip_entry {
	display: block;
	width: 270px;
	height: 92px;
	text-align: left;
	padding: 5px;
	overflow:hidden;
	background-color: #5e5e5e;
	border: 1px solid #797979;
	resize:none;
}
.filmstrip_entry {
	display: block;
	width: 272px;
	height: 92px;
	text-align: left;
	padding: 5px;
	overflow:hidden;
	font-size: 1.0em;
	resize: none;
	
}
.filmstrip_entry a, .self_filmstrip_entry a {
	width: 310px;
	height: 92px;
	color: #d5d5d5;
}
.filmstrip_entry p, .filmstrip_entry li, .self_filmstrip_entry p, .self_filmstrip_entry li {
	margin-right: 0px;
	margin-bottom: 0px;
}
.filmstrip_entry li, .self_filmstrip_entry li {
	list-style-position: inside;
	color: #929292;
}
.filmstrip_entry a:hover, .self_filmstrip_entry a:hover {
	color: #7bd6fd;
	text-decoration: underline;
}
.filmstrip_entry:hover, .self_filmstrip_entry:hover {
	background-color: #5e5e5e;
}
.filmstrip_entry_title {
	font-weight: bold;
	color: #d5d5d5;
}
.filmstrip_entry_excerpt {
	color: #929292;
}
.youtubeimg{
	width: 100px;
	height: 90px;
margin-right: 15px;
float: left;

	border: 1px solid Black;

}

.youtubeimgself{
	width: 100px;
	height: 90px;
	margin-right: 15px;
	float: left;
	border: 1px solid #797979;
	
}

.youtubeimg:hover{
	border-style: solid;
	border-color: #797979;
}


/* @end */

/* @group Widget Styles */

/* @group Table Styles */

table#guitarist_description {
	width: 279px;
}

.tablehead {
	height: 20px;
	background-color: #00548f;
	color: #fffeff;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	line-height: 20px;
	text-align: center;
}

td {
	padding: 5px;
	color: #191919;
	text-align: left;
}

td.item {
	font-weight: bold;
}

.row {
	background-color: #eff1f1;
}

.row2 {
	background-color: #e7eaea;
}

/* @end */

.widget {
	margin-bottom: 10px;
}

#archives_widget {
	margin-bottom: 10px;
}
#archives_widget li {
	list-style-type: none;
	margin: 0px;
	font-size: 1.0em;
}

#categories_widget {
	margin-bottom: 10px;
}
#categories_widget li {
	list-style-type: none;
	margin: 0px;
}

/* @end */

/* @group Favorite Posts */


.wpfp-hide { display: none; }
.wpfp-img { border: 0; vertical-align: middle; margin-right: 2px; }


/* @end */

/* @group PageNavi */

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	margin: 25px;
}

.wp-pagenavi a, .wp-pagenavi span, .gsc-cursor-page {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
	padding: 5px;
	background-color: #d5d5d5;
}

.wp-pagenavi span.current {
	font-weight: bold;
	padding: 5px;
	font-size: 15px;
	color: #fffeff;
	background-color: #00548f;
}


/* @end */




/* @group Custon Buttons */

 /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(http://www.thestringery.com/img/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }
 
    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }

/* @end */