/*
Theme Name: Dot Design 2009
Theme URI: http://dot.fi/
Description: Mainostoimisto Dot Designin ulkoasu 2009.
Version: 0.5
Author: Jussi Soini
Author URI: http://dot.fi/
*/



/* MAIN REGIONS*/
/*
body {
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#d7d7d7 url('images/bg-repeat-x2.jpg') repeat-x top left;
	color: #1a1a1a;
	height: 100%;
	}
#bglayer {position: absolute; top: 0px; left: 0px; width: 100%; height: 900px; z-index: -10; background: transparent url('images/bg2.jpg') top left no-repeat}
*/

body {
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#d7d7d7 url('images/decor-2-red.jpg') top left;
	color: #1a1a1a;
	height: 100%;
	}
#bglayer {position: absolute; top: 0px; left: 0px; width: 100%; height: 592px; z-index: -10; background: transparent url('images/decor-bg2-red.jpg') top left no-repeat; background-position: 592px 0px}


#wrapper {width: 992px; margin: 0 auto; padding-top: 51px; background: url('images/canvas-top-ripped.png') no-repeat top center; background-position: 0px 51px;}

#toprow{height: 47px; overflow: hidden; width: 984px; position: absolute; top: 51px; z-index: 10}

#canvas{position: absolute; top: 51px; height: 320px; width: 984px; z-index: 2; }

#page {
	background: url('images/canvas-bg.png') repeat-y top left;
	width: 100%;
	}

#sidebar {width: 700px; border-right: 1px dashed #bbb}

#footer {font-size: 12px; font-weight: 100; letter-spacing: 5px; padding: 20px 100px; background: url('images/canvas-bottom.png') no-repeat top left; line-height: 18px; margin-bottom: 80px}
#footer a{color: #fff}
#footer a:hover{text-decoration: none; color: #aa0713}
#footer #footer-copy {color: #fff;margin-left: 7px}
#footer #footer-address {color: #fff;}

#page-top {width: 100%;}

/*.home #page-top {width: 100%; background: url('images/canvas-topmost.png') no-repeat top left; height: 59px; padding-top: 51px;}*/

#page-top-content{width: 984px; display: block; background: url('images/canvas.jpg') no-repeat top left; background-position: 0px 12px; margin: 0px 4px 0px 4px; overflow: hidden; padding-top: 47px}

.home #page-top-content {height: 273px}

/*#page-canvas {background: url('images/canvas-bg.png') repeat-y top left;}*/
#page-canvas-content{ margin: 0px 4px 0px 4px; background: url('images/canvas-top3.jpg') no-repeat top left; }



#page-bottom, #page-main  {width: 100%; }
#page-bottom-content {margin: 0px 4px 0px 4px; background: url('images/canvas.jpg') repeat-y top left; padding: 5px 0 10px 197px;}
#page-main-content {width: 984px; margin: 0px 4px 0px 4px; padding: 0; background: url('images/canvas.jpg') repeat-y top left;}

/***********HEADER REGION*********/

#mainnavi{display: block; float: left; padding-left: 0px; cursor:pointer}
#mainnavi li{display: block; float: left;}
#mainnavi li a {display: block; padding: 18px 20px; font-size: 13px; border-right: 1px dashed #bbb}

#toprow #secnavi {display: block; float: right; }
#secnavi li {display: block; float: left;}
#secnavi li a{display: block; padding: 12px 20px; letter-spacing: 1px; font-size: 11px; border-left: 1px dashed #bbb}

#header{padding-top: 30px}
#logo {width: 102px; height: 29px; margin: 10px 0 0 0; background: url('images/pienilogo.png') no-repeat}

#osoite {display: block;width: 427px; float: left; letter-spacing: 2px; font-weight: 100; font-size: 22px; margin-top: 260px; padding: 30px; border-top: 1px dashed #bbb; color: #333}

#top-left {width: 393px;float:left;height: 392px;}


#blog-header {padding: 10px 0 10px 10px; border-bottom: 1px dashed #bbb; font-size: 16px; text-transform: uppercase}
#blog-header h2 {font-weight: normal}


/* SHOWCASE */
#showcaserow {display: block; width: 984px; height: 110px; padding: 0; margin: 0; border-bottom: 1px dashed #bbb;border-top: 1px dashed #bbb;  z-index: 4}
#shcase > div {width: 196px; overflow:hidden; float:left; padding: 0; margin: 0; border-right: 1px dashed #bbb; text-align: right}

#shcase div p {color: #aa0713; font-size: 14px; margin: 0; padding: 37px 20px}
#shcase > div > a {color: #fff; display: block; height: 110px; background: none; width: 196px;}

#shcase > div > p > a {color: #aa0713}
#shcase > div > p > a:hover {text-decoration: underline}

.showcaserow-shade {width: 196px; height: 110px; background: url('images/tr-black-6.png'); opacity: 0.5}
#shcase > div > a:hover > .showcaserow-shade {visibility:hidden}
/**************MAIN CONTENT REGION ********************/


/* POST */
.post {margin: 0; padding: 0; width: 100%; display: block;}
.post:last-child .entry, .post-last .entry{border-bottom: none}
.alt {}


/*ENTRY*/
.entry {display: block;  border-bottom: 1px dashed #bbb; width: 100%; font-family: "Cambria", "Georgia", Verdana, Arial, sans-serif; font-size: 13px; line-height: 19px; font-weight: 100; float: left; padding-bottom: 25px;
}		



h2.post-title{line-height: 44px; color: #171717;float: left; font-size: 36px; width: 292px; margin: 0; padding: 50px 0 20px 0; font-weight: 100}
h2.post-title a, h2.post-title a:visited, h2.post-title a:link, h2.post-title a:active {text-decoration: none; color: #171717}
h2.post-title a:hover {color: #aa0713}
h2.post-title + h3, div.post-image + h3 {font-weight: normal; font-size: 18px; line-height: 21px; color: #aa0713; margin-bottom: 20px}

.secondary-post h2.post-title {font-size: 24px; line-height: 28px; padding: 30px 0 14px 0}

/*h2.post-title + h3, div.post-image + h3 {color: #be0221; }*/
post img {display: block; float: right; margin: 0; padding: 0; overflow: hidden;  clear:none}
.post-image{float: right; width: 588px;}
.right .post-image{float:left; width: 588px;}
.post-image img {display: block; float:right;}
.right .post-image img, .wider-right .post-image img {display: block; float:left;}

.entry > p, .entry > h3, .entry > ul {width: 290px; margin: 10px 0 0 100px;}
.entry > ul > li {margin-bottom: 20px}
.entry > ul > li:before {content: "\00b7\00a0" }	
.entry a, .entry a:visited, .entry a:link, .entry a:active {text-decoration: none; color: #aa0713}

.right .entry .post-image, .wider-right .entry .post-image{float: left;}

.entry a:hover {text-decoration: underline; color: #d81e52}			

.right .entry > p, .right .entry > h3, .right .entry > ul {width: 292px; margin: 10px 20px 0 592px;}			
.right h2.post-title {float:right; width: 292px}


.no-date h2.post-title {margin-left: 100px;}

.right.no-date h2.post-title {margin-left: 0px; margin-right: 100px;}

.entry > p:last-child{margin-bottom: 25px}

.post-date {margin: 0 30px 60px 30px; float: left; display: block; padding: 60px 0px 0px 0px; width: 40px; height: 60px; no-repeat top center; text-align: center; color: #171717; border: 1px dashed #bbb; border-top:none}

.post-date p.day {font-size: 25px}
.post-date p.month {font-size: 14px}
.right .post-date, .wider-right .post-date {float:right;}

.wide h2.post-title {width: 784px; }
.bold-header h2.post-title {font-weight: bold}
.wide .entry > p, .wide .extended-post > p {width: 784px;}
.wide .entry > h3, .wide .extended-post > h3 {width: 784px;}
.wide {}
.no-bottom-padding .entry {padding-bottom: 0px;}

.wider h2.post-title {width: 488px; }
.wider .entry > p{width: 488px;}
.wider .entry > h3{width: 488px;}
.wider .entry .post-image {width: 392px}

.wider-right .entry > p, .wider-right .entry > h3, .wider-right .entry > ul {width: 488px; margin: 10px 20px 0 396px;}
.wider-right h2.post-title {float: right; width: 488px; }
.wider-right .entry .post-image {float: left; width: 392px}
/*LISTS*/



/* EXTENDED POST */
a.extended-post-link {display: inline-block; margin-bottom: 30px}
.extended-post {width: 100%; display:none; padding: 10px 0 20px 0;}
.extended-post > p {font-size: 13px; width: 290px; margin: 10px 0 0 100px; color: #555}
.extended-post > p:first-child {border-top: 1px dashed #bbb; padding-top: 10px}
/* SHOWCASE ARCHIVE STYLES*/

#archive-header {padding: 10px 0 10px 10px; border-bottom: 1px dashed #bbb; font-size: 20px; text-transform: uppercase}
body.category-showcase .entry {display: none}
body.category-showcase .entry .post-image {display: block; float:left; width: 588px;}
body.category-showcase .entry .post-image img {display: block; float: none; margin: 60px auto 40px auto} 
body.category-showcase .entry > p {width: 292px; margin: 10px 20px 0 608px;}
body.category-showcase .entry > blockquote{width: 292px; margin: 10px 20px 0 608px;  }
body.category-showcase .entry > blockquote p {width: 100%;  display: inline-block;}
body.category-showcase .entry > p:last-child{margin-bottom: 25px}			
body.category-showcase .no-date h2.post-title {display: block; margin: 0 40px 0 0; float:right; width: 340px;}
body.category-showcase .namerow {border-bottom: 1px dashed #bbb}
body.category-showcase .namerow a,body.category-showcase .namerow a:active, body.category-showcase .namerow a:visited {display: block; font-size: 14px; width: 964px; padding: 10px}
body.category-showcase .namerow a:hover {background: url('images/tr-white-30.png'); color: #171717}
.casethumbs {width: 292px; margin: 30px 20px 0 608px; padding-bottom: 6px}
.casethumbs:after {content: "."; visibility: hidden; display: block; clear:both; float:left; height: 0; line-height: 0}
.casethumbs img {display: block; float:left; margin-right: 6px; margin-top: 6px; border: 1px dashed #bbb}

/* YRITYS SIVU */


/* OTA YHTEYS SIVU*/
p#contact-page-address {width: 518px; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 18px; letter-spacing: 3px}
.page-template-otayhteytta-php .entry > h3 {padding-top: 20px}

#si_contact_form input,
#si_contact_form textarea{ border:1px dashed #bbb; }

/*POSTMETADATA*/
p.postmetadata {float:left; clear:both; width: 964px; border-top: 1px dashed #bbb; padding: 6px 10px}

/* LINK STYLES */

a {text-decoration: none;color: #171717}
a:hover {text-decoration: none; color: #d81e52}

/* OTHER STYLES*/
h3.din {font-size: 16px}
hr {height: 0; border-top: 1px dashed #bbb; margin: 30px 0}