/* --- general --- */
input,
textarea,
select { font-family: inherit; }

a { font-size: 1.1em; text-decoration: none; }

h1 {  }
h2 { font-weight: normal; }
h3 { font-weight: normal; text-decoration: underline; }

.underlined { text-decoration: underline; }
.italic { font-style: italic; }
.bold { font-weight: bold; }


/* --- main --- */
#container { font-family: "Duru Sans", "Segoe UI", Arial, Verdana; }
#xcontainer { font-size: 13px; }

#mainview { font-size: 13px; }
#mainview .text { font-size: 1em; line-height: 1.5em; }
#mainview h1 { font-size: 3em; }
#mainview h2 { font-size: 1.8em; }
#mainview h3 { font-size: 1.2em; }

#blogview { font-size: 13px; }
#blogview .text { font-size: 1em; line-height: 1.5em; }
#blogview h1 { font-size: 3.6em; }
#blogview h2 { font-size: 2.0em; }
#blogview h3 { font-size: 1.4em; text-decoration: none; }
#blogview time { font-size: 2.0em; }


/* --- header / footer --- */
.navigation .nav { font-style: italic; }
.navigation .nav1 { font-size: 14px; }
.navigation .nav2 { font-size: 17px; }
.navigation .nav3 { font-size: 20px; }
.navigation .nav4 { font-size: 23px; }

.links { font-size: 13px; }
#footer { font-size: 13px; }
#footer .lang { font-weight: bold; }


/* --- start screen --- */
#start { font-size: 16px; }
#start .item .itemtitle { font-size: 1em; }

#preview { font-size: 13px; }
#preview h2 { font-size: 1.15em; }


/* --- forms --- */
#tooltip { font-family: "Duru Sans", "Segoe UI", Arial, Verdana; }


/* --- login / user --- */
#login form { font-size: 26px; }
#login form label.chars  { font-size: 1em; }
#login form label.checkbox  { font-size: 0.8em; }
#login form input  { font-size: 1em; }
#login form select { font-size: 1em; }
#login form .checkbox { font-size: 0.8em; }
#login form .error,
#login form .success { font-size: 0.6em; }
#login form .jInputprompt { font-size: 1em; }

#register form { font-size: 24px; }
#register form label  { font-size: 0.9em; }
#register form input  { font-size: 1em; }
#register form select { font-size: 1em; }
#register form .error,
#register form .success { font-size: 0.6em; }

#resetpw { font-size: 14px; }
#resetpw form { font-size: 1em; }
#resetpw form input  { font-size: 1em; }
#resetpw .error,
#resetpw .success { font-size: 0.85em; }


/* --- image view --- */
#descriptiontitlebox .maintitle { font-size: 23px; }
#descriptiontitlebox .subtitle { padding-left: 10px; }
#descriptiondatebox { font-size: 16px; }
#descriptiondatebox span { font-size: 1em; }


/* --- gallery view --- */
.gallery { font-size: 13px; }
.gallery .item .itemtitle { font-size: 1em; }
.gallery .galdate { font-size: 1.2em; }


/* --- data --- */
.changedata { font-size: 16px; }
.changedata form { font-size: 1em; }
.changedata form label  { font-size: 0.9em; }
.changedata form input  { font-size: 1em; }
.changedata form select { font-size: 1em; }
.changedata form .error,
.changedata form .success { font-size: 0.75em; }

.timepicker { font-size: 16px; }
.timepicker form { font-size: 1em; }
.timepicker form label  { font-size: 0.9em; }
.timepicker form input  { font-size: 1em; }
.timepicker form select { font-size: 1em; }
.timepicker form .error,
.timepicker form .success { font-size: 0.75em; }


/* --- comments --- */
.comments { font-size: 13px; }
.comments span { font-size: 1em; }

.newcomment { font-size: 13px; }
.newcomment span { font-size: 1em; }
.newcomment form { font-size: 1em; }
.newcomment form input { font-size: 1em; }
.newcomment form textarea { font-size: 1em; }

#newbilddestages { font-size: 13px; }
#newbilddestages form { font-size: 1em; }
#newbilddestages form input { font-size: 1em; }

#newvoting,
#votingcounter,
#commentscounter { font-size: 14px; }
#newvoting span,
#votingcounter span,
#commentscounter span { font-size: 1em; }
#newvoting form input  { font-size: 1em; }


/* --- content --- */
#search form { font-size: 14px; }
#search form input  { font-size: 1em; }
#search form .error,
#search form .success { font-size: 0.8em; }

.data { font-size: 12px; }
.data .capital { font-size: 1.1em; }
.data .line { font-size: 1em; }
.data .line .pic { font-size: 0.9em; }

.nocontent span { font-size: 16px; }

#hashtags { font-size: 14px; }
#hashtags form input  { font-size: 1em; }
#hashtags form .error,
#hashtags form .success { font-size: 0.8em; }
#hashtags .size1  { font-size: 1.0em; }
#hashtags .size2  { font-size: 1.2em; }
#hashtags .size3  { font-size: 1.4em; }
#hashtags .size4  { font-size: 1.6em; }
#hashtags .size5  { font-size: 1.8em; }
#hashtags .size6  { font-size: 2.0em; }
#hashtags .size7  { font-size: 2.2em; }
#hashtags .size8  { font-size: 2.4em; }
#hashtags .size9  { font-size: 2.6em; }
#hashtags .size10 { font-size: 2.8em; }


/* --- admin --- */
#log { font-size: 13px; font-family: monospace; }
#log span { font-size: 1em; }


@media screen and (max-width: 800px) {

	#mainview .text { line-height: 1.4em; }
	#mainview .textsmall { line-height: 1em; }
	#mainview h1 { font-size: 2.2em; }
	#mainview h2 { font-size: 1.4em; }
	#mainview h3 { font-size: 1.2em; }

	#blogview .text { line-height: 1.4em; }
	#blogview .textsmall { line-height: 1em; }
	#blogview h1 { font-size: 2.8em; }
	#blogview h2 { font-size: 1.8em; }
	#blogview h3 { font-size: 1.3em; }
	#blogview time { font-size: 1.6em; }

	#start { font-size: 15px; }

	#login form { font-size: 20px; }
	#login form div.error { font-size: 0.7em; }
	#register form { font-size: 20px; }
	#register form div.error { font-size: 0.7em; }

	.changedata,
	.timepicker { font-size: 15px; }
}


@media screen and (max-width: 690px) {

	#start { font-size: 14px; }
}

@media screen and (max-width: 640px) {

	#xcontainer { font-size: 12px; }

	#mainview { font-size: 12px; }

	#blogview h1 { font-size: 2.2em; }
	#blogview { font-size: 12px; }

	.links { font-size: 12px; }
	#footer { font-size: 12px; }

	#login form,
	#register form { font-size: 18px; }

	#descriptiondatebox { font-size: 14px; }
	
	#newvoting,
	#votingcounter,
	#commentscounter { font-size: 12px; }

	.comments,
	.newcomment,
	#newbilddestages {  font-size: 12px; }

	.changedata,
	.timepicker { font-size: 14px; }

	.gallery,
	#start { font-size: 13px; }
}

@media screen and (max-width: 410px) {

	#login form,
	#register form { font-size: 16px; }
}

@media screen and (max-width: 310px) {

	.changedata,
	.timepicker { font-size: 13px; }
}