body { 
	margin: 2em;
	padding: 0;
	background: url('../graphics/background.png') repeat-x top #dfdbce;
	color: #555;
	}

body, input, textarea { font-family: Candara, Arial, sans-serif; font-size: 12pt; line-height: 1.3em; }

a:link { color: #44abec; }
a:visited { color: #0783bd; }
a:hover { color: #60c1ff; }
a:active { text-decoration: red; }

.clearer { visibility: hidden; display: block; height:0; content: "."; }
img { border: none; vertical-align: middle; }

#Wrap { width: 760px; margin: 0 auto; }

#Top { }
#Top h1 { margin: 0 40px 10px 40px; font-size: 30px; text-align: left; font-family: Candara, Arial, sans-serif; }
#Top h1 small { font-size: 14px; font-weight: normal; color: gray; }
#Top h1 a { color: black; text-decoration: none; }
#Top h1 a:hover { color: #60c1ff; }

#Middle { background: white; }
#Middle .pad { padding: 40px; }

#Bottom { padding: 10px 20px 10px 20px; text-align: right; color: #7b6f61; }
#Bottom a { color: #7b6f61; }
#Bottom a:hover { color: black; }

#Front h1 { font-size: 60px; line-height: 70px; text-align: left; margin: .5em; }
#Front h1 small { color: #aaa; }
#Front ol { margin: 0; padding: 0; list-style-type: none; }
#Front ol li { float: left; width: 190px; margin: 0 20px 0 10px; font-size: 10pt; }
#Front ol li h2 { margin: 0; white-space: nowrap; }

#Front h2.nowe { text-align: center; }
#Front h2.nowe a.start { background: #ffe78e; color: black; padding: 10px; font-size: 18pt; font-weight: bold; }

#Form .block { border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
#Form .odd { border-top: 1px dotted #ccc; padding-top: 20px; }
#Form h2 { margin: 0 0 20px 0; font-size: 175%; }

#Form input.main { width: 99%; padding: 2px; font-size: 125%;  }
#Form select { font-size: 125%; padding: 2px; }
#Form input.main, #Form select, #Form textarea { background: #e8f2f8; border: 1px solid #c3dcee; }

#Form .mapka { width: 512px; margin: 0 auto; text-align: right; }
#Form .inactive { color: #aaa; font-style: italic; }
#Form #map { margin-top: 10px; }
#Form #dolaczMapke { text-decoration: none; color: #6bac1e; font-size: 16px; margin-left: 1em; }

#Form textarea { width: 100%; height: 15em; padding: 2px; }

#Form .submit { text-align: right; }
#Form .submit input { font-size: 125%; font-weight: bold; }


#Event .newEvent { background: #fffac1; border: 3px solid #f8f3b7; padding: 1em; margin: 0 0 2em 0; }
#Event .newEvent input { font-size: 1.5em; font-family: Arial, sans-serif; }
#Event .newEvent small { line-height: 1.25em; color: #828065; }

#Event h1 { margin: 0 0 .5em 0; font-size: 2.25em; line-height: 1em; }
#Event h2 { margin: 0 0 .5em 0; font-size: 1.5em; line-height: 1em; font-weight: bold; }
#Event h3 { margin: 0 0 .25em 0; font-size: 1.25em; line-height: 1em; font-weight: bold; }

#Event p { font-size: 14px; padding-top: .5em; }

#Event img.mapka { margin: 0 auto 10px auto; }

#Event div.GMapLink { text-align: right; }

#Event .Comments { border-top: 1px dotted #ccc; padding-top: 1em; }
#Event .Comments ul { margin: 0; padding-left: 0; list-style-type: none; }
#Event .Comments ul li { padding: .5em 1em .5em 1em; margin-bottom: 1em; background: #e8f2f8; }
#Event .Comments ul li small { color: #aaa; font-family: monospace; font-size: 10px; margin-left: .5em; }
#Event .Comments ul li img { margin-bottom: 4px; }
#Event .Comments ul li p { margin: 0; padding: 0; }

#Event form { border-top: 1px dotted #ccc; padding-top: 1em; }
#Event form textarea, #Event form input[type=text] { width: 99%; }
#Event form table { }
#Event form td.left { text-align: right; vertical-align: top; font-weight: bold; }
#Event form td.right { width: 100%; padding: 0 0 .5em .5em; }
#Event form td.adSense { width: 140px; }
#Event form td.adSense div { margin-left: 20px; width: 120px; height: 240px; }
#Event form td.submit { text-align: right; }
#Event form textarea { width: 99%; height: 120px; }
#Event form td.submit input { font-weight: bold; }