/****************************************************
STYLE SHEET FOR /GUITARGURU/ COPYRIGHT MUSICNOTES, INC.
****************************************************/

#theguru { background: #303F4E url(../images/guitarguru/base/bg-x2.png) top left repeat-x; height: 1000px; width: 100%; }
#theguru font { color: #FFF!important; font-family: Tahoma, Arial, Sans-serif!important; font-size: 12px!important; }

.top .left { width: 285px; float: left; margin-left: 5px; }
.top .right { width: 465px; float: right; margin:20px 15px 0 0; text-align: left; }

.top .left .logo { width: 263px; height: 86px; background: url(../images/guitarguru/base/logo.png) no-repeat; }
	.top .left .logo a { display: block; width: 263px; height: 86px; }
.top .left .preview { width: 263px; height: 195px; background: url(../images/guitarguru/base/screens2.png) no-repeat; margin-top:  15px;  }
.top .left a.download { display: block; width: 182px; height: 56px; background: url(../images/guitarguru/base/free-download-button.png) no-repeat; margin: 15px 0 20px 0; }

/*** Tab Customizations ***/
.tabberlive { background: url(../images/guitarguru/base/black-bar-short.png) top right no-repeat; z-index: 2; margin-top:1em; }
ul.tabbernav {  margin:0; padding: 7px 0; }
* html ul.tabbernav { margin-right: -19px; }
ul.tabbernav li { list-style: none; margin: 0; display: inline; }

/* Typical Linked Tab */
ul.tabbernav li a { color: #CCC; font-size: 14px; font-family: Tahoma, Arial, Sans-serif; margin: 0 15px 0 15px; text-decoration: none;  }
ul.tabbernav li a:hover { color: #FFF; }

.tabberlive .tabbertabhide {
 display:none;
}

.gurustrip { margin: 20px 0 10px 0; }

#theguru div.bottom { margin: 30px 0 0 0; }
#theguru div.bottom:hover { text-decoration: none; }
div.bottom h1 { color: #E6C812; font-size: 26px; margin: 20px 0px 10px 70px; font-weight: normal; }
div.gurusubmenu { color: #FFF; margin: 0 0 0 70px; }
div.gurusubmenu a { color: #FFF; text-decoration:none; }
div.gurusubmenu a:hover { text-decoration: underline; }

.gurusearch { float: right; height: 35px; width: 280px;  margin: -40px 70px 0 0;}
.gurusearch input.searchq { background: url(../images/guitarguru/base/search-full-bg.png) top left repeat-x; height: 31px; width: 214px; border: 0px; padding: 9px 0 0 10px; font-size: 11px; }

/* Guru Lists */
div.listhead, .listhead2 { background:  url(../images/guitarguru/base/black-bar.png) top right no-repeat; width: 636px; height: 35px; margin: 20px 0 5px 70px; }
	.listhead2 { width: auto; margin: 5px 0; background: #000; }
div.listhead h2, tr.headtop h2, .listhead2 h3 { color: #FFF; font-size: 14px; margin: 0px 0px 0px 20px; padding: 0px; line-height: 35px; }
	.listhead2 h3 {  font-size: 14px!important; margin-left: 20px!important;}
#theguru .sort { text-align: center; }
div.listbox, .listbox2 { margin: 10px 0 10px 70px; }
	.listbox2 { margin: 10px 0; }
.listitem, .listitem2 { text-decoration: none!important; display:block; background: none; width: 616px; color: #FFF; cursor: pointer; padding: 7px 10px; }
	.listitem2 { width: auto; }
* html .listitem, * html .listitem2 { padding: 7px 10px 0 10px; width: 636px; }
	* html .listitem2 { width: 420px; }
.listitem:hover, .listitem2:hover { background: #263A52; color: #99CC00; }
.listitem.bold, .listitem2.bold { font-weight:  bold; }

.listitem span, .listitem2 span { display: block; float: left; }
/* .listitem span.view { width: 25px; height: 16px; background: url(../images/guitarguru/base/control_play.png) 0px 0px no-repeat; } */
.listitem span.number, .listitem2 span.number { font-size: 12px; font-weight: bold; color: #FFF; }
.listitem span.artist, .listitem span.title, .listitem span.price, .listitem2 span.artist, .listitem2 span.title, .listitem2 span.price { color: #FFF; font-family: Tahoma, Arial, Sans-serif; font-size: 12px; }
.listitem:hover span.artist, .listitem:hover span.title, .listitem:hover span.price, .listitem2:hover span.artist, .listitem2:hover span.title, .listitem2:hover span.price { color: #99CC00; }
.listitem span.number, .listitem2 span.number { width: 35px; }
.listitem span.title, .listitem2 span.title { width: 290px; }
	.listitem2 span.title { width: 200px; }
.listitem span.artist, .listitem2 span.artist { width: 230px; }
	.listitem2 span.artist { width: 150px; }
.listitem span.price, .listitem2 span.price { width: 80px;  }

/* Browse All */
table#BrowseGuru { width: 636px; margin: 20px 0px 20px 70px; }
* html table#BrowseGuru { margin-left: 0; }
table#BrowseGuru tr.headtop { height: 47px; background: url(../images/guitarguru/base/blue-bar-top.png) top right no-repeat; padding-bottom: 3px; }
	tr.headtop h2 { line-height: 14px; margin-bottom: 5px; }
	tr.headtop h2 span { font-size: 10px; font-weight: normal; color: #CCC; margin-left: 20px; }
table#BrowseGuru tr.headbott { height: 23px; background: url(../images/guitarguru/base/blue-bar-bott.png) top right no-repeat; color: #527CAB; font-weight: bold; }
	table#BrowseGuru tr.headbott a { font-weight: normal; text-decoration: none; }
	table#BrowseGuru tr.headbott a:hover { color: #FFF; }
table#BrowseGuru tr.bodylist td.hotnew { color: #99CC00; width: 60px; padding-left: 5px; }
	td.hotnew span.new { color: #FF0000; }
table#BrowseGuru tr.bodylist { font-size: 10px; color: #FFF; }
table#BrowseGuru tr.bodylist:hover { background: #263A52; }
	table#BrowseGuru tr.bodylist a { color: #FFF; }
	table#BrowseGuru tr.bodylist a:hover { text-decoration: none; }
	table#BrowseGuru tr.bodylist:hover a { color: #99CC00; }
table#BrowseGuru tr.bodylist td { padding: 5px 0; }


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding: 5px 15px; border:1px solid #EAC32F; background: #192534; margin: 20px 5px 0 5px; color: #FFF; font-size: 12px; }
.tabberlive .tabbertab a { color: #FFF; text-decoration: none; border-bottom: 1px dashed #FFF; }
.tabberlive .tabbertab a:hover { border-bottom: 1px solid #FFF; text-decoration: none; }
.tabberlive .tabbertab p { font-size: 12px; font-family: Tahoma, Arial, Sans-serif; margin: 5px 0 15px 0;  }
#theguru .tabbox .tabberlive .tabbertab h3, .skinsleft h3 { font-size: 22px; font-family: Tahoma, Arial, Sans-serif; margin: 5px 0 10px 0; font-weight: normal; }

/* Active Tab */
ul.tabbernav li.tabberactive a { color: #FFF; font-weight: bold; border-bottom: 5px solid #FFF;}
ul.tabbernav li.tabberactive a:hover { color: #FFF; }

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }



.tabberlive .tabbertab ul.featureslist li { font-size: 12px; font-family: Tahoma, Arial, Sans-serif; margin: 5px 0; }
.tabberlive .tabbertab ul.featureslist ul li { font-size: 11px; color: #CCC; }

div.twitter a.titlefield { }
div.twitter { margin: 0 0 20px 0; padding-left: 55px; height: 50px; background: url(../images/guitarguru/base/twitter_48.png) 0px 0px no-repeat; }
.tabberlive .tabbertab div.twitter a, .tabberlive .tabbertab div.blog a { border: none; text-decoration:none; }
.tabberlive .tabbertab div.twitter a:hover, .tabberlive .tabbertab div.blog a:hover { border: none; text-decoration:none; color: #CCC!important; }


div#recentblog div { margin: 0 0 15px 0; }
div#recentblog .titlefield { color: #FFF; font-size: 12px; display: block; text-decoration: none; font-weight: bold; }
div#recentblog .datefield { color: #CCC; font-size: 11px; display: block; }
div#recentblog br { line-height: 2px; }


/***  Skins Page ***/
.skinsleft { width: 300px; float: left; margin: 10px 0 0 70px; }
.skinsleft p { font-family: Tahoma, Arial, Sans-serif; font-size: 12px; margin: 5px 0 15px 0; }

.skinsright { width: 320px; float: right; margin: 10px 0px 0 10px; background: #222; padding: 20px 0 20px 30px; }
.skinsright .guitar { margin: 0 0 15px 0; }
.skinsright div.name { color: #FFF; font-size: 11px; }
.skinsright a.download { color: #99CC00; text-decoration: none; padding-right: 10px; background: url(../images/guitarguru/base/download-arrow.png) right 3px no-repeat; }
.skinsright a.download:hover { text-decoration: underline; }