/*
Theme Name: Gyllene Skor
Theme URI: http://www.gylleneskor.fi
Description: Gylliksen sivuston WP style Timon visuttamana ja Passin puukottamana.
Version: 0.1
Author: Janne Passi
Author URI: 
Tags: Gyllene Skor
*/

/* Begin Typography & Colors */

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/* Begin Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
/* End Form Elements */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 0px 30px 0 10px;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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 p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */


body {margin:0;background:#000 url(http://www.gylleneskor.fi/img/bg-body.gif) repeat-x top left;font-family:Georgia, "Times New Roman", Times, serif;color:#ccc;font-size:20px}
#container{width:915px;margin:0 auto;position:relative;}
.yellow-text{color:#ffcc66;}
.fontsize15{font-size:15px}
.floatleft{float:left;}
.floatright{float:right;}
#banner{position:absolute;top:88px;right:-60px;width:208px;height:123px;}
a:link{color:#ffcc66; text-decoration:none;}
a:visited{color:#ffcc66; text-decoration:none;}
a:hover{color:#ccc; text-decoration:none;}
a:active{text-decoration:none;}
a.gray-text{color:#ccc}
a.gray-text:visited{color:#ccc}
a.yellow-arrow-link{background:url(http://www.gylleneskor.fi/img/bg-link-yellow-arrow.gif) no-repeat center left;padding:0 0 0 10px}
.small-line{border-bottom:1px solid #636363;height:1px;line-height:1px;width:100px}
.link-button{color:#ffcc66;font-size:19px;padding:10px 40px 20px 40px;background:url(http://www.gylleneskor.fi/img/bg-link-button.gif) repeat-x;text-align:center;margin:0;}
.link-button-small{font-size:13px;background:url(http://www.gylleneskor.fi/img/bg-link-button-small.gif) repeat-x;padding:6px 20px 6px 20px;margin:30px 0 0 0}
/* logo*/
#logo{position:absolute;top:0px;left:651px;width:208px;height:123px;background:url(http://www.gylleneskor.fi/img/bg-logo.png);padding-left:16px;z-index:10;}

/* päänavi*/
#navi{height:44px;font-size:15px;color:#ffcc66;padding:20px 0 10px 0;}
#navi #navi-text{margin:0 0 0 57px;}
#navi #navi-text .current_page_item, #navi #navi-text li.current_page_item a {color:#ccc;}
#navi #navi-text ul{margin:16px 0 0 0;padding:0;}
#navi #navi-text ul li{display:inline;border-right:1px solid #ffcc66;padding:0 10px 0 10px;}
#navi #navi-text ul li.page_item_7{padding:0 10px 0 0}
#navi #navi-text ul li.last-item{border:0;}
#navi #navi-text ul li.page-item-23{border:0;}
/* kielinavi */
#navi-language{float:left;width:37px;margin-top:59px;}

/* sisältöalue isot linjat */
#content-area{float:left;width:788px;background:#1f1f1f;padding:36px 0 34px 54px;position:relative;}
#content-area-main-page{float:left;width:788px;background:#1f1f1f /*url(http://www.gylleneskor.fi/img/bg-main-page.png)*/ no-repeat bottom left;padding:36px 0 34px 54px;position:relative;}
#content-area-story{float:left;width:838px;height:559px;padding:0;position:relative;}

/* Pääsivu */
#mainpage-story{float:left;font-size:15px;width:386px;padding:14px 25px 25px 0;margin-top:10px;border-right:1px solid #363636}
#mainpage-cases{float:right;font-size:16px;width:318px;margin:10px 28px 0 0;}
#mainpage-cases p {display:block; width:290px;}
#mainpage-story h1{font-size:26px;font-weight:normal;padding:0px 0 10px 0;margin:0}
#mainpage-news-headlines{float:left;width:470px;line-height:21px;}
#mainpage-news-headlines, #mainpage-news-headlines h2{font-size:15px;font-weight:normal;}
#mainpage-news-headlines h2{margin:10px 0 0 0;padding:0;}
#mainpage-story .linkki-nosto{float:right;width:465px;margin:40px 0 0 0;padding:0 5px 0 5px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#mainpage-story .linkki-nosto p{text-align:left;padding-left:10px;}
#mainpage-cases h2{font-size:17px;color:#ffcc66;font-weight:normal;}
#mainpage-cases ul{list-style:none;margin:0;padding:0}
#mainpage-cases li{display:inline;list-style:none;margin:0;padding:0}
#mainpage-cases li img{margin:0 10px 10px 0;}
#mainpage-blog {float:left;border-top:1px solid #363636;width:747px; padding:10px 0 10px 15px;border-bottom: 1px solid #363636;}
#mainpage-blog ul{list-style:none;margin:0;padding:0;}
#mainpage-blog ul li{display:inline;list-style:square;margin:0 29px 14px 0;padding:0;float:left;}
#post-thumb {margin:0;padding:0;width:220px;height:260px; background: #000;}

#post-thumb h2 {font-size:17px;color:#000000;background:#ffcc66;font-weight:normal; font-style: italic; padding:4px 0 4px 4px;}



#content-area #story-buttons{float:right;margin-right:31px}
#content-area .story-button{font-size:19px;width:231px;height:37px;background:url(http://www.gylleneskor.fi/img/bg-button-link-a.gif);display:block;text-align:right;padding:12px 30px 0 0;margin-bottom:7px;}

/* tiedotteet */
#news-content{font-size:14px;}
#news-content h1{font-size:30px;font-weight:normal;padding:0 0 26px 0;margin:0}
#news-text{float:left;width:428px;border-right:1px solid #4c4c4c;border-top:1px solid #4c4c4c;padding:16px 46px 16px 0}
#news-text h2{font-size:16px;font-weight:normal;color:#ffcc66;}
#news-listing{float:right;margin-right:49px;width:254px;border-top:1px solid #4c4c4c;padding:10px 10px 16px 0;}
#news-listing p{padding:0 10px 0 23px}

/* cases */
#cases-content{font-size:15px;}
#cases-content h2{font-size:30px;font-weight:normal;padding:0 0 10px 0;margin:0}
#cases-content h3{font-size:30px;font-weight:normal;padding:0 0 10px 0;margin:0}
#cases-content .ingressi{padding-right:220px;font-size:16px}
.cases-text{clear:both;float:left;width:379px;border-top:1px solid #4c4c4c;padding:16px 46px 20px 0}
.cases-text  h2{font-size:30px;font-weight:normal;padding:0 0 10px 0;margin:0}
.cases-text  h3{font-size:25px;font-weight:normal;color:#ffcc66;}
.cases-text h4, #customer-cloud h4{font-size:15px;}
.cases-images{float:right;text-align:right;margin-right:54px;width:309px;border-top:1px solid #4c4c4c;padding:40px 0 0 0;}
.cases-images p{text-align:right;padding:0 0 10px 23px}
.cases-logo{margin-bottom:40px}
#customer-cloud{clear:both;border-top:1px solid #4c4c4c;width:731px;margin:0;padding:0;}


/* alatunniste */
#footer{clear:both;font-size:14px;color:#666;width:915px;text-align:center;padding:25px 0 25px 0;}
#footer a:link{color:#666; text-decoration:none;}
#footer a:visited{color:#666; text-decoration:none;}
#footer a:hover{color:#666; text-decoration:underline;}
#footer a:active{text-decoration:none;}

/* English */
#english-content{font-size:14px;}
#english-content h1{font-size:30px;font-weight:normal;padding:0 0 26px 0;margin:0}
.english-text{font-size:16px;float:left;width:488px;border-top:1px solid #4c4c4c;padding:16px 46px 0 0}
.english-text h2{font-size:25px;font-weight:normal;color:#ffcc66;}
.english-text h3, #customer-cloud h3{font-size:14px;}
.english-images{float:right;margin-right:54px;width:200px;border-top:1px solid #4c4c4c;padding:60px 0 0 0;}
.english-images p{text-align:right;padding:0 0 10px 23px}

/* Story */
#story-content{padding-top:396px}
#story-text{float:left;width:460px;padding:35px 40px 10px 40px;}
story-content-flash{padding-top:0}
#content-area-story #story-buttons{width:278px;float:right;margin:94px 17px 20px 0}
#content-area-story #story-buttons .story-button{font-size:19px;width:261px;height:49px;background:url(http://www.gylleneskor.fi/img/bg-button-story.gif) repeat-x;text-align:center;margin:0;padding-top:12px}
.story-button-text{color:#ffcc66;padding:0 30px 0 30px}
#content-area-story #story-buttons a{padding:10px 20px 10px 20px}

/* contact */
#contact-content{font-size:16px;}
#contact-content h1{font-size:30px;font-weight:normal;padding:0 0 26px 0;margin:0}
#contact-content .ingressi{font-size:16px;margin-top:25px;}
#contact-content .details{font-size:15px;margin-right:300px}
.contact-text{clear:both;border-top:1px solid #4c4c4c;margin-right:54px;padding-right:23px;}
.contact-text h2{margin-top:40px;font-size:20px;font-weight:normal;}
.contact-text h3, #customer-cloud h3{font-size:14px;}
.contact-image{float:left;padding:22px 35px 300px 0;}
fieldset {border:none;margin:15px 0 0 0;padding:0;}
legend{display:none;}
.tuntilomake label{clear:both;margin: 0 0 5px 0;display:block;}
.tuntilomake input, .tuntilomake .form-input{clear:both;display:block;background:#2f2f2f;border:none;padding:0px 4px 7px 4px;margin-bottom:10px;width:500px;color:#ccc;font: 15px Georgia, serif;}
.tuntilomake textarea{clear:both;display:block;background:#2f2f2f;border:none;padding:0px 4px 7px 4px;margin-bottom:15px;width:500px;color:#ccc;font: 15px Georgia, serif;}
.tuntilomake .button{color:#ffcc66;font-size:19px;width:200px;height:49px;background:url(http://www.gylleneskor.fi/img/bg-button-story.gif) repeat-x;text-align:center;margin:0; border:none;}

/* verk-stream */
#content-area-main-verkstream{float:left;width:788px;background:#1f1f1f /*url(http://www.gylleneskor.fi/img/bg-main-page.png)*/ no-repeat bottom left;padding:36px 0 34px 54px;position:relative;}
#verkstream{}
#verkstream h1{font-size:30px;font-weight:normal;padding:0 0 26px 0;margin:0}
#verkstream h2{font-size:25px;font-weight:normal;color:#ffcc66;}
#verkstream #single_content p{font-size:16px}
#verkstream #single_content{padding-right:250px}
.tag_list{margin:0 50px 20px 0;font-size:0.85em}
#projektit{border-top:1px solid #363636;border-bottom:1px solid #363636;width:720px;padding:10px 0 10px 0;margin-bottom:20px}

/* blogiin*/
.verk-post .large_image{margin:10px 0px 0px 0px;width: 720px;float:left;padding:0;}
.verk-post h2, .verk-post h3{margin-bottom:10px;}
.verk-post .lue-lisaa{margin-bottom:0px;}
.verk-post .excerpt{font-size:13px;margin:0;width:570px;float:left;border-left: solid #363636 1px;padding:10px 0px 10px 10px;}
.verk-post .postmetadata{margin:0;width:119px;float:left;font-size:12px;padding:5px 0px 0px 5px;}
.verk-post .dialogi{border-top: 1px solid #363636;margin:3px 0px 0px 0px;width: 720px;float:left;padding:10px 0px 10px 0px;text-align: center;}
.verk-post .dialogi .social{margin: 0 auto;float:none;}
.verk-post .dialogi .social #social-fb{margin: 0 auto;float:none}
.verk-post .single_post{ margin-top: 40px;border-top: solid #363636 1px;width: 720px;float: left;}
.verk-post .entry {font-size:13px;margin:10px 0px 0px 0px;float:left;padding:3px 0px 30px 3px;}
.verk-post .entry p{margin:0;width:570px;float:left;margin-left:121px;border-left: solid #363636 1px;padding:3px 0px 7px 10px;}
.verk-post .entry p img{background:#1f1f1f;margin:0px 0px 0px -134px;padding:20px 0px 20px 0px;border-left:none;float:left;}
.verk-post .read_all{margin:0 auto;background:url(http://www.gylleneskor.fi/img/bg-button-story.gif) repeat-x;width: 720px;float:left;padding:12px 0px 0px 0px;text-color:#ffcc66;text-align: center;font-size:19px;height: 49px;}
.verk-post ul{margin:0 0 0 121px;border-left: solid #363636 1px;padding:3px 0px 7px 30px;}
#commentsbox{clear:both;width:750px;margin-top:10px;margin-bottom:10px;padding:0px;}
#commenthead{margin:0 0 20px 0}
#comment{margin-top:10px;margin-bottom:10px;}
#replybox{display:block;clear:both;margin-left:130px}
#commentsbox fieldset {border:none;margin:15px 0 0 0;padding:0;}
#commentsbox legend{display:none;}
#commentsbox .tuntilomake label{clear:both;}
#commentsbox .tuntilomake input{background:none;padding:0;margin:0}
#commentsbox .tuntilomake .form-input{clear:both;display:block;background:#2f2f2f;border:none;padding:0px 4px 7px 4px;margin-bottom:10px;width:500px;color:#ccc;font: 15px Georgia, serif;}
#commentsbox .tuntilomake textarea{clear:both;display:block;background:#2f2f2f;border:none;padding:7px 4px 7px 4px;margin-bottom:15px;width:500px;color:#ccc;font: 15px Georgia, serif;}
#commentsbox .tuntilomake .button{color:#ffcc66;font-size:19px;width:200px;height:49px;background:url(http://www.gylleneskor.fi/img/bg-button-story.gif) repeat-x;text-align:center;margin:0; border:none;}
#commentsbox .tuntilomake .hide {display: none;}
.tagcloud {border-top: 1px solid #363636;margin:60px 0px 0px 0px;width: 720px;float:left;padding:10px 0px 10px 0px;text-align: center;}
.tagcloud li {list-style: none;}

/* live*/

.live-feeds {margin:30px 0px 0px 0px;width: 720px;padding:0;}

.feed-holder-left {float:left;margin:0 40px 0 0;padding:0;}
.feed-holder-right {float:right;margin:0;padding:0;}
.feed-title {margin:0;}
.feed-content {width:333px; height: 250px;background: #363636; margin:0; padding: 3px 3px 3px 3px;}
.feed-content ul {list-style:none; width:333px;margin:0;padding:0;display: list-item;}
.feed-content li {margin-bottom: 5px;border-bottom: 1px solid #000; padding:0 0 3px 0;}

/* Begin Comments*/
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li {margin-left: 10px;}
.commentlist .one-comment{clear:both;margin-top:20px}
.commentlist .comment-post{float:right;width:580px;border-left:1px solid #363636;padding:0 40px 0 10px;margin:0 0 0 0}
.commentlist .comment-post p{padding:0;margin:0 0 10px 0}
.commentlist .comment-author{float:left;width:100px;font-size:12px;}
/* End Comments */


/* people */
#people-content{font-size:14px;}
#people-content h1{font-size:30px;font-weight:normal;padding:0 0 26px 0;margin:0}
.people-text{clear:both;border-top:1px solid #4c4c4c;margin-right:54px;padding-right:23px;}
.people-text h2{font-size:16px;font-weight:normal;color:#ffcc66;padding-top:7px;}
.people-text h3, #customer-cloud h3{font-size:15px !important;margin-top:20px !important;}
.people-image{float:left;padding:22px 35px 40px 0;}

/*Puukotus*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix{height: 1%;}