/* ------------------------------------------------------------------------------------------------------------------------------------
      GENERAL CSS
------------------------------------------------------------------------------------------------------------------------------------ */
body, p, td { font-family: Arial; font-size: 12px; text-align: justify; vertical-align: top; line-height: 1.6em; border: 0px; margin: 0px; }
body { background-color: #feb35e; }
p { margin: 0px 0px 10px 0px; }
img { margin: 0px 0px 0px 0px; }
table {	margin: 0px 0px 10px 0px; }
td.middle { vertical-align: middle;}
ul { margin: 0; padding: 0; }

#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}
#main h2 { color:Black; font-size:17px; font-variant:small-caps; font-weight:normal; line-height:18pt; margin: 0 0 5px 0; text-align:left; text-transform:capitalize;}
	
a { color: #944501;	text-decoration: underline; }
a:hover { color: #e88a24; text-decoration: none; }
a img { border: 0;}

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; padding: 0 5px; }
	
textarea:hover, input[type="text"]:hover { border: 1px solid #CC6600;}	

.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: 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;}


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


#menu {	background-color: #944501; height: 220px; width: 204px; float: left; position: relative; left: 8px;}
#header { width: 485px;	height: 220px; 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: #944501; 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: 15px; 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 #text {	margin: 18px 0px 0px 15px; font-size: 9pt; color: white; display: none;}
#header #textalt {	margin: 8px 0px 5px 15px; font-size: 9pt; color: white; }
#header #textalt img {	position: relative; top: 0px; left: -7px; margin-bottom: 5px;}
#header #logo {	font-variant: small-caps; font-size: 22pt; color: #FFFFFF; line-height: 16pt; position: absolute; top: 100px; left: 15px; font-weight: bold;}
#header #logo h1 { clear: left; font-size: 11pt; font-weight: normal; margin: 0; padding: 0;}
#header #fav { position: absolute; bottom: 8px; left: 15px; }
#header #fav img {float: left; border: 0; margin: 2px 8px 0px 0px;}

/* ------------------------------------------------------------------------------------------------------------------------------------
      SIDEBAR
------------------------------------------------------------------------------------------------------------------------------------ */
#sidebar h2 { color:Black; font-size:15px; font-variant:small-caps; font-weight:bold; line-height:18pt; margin: 0 0 5px 0; marxgin:-10px -10px 10px; pxadding:0 10px; text-align:left; text-transform:capitalize;}

.yellowbox, .greenbox, .redbox, .bluebox, .whitebox { padding: 10px; margin-bottom: 15px; overflow: hidden; position: relative; } 

.yellowbox { background: #FCFEC3; }
.xyellowbox h2 { background: #fafe96;}
.greenbox { background: #DEFEC3; }
.xgreenbox h2 { background: #c4fc95;}
.redbox { background: #FEE2C3; }
.xredbox h2 { background: #fccc95; }
.bluebox { background: #C3DEFE; }
.xbluebox h2 { background: #95c4fc; }

.whitebox { background: White; }
.w120 { width: 100px; }

#sidebar #alphabet { font-size: 11pt;  text-align: center; line-height: 1.4em; }
#sidebar #alphabet a { margin-right: 2px; }

#sidebar #mailinglist {  }
#mailinglist .logos { float: right; }
#mailinglist .logos img { width: 110px;}
#mailinglist input[type="text"] { width: 99px; border-color: Silver; margin: 5px 0px 3px 0px;}
#mailinglist input[type="text"]:hover { }

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

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

#sidebar #lastcomments { }
#sidebar #lastcomments li { list-style: none; background: url(../Images/star.gif) no-repeat 0 2px; padding: 0 0 0 22px; margin: 0;}
#sidebar #lastcomments li cite { display: block; }

/* ------------------------------------------------------------------------------------------------------------------------------------
      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 !important; 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: #fee3c5; 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;}


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