/* @override http://localhost/tina_site/site/css/colour.css */
/**
 * tinadurocher.com
 * 
 * colors and backgrounds css
 * @author Mark Story <mark@mark-story.com>
 */
body {
	color:#231f20;
	font-size: 62.5%;
}
a {
	color: #ff788a;
	text-decoration: none;
}
strong {
	font-weight:bold;
}
em {
	font-style: italic;
}
a:hover {
	color: #b43042;
	text-decoration: underline;
}
 
h1, h2, h3, h4,
#navigation a,
#welcome,
.gallery .categories {
	color: #333;
	font-family: Trebuchet, 'trebuchet MS', Arial, sans-serif;
}
h1, h2, h3, h4 {
	font-style:italic;
}


/* @group header elements */
#header h1 {
	font-size:2.4em	
}
#header h2 {
	font-size: 2.0em;
}

#contact {
	background: url(img/contact-bkg.png) top left no-repeat;	
}
#contact h2 {
	font-size: 1.4em;
	color: #666;
	padding: 20px 0 5px 40px;
}
#contact #hcard-Tiina-Durocher {
	margin: 0 45px;
}
#contact .adr {
	margin-top: 10px;
}
#contact span,
#contact div {
	color:#666;
}
#contact span.fn {
	display: none;
}
.vcard .email,
.vcard .fn,
.vcard .tel,
.vcard .adr {
	clear: left;
	font-size: 1.2em;
	line-height: 1.2em;
}
.vcard .email,
.vcard .tel {
	margin: 0 0 0.4em;
}



/* @end */

/* @group Content Area */
#content {
	font-size: 1.2em;
	line-height: 1.3em;
}
#content-inner {
	/* see layout file */

}
h2, h3 {
	font-size: 1.9em;
	line-height:1em;
}
h4 {
	font-size: 1.6em;
}
.gallery .categories {
	font-size:1.4em;
	line-height:1.4em;
}

#main .news-item h4 {
	color: #ff788a;
}
#main .news-listing li .news-date,
#main .news-item .news-date {
	color: #777;
	font-style: italic;	
	font-size: 10px;
}

.home-image span {
	display: block;
	font-style: italic;
	margin: 0.5em 0;
}


/* @end */

/* @group Navigation */
#navigation {
	font-size: 1.6em;
	line-height: 1.3em;
}
#navigation li {
	color: #666;
	font-family: Trebuchet, 'trebuchet MS', Arial, sans-serif;
	font-weight: bold;
}
#navigation li a {
	color: #555;
}
#navigation li a:hover {
	color: #f16477;
	background: none;
	text-decoration: underline;
}
#navigation li li {
	font-size: 0.9em;
	font-weight: normal;
}

/* @end */




/* @group footer */
#footer {

}

/* @end */






