/*
Theme Name: H5
Theme URI: http://diggingintowordpress.com/
Description: A minimalist WordPress template theme built with HTML 5.
Version: 1.0
Author: Jeff Starr
Author URI: http://perishablepress.com/
Tags: minimalist, template, html5

	H5 v1.0
	http://diggingintowordpress.com/

	This theme was lovingly designed and developed by Jeff Starr, 
	who blogs at perishablepress.com and designs at monzilla.biz.

	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/


/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}
body {
	margin: 0 auto;
	width: 960px;
	background: #E6E6E6;
	}
nav+section {
	overflow: hidden;
	width: 650px;
	float: left;
	clear: none;
	}
	
/*fonttien initialisaatio*/

  /* http://kaupunginosaviikot.net/wp-content/themes/H5/fonts */
  /* localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts */

/*
@font-face {
	font-family: 'launica';
	src: url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/launica-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/launica-webfont.woff') format('woff'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/launica-webfont.ttf')  format('truetype'),
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/launica-webfont.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'josefin';
	src: url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.woff') format('woff'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.ttf')  format('truetype'),
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'josefinbold';
	src: url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.woff') format('woff'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.ttf')  format('truetype'),
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'josefinitalic';
	src: url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.woff') format('woff'), 
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.ttf')  format('truetype'),
	     url('http://localhost/kaupunginosaviikot/dev/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.svg#svgFontName') format('svg');
	}
*/

@font-face {
	font-family: 'launica';
	src: url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/launica-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/launica-webfont.woff') format('woff'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/launica-webfont.ttf')  format('truetype'),
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/launica-webfont.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'josefin';
	src: url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.woff') format('woff'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.ttf')  format('truetype'),
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Regular-webfont.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'josefinbold';
	src: url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.woff') format('woff'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.ttf')  format('truetype'),
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Bold-webfont.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'josefinitalic';
	src: url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.woff') format('woff'), 
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.ttf')  format('truetype'),
	     url('http://www.villekuvaja.com/kaupunginosaviikot/wp-content/themes/H5/fonts/JosefinSlab-Italic-webfont.svg#svgFontName') format('svg');
	}

nav+section, aside {
	font-family:josefin, georgia, serif;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0em;
	line-height:1.3;
}
nav+section b, aside b,
nav+section strong, aside strong {
	font-family:josefinbold;
}
nav+section em, aside em {
	font-family:josefinitalic, georgia, serif;
}
nav+section h1, aside h1 {
	font-family:josefinbold;
	color: #F7941E;
	font-size:20px;
	letter-spacing:0em;
	line-height:0;
}

/* == LINKS == */

a:link, a:visited {
	text-decoration: none;
	color: #EC1846;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #EC1846;
	}

/* == HEADER == */

body>header {
	background: #fff;
	background-image:url('images/header.png');
	background-position:right bottom;
  	background-repeat:no-repeat;
	height:140px;
	padding: 0;
	color: #ccc;
	}
	body>header h1 {
		margin: 0;
		height:100%;
		}
		body>header h1 a:link, body>header h1 a:visited, body>header h1 a:hover, body>header h1 a:active {
			display:block;
			height:100%;
			}
			body>header h1 img {
			margin-top:35px;
			margin-left:20px;
			}
	body>header h2 {
		display:none;
	}


/* == POSTS == */

article[id*=post-] {
	padding: 1em;
	background: #fff;
	border-radius:8px;
	}
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding-top: 10px;
	}
article header {
	display:none;
}

/* == NAVIGATION == */

nav {
	text-align: center;
	clear: both;
	font-family:launica;
	font-weight:normal;
	font-size: 19px;
	letter-spacing:0.06em;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	}
body>nav {
	background: #272425;
	padding: 8px 0;
	}
	body>nav ul {
		text-align: left;
		margin: 0;
		padding-left:1em;
		}
		body>nav li {
			margin-right: 8px;
			font-weight: normal;
			display: inline;
			}
body>nav a:link, body>nav a:visited {
	color:#B3B3B3;
	text-decoration:none;
}
body>nav a:hover {
	color:#fff;
	text-decoration:none;
}

/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {
	margin-top: 0;
	overflow: hidden;
	width: 300px;
	float: right;
	clear: none;
	}
	aside ul {
		padding:0;
		margin:0;
	}
	aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: disc outside;
			}
	aside li  h2{
		font-family:launica;
		font-size:19px;
		font-weight:normal;
		letter-spacing:0.06em;
	}

/* == FOOTER == */

body>footer {
	padding-top: 100px;
	text-align: left;
	overflow: hidden;
	width: 100%;
	clear: both;
	font-family: arial;
	font-size:11px;
	}
body>footer a:link,
body>footer a:visited {
	color:#666;
}
body>footer a:hover,
body>footer a:active {
	color:#EC1846;
}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */

/* event list --------- */

  .horizontalLine {
  width:inherit;
  height:1px;
  margin-bottom:15px;
  margin-top:15px;
  border-bottom:1px dashed #F7941E;
  }

  .program-header {
  width:100%;
  }

  .program-header .program-navigation {
  }
  
  .program-header .program-attachments {
  }  

  .event-link:link, .event-link:visited, .event-link:hover, .event-link:active {
  text-decoration:none;
  color:black;
  }
  
  .event {
    
    display:table;
    width:100%;
    margin-bottom:20px;
    overflow:hidden;
    cursor:pointer;
  
  }

  .event .dateBox {

    display:table-cell;
    *float:left;
    vertical-align:top;
    overflow:hidden;
    padding-right:20px;
    width:80px;    

  }
  
  .event .dateBox .dateBoxContent {

    float:left;
    padding-top:5px;
    overflow:hidden;
  
    width:80px;
    height:80px;
    line-height:50%;

    text-align:center;
    background:black;
    color:white;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

  }

  .event:hover .dateBoxContent {
  background:#F7941E;
  }
  
  .event .dateBox .dayName {
  font-size:14px;
  margin-top:5px;
  margin-bottom:7px;
  }
    
  .event .dateBox .date {
  font-size:30px;
  margin-bottom:7px;
  }
  
  .event .dateBox .date.twoDates {
  font-size:20px;
  margin-bottom:7px;
  }  
  
  .event .dateBox .time {
  font-size:15px;
  margin-top:1px;
  }   
   
  .event .content {

    display:table-cell;
    vertical-align:top;
    *float:left;    

  }
  
  .event .content .title {
  display:block;
  font-weight:bold;
  }
  
  .event .image {
  display:table-cell;
  float:right;
  }
  
/* single post --------- */

  section .eventImage {
  float:right;
  }  
  
  section .eventTime {
  }



/* == ALL YOUR CODE ARE BELONG TO POETRY == */