/*
Theme Name:     Twenty Ten Child
Description:    Nieuw (02-2011) Mediatraining.nl Child theme for the Twenty Ten theme 
Theme URI:      http://www.mediatraining.nl
Author:         S Vellinga
Template:       twentyten
Version:        0.1.0
*/

@import url('../twentyten/style.css');
@import url('hide.css');

/* =Achtergrondkleur van body, header, paginatitel, wrapper, footer
-------------------------------------------------------------- */
body { 
	background: #003366; 
	padding: 1px;
}
/* =Headerkleur: oranje
-------------------------------------------------------------- */
#header { 
	background-color: #ff9933;
	padding: 30px 0 30px 0;
}
#masthead {
	background: #ff9933; 
}

/* =Borders boven en onder image verwijderen
-------------------------------------------------------------- */
#branding img {
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	background-color: #ff9933;
}
/* =Mainkleur: licht rose
-------------------------------------------------------------- */
#main {
	background-color: #FFCC99;
}
/* =Containerkleur: zacht paars
-------------------------------------------------------------- */
#container {
	background-color: #CC9999;
	padding: 0;

}
/* =Footerkleur: zacht geel uitlijning van onderschrift
-------------------------------------------------------------- */
#colophon { 
	background-color: #FFCC66;
	border: 0px solid #000;
	height: 34px;
	padding: 10px 0 20px 0;
}

/* =Kleur, grootte, centrering en font van de titel
-------------------------------------------------------------- */
#site-title {
	font: bold 42px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	width: 900px;
	background-color: #ff9933;
}
/* =Ruimte boven de titel gelijkschakelen tussen Home en page, groter maken dus
-------------------------------------------------------------- */
.page #site-title {
	padding: 20px 0 0 0;
}

/* =Titel op one-column pagina (dus niet bij posts) wordt centraal en hoger gepositioneerd
	met een decendant selector (dus .entry-title die zit in .one-column)
-------------------------------------------------------------- */
.one-column .entry-title {
	position: relative;
	top: -38px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 6px;
	height: 30px;
}

/* =bovenpadding van widget area, dus het zoekschermpje
-------------------------------------------------------------- */
#primary {
    padding: 100px 0 0 0;
}
/* =Breedte van het geheel
-------------------------------------------------------------- */
#wrapper {
	width: 940px;
	padding: 0;
}
/* =content tekst van de posts schuift wat naar boven
-------------------------------------------------------------- */
.entry-content {
	position: relative;
	top: -20px;
}
/* =styling van de links
-------------------------------------------------------------- */
a:link {
	color: #009999;
}
a:visited {
	color: #009999;
}
a:active,
a:hover {
	color: #FF3300;
}
/* =opschuiven van de menubalk ofwel centreren mbv padding
-------------------------------------------------------------- */
.menu-header {
	padding: 14px 0 0 225px;
	height: 38px;
	border: 0px solid #FF3300;
}
/* =Menubalk breedte loopt nu niet meer van het scherm af
-------------------------------------------------------------- */
#access .menu-header, div.menu {
    width: 700px;
}
/* =Menubalk kleur: zacht geel en met margin meer ruimte onder Don't try ....
-------------------------------------------------------------- */
#access {
	background-color: #FFCC66;
	margin: 30px 0 0 0;
}
/* =Menubalk: achtergrond en kleur hover
-------------------------------------------------------------- */
#access li:hover > a,
#access ul ul :hover > a {
	background: transparent;
	color: #FF3300;
}
/* =Link kleur op actieve pagina
-------------------------------------------------------------- */
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #999999;
}
/* =Menubalk en Footer: kleur en grootte van links
	met een decendant selector (dus: a die zit in #menu-hoofdmenu)
-------------------------------------------------------------- */
#menu-hoofdmenu a, #menu-vastepagina a, #colophon a {
	color: #009999;
	text-decoration: none;
	font:  18px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
}
/* =Footer onderschrift grootte en kleur font
-------------------------------------------------------------- */
#onderschrift {
	color: #000000;
	font: 16px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
}
/* =onderschrift: kleur hover
	met een decendant selector (dus: a:hover die zit in #onderschrift)
-------------------------------------------------------------- */
#onderschrift a:hover {
	color: #FF3300;	
}
/* =Contenttekst
Font- style, variant, weight, size, height, family 
Shorthand: font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
-------------------------------------------------------------- */
#content,
#content input,
#content textarea {
	font: 16px/28px Arial, Helvetica, Verdana, sans-serif;
}
/* =iets naar beneden en naar rechts
-------------------------------------------------------------- */
h1, h2, p {
	padding: 20px 0 0 10px;
}
/* =Titels (zijn ook links) boven posts iets naar rechts
-------------------------------------------------------------- */
.entry-title {
	padding: 0 0 0 10px;
}
/* =Titel op home of blog pagina wordt centraal en hoger gepositioneerd
-------------------------------------------------------------- */
#welkomsttitel {
	position: relative;
	top: -32px;
	left: 412px;
}
/* =Welkomsttekst op home of blog pagina wordt hoger gepositioneerd
-------------------------------------------------------------- */
#welkomsttekst {
	position: relative;
	top: -20px;
	margin: 0;
}
/* ='Bewerken' onderaan de pagina uitlijnen met de rest
-------------------------------------------------------------- */
.edit-link {
	padding: 0 0 0 10px;
}