/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* Most of the CSS here is copied from web pages describing how to implement
    drop caps with CSS.
    http://www.trainsimple.com/blog/post/2012/08/10/Creating-Drop-Caps-with-CSS3.aspx
    This site advocated using :first-child:first-letter for drop caps, all I took from it was the ideas for
    changing the color of the first line to maroon. (Rubricating)
    http://www.smashingmagazine.com/2012/04/03/drop-caps-historical-use-and-current-best-practices/
    I liked the discussion here, but wound up using code from somewhere else.
    
    http://safalra.com/web-design/typography/css-drop-caps/
    The best source for drop caps using the span method!
		The only problem with the span method in WP is that the WP editor (TinyMCE) will take out span tags that it thinks are
		unnecessary. So a page that you edited to have a drop cap might revert to just a colored first letter.
*/
p {
	text-align: justify;
	line-height: 1.5em;
}

/* Style for MailChimp for WordPress signup forms */
.mc4wp-form {
	background: #222;
	color: white;
	padding: 25px;
	text-align: center;
}

/* remove per Blanka
p:first-child:first-line {
	color: maroon;
}
*/
.firstLetter {
	color: maroon;
	display: block;
	float: left;
/*	margin-top: -.63em; */
	margin-top: -.33em;
/* use -0.205em for two lines */
	margin-left: -.56em;
	margin-right: .5em;
/* boost to 1.75em for Tangerine */
	height: 4.2em;
/* font-family: 'Tangerine', cursive;*/
}

.firstLetter span {
	font-size: 5.3em;
/* use 3.33em for two lines */
	line-height: 1em;
}

.firstLetter + span {
	margin-left: -.5em;
}

/* Change header fonts
Added the following line to header.php of the current theme. If fonts stop working after a theme update, reinstate this
line as the first link in the file.
link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Tangerine:400,700' rel='stylesheet' type='text/css'

*/
/* Headings */
#site-title a {
	color: #111;
	font-size: 60px;
	line-height: 72px;
	font-weight: 700;
	font-family: 'Tangerine', cursive;
}

.entry-title {
	color: #111;
	font-size: 36px;
	line-height: 42px;
	font-weight: 400;
	font-family: 'Tangerine', serif;
}

/* per Blanka, all entry titles, not just CZ entry titles
html[lang=cs-CZ] .entry-title {
*/
html .entry-title {
	color: #111;
	font-size: 36px;
	line-height: 42px;
	font-weight: 400;
	font-family: serif;
}

/* use larger font size even for the titles of 'other' recent posts */
.recent-posts .other-recent-posts .entry-title {
	font-size: 36px;
}

/*restore the default font for the comments link */
.comments-link a {
	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* increase font size of menu, per Blanka's request */
#access ul {
	font-size: 15px;
	list-style: none;
}

/* Change to Droid Sans */
body, input, textarea {
	font: 15px "Droid Sans", Helvetica, Arial, sans-serif;
}

/* center testimonials */
p.testimonial {
	text-align: center;
}

p.testimonial em {
	font-size: .8em;
	line-height: 7px;
}

/* contact form */
.contactForm textarea,input[type=text] {
	padding-left: 3px;
}

/* pull quotes */
blockquote.pullquote, div.pullquote {
/* positioning */
	width: 15em;
}

/* rotated text */
.rotated {
	font-size: 1.5em;
	border: solid;
	-ms-transform: rotate(330deg);
/* IE 9 */
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	transform: rotate(330deg);
}

/* section.recent-posts .other-recent-posts a[rel=bookmark]:after 
this is the selector that Chrome (at least) is using for the size of entry-titles
*/
/* next section is for styling of language selection switcher */
#lang_sel {
	height: 32px;
	position: relative;
	z-index: 999;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	font-family: arial, sans-serif;
}

/* hack to correct IE5.5 faulty box model */
* html #lang_sel {
	width: 12em;
}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {
	padding: 0 !important;
	margin: 0 !important;
	list-style-type: none !important;
}

#lang_sel li:before {
	content: '' !important;
}

#lang_sel ul ul {
	width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {
	float: left;
	width: 149px;
	position: relative;
}

/* style the links for the top level */
#lang_sel a, #lang_sel a:link, #lang_sel a:visited {
	display: block;
/*background: #fcfcfc;*/
	font-size: 12px;
	text-decoration: none !important;
	color: #fff;
	border: 1px solid #000;
	line-height: 18px;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #e1e1e1;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/* future proofing */
	-khtml-border-radius: 5px;
/* for old Konqueror browsers */
	font: normal bold 12px Verdana, sans-serif;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:link, * html #lang_sel a:visited {
	width: 149px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 25px;
	left: 0;
	width: 149px;
	border-top: 0;
}

/* another hack for IE5.5 */
* html #lang_sel ul ul {
	top: 25px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:link, #lang_sel ul ul a:visited {
	font-weight: normal;
/*font-size: 11px;*/
	background: #eee;
	color: #000 !important;
/*height:auto; line-height:1em; */
/*padding:3px 10px;*/
	border-width: 0 1px 1px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
/* future proofing */
	-khtml-border-radius: 0;
/* for old Konqueror browsers */
}

/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {
	width: 150px;
}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover {
	color: #000;
	background: #ccc;
}

#lang_sel :hover > a, #lang_sel ul ul :hover > a {
	color: #000;
	background: #ccc;
}

#lang_sel a.lang_sel_sel {
	background: url(../images/nav-arrow-down.png) #fcfcfc right no-repeat;
	color: #bfbfbf;
}

#lang_sel a.lang_sel_sel:hover {
	text-decoration: none;
/*color:#000;*/
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul {
	visibility: visible;
}

#lang_sel ul li img {
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: -6px;
	border: 1px solid #bfbfbf;
	top: 2px;
}

#lang_sel ul li ul li img {
	margin-right: -2px;
}