body{background:url(../images/body_bg.jpg) left top repeat-x; margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
img {border:none;}

a {color:#8CB946;}
a:hover {color:#333333;}
h4 {font-size:16px;}

.clearfix {clear:both;}

.wrapper {width:980px; margin:0 auto;}

#header {height:140px;}
	#header .logo{float:left; width:400px; margin:50px 0 0 0;}
	#header .header-right {float:right; text-align:right; width:450px;}
	#header .language {margin:30px 0 0 0;}
	#header .language img {width:20px; height:15px; margin:0 10px 0 0}
	#header .searchbar {margin:30px 0 0 0}
	#header .searchbar input {border:1px solid #666666; font-size:12px; padding:4px 10px; width:170px;}
	#header .searchbar .btn {width:80px; padding:4px 5px 4px 0; background:#8CB946; color:#ffffff; border-left:none;}

#menu {height:30px; padding:1px 0 0 0; margin:0 0 0 0;}
	#menu ul {list-style-type:none; margin:2px 0 0 0; padding:0px;}
	#menu ul li {display:inline; margin:0 25px 0 0; font-size:14px;}
	#menu ul li a {color:#fff; text-decoration:none;}
	#menu ul li a:hover {text-decoration:underline;}
	
	#menu ul li.highlight {}
	#menu ul li.highlight a {color:#fff; text-decoration:none;}
	#menu ul li.highlight a:hover {text-decoration:underline;}
	
#breadcrumb {margin:0 0 15px 0; height:10px; padding:5px 0 0 0;}
	#breadcrumb ul {list-style-type:none; margin:0px; padding:0px;}
	#breadcrumb ul li {display:inline; text-transform:uppercase; font-size:10px;}
	#breadcrumb ul li a {}

#page {margin:0 0 30px 0;}
	#page .left {float:left; width:660px; margin:0 20px 0 0;}
	#page .sidebar {float:left; width:300px; margin:0px;}
		
		#page h2 {font-weight:normal; font-size:22px; color:#333333; margin:0 0 10px 0; padding:0px;}
		#page h2 span {text-transform: capitalize; color:#8CB946;}
		
	#page .page-title {border-top:1px solid #cecece; border-bottom:1px solid #cecece; margin:0 0 20px 0;}	
	#page .page-title h1 {font-weight:normal; font-size:34px!important; margin:0; padding:5px 0; color:#cecece!important; float:left; }
	#page .page-title h1 span {color:#999999; padding: 0 10px 0 0; border-right:3px solid #cecece; text-transform:capitalize}
	#page .page-title h1 span a {color:#999999; text-decoration:none;}
	#page .page-title h1 span a:hover {color:#333333;}
	
		
#footer {margin:10px 0 30px 0}
	#footer p {margin:0 0 10px 0; padding:5px 0 0 0; font-size:10px; color:#666666; border-top:3px solid #999999; text-align:right;}
	#footer .site-links {font-size:11px;}
		#footer .site-links ul {list-style-type:none; margin:0 0 10px 0; padding:0px;}
		#footer .site-links ul li {display:inline; margin:0 10px 0 0; color:#999999;}
		#footer .site-links ul li a {border-right:1px solid #999999; padding:0 10px 0 0;}
		
	#footer .footer_links {font-size:11px;}
		#footer .footer_links ul {list-style-type:none; margin:0px; padding:0px;}
		#footer .footer_links ul li {display:inline; margin:0 10px 0 0; color:#999999;}
		#footer .footer_links ul li a {border-right:1px solid #999999; padding:0 10px 0 0;}


/* STYLES */
.box1 {border-top:3px solid #999999; margin:0 0 20px 0;}
	.box1 h3 {background:url(../images/bg_box_title.jpg) left top repeat-x; text-transform:uppercase; font-size:11px; color:#444; font-weight:normal; margin:0 0 1px 0; padding:0 0 0 15px; line-height:24px;}
	.box1 .content {padding:5px 0 0 0;}
	
ul.letters-menu {list-style-type:none; margin:0 0 20px 0; padding:3px; background:#d3d3d3;}
	ul.letters-menu li {display:inline; margin:0 5px; font-weight:bold; font-size:18px;}
	ul.letters-menu li a {color:#ffffff; text-decoration:none;}
	ul.letters-menu li a:hover {text-decoration:none; color:#444444}
	
ul.artist-songs-list {list-style-type: none; margin:0 0 20px 0; padding:0 0 0 20px;}
	ul.artist-songs-list li {background:url(../images/bullet-orange.jpg) left 6px no-repeat; padding:0 0 0 10px; line-height: 20px; font-size:12px; color:#999999;}
		
ul.artist-list {list-style-type: none; margin:0px; padding:0 0 0 20px;}
	ul.artist-list li {background:url(../images/bullet-orange.jpg) left 6px no-repeat; padding:0 0 0 10px; line-height: 20px; font-size:12px}
	
.sharing {float:right; width:160px; text-align:center; margin:0; background:#cecece; padding:18px 0 ;}

.lyric-details {color:#999999; margin:0px; padding:0px;}
.lyric-song {font-size:12px;}

.color-grey {color:#999999;}

.table-search-results {}
	.table-search-results tr.head {background:#d3d3d3; height:26px; color:#ffffff; text-transform: uppercase; font-size:18px; font-weight:bold;}
		.table-search-results tr th {padding:2px 20px;}
		.table-search-results tr {background:url(../images/bullet-orange.jpg) left 6px no-repeat; line-height: 20px; font-size:12px;}
	.table-search-results td {padding:0 40px 0 10px}
		.table-search-results td.artist, .table-search-results th.artist {width:200px;}
		.table-search-results td.song, .table-search-results th.song {width:350px;}

.column-container {}
		.column-container .col-left {float:left; width:200px; margin:0 10px 0 0;}
		.column-container .col-center {float:left; width:200px; margin:0 10px 0 0;}
		.column-container .col-right {float:right; width:200px; margin:0px;}


.ad {margin:0 0 20px 0}

.wikipedia-more {color:#888888; font-style:italic;}
.se-keys {text-align:center; font-style:italic; color:#999999;}

.formular {}
	.formular input {border:1px solid #888888; padding:2px 10px; font-size:12px; width:280px;}
	.formular input.captcha {width:100px;}
	.formular input.btn {width:250px; padding:4px 5px 4px 0; background:#8CB946; color:#ffffff; border-left:none; font-weight:bold;}
	.formular em {font-size:12px; color:#999999;}


/* ##################  Widgets page  #################### */
.widget-item { margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:2px solid #dedede;}
	.widget-item .widget1 {width:300px; float:left; margin:0 30px 0 0;}
	.widget-item .widget-info {float:right; width:300px;}
	.widget-item .widget-info ul {list-style-type:none; margin:0px; padding:0px;}
	.widget-item .widget-info ul li {}
	.widget-item .widget-info ul li.title {font-size:16px;}
	.widget-item .widget-info ul li.details {font-size:12px; color:#999999;}
	.widget-item .widget-info ul li.get-code-link {font-size:20px;}
	.widget-item .instruction {font-size:14px; color:#888888;}
	.widget-item .close-link {text-align:right; color:#888888; padding:0 20px 0 0}



/*Youtube styles*/
#videoBar-bar {margin:10px 0 0 0}
.resultDiv_gsvb {margin:0 50px 0 0;}
.gsc-branding {display:none;}
/* ------------- */

/* Ads */
.ad-top-banner {float:right; width:730px; margin:30px 0 0 0}
/* ------------- */


h2.feature-title {font-size:24px; font-weight:normal; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #cecece;}

#featured {margin:0 0 20px 0;}
	#featured div {height:220px; width:640px; padding:0px;}
		#featured div img {float:left; width:215px; height:215px; margin:0 20px 20px 0; border:2px solid #999999;}
		#featured div a:hover img {border:2px solid #333333;}
		#featured div h3 {font-size:36px; margin:0 0 10px 0; padding:0px;}
		#featured div h3 a {text-decoration:none;}
		#featured div p.description {line-height:16px;}
		#featured div p.more {}
			#featured div p.more a {background:url(../images/bullet-orange.jpg) left 6px no-repeat; padding:0 0 0 10px; line-height: 20px; font-size:14px}
			#featured div p.more a:hover {}
			
ul.guitar-lessons-list {list-style-type:none; margin:0 0 30px 0; padding:0px;}
	ul.guitar-lessons-list li {background:url(../images/bullet-orange.jpg) left 6px no-repeat; padding:0 0 0 10px; line-height: 20px; font-size:12px; color:#999999;}
			
			
			
/* TinyMCE */


td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}



.tablerow1 {
	background-color: #BBBBBB;
}

thead {
	background-color: #FFBBBB;
}

tfoot {
	background-color: #BBBBFF;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* Basic formats */

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/* Global align classes */

.left {
	text-align: inherit;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.full {
	text-align: justify
}

/* Image and table specific aligns */

img.left, table.left {
	float: left;
	text-align: inherit;
}

img.center, table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
}

img.center {
	display: block;
}

img.right, table.right {
	float: right;
	text-align: inherit;
}












