body {background: #96c7d9 url(../sitegr/bg.gif) top left no-repeat;}
#top {background: url(../sitegr/top.gif) bottom left no-repeat; height: 51px; text-align: right;}
	#topNav {padding-right: 35px;}
	#topNav li {display: inline;  list-style: none;}
	#topNav a {color: #bfdde8; text-decoration: none;}
	#topNav a:hover {color: #fff; text-decoration: underline;}
#head {background: #f6fafc; height: 100px;}
	#head h1 {background: url(../sitegr/cestina-logo-b.gif) top left no-repeat; height: 81px; width: 273px; text-indent: -9999px; position: relative; left: 20px; margin: 0; float:  left; }
	#head h1 a {height: 81px; width: 273px; text-indent: -9999px; display: block}
 	#search {width: 400px; float: right; margin-top: 24px;}
 		#search span {float: left; line-height: 29px; padding-right: 10px; font-size: 1.4em; font-weight: bold}
 	 	#searchForm {width: 270px;}	
 		fieldset.search {border: none; width: 258px; margin: 0 auto; background: #f6fafc;}
		.search input, .search button {border: none; float: left;}
		.search input.box {font-size: 1.2em; width: 186px; height: 23px; padding: 6px 4px 0 5px; background: url(../sitegr/search-form.gif) no-repeat;	margin-right: 0px;}
		.search input.box:focus {background: url(../sitegr/search-form.gif) no-repeat left -29px; outline: none;}
		.search button.btn {width: 63px; height: 29px; cursor: pointer; text-indent: -9999px; background: url(../sitegr/search-form.gif) no-repeat top right;}
		.search button.btn:hover {background: url(../sitegr/search-form.gif) no-repeat bottom right;}
 		
#alphabet {width: 976px; margin: 0 auto; background:  url(../sitegr/abc-bm2.gif) center top no-repeat; height: 51px; text-align: center; overflow: hidden;} 
	#alphabet ul li {display: inline; padding: 0; margin:0 8px 0 8px; line-height: 45px; font-size: 1.5em;}
	#alphabet ul li a {color: #fff;}
	#alphabet ul li a.on {color: #000; text-decoration:none;}
	#alphabet ul li a:hover {color: #ccc; text-decoration: none;}
	
#content {background: #f6fafc; overflow: auto; padding-bottom: 30px}
	#words {padding-top: 35px; background: url(../sitegr/wfoot.gif) bottom left no-repeat;}
	#wordNav {height: 56px; width: 599; margin: 0;padding: 0;position: relative;background: url(../sitegr/menu.gif) bottom left no-repeat;}
	#wordNav li {margin: 0; padding: 0; position: absolute; list-style: none; top: 0;}
	#wordNav a {background: url(../sitegr/menu.gif) top left no-repeat; text-indent: -9999px;}
	#wordNav li, #wordNav a {height: 56px;display: block;}
	
	#day {width: 155px;left: 0;}
	body#sday #day a {background-position: 0 0px;color: #333;}
	#day a, #day a:link {background-position: 0 -56px;}
	#day a:hover {background-position: 0 0px;}
	// je mozno pridat active state #day a:active, #day a:active {background-position: 0 0px;}
	
	#fav {width: 126px;left: 155px;}
	body#sfav #fav a {background-position: -155px 0px;color: #333;}
	#fav a, #fav a:link {background-position: -155px -56px;}
	#fav a:hover {background-position: -155px 0px;}
	#new {width: 126px;left: 281px;}
	body#snew #new a {background-position: -281px 0px;color: #333;}
	#new a, #new a:link {background-position: -281px -56px;}
	#new a:hover {background-position: -281px 0px;}
	#dict {width: 126px;left: 407px;}
	body#sdict #dict a {background-position: -407px 0px;color: #333;}
	#dict a, #dict a:link {background-position: -407px -56px;}
	#dict a:hover {background-position: -407px 0px;}
	
	div#wordList {background: url(../sitegr/word-bg.gif) top left repeat-y; }
	#wordList .wordFront  { min-height:400px; } * html #wordList .wordFront { height:400px; }
	div.word {padding: 5px 40px 0px 25px; margin-bottom: 20px;}
	div.word a {color: #7f1903;}
	div.word a:hover {color: #fff;}
	div.word h2, div.word h2 a {color: #b54837; margin-bottom: 0px}
	div.wordVote {float: right; position: relative; width:210px;}
	div.wordVote a {color: #494848; font-weight: bold; text-decoration: none; width: 100px; height: 39px; line-height: 39px; display: block; position: absolute; text-indent: 35px}
	div.wordVote a:hover {color: #fff; text-decoration: underline;}
	div.wordVote a#good {background: url(../sitegr/vote.gif) top left no-repeat;}
	div.wordVote a#bad {left: 100px;background: url(../sitegr/vote.gif) bottom left no-repeat;}
	p.wordAdd {color: #676767; font-size: 1em; padding: 0; margin: 0}
	div.wLink {clear: both; padding-bottom: 40px}
	ul.bookmarkLinks {height: 23px;  margin: 0;padding: 0;position: relative; background: url(../sitegr/links.gif) 0 0 no-repeat; width: 356px}
	ul.bookmarkLinks li {margin: 0; padding: 0; position: absolute; list-style: none; top: 0;}
	ul.bookmarkLinks a {text-indent: -9999px;}
	ul.bookmarkLinks li, ul.bookmarkLinks a {height: 23px;display: block;}
	
	.delicious {width: 90px;left: 0;}
	.delicious a, .delicious a:link {background: url(../sitegr/links.gif) 0 0 no-repeat;}
	.delicious a:hover {background-position: 0 -23px;}

	
	.jag {width: 63px;left: 98px;}
	.jag a, .jag a:link {background: url(../sitegr/links.gif) -98px 0px no-repeat;}
	.jag a:hover {background-position: -98px -23px;}
	
	.linkuj {width: 73px;left: 169px;}
	.linkuj a, .linkuj a:link {background: url(../sitegr/links.gif) -169px 0px no-repeat;}
	.linkuj a:hover {background-position: -169px -23px;}
	
	.sme {width: 107px;left: 250px;}
	.sme a, .jagg a:link {background: url(../sitegr/links.gif) -250px 0px no-repeat;}
	.sme a:hover {background-position: -250px -23px;}

	
#sidebar {padding-top: 77px;}
	#addWord {margin-bottom: 20px}
	#addWord a {display: block; width: 299px; height: 70px; background: url(../sitegr/pridej.gif) top left no-repeat; text-indent: -9999px;}
	#addWord a:hover {background: url(../sitegr/pridej.gif) bottom left no-repeat;}
	#marsBox {background: #fdedd0 url(../sitegr/mars-box.gif) top left no-repeat;}
	div.marsContent {background: url(../sitegr/mars-box.gif) bottom left no-repeat; padding: 12px  12px 8px 12px}
	div.marsContent h4 {margin-bottom:2px; font-size: 1.2em; font-weight: ;}
	div.marsContent p {margin-bottom: 4px; padding-bottom: 4px;}
	div.marsContent a {color: #3d3d3d}
	div.marsContent a:hover {color: #000}
	div.rss, div.mail {padding-left: 60px}
	div.rss {background: url(../sitegr/mars-ico.gif) top left no-repeat; height: 50px}
	div.mail {background: url(../sitegr/mars-ico.gif) 0 -50px no-repeat; margin-top: 10px}
	
	
	#marsBox .zemContactForm {width: 216px;}
		#marsBox .zemContactForm fieldset.news {border: none; width: 216px; margin: 0 auto; background: #f6fafc;}
		#marsBox .zemContactForm .news input, .news button {border: none; float: left;}
		#marsBox .zemContactForm .news input.zemText {font-size: 1.2em;  width: 177px; height: 26px; padding: 3px 3px 0; background: url(../sitegr/mailform.gif) no-repeat;	margin-right: 0px; overflow: hidden;}
		#marsBox .zemContactForm .news input.zemText:focus {background: url(../sitegr/mailform.gif) no-repeat left -29px; outline: none;}
		#marsBox .zemContactForm .news input.zemSubmit {width: 33px; height: 29px; cursor: pointer; text-indent: -9999px; background: url(../sitegr/mailform.gif) no-repeat top right;}
		#marsBox .zemContactForm .news input.zemSubmit:hover {background: url(../sitegr/mailform.gif) no-repeat bottom right;}
		
/*	
	#newsForm {width: 216px;}	
 		fieldset.news {border: none; width: 216px; margin: 0 auto; background: #f6fafc;}
		.news input, .news button {border: none; float: left;}
		.news input.box {font-size: 1.2em;  width: 177px; height: 26px; padding: 3px 3px 0; background: url(../sitegr/mailform.gif) no-repeat;	margin-right: 0px; overflow: hidden;}
		.news input.box:focus {background: url(../sitegr/mailform.gif) no-repeat left -29px; outline: none;}
		.news button.btn {width: 33px; height: 29px; cursor: pointer; text-indent: -9999px; background: url(../sitegr/mailform.gif) no-repeat top right;}
		.news button.btn:hover {background: url(../sitegr/mailform.gif) no-repeat bottom right;}
*/		
	#advertisment {padding: 30px 0 20px 0}

	
#footer {color: #fff; background: #021826 url(../sitegr/foot-c.gif)  top left no-repeat;}
	#footer h2 {padding: 80px 0 0 20px}
	#footer p {font-size: 0.9em; padding: 15px; font-weight: normal; color: #bfdde8;}
	#social { display: inline}
	#social div.networks {background: url(../sitegr/socialBox.gif)  bottom center no-repeat;}
	#social div.networkContent {background:  url(../sitegr/socialBox.gif)  top center no-repeat; padding-top: 10px}
	#social div.networkContent h4 {padding: 0 0 0 54px; margin: 0 0 0 15px ; line-height: 47px; color: #bfdde8; font-size: 1.6em; font-weight: normal;}
	#social div.networkContent h4#twitter {background:  url(../sitegr/tfm.gif)  top left no-repeat;}
	#social div.networkContent h4#facebook {background:  url(../sitegr/tfm.gif)   0 -47px no-repeat;}
	#social div.networkContent h4#myspace {background:  url(../sitegr/tfm.gif)   0 -94px no-repeat;}
	#social div.networkContent p {padding: 0 0 0 69px;}
	#social div.networkContent p a {color:#fff;}
	#social div.networkContent p a:hover {color:#BFDDE8;}
	#city {background: #000305 url(../sitegr/city.gif)  top left no-repeat; height: 180px; clear: both;}	
		#city h4 {padding: 138px 0 0 30px}
		#city a {color: #bfdde8; text-decoration: none;}
		#city a:hover {color: #fff;}
		#city h4 a span {text-decoration: underline; font-size: 0.6em; font-weight: normal; padding-left: 50px}
		
#addWordForm, #addForm h3 {padding-left: 20px}		
#addForm h3 {padding-top: 35px}
#addForm h4 {margin: 20px 0 10px 0}
#addForm form {padding-left: 20px}
#addForm fieldset {display: block; margin: 10px 0 10px 0}
#addForm label.checkbox {line-height: 20px;}
#addForm input.checkbox {float: left; width: 18px; margin: 0 10px 0 0; padding: 0;}

#addForm label.zemCheckbox {line-height: 20px;display: inline;}
#addForm input.zemCheckbox { width: 18px; margin: 0 10px 0 0; padding: 0; display: inline}

#addForm input {display: block; width: 300px;}
#addForm textarea {display: block; width: 400px;}

#addForm label {display: block;	margin-top: 1em; font-weight: bold;	clear: both;}
p.nospam {color: #B54837; clear: both}

#addForm input.zemSubmit {border: none; float: left; width: 71px; height: 28px; cursor: pointer; text-indent: -9999px; background: url(../sitegr/form-buttons.gif) no-repeat top left;}
#addForm input.prev {border: none; float: left; width: 131px; height: 28px; cursor: pointer; text-indent: -9999px; background: url(../sitegr/form-buttons.gif) no-repeat top right;}
#addForm input.zemSubmit:hover {background: url(../sitegr/form-buttons.gif) no-repeat bottom left;}
#addForm input.prev:hover {background: url(../sitegr/form-buttons.gif) no-repeat bottom right;}

div#articles {padding-top: 20px}
	div.article {padding: 5px 40px 0px 25px; margin-bottom: 20px;}
	div.article a {color: #7f1903;}
	div.article a:hover {color: #ccc;}
	div.article h2, div.article h2 a {color: #b54837; margin-bottom: 0px}