/*
Theme Name: Ohjelmakristalli
Version: 1.0
Author: Tero Ahonen
Author URI: http://www.teroahonen.com
Tags: no tags
*/

/* Table of Content
==================================================
	#Basic Styles
	#Navigation
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Content
	#Comments template
	#Misc 
	#Media Queries
	#Print Styles*/

/* #Basic Styles
================================================== */

body {
	background: #fff url(images/body.jpg) no-repeat center top;
	font: 8pt "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	color: #000;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

.container {
	width: 880px;
	margin: 0 auto;
	position: relative;
}

header {
	height: 275px;
}

header h1.logo {
	display: block;
	position: absolute;
	top: 110px;
	left: 70px;
	z-index: 3;
	margin: 0;
}

header h1.logo a {
	display: block;
	width: 214px;
	height: 76px;
	background: url('images/logo.png') no-repeat;
}

header h1 span {
	display: none;
}

header .header-bg {
	position: absolute;
	z-index: 2;
}

header .slider-wrapper {
	position: absolute;
	z-index: 1;
	top: 24px;
	left: 58px;
}

.content {
	background:url('images/back-center.png') 0 0 repeat-y;
	padding-top: 25px;
	padding-left: 61px;
	padding-right: 61px;
	overflow: auto;
}

#sidebar {
	float: left;
	display: inline;
	width: 220px;
	margin-right: 35px;
}

#main {
	float: left;
	display: inline;
	width: 500px;
}
#keikat {
	width: 760px;
}
#keikat h2.entry-title { text-align: center; }
#keikat h4 { margin: 0 0 8px 0 !important; }
.type-post {
	position: relative;
}

/* #Navigation
================================================== */

.menu-main-navi-container {
	position: absolute;
	height: 30px;
	top: 250px;
	z-index: 3;
	margin: 0 58px;
	width: 764px;
	font-family: "futura-pt-condensed";
	font-weight: 500;
	font-size: 16pt;
	text-transform: uppercase;
}

.menu-main-navi-container ul {
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
	width: 100%;
	float: left;
}

.menu-main-navi-container ul li {
	list-style: none;
	float: none;
	display: inline;
	margin-right: 20px;
}

.menu-main-navi-container ul li a {
	color: #4c4c4c;
	text-decoration: none;
}

.menu-main-navi-container ul li a:hover,
.menu-main-navi-container ul li.current-menu-item a {
	color: #b610c9;
}

/* #Fonts
================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

h1 {
	font-size: 22pt;
	margin: 0 0 20px;
}

h2 {
	font-size: 18pt;
	margin: 18px 0 0;
}

h2.entry-title {
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	font-size: 20pt;
}

.home h2.entry-title {
	background: url('images/separator.png') top center no-repeat;
	margin-top: 20px;
	padding-top: 25px;
	padding-left: 60px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#main#p-15, .page-id-2 #main  { width: 760px; }

article#post-5, article#post-7, article#post-11 { width: 760px; }
article#post-15 { width: 375px; margin: 0 auto; }
article#post-2 { width: 500px; margin: 0 auto; }
article#post-5 h2.entry-title, article#post-7 h2.entry-title, article#post-15 h2.entry-title, article#post-2 h2.entry-title { text-align: center; }
article#post-5 .entry-content, article#post-7 .entry-content { width: inherit; }

.home article.type-post:first-child h2.entry-title {
	background: transparent;
	margin-top: 0;
}

h3 {
	font-size: 15pt;
	margin: 17px 0 0;
}

h3.ribbon {
	font-size: 14px;
	line-height: 30px;
	display: block;
	padding-left: 30px;
	height: 37px;
	font-weight: normal;
	font-family: "LucidaSans", "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	letter-spacing: 2px;
	color: white;

	margin-left: -10px;
	margin-bottom: 10px;
	background: transparent url('images/ribbon-title-sidebar.png') no-repeat left;
}

h4 {
	font-size: 14pt;
	margin: 17px 0 5px;

}

h5 {
	font-size: 10pt;
	margin: 13px 0 0;
}

h6 {
	font-size: 8pt;
	margin: 10px 0 0;
}

footer h2, footer h3, footer h4 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 10pt;
	color: #4B4B4B;
}

a {
	color: #69007E;
}

a:hover {
	color: #69007E;
	text-decoration: underline;
}

a img:hover {
	opacity: 0.9;
}

p {
	margin: 1em 0 1em;
}

.artists-gigs  { list-style: none; margin-left: 0px; }
.artists-gigs .holder { width: 450px; margin: 0 0 3px 0; }
.artists-gigs .holder.last { padding-bottom: 20px; }
.artist-info-right .artists-gigs .holder { width: 330px; }
.artists-gigs .holder .date { width: 80px; min-height: 10px; float: left; }
.artist-info-right .artists-gigs .holder .date { width: 75px; }
.artists-gigs .holder .gig { width: 370px; min-height: 17px; float: right; }
.artist-info-right .artists-gigs .holder .gig { width: 255px; }

.artists-gigs .in-past { color: #999; }
.artists-gigs .in-future { color: #000; }

.entry-topinfo {
	position: relative;
}

.widget .news {
	overflow: auto;
	position: relative;
	margin: 0 0 20px;
	width: 100%;
	clear: both;
}

.widget .news h4 {
	font-size: 11pt;
	line-height: 14pt;
	margin-top: 0;
	margin-bottom: 10px;
	display: block;
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	}
}

.widget .news img {
	float: left;
	display: inline;
	margin-right: 15px !important;
	padding: 0 !important;
}

.widget .news p {
	margin: 0;
	width: 130px;
	display: inline;
	float: right;
}

.widget .news .post {
	margin-bottom: 15px;
}

.home .entry-date {
	position: absolute;
	top: 3px;
	width: 49px;
	height: 49px;
	margin-top: 11px;
	padding-top: 11px;
	line-height: 13px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: url('images/dates.png') no-repeat;
	color: white;
}

.artist-thumb {
	width: 122px;
	display: inline;
	float: left;
	margin-right: 42px;
	margin-bottom: 80px;
}

.artist-wide-thumb { width: inherit; margin-bottom: 2px; }
.artist-wide-thumb .left { text-align: right; width: 250px; float: left; margin-right: 15px; height: 88px; }
.artist-wide-thumb .right { width: 490px; float: right; }
.artist-wide-thumb .right h4 { margin: 28px 0 0 0; }
.artist-wide-thumb .right h4 a { color: #000; text-decoration: none; }
.artist-wide-thumb .right h4 a:hover { text-decoration: underline; }
.clearer { clear: both; }

.artist-wide-thumb img { /*width: 500px; height: 250px;*/ }

.widget ul,
.widget li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget .menu li a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.widget .menu li a:hover,
.widget .menu li a.active {
	color: #69007E;
}

.widget .menu li ul {
 	margin-left: 10px;
}

.widget .menu li ul li a {
	font-weight: normal;
}

#sidebar .facebook {
	margin-bottom: 15px;
}

.news-archive-link {
	text-align: center;
}

.post-edit-link {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}

.educator {
	margin-bottom: 10px;
}

.educator img {
	float: left;
	display: inline;
	width: 120px;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.educator p {
	margin-top: 0;
}

.contacts {
	width: 400px;
	margin-top: 4em;
}

.single-contact {
	clear: both;
	padding-bottom: 2em;
	overflow: hidden;
}

.single-contact .img-wrap {
	display: block;
	min-height: 1px;
	float: left;
	width: 140px;
	margin-right: 10px;
}
.single-contact .img-wrap img {
}

.single-contact .details {
	overflow: hidden;
}
.single-contact .details h4 {
	margin-top: 0;
}
.single-contact .details h4 .title {
	font-size: 70%;
}

#sidebar h3.ribbon {
	color: white;
	margin-top: 0;
	margin-left: -33px;
	padding-left: 33px;
	background: transparent url('images/ribbon-title-sidebar.png') no-repeat left top;
}

.artist-info-left {
	float: left;
	width: 140px;
	margin-right: 30px;
}

.artist-info-right {
	float: left;
	width: 330px
}



footer {
	height: 247px;
	background: url('images/back-footer.png') no-repeat left bottom;
	color: #4B4B4B;
}

footer .content {
	background: none;
}

footer p {
	margin: 0;
}

.copyrights {
	margin-top: 85px;
	padding-bottom: 30px;
	color: #4B4B4B;
	text-align: center;
}

.copyrights a {
	color: #4B4B4B;
}


/* #Images
================================================== */

img {
	margin: 0;
	max-width: 100%;
	height: auto;
	border: 0;
}

.attachment img {
	max-width: 100%;
	height: auto;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 14px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 14px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, 
img.alignright, 
img.aligncenter {
	margin-bottom: 10px;
}
.wp-caption {
	line-height: 18px;
	text-align: center;
	margin-bottom: 5px;
	padding: 0px;
	margin-right: 0px;
}
.wp-caption img {
	margin: 0px 0px 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px 0 9px;
	color: #3e3e3e;
	font-size: 0.75em;
}
.wp-smiley {
	margin:0;
}
.gallery {
	margin: auto;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
	color: #3e3e3e;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	top: 0;
	left: 0;
	width: 500px;
	height: 305px;
}

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}











/*DEVICES*/


@media only screen and (max-width: 480px) {
		
	/*.container { margin: 0 30px;}*/
}