/*--------------------------------------------------------*/
/*	Site: www.coffeehouse.fi
/*	Author: Mediasignal Oy
/*	Date: 1.6.2010
/*--------------------------------------------------------*/

/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background:#000 url('kuvat/body-gradient.jpg') top left repeat-x;
font-family: Arial, Helvetica,sans-serif; /* Sans-serif Arial stack */
/*font-family: "Times New Roman",Times,serif;  Serif Times stack */
/*font-family: Georgia,serif;  Serif Georgia stack */
text-align:center;
}

a{color: #fff; font-weight:bold;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
/*
a:visited{color:#68A6EF;}
a:active{background-color:#FFFFDF;}
*/
a img{vertical-align:middle;}

h1{font:bold 2.2em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h2{font:bold 2em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h3{font:bold 1.9em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h4{font:bold 1.8em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h5{font: bold 1.6em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
p{font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0;}

.csc-textpic-text h2, h5, h4, #col-left-tyhja h2, #col-left-yhteisot h2, #col-left-vastuullisuus h2, #col-left-kahvitietoa h2 {
color: #a49681;
}

#col-left-tyhja .csc-textpic-text {
/*margin-left: 147px;*/
margin-left: 230px;
}
.csc-textpic-image  {margin: 0 !important;}

.kayttoehdot {
list-style: disc;
color: #fff;
font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0;
margin-left: 15px;
}

#col-left-tyhja .csc-textpic {
margin-bottom: 20px;
}
.csc-textpic{
overflow: hidden;
clear: both;
margin: 5px 0 15px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* LAYOUT COLUMS */
#wrapper-bg-big{
	width:100%;
	background:transparent url('kuvat/coffee-beans.png') right 65% no-repeat;
}
#wrapper-bg{
	width:972px;
	margin:0 auto;
	font-size:1em; /* 1em = 10px; */
	background:transparent url('kuvat/content-bg.png') top center repeat-y;
	text-align:center;
	min-height:1200px;
	height:auto !important;
	height:1200px;
}
#wrapper{
	width:950px;
	margin:0 auto;
	text-align:left;
	background:#000 url('kuvat/content-col-gradient.jpg') top left repeat-x;
}
#header{
height:105px;
}

#logo{
	height:105px;
	width:245px;
	display:block; /* TEMP */
	margin:0 0 0 33px;
	float:left;
	display:inline;
}
#s-etukortti{
	float:right;
	width:101px;
	height:64px;
	margin:22px 29px 0 0;
	display:inline;
}
#nav{
background:transparent url('kuvat/navi-bg.gif') top center no-repeat;
width:950px;
height:54px;
}

#content-wrapper-1col{
	border:1px solid #000;
}
#content-wrapper-2col{

}
#content-wrapper-3col{
	
}
#content-col{
	padding:0 0 10px 0;
}
#col-left-bg{
	background:transparent url('kuvat/left-bg.png') top left no-repeat;
	margin:0 0 0 19px;
	width:688px;
	float:left;
	display:inline;
}
#col-left, #col-left-blogiuutinen, #col-left-yhteisot, #col-left-rekry{
	margin:20px 0 0 40px;
	background:url("kuvat/left-bottom-bg.png") no-repeat scroll left bottom transparent;
	padding:0 0 5px 0;
}

#col-left-tyhja, #col-left-vastuullisuus{
	margin:20px 0 0 40px;
	padding:0 0 5px 0;
	min-height:300px;
  height:auto !important;
  height:300px;
}

#col-left-tyhja p, #col-left-rekry p, #col-left-yhteisot p, #col-left-vastuullisuus p {
	color:#fff;
}

 h1{
	color:#fff;
	font-size:2.7em;
	font-family:"Arial Narrow",Arial,sans-serif;
	font-weight:normal;
}
#breadcrumb,#breadcrumb a{
	color:#a49681;
}
#breadcrumb{
	margin:-4px 0 0 50px;
	position:relative;
}
.post,.yhteiso{
	border-bottom:1px solid #463e31;
	width:635px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
.yhteiso.last{
	border-bottom:0 none;
}
.post-image,.yhteiso-image{
	width:240px;
	float:left;
	margin:0 20px 0 0;
	display:inline;
}
.post-text,.yhteiso-text{
	width:355px;
	float:left;
}
.post-text h1,#news-posts h1,.yhteiso-text h1,.yhteisot-links h1,#blog-links h1{
	margin:0 0 5px 0;
	color:#a49681;
	font:normal 2.1em/1 "Arial Narrow",Arial,sans-serif;
}
.post-text .date{
	color:#857967;
	font-size:1.1em;
}
.post-text p,.yhteiso-text p{
	color:#fff;
	font-size:1.3em;
	margin:13px 0;
}
.yhteisot-links{clear:both; padding:20px 0 0 0;}
.yhteisot-links .heading-links{
	width:190px;
	float:left;
	display:inline;
}
.yhteiso-text a,.post-text a{
	color:#fff;
	padding:0 0 0 0px;
	font-weight:bold;
}
.yhteiso-text a img,.post-text a img{padding:0 5px 0px 0; vertical-align:top;}
#blog-links{clear:both; padding:20px 0 0 0;}
#blog-links .heading-links{
	width:295px;
	display:inline;
}
.right{float:right;}
.left{float:left;}
#news-posts{
	clear:both;
	margin-bottom:53px;
}
#news{
	width:315px;
	float:left;
}
ul.heading-links{
	margin:10px 10px 0 10px;
	float: left;
	list-style-image: url('kuvat/bullet-light.png'); 
	list-style-position:inside;
}

* + html ul.heading-links{
	margin:10px 10px 0 10px;
	float: left;
	list-style-image: url('kuvat/bullet-ie.gif'); 
	list-style-position:inside;
}

ul.heading-links li{
	padding:2px 5px 20px 5px;
	text-indent: -20px;
	/*background:transparent url('kuvat/bullet-light.png') left 7px no-repeat;*/
}
ul.heading-links li a{
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}
.heading-links .date{
	color:#857967;
	font-size:.9em;
	display:block;
	padding:5px 0 0 17px;
	font-weight:normal;
}
#posts{
	width:315px;
	float:right;
}
#posts .heading-links, #news .heading-links{width:250px;}
#col-right-bg{
	background:transparent url('kuvat/right-bg.png') top left no-repeat;
	width:231px;
	float:right;
	margin:10px 12px 0 0;
	display:inline;
}
#col-right{
	width:173px;
	margin:27px 27px 0 27px;
	height:378px;
}
#banner-right{
	width:140px;
	margin:20px auto 0;
}
#footer-front{
	clear:both;
	height:35px;
	background:transparent url('kuvat/footer-bg.png') 93% center no-repeat;
	border-bottom:1px solid #2a2720;
	width:893px;
	margin:20px auto 10px;
}
#footer{
	clear:both;
	height:35px;
	border-bottom:1px solid #2a2720;
	width:893px;
	margin:20px auto 10px;
}	
#footer ul,#footer-front ul{
	font-size:1em;
	overflow:hidden;
	margin:10px 0 0 20px;
}
#footer ul li a,#footer-front ul li a{
	color:#81807d;
	font-size:1em;
}
#footer ul li,#footer-front ul li{
	border-right:1px solid #4e4c48;
	float:left;
	padding:0 10px;
	font-size:1.2em;
	color:#81807d;
}
#footer ul li.last,#footer-front ul li.last{
	border-right:0 none;
}
#footer ul li.copyright,#footer ul li.copyright{
	float:right;
	border-right:0 none;
}
#footer-bottom{
	width:840px;
	margin:5px auto 5px;
}
#footer-bottom p{
	color:#807f7d;
	font-size:1.1em;
}
#footer-bottom p a{
	color:#807f7d;
}
#front-main{
	background:transparent url('kuvat/front-content-bg.jpg') top center no-repeat;
	width:919px;
	height:396px;
	margin:0 auto;
}
#front-left{float:left; width:652px; margin:33px 0 0 48px; display:inline; height:351px; overflow:hidden;}
#front-right{float:right; width:170px; margin:33px 30px 0 0; display:inline;}
#front-right p,#col-right p{color:#f0e0c6;}
#front-right select,#col-right select{width:170px;}
#kahvila-valinta p{margin:0 0 10px 0;}
#kahvila-valinta select{margin:0 0 5px 0;}
#front-blog{
	background:transparent url('kuvat/front-blog-post.gif') top center no-repeat;
	width:150px;
	height:154px;
	padding:10px;
	position:relative;
	margin:10px 0 14px 0;
}
#front-blog p{color:#fff;}
#front-blog a{font-size:1.2em; color:#fff; font-weight:bold; position:absolute; bottom:5px; right:10px;}
#front-blog a img{vertical-align:middle;}

.image-desc{background-color:#453c2d; padding:5px 10px; color:#fff; margin:0;}
.image-desc a{color:#fff; font-weight:bold;}
#image-holder{
	width:398px;
	float:left;
}
.image-list{
	float:right;
	width:240px;
}
.image-list img{margin:0 0 5px 0;}
#bottom-banners{
	background:transparent url('kuvat/front-bottom-bg.png') top center no-repeat;
	width:893px;
	height:199px;
	margin:0 auto;
	padding-left: 35px;
}
#bottom-banners img, #bottom-banners div{
	float:left;
	margin:25px 0 0 19px;
	display:inline;
}
.bottom-banner.first{
	margin-left:35px;
}
.bottom-banner.last{
	margin-right:0px;
}
/* MENU STYLING */

.hmenu{
	width:884px;
	margin:0 auto;
	overflow:hidden;
}
.hmenu li{
	float:left;
	display:block;
}
.hmenu a{
	display:block;
	float:left;
	font-size:1.4em;
	color:#fff;
	text-indent:-99999em;
}
.hmenu a:hover{}
.hmenu a.last{margin:0 0 0 0px;}
#kahvit-ja-valikoima{width:152px; height:44px; background:transparent url('kuvat/navi-sprite.gif') 0px 0px no-repeat;}
#ajankohtaista{width:115px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -152px 0px no-repeat;}
#vastuullisuus{width:117px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -267px 0px no-repeat;}
#kahvitietoa{width:131px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -384px 0px no-repeat;}
#tyopaikat{width:90px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -515px 0px no-repeat;}
#palaute{width:72px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -605px 0px no-repeat;}
#coffee-bar-24h{width:207px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -677px 0px no-repeat;}

#kahvit-ja-valikoima:hover,#kahvit-ja-valikoima.current{width:152px; height:44px; background:transparent url('kuvat/navi-sprite.gif') 0px -44px no-repeat;}
#ajankohtaista:hover,#ajankohtaista.current{width:115px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -152px -44px no-repeat;}
#vastuullisuus:hover,#vastuullisuus.current{width:117px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -267px -44px no-repeat;}
#kahvitietoa:hover,#kahvitietoa.current{width:131px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -384px -44px no-repeat;}
#tyopaikat:hover,#tyopaikat.current{width:90px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -515px -44px no-repeat;}
#palaute:hover,#palaute.currrent{width:72px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -605px -44px no-repeat;}
#coffee-bar-24h:hover,#coffee-bar-24h.current{width:207px; height:44px; background:transparent url('kuvat/navi-sprite.gif') -677px -44px no-repeat;}

/* ELEMENT SPECIFIC STYLING */


.msc{
	text-align:right;
	font-size:1em;
	color:#807f7d;
	margin-right:30px;
}
.msc a{
	color:#807f7d;
}
.hide {display: none;}

.lue-lisaa {
background: url("kuvat/link-bullet.png") no-repeat scroll left center transparent;
padding-left: 18px;
margin-left: 4px;
}

.action-image:hover {
cursor: pointer;
}

.csc-sitemap {
margin-left:35px;
}

.csc-sitemap ul, #col-left-tyhja ul {
list-style-type:square;
color:#fff;
list-style-position:inside;
}

.csc-sitemap ul li, #col-left-tyhja ul li {
padding:3px 0;
}

.csc-sitemap ul ul li, #col-left-tyhja ul ul li {
margin-left:15px;
}

.csc-sitemap ul a, #col-left-tyhja ul a {
font-size:12px;
color:#fff;
}

hr{
margin: 10px 0 10px 0;
background: #3e362b;
height: 1px;
border: 0;
clear: both;
width: 100%;
}

.contenttable td {padding: 2px 4px 2px 4px;}