/* ------------------------------------------------------------------------------------------------------------------------------------
      GENERAL CSS
------------------------------------------------------------------------------------------------------------------------------------ */
body, p, td { font-family: Tahoma; font-size: 12px; text-align: justify; vertical-align: top; line-height: 1.6em; border: 0px; margin: 0px; }

body { background-color: #e17e7b; }
p { margin: 0px 0px 10px 0px; }
img { margin: 0px 0px 0px 0px; }
table {	margin: 0px 0px 10px 0px; }

#main h1 { background: none; color: Black; font-size: 16pt; margin: 2px 0px 9px 0px; padding: 0px; font-weight: normal;
	text-transform: lowercase; text-transform: capitalize;	font-variant: small-caps; line-height: 20pt; text-align: left;}
#main h1 a { color: black; text-decoration: none;}
#main h1 a:hover { text-decoration: underline; color: #944501}

#sidebar h2, #main .topleft-column h2, #main .topright-column h2, #main .bottomleft-table h2, #main .bottomright-table h2
	{ margin: 0px 0px 10px 0px;	font-weight: normal; padding: 0px 0px 2px 10px;
	background: url(../Images/Headline.gif) center; color: White; height: 24px; line-height: 24px; 
	font-size: 12pt; text-transform: lowercase; text-transform: capitalize;	font-variant: small-caps; text-align: left; overflow: hidden;}

a { color: #a62625;	text-decoration: underline; }
a:hover { color: #de432d; text-decoration: none; }

br.clear { clear: both; }

hr {height: 1px; color: Silver; margin: 0px 0px 5px 0px;}

input[type="text"], select, input[type="file"] { background: url(../Images/input-bg2.gif) no-repeat scroll left top; border-width: 1px; padding: 4px 5px; font-size: 8pt;}
textarea { width: 520px; height: 115px; background:#fdf9eb;	padding: 5px 5px; margin-top: 3px; overflow: auto; font-size: 8pt; border-width: 1px;
	font-family: Tahoma; background: url(../Images/input-bg.gif) no-repeat scroll left top;}
input[type="submit"], input[type="button"] { Height: 25px; }
	
textarea:hover, input[type="text"]:hover { border: 1px solid #CC6600;}	

ul { list-style-type: square; margin-top: 5px;}

.center {text-align: center;}

.avatar { width: 80px;  float: left; margin-right: 10px;}
/* ------------------------------------------------------------------------------------------------------------------------------------
      LAYOUT 
------------------------------------------------------------------------------------------------------------------------------------ */
#wrapper { width: 946px; margin: 0px auto; position: relative; padding: 0px; background-image: url(../Images/PageBg.gif);}

#topad { width: 100%; height: 90px; text-align: center; xdisplay: none; display: block;}

#topleft { width: 818px; height: 24px; float: left; text-align: left; position: relative;	top: 7px; left: 30px; margin-bottom: 10px;}
#txxopright { width: 468px; height: 24px; float: right; text-align: right; position: relative; top: 7px; right: 30px; margin-bottom: 10px;}
#topright img { border: 0; position: relative; top: 3px; margin: 0px 3px 0px 0px;}


#headerleft { width: 241px; height: 215px; float: left; position: relative; left: 8px; xbackground-image: url(../Images/HeaderLeft.jpg); 
	background-image: url(../Images/Head_08.jpg)}
#headerleft .searchbox { margin: 178px 0px 0px 54px; }


#menu {	background-color: #791b1e; height: 215px; width: 204px; float: left; position: relative; left: 8px;}
#header { width: 485px;	height: 215px; float: right; position: relative; right: 8px; background-image: url(../Images/HeaderBackground.jpg); }

#sidebar { width: 300px; padding: 20px 0px 20px 0px; float: left; position: relative; left: 30px; }
#main { width: 568px; padding: 20px 0px 20px 0px; float: right; position: relative; right: 30px; }

#bottom { width: 930px; height: 31px; position: relative;  background-color: #791b1e; margin: 0 auto; text-align: center;}			  	   

/* ------------------------------------------------------------------------------------------------------------------------------------
      MENU
------------------------------------------------------------------------------------------------------------------------------------ */
#menu table { margin: 0px; padding: 0px; height: 210px; text-align: left; margin: 0px 0px 0px 25px; }
#menu table td { vertical-align: middle; }

#menu ul { list-style-type: none; margin: 0px; padding: 0px; line-height: 1.5em;}
#menu ul li { display: inline; }

#menu a { color: white; display: block;	padding: 2px 2px 2px 20px;	font-size: 12pt; text-transform: lowercase; text-transform: capitalize;
		  font-variant: small-caps;	text-decoration: none; font-weight: normal;}
#menu a:hover { color: #fdc689;	background: url(../Images/MenuItemBullet.gif) no-repeat bottom left; }

/* ------------------------------------------------------------------------------------------------------------------------------------
      HEADER
------------------------------------------------------------------------------------------------------------------------------------ */
#header #top_ad {position: absolute; bottom: 10px; left: 10px;} 

/* ------------------------------------------------------------------------------------------------------------------------------------
      SIDEBAR
------------------------------------------------------------------------------------------------------------------------------------ */
#sidebar #alphabet { font-size: 11pt;  text-align: center; line-height: 1.4em; width: 120px; float: left;  margin-bottom: 20px;}
#sidebar #alphabet a { margin-right: 2px; }

#sidebar #alphabet2 { font-size: 11pt;  text-align: center; line-height: 1.4em; width: 120px; float: left;  margin-bottom: 20px; clear: left;}
#sidebar #alphabet2 a { margin-right: 2px; }

#sidebar #mailinglist { margin-bottom: 15px;}
#mailinglist input[type="text"] { width: 156px; border-color: Silver; margin: 5px 0px 3px 0px;}
#mailinglist input[type="text"]:hover { }
#mailinglist input[type="button"] { width: 30px;} 


#sidebar #skyscaper { width: 160px; float: right; position: relative; margin-bottom: 15px;}

#sidebar #partners { width: 120px; float: left; position: relative; margin-bottom: 15px;}
#sidebar .side-120 { width: 120px; float: left; position: relative; margin-bottom: 15px;}


#sidebar #partners ul {padding: 0px; margin: 0px 0px 0px 16px ;}
#sidebar #partners li {list-style-image: url(../Images/star.gif); padding-left: 5px;}

#sidebar input.txtbox { height: 14px; border: 1px solid #944501; font-size: 8pt; padding: 3px 3px; margin: 0px; width: 160px;
						 display: inline;}
#sidebar input.btn { height: 22px; border: 1px solid #944501; font-size: 8pt; font-weight:bold; padding: 3px 3px; margin: 0px; 
					 background-color: #e88a24; color: white; display: inline; width: 69px;}

/* ------------------------------------------------------------------------------------------------------------------------------------
      BOTTOMRIGHT MENU POLOZKY
------------------------------------------------------------------------------------------------------------------------------------ */
#bottom ul { list-style-type: none; margin: 0px; padding: 0px;	line-height: 2em; padding: 3px 0px; }
#bottom ul li { display: inline; margin: 0px; padding: 0px; padding-left: 5px; }
#bottom ul li:first-child { margin-bottom: 4px; display: inline; margin: 0px; padding: 0px; border: none; }

#bottom a { color: white; font-size: 11pt;	text-transform: lowercase; text-transform: capitalize; font-variant: small-caps;
				 text-decoration: none; font-weight: normal; }
#bottom a:hover { color: #fdc689; }



/* MINI POLL */
.Progress_blue {
	background-image: url(../img/progress_blue.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.Progress_red {
	background-image: url(../img/progress_red.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.Progress_green {
	background-image: url(../img/progress_green.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


/* INTERPRET TAB LIST */
div.tabitem { width: 225px; height: 55px;  float: left; padding-left: 55px; background: url(../Images/folder.jpg) no-repeat left; }
div.tabitem  h2 { font-size: 13px; margin: 5px 0px 0px 0px; }

/* GUITAR PRO INFO */
#gproinfo {width: 250px; float: left; margin: 0px 0px 5px 0px;}
#gproinfo label { display: block;}
#gproinfo label.first { margin-top: 10px;}
#gproinfo cite { display: block; font-size: 13px; margin: 0px 0px 10px 10px; font-weight: bold; color: #944501;}


/* GUITAR PRO DOWNLOAD */
#gprodownload { float: right; width: 254px; margin: 4px 0px 4px 0px; font-size: 12px; line-height: 16px;  background: url(../Images/DownloadIcon.gif) no-repeat left; padding-left: 40px;}
#gprodownload a { font-size: 16px; }