/*
Theme Name: Cerec Finland HTML5
Theme URI: http://github.com/zencoder/html5-boilerplate-for-wordpress
Description: <a href="http://html5boilerplate.com">HTML5 Boilerplate</a> ja Bruce Lawsonin <a href="http://html5doctor.com/designing-a-blog-with-html5/">Designing a Blog with HTML5</a> teemoihin pohjautuva HTML5-teema. Raataloity Cerec Finlandin tarpeisiin Skye Designin toimesta. "HTML5 Boilerplate" nimea kaytetaan Paul Irishin luvalla.
Version: 1.0.1
Author: Skye Design
Author URI: http://skye.fi
Tags: white, two-columns
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*
HTML Boilerplate styles can be found in the html5-boilerplate/css directory.
*/

/* WordPress Required Styles */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
	
.sticky h2 {
	padding-top: 10px;
}
/* This theme doesn't require post timestamping*/
footer.notmandatory {display:none;}
/* 
============================================
Basic elements // only widths and alignments
============================================
*/
/* overall wrapper */
#container {
	margin:0;
	padding:0;
	width:100%;
	float:left;
	text-align:center;
	background:#fff url(./images/site-top.gif) no-repeat top center;
	color:#00aaee;
	border-top:5px solid #00356e;
}
/* header */
#header-wrap {
	margin:0 auto;
	padding:0 10px;
	width:960px;
	text-align:left;
}
#header-wrap header {
	margin:0;
	padding:0;
	height:182px;
	text-align:left;
}
#header-wrap p.description {
	display:none;
}
nav#access {
	margin:0;
	padding:0;
	float:left;
	width:960px;
}
#access ul {
	width:960px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	background:#0084e6;
}
#access ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	color:#fff;
	text-transform:uppercase;
	border-right:1px solid #fff;
	font-size:95%;
	width:auto;
}


#access ul.subnavi { /* all lists */
	padding: 0;
	margin: 50px 0 0 0;
	list-style: none;
	line-height: 1;
	z-index:666;
	/*border:3px solid #fff;
	border-top:0 none;*/
}
#access ul li ul.subnavi { /* second-level lists */
	position: absolute;
	width: 210px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#access ul li ul.subnavi li {
	width: 210px;
	font-size:0.9em;
	margin:0 0 0 0;
	/*padding:5px 0;*/padding:0;
	float:left;
	background:#0084e6;
	border-bottom:1px solid #fff;
	border-right:0 none;
	font-size:85%;
}
#access ul li:hover ul, #access ul li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

nav#access a {
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	padding:19px;
	line-height:1;
	font-weight:bold;
}
nav#access .subnavi a {
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	padding:8px 19px;width:172px;
	line-height:1.25;
	font-weight:bold;
}

nav#access a {
	opacity:0.95;
}
nav#access .subnavi a {
	opacity:0.85;
}
nav#access a:hover, nav#access .subnavi a:hover {
	opacity:1;
}
nav#access li.selected a, 
nav#access li.current_page_item a {
	background:#00356e;
	opacity:1;
}
nav#access li.selected ul, 
nav#access li.selected ul li, 
nav#access li.selected ul li a {
	background:#00356e;
	opacity:1;
}
/* mid-section */
#content-wrap {
	margin:0;
	padding:45px 0 30px 0;
	width:100%;
	float:left;
	text-align:center;
}
#content-wrap-inside {
	margin:0 auto;
	padding:0 10px;
	width:960px;
	text-align:left;
}
#content-wrap-inside #main {
	margin:0;
	padding:0 40px 0 0;
	float:left;
	width:620px;
}
#sidebar-wrap {
	margin:0;
	padding:0;
	float:left;
	width:300px;
}
#sidebar-wrap aside#sidebar {
	margin:0;
	padding:0;
	/* backup sivuille joille ei erillismäärettä */
	padding-top:439px;
	background: url(./images/kuvituskuva_yleinen.jpg) no-repeat top left;
}
/* kuvituskuva etusivun sivupalkkiin */
.home #sidebar-wrap aside#sidebar {
	padding-top:277px;
	background: url(./images/etusivu_uusi_kuvitus.jpg) no-repeat top left;	
}
/* galleria */
.page-id-34 #sidebar-wrap aside#sidebar, 
.page-id-59 #sidebar-wrap aside#sidebar {
	padding-top:439px;
	background: url(./images/kuvituskuva_galleria.jpg) no-repeat top left;	
}
/* palvelut */
.page-id-36 #sidebar-wrap aside#sidebar, 
.page-id-61 #sidebar-wrap aside#sidebar {
	padding-top:439px;
	background: url(./images/kuvituskuva_palvelut.jpg) no-repeat top left;	
}
/* digitaalinen hammaslääketiede ts. hammas-ilta */
.page-id-125 #sidebar-wrap aside#sidebar {
	padding-top:439px;
	background: url(./images/kuvituskuva_digitaalinen.jpg) no-repeat top left;	
}
/* koulutukset */
.page-id-123 #sidebar-wrap aside#sidebar {
	padding-top:247px;
	background: url(./images/kuvituskuva_koulutukset.jpg) no-repeat top left;	
}
/* sähköpostikonsultaatio */
.page-id-129 #sidebar-wrap aside#sidebar {
	padding-top:277px;
	background: url(./images/etusivu_uusi_kuvitus.jpg) no-repeat top left;	
}
/* Nopeat muodonmuutokset */
.page-id-178 #sidebar-wrap aside#sidebar {
	padding-top:439px;
	background: url(./images/kuvituskuva_muodonmuutokset.jpg) no-repeat top left;	
}
/* tieteellinen tausta */
.page-id-127 #sidebar-wrap aside#sidebar {
	padding-top:322px;
	background: url(./images/kuvituskuva_tieteellinen.jpg) no-repeat top left;	
}
/* yhteystiedot */
.page-id-40 #sidebar-wrap aside#sidebar, 
.page-id-65 #sidebar-wrap aside#sidebar {
	padding-top:439px;
	background: url(./images/kuvituskuva_yhteystiedot.jpg) no-repeat top left;	
}
/* blogi */
.blog #sidebar-wrap aside#sidebar {
	background: url(./images/kuvituskuva_blogi.jpg) no-repeat top left;	
}
#blog-section, 
#news-section {
	margin:0 0 2em 0;
	padding:0;
	float:left;
	width:300px;
	background:#0084e6;
	color:#fff;
	font-size:85%;
}
#blog-section article, 
#news-section article {
	margin:0;
	padding:0 20px;
	float:left;
	width:260px;
}
#blog-section time, 
#news-section time {
	margin:0.5em 0 0 0;
	padding:0;
}
#blog-section .entry,
#news-section .entry {font-size:90%;}
/* 
---------------------------------------------------------
JOS UUTISIA EI OLE, NIIN SITTEN ALLA OLEVA TYYLI KÄYTTÖÖN 
---------------------------------------------------------
*/
/*
#news-section {
	display:none;
}
*/
#content-footer-wrap {
	margin:0;
	padding:0;
	width:100%;
	background:transparent url(./images/site-bottom.gif) bottom center no-repeat;
	float:left;
	text-align:center;
}
#content-footer-wrap footer {
	margin:15px auto 0 auto;
	padding:40px 0 0 0;
	width:960px;
	height:210px;
	text-align:left;
	font-size:85%;
	border-top:1px solid #00aaee;
}
#content-footer-wrap address {
	margin:0;
	padding:50px 0 0 0;
	/*width:179px;*/
	width:250px;
	float:left;
	font-style:normal;
	color:#0084e6;
	background:url(./images/cerec-logo-pieni.gif) no-repeat left top;
	font-size:92%; line-height:1.25em;
}
#content-footer-wrap address span {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:250px;
}
#content-footer-wrap address span#cerec-phone, 
#content-footer-wrap address span#cerec-email-address {
	padding-top:1em;
}
#content-footer-wrap nav {
	margin:0;
	padding:0;/*
	width:781px;*/
	width:710px;
	float:left;
}

/* sitefooter */
#footer-wrap {
	margin:0;
	padding:0;
	width:100%;
	float:left;
	text-align:center;
	color:#fff;
	background:#00356e;
}
#footer-wrap footer {
	margin:0 auto;
	padding:0 10px;
	width:960px;
	height:50px;
	text-align:left;
}
#footer-wrap p#skye {
	margin:10px 0 0 0;
	padding:0;
	width:74px;
	height:40px;
	float:right;
}
#footer-wrap p#skye a {/*
	display:block;
	width:74px;
	height:31px;
	text-decoration:none;
	outline:0 none;
	background:url(./images/skye.gif) no-repeat;
	text-indent:-99999px;*/display:none;
}
#main nav {float:left;width:100%;margin:2em 0 0 0;padding:0;}
nav .col1 {
	float:left;width:50%;text-align:left;padding:10px 0;
}
nav .col2 {
	float:left;width:50%;text-align:right;padding:10px 0;
}
.introduction {
	border-bottom:1px solid #c4e6ff;
	padding-bottom:10px;
}
ul.gallery {margin:0;padding:0;list-style:none;width:100%;float:left;}
ul.gallery li {margin:0 0 1.25em 0;padding:0 1% 0 0;list-style:none;width:49%;float:left;}