/* ------------------------------------------------------------------------------------------------------------------------------------
      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: #c2acb2; }
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: #63042e;}

#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: #95002d; text-decoration: underline; }
a:hover { color: #945e5e; 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;}
/* ------------------------------------------------------------------------------------------------------------------------------------
      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; display: none; xdisplay: block;}

#topleft { width: 350px; height: 24px; float: left; text-align: left; position: relative;	top: 7px; left: 30px; margin-bottom: 10px;}
#topright { 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;}

#HeaderWrap { height: 223px; width: 930px; position: relative; left: 8px; background: url(../Images/HeaderShadow.gif) bottom repeat-x; }

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


#menu {	background-color: #60454c; height: 220px; width: 204px; float: left;}
#header { width: 485px;	height: 220px; float: left; background-image: url(../Images/HeaderBackground.jpg); position: relative; }

#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: #60454c; margin: 0 auto; text-align: center;}
			   
#sheetofmusic { width: 75px; height: 89px; position: absolute; z-index: 1000; top: 192px; left: 230px; background-image: url(../Images/SheetOfMusic.gif);}			   

/* ------------------------------------------------------------------------------------------------------------------------------------
      MENU
------------------------------------------------------------------------------------------------------------------------------------ */
#menu table { margin: 0px; padding: 0px; height: 220px; 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: #c2acb2;	background: url(../Images/MenuItemBullet.gif) no-repeat bottom left; }

/* ------------------------------------------------------------------------------------------------------------------------------------
      HEADER
------------------------------------------------------------------------------------------------------------------------------------ */
#header #text {	margin: 18px 0px 0px 15px; font-size: 9pt; color: white; display: none;}
#header #textalt {	font-size: 9pt; color: white; position: absolute; top: 80px; left: 21px;}
#header #textalt img {	position: relative; top: 0px; left: -7px; margin-bottom: 5px;}
#header #logo {	font-variant: small-caps; font-size: 24pt; margin: 3px 0px 0px 20px; color: #FFFFFF; line-height: 20pt; }
#header #logo h1 { clear: left; font-size: 11pt; font-weight: normal; margin: 0; padding: 0;}
#header #fav { position: absolute; top: 103px; left: 21px; }
#header #fav a { color: White; }
#header #fav a:hover { }
#header #fav img {float: left; border: 0; margin: 2px 8px 0px 0px;}
#header #top_ad {position: absolute; bottom: 10px; left: 14px;} 

/* ------------------------------------------------------------------------------------------------------------------------------------
      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 #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 .narrow { width: 120px; float: left; position: relative; margin-bottom: 15px; clear: left;}
#sidebar #lastcomments {margin-bottom: 12px; overflow: hidden; }

#sidebar ul {padding: 0px 0px 0px 3px; margin: 0px 0px 0px 14px ;}
#sidebar li { }
#sidebar li cite {margin: 0px 0px 8px 0px; display: block;}

#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; }

/* ------------------------------------------------------------------------------------------------------------------------------------
      COMMENTS
------------------------------------------------------------------------------------------------------------------------------------ */
h2.comment {background: none; color: Black; font-size: 13pt; margin: 8px 0px 0px 0px; padding: 0px 0px 5px 0px; font-weight: normal;
	text-transform: lowercase; text-transform: capitalize;	font-variant: small-caps; border-bottom: 2px solid Black; clear: both;}

div.comments { background-color: #e8dade; border-bottom: 1px solid Black; padding: 15px;}
div.comments h3 {margin: 0px; font-size: 9pt;}

.commentlist { margin: 10px 5px 20px 5px; padding-left: 20px; }
.commentlist li {background: url(../Images/commentbubble.gif) no-repeat 12px 22px; }
.commentlist cite { font-weight: bold; font-style: normal; color: #CC6600; }
.commentlist p { background-color: White; padding: 7px 10px 7px 10px; margin-top:13px; overflow: hidden;}

.avatar { width:70px; float: left; margin-right: 5px; }


#commentform { margin-top: 10px; font: 110% Arial, Helvetica, sans-serif; }
#commentform p { padding: 2px 0px; margin: 0px; }
#commentform label { color: GrayText; position: relative; top: -5px; background: none; margin: 0px 0px 0px 2px; padding: 0; display: inline; font-size: 8pt;}
#commentform label strong { font-weight: normal; color: Black; font-size: 9pt; margin-right: 2px;}

#commentform input[type="text"] { width: 145px; margin-bottom: 2px;}
#commentform input[type="checkbox"] {position: relative; top: -2px; margin-left: 7px; }