/*
Theme Name: Stepping Stone Theme
Theme URI: http://kelley.vanevert.nl/
Description: Voor de Stepping Stone site van Annette.
Version: 0.1
Author: Kelley van Evert
Author email: kelley.vanevert@gmail.com
Author URI: http://kelley.vanevert.nl/

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

*
{
	outline:none;
}
body
{
	margin:0px;
	padding:0px;
	font-size:62.5%;
}
/* N */
body.n
{
	background:#014A81 url(images/background.jpg) top center no-repeat;
}
#nwrap
{
	margin:0px auto;
	padding:0px;
	width:900px;
}
#newheader
{
	margin:0px;
	padding:0px;
	height:300px;
	position:relative;
}
#newheader #n_language_selector
{
	position:absolute;
	top:50px;
	left:393px;
}
#newheader #newtitle
{
	position:absolute;
	top:30px;
	left:10px;
}
#newheader #newcoursemenu
{
	position:absolute;
	top:50px;
	left:600px;
}
#newheader #newgeneralmenu
{
	position:absolute;
	top:175px;
	left:30px;
	width:500px;
}

#n,
#n td,
#n th
{
	vertical-align:top;
}

#nsidebar
{
	width:250px;
	padding:80px 0px 0px 0px;
}
#nsidebar .background
{
	padding:17px 10px 10px 10px;
	background:#fff url(images/background_sidebar.jpg) top left no-repeat;
	border-top:none;
	border-bottom:1px dotted #96BFDD;
}
#ncontent
{
	padding:10px;
}


/* O */
body.o
{
	background:#fff url(images/background.oheader.jpg) top left no-repeat;
}
#owrap
{
	margin:0px auto;
	padding:0px;
	width:900px;
}
#otitle
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}
#otitle a img
{
	border:none;
}
#oheader
{
	margin:0px;
	padding:0px;
	height:120px;
	position:relative;
}
#o_language_selector
{
	position:absolute;
	top:36px;
	left:357px;
}
#o,
#o td,
#o th
{
	vertical-align:top;
}
#osidebar
{
	width:250px;
}
/* todo: bottom page padding */
#o
{
	margin-bottom:100px;
}

/* S (newsletter) */
body.s
{
	background:#fff url(images/background.oheader.jpg) top left no-repeat;
}
#swrap
{
	margin:0 auto;
	max-width:700px;
	padding:100px 15px 15px 15px;
}


/* typography */
#nwrap,
#owrap,
#swrap
{
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:1.3em;
	line-height:150%;
	color:#fff;
	font-style:normal;
	font-weight:normal;
}
#newheader #newtitle h1
{
	margin:0px;
	padding:0px;
	display:none;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:3.5em;
	line-height:100%;
	color:#333;
	font-style:italic;
	font-weight:normal;
}

/* course menu */
#newheader #newcoursemenu
{
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:150%;
	color:#222;
	font-style:normal;
	font-weight:normal;
}
#newheader #newcoursemenu ul
{
	margin:0px;
	padding:0px;
}
#newheader #newcoursemenu ul li
{
	list-style:none;
	padding:0px;
	margin:0px;
}
#newheader #newcoursemenu ul li a:link,
#newheader #newcoursemenu ul li a:visited,
#newheader #newcoursemenu ul li a:active
{
	padding:4px;
	display:block;
	font-style:normal;
	
	color:#343434;
	text-decoration:none;
}
#newheader #newcoursemenu ul li a:hover
{
	color:#343434;
	text-decoration:underline;
}
#newheader #newcoursemenu ul li.current_page_item a:link,
#newheader #newcoursemenu ul li.current_page_item a:visited,
#newheader #newcoursemenu ul li.current_page_item a:active,
#newheader #newcoursemenu ul li.current_page_item a:hover,
#newheader #newcoursemenu ul li.current_page_ancestor a:link,
#newheader #newcoursemenu ul li.current_page_ancestor a:visited,
#newheader #newcoursemenu ul li.current_page_ancestor a:active,
#newheader #newcoursemenu ul li.current_page_ancestor a:hover
{
	font-style:normal;
	color:#000;
	text-decoration:underline;
}

/* general menu */
#newheader #newgeneralmenu
{
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:1.15em;
	line-height:150%;
	color:#fff;
	font-style:normal;
	font-weight:normal;
}
#newheader #newgeneralmenu ul
{
	margin:0px;
	padding:0px;
}
#newheader #newgeneralmenu ul li
{
	float:left;
	list-style:none;
	padding:3px 20px;
	margin:0px;
}
#newheader #newgeneralmenu ul li a:link,
#newheader #newgeneralmenu ul li a:visited,
#newheader #newgeneralmenu ul li a:active
{
	padding:10px;
	display:block;
	
	color:#121212;
	text-decoration:none;
}
#newheader #newgeneralmenu ul li a:hover
{
	color:#121212;
	text-decoration:none;
}
#newheader #newgeneralmenu ul li.current_page_item a,
#newheader #newgeneralmenu ul li.current_page_ancestor a
{
	color:#000;
	text-decoration:none;
}
/**/
#omenu
{
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:150%;
	color:#222;
	font-style:normal;
	font-weight:normal;
}
#omenu ul
{
	margin:0px;
	padding:0px;
}
#omenu ul li
{
	list-style:none;
	padding:0px;
	margin:0px;
}
#omenu ul li a
{
	padding:2px 4px;
	display:block;
	font-style:normal;
	
	color:#555;
	text-decoration:none;
}
#omenu ul li span.header
{
	display:block;
	padding:10px 0px 6px 0px;
	font-style:normal;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color:#000;
	text-decoration:none;
}
#omenu ul li a:hover
{
	color:#000;
	text-decoration:none;
}
#omenu ul li.current_page_item a
{
	font-style:normal;
	color:#000;
	text-decoration:underline;
}
#omenu ul li.current_page_item ul li a
{
	color:#555;
	text-decoration:none;
}
#omenu ul li.current_page_item ul li a:hover
{
	color:#000;
}
#omenu ul li ul li ul
{
	margin:0px 0px 6px 10px;
	padding:0px;
}
#omenu ul li ul li.current_page_parent ul,
#omenu ul li ul li.current_page_anscestor ul,
#omenu ul li ul li.current_page_item ul
{
	display:block;
}
/**/

#nsidebar
{
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:150%;
	color:#333;
	font-style:normal;
	font-weight:normal;
}
#nsidebar a:link,
#nsidebar a:visited,
#nsidebar a:active
{
	color:#999;
	text-decoration:none;
}
#nsidebar a:hover
{
	color:#000;
	text-decoration:underline;
}
#nsidebar ul
{
	margin:0px;
	padding:0px;
}
#nsidebar ul li
{
	list-style-type:disc;
	list-style-position:outside;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#nsidebar ul li a
{
	padding:4px;
	display:block;
}
#nsidebar ul li.current_page_item a
{
	color:#000;
	text-decoration:underline;
}




/* content typography */
#ncontent h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#fff;
	font-weight:normal;
	font-style:normal;
	line-height:120%;
	
	margin:20px 0px 0px 0px;
	padding:0px;
}
#ocontent h2,
#scontent h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#000;
	font-weight:normal;
	font-style:normal;
	line-height:120%;
	
	margin:20px 0px 0px 0px;
	padding:0px;
}
#ncontent h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.55em;
	color:#fff;
	font-weight:normal;
	font-style:italic;
	line-height:120%;
	
	margin:15px 0px 0px 0px;
	padding:0px;
}
#ocontent h3,
#scontent h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.55em;
	color:#0C5286;
	font-weight:normal;
	font-style:italic;
	line-height:120%;
	
	margin:15px 0px 0px 0px;
	padding:0px;
}
#ncontent h4
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color:#fff;
	font-weight:bold;
	font-style:normal;
	letter-spacing:-0.05em;
	
	margin:8px 0px 0px 0px;
	padding:0px;
}
#ocontent h4,
#scontent h4
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color:#000;
	font-weight:bold;
	font-style:normal;
	letter-spacing:-0.05em;
	
	margin:8px 0px 0px 0px;
	padding:0px;
}
#ncontent p
{
	margin:8px 0px 0px 0px;
	padding:0px;
	color:#fff;
}
#ocontent p,
#scontent p
{
	margin:8px 0px 0px 0px;
	padding:0px;
	color:#444;
}
#scontent p.date
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#999;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-transform:uppercase;
	text-align:right;
	
	margin:0px;
	padding:0px;
}
#scontent p.date span.date
{
	color:#999;
	background-color:#f5f5f5;
	padding:0px 2px;
}
#ncontent ul,
#ncontent ol
{
	color:#fff;
}
#ncontent ul li,
#ncontent ol li
{
	color:#fff;
	list-style-position:outside;
}
#ocontent ul,
#ocontent ol
{
	color:#444;
}
#ocontent ul li,
#ocontent ol li
{
	color:#444;
	list-style-position:outside;
}

/* aligning images */
a img
{
	border:none;
}
.wp-caption
{
	background-color:#f5f5f5;
	border:1px solid #d5d5d5;
	margin:5px;
	padding:5px;
}
.alignright
{
	float:right;
}
.alignleft
{
	float:left;
}
img.alignright
{
	margin:3px 0px 3px 3px;
}
img.alignleft
{
	margin:3px 3px 3px 0px;
}


/* sidebar typography */
#nsidebar h3
{
	margin:5px 0px 5px 0px;
	padding:0px 0px 2px 0px;
	border-bottom:1px dashed #ccc;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	color:#1D75AF;
	font-size:1.5em;
}


/* contact form 7 styling */
.wpcf7 p
{
	padding:0px 0px 5px 0px;
	margin:0px;
}
.wpcf7 h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	font-style:italic;
	font-weight:normal;
	
	padding:10px 0px 0px 0px;
	margin:0px;
}
.wpcf7 input.input
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	padding:2px;
	background-color:#fff;
	border:1px solid #ddd;
}
.wpcf7 textarea
{
	width:92%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	padding:5px;
}
.wpcf7 .wpcf7-not-valid-tip
{
	color:#c00;
}

/* language selector styling */
a.steppingstone_langauge_selector
{
	padding:2px;
}
a.steppingstone_langauge_selector img
{
	display:inline-block;
	padding:0px 0px 0px 3px;
	vertical-align:text-bottom;
}
h2 a.steppingstone_langauge_selector img
{
	padding-bottom:3px;
}

/* misc */
/* piclens links */
.piclenslink,
.piclenselink
{
	display:none;
}


/* flickr image galleries */
a.flickr-image
{
}
img.flickr-small,
img.flickr-medium,
img.flickr-large
{
	margin:15px;
	border:3px double #ccc;
}
.gallery img.flickr-small,
.gallery img.flickr-medium,
.gallery img.flickr-large
{
	border:4px ridge #542E18;
}


/* image links */
a img
{
	text-decoration:none;
}

/* hide <pre> in <div class="hide-pre"> */
.hide-pre pre
{
	display:none;
}

/* newsletter */
.newsletters
{
	padding:10px 0px 0px 0px;
}
.newsletter
{
	margin-top:2px;
}
.newsletter span.date
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
	color:#999;
	background-color:#f5f5f5;
	padding:1px;
}
.newsletter a.link
{
	text-decoration:none;
	color:#222;
	font-size:1.2em;
}
.newsletter a.link:hover
{
	text-decoration:underline;
}



/* simple language patch thingy */
.nl .en {display:none;}
.nl .sv {display:none;}

.en .nl {display:none;}
.en .sv {display:none;}

.sv .nl {display:none;}
.sv .en {display:none;}