/*  
Theme Name: Gray theme, spring 08
Theme URI: http://www.detalji.org/jaana
Description: Gray theme by Jaana Kuusinen
Version: 1.00
Author: Jaana Kuusinen
*/

/* ---- MAINBODY ---- */

body {
	background:#525252;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
}

#wrap {
   	margin:0 auto;
   	width:945px;
}

.wrap_inner {
   	margin:0 auto;
   	width:945px;
   	height:620px;
   	background:url(images/wrap_inner.gif) no-repeat center top;
}


/* ---- COMMON --- */

img { border: 0px; }

/* ---- HEADER & NAV ---- */


div#header {
	width:945px;
	height:390px;
	position:relative;
	text-align:left;
}

div#header img.home_button {
	position:absolute;
	top:0;
	left:125px;
}

div#header img.exhibitions_button {
	position:absolute;
	top:0;
	left:216px;
}

div#header img.research_button {
	position:absolute;
	top:0;
	left:444px;
}

div#header img.spatialdesign_button {
	position:absolute;
	top:0;
	left:537px;
}

div#header img.teaching_button {
	position:absolute;
	top:199px;
	left:747px;
}

div#header img.resume_button {
	position:absolute;
	top:0;
	left:747px;
}

div.clear {
	clear:both;
	font-size:1px;
	height:1px;	
}

div.frontp_image {
	width:470px;
	height:320px;
	float:left;	
	overflow:hidden;
}

p.photoinfo {
font-size:11px;
color:#fff;
margin:0;
padding:8px 0 0 25px;
text-align:left;	
}

div.backto_fp {
	position:absolute;
	top:10px;
	left:0;
	padding:20px 20px 20px 16px;	
}

div.backto_fp a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	background:url(images/frontp_arrow.gif) no-repeat right top;
	padding-right:13px;
}

div.backto_fp a:hover {
	text-decoration:underline;	
}

div.header_inner {
	width:945px;
	height:40px;
	position:relative;
}

div.header_inner img.home_button {
	top:0;
	left:0;
	position:absolute;
}

div.exhibitions img.resume_button {
	top:0;
	left:101px;
	position:absolute;
}

div.exhibitions img.teaching_button {
	top:0;
	left:211px;
	position:absolute;
}

div.exhibitions img.spatialdesign_button {
	top:0;
	left:695px;
	position:absolute;
}

div.exhibitions img.research_button {
	top:0;
	left:848px;
	position:absolute;
}

div.research img.teaching_button {
	top:0;
	left:90px;
	position:absolute;
}

div.research img.spatialdesign_button {
	top:0;
	left:171px;
	position:absolute;
}

div.research img.exhibitions_button {
	top:0;
	left:690px;
	position:absolute;
}

div.research img.resume_button {
	top:0;
	left:832px;
	position:absolute;
}

div.resume img.exhibitions_button {
	top:262px;
	left:90px;
	position:absolute;
}

div.resume img.exhibitions_wires {
	left:90px;
	top:0;
	position:absolute;
}

div.resume img.teaching_button {
	top:0;
	left:221px;
	position:absolute;
}

div.resume img.spatialdesign_button {
	top:0;
	left:697px;
	position:absolute;
}

div.resume img.research_button {
	top:0;
	left:836px;
	position:absolute;
}

div.spatialdesign img.resume_button {
	top:0;
	left:101px;
	position:absolute;
}

div.spatialdesign img.teaching_button {
	top:0;
	left:221px;
	position:absolute;
}

div.spatialdesign img.exhibitions_button {
	top:0;
	left:691px;
	position:absolute;
}

div.spatialdesign img.research_button {
	top:0;
	left:836px;
	position:absolute;
}

div.teaching img.resume_button {
	top:226px;
	left:101px;
	position:absolute;
}

div.teaching img.resume_wires {
	left:101px;
	top:0;
	position:absolute;
}

div.teaching img.spatialdesign_button {
	top:0;
	left:169px;
	position:absolute;
}

div.teaching img.exhibitions_button {
	top:0;
	left:691px;
	position:absolute;
}

div.teaching img.research_button {
	top:0;
	left:838px;
	position:absolute;
}

div.common img.exhibitions_button {
	top:0;
	left:88px;
	position:absolute;
}

div.common img.research_button {
	top:0;
	left:242px;
	position:absolute;
}

div.common img.spatialdesign_button {
	top:0;
	left:517px;
	position:absolute;
}

div.common img.resume_button {
	top:0;
	left:713px;
	position:absolute;
}

div.common img.teaching_button {
	top:0;
	left:841px;
	position:absolute;
}


/* ---- ENTRIES ---- */

#entrywrap{
   	margin:0 auto;
   	width:945px;
   	padding-left:60px;
}

#entrybox{
   	width:426px;
   	height:259px;
	color:#fff;
	background:url(images/entry_bg.gif) no-repeat top right;
	float:left;
	text-align:left;
	overflow:hidden;
}

#entrybox .inside {
	margin:20px 30px 10px 15px;
	height:220px;
	overflow:auto;
}

.widecolumn {
	width:945px;
	margin:0 auto;
}

.widecolumn .blockmargin {
	margin:110px 145px 0 363px;
	text-align:left;
}

div.widecolumn .post {
	width:438px;
	height:342px;
	position:relative;
	overflow:auto;
}

.entry {
	color:#fff;
	font-size:12px;
	line-height:18px;	
}

div.wrap_inner .entry {
	color:#333;	
}

.entry p{
	color:#fff;
	font-size:12px;
	margin:0 0 10px 0;
}

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

.entry a:hover {
	text-decoration:none;
}

div.wrap_inner .entry p {
	color:#333;	
}

div.wrap_inner .entry strong {
	color:#000;	
}

.entry ul, li{
	font-size:12px
}

#posttitle{
	color:#000;
}

#posttitle a:visited{
	color:#000;
	text-decoration:none;
	
    }
#posttitle a{
	color:#000;
	text-decoration:none;
    }
#posttitle a:active{ outline:none; }
#posttitle a:focus
{
  -moz-outline-style: none;
}

#postmetadata p{
	font-size:0.60em;
	color:#fff;
	line-height:2em;
	margin:0px;
	font-family: sans-serif;
    }
#postmetadata a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
    }
#postmetadata a:visited{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
    }
.navigation a{
	color:#fff;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
.navigation p{
	color:#fff;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
.navigation a:visited{
	color:#fff;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}

update{
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
	border-bottom:1px dashed #55a5bf;
}

step{
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
	border-bottom:1px dashed #55a5bf;
}

blockquote {
	margin:0 auto;
	padding: 5px;
	background: #ebebeb;
	border:1px solid #dbdbdb;
	border-left:3px solid #dbdbdb;
	border-right:3px solid #dbdbdb;
	font-size:0.95em;
	margin:1em 1px 1em 25px;
	overflow:hidden;
	padding:5px;
}

code{
	font-size: 1em;
	margin: 3em 0;
	padding: 0 1.2em 0 1.2em;
	border-left:2px solid #777e6f;
	border-bottom:1px dashed #777e6f;
}

h1 {
	color:#cc0000;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 10px 0;	
}

h2 .pagetitle{
	color:#000;
	font-size:15px;
	font-weight:bold;
	margin:0 0 8px 0;
}

/* ---- ARCHIVES ---- */

.archdate{
	color:#000;
	font-size:10px;
}
.archtitle{
	color:#000;
}

/* ---- COMMENTSBOX ---- */
#commentsbox{
   	width:945px;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	text-align:left;
	}
#comment{
	float:left;
   	width:650px;
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
	}
#comment .commentinside{
	padding:5px;
	margin-left:20px;
	}
#comment p{
	color:#fff;
	}

#commenthead{
	color:#000;
	}

#replybox{
	clear:both;
	margin-bottom:10px;
	color:#fff;
	background:#fff;
	}
#reply{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:3em;
	}
.commentinside cite{
	list-style-type:none;
	font-weight:bold;
	color:#6692ae;
	}
.commentinside cite a{
	list-style-type:none;
	font-weight:bold;
	color:#6692ae;
	}
.commentinside{
	list-style-type:none;
	}
.commentinside p{
	font-size:0.90em;
	margin-left:30px;
	}

.commentmetadata a{
	font-weight:bold;
	font-size:0.60em;
	color:#aaaaaa;
	}

/* ---- SIDEBAR ---- */

#sidebar{
   	margin:0 auto;
   	width:800px;
	background:#f1f1f1;
	float:center;
	color:#fff;
	margin-top:70px;
	margin-bottom:10px;
   	clear:both;
}

b.rtop9, b.rbottom9{display:block; background: #fff}
b.rtop9 b, b.rbottom9 b{display:block; height: 1px; overflow: hidden; background: #f1f1f1}
b.r19{margin: 0 5px}
b.r29{margin: 0 3px}
b.r39{margin: 0 2px}
b.rtop9 b.r49, b.rbottom9 b.r49{margin: 0 1px;height: 2px}

.inside .block{
	width:85%;
}

.sidetitle{ 
	color:#749348;
	font-weight:bold;
	line-height:1em;
	text-transform: uppercase;
	font-variant: small-caps;
}

ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	list-style-type:none;
	margin:1.5em 0 2em 0;
	border-top:0px dashed #aaaaaa;
	font-size:0.80em;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px dashed #aaaaaa;
}
ul.dates .date{
	color:#0099ff;
	padding:0 1.5em 0 0;
}

ul.counts .count{
	float:right;
	color:#0099ff;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
	color:#0099ff;
	text-decoration:none;
	text-transform: uppercase;
	font-variant: small-caps;

}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
	color:#0099ff;
	text-transform: uppercase;
	font-variant: small-caps;

}

/* ---- FOOTER ---- */


b.rtop3, b.rbottom3{display:block; background: #2b2f36}
b.rtop3 b, b.rbottom3 b{display:block; height: 1px; overflow: hidden; background: #1D2128}
b.r13{margin: 0 5px}
b.r23{margin: 0 3px}
b.r33{margin: 0 2px}
b.rtop3 b.r43, b.rbottom3 b.r43{margin: 0 1px;height: 2px}

#footer{
	line-height:14px;
   	margin:0 auto;
   	width:945px;
   	clear:both;
    }

.insidefooter{
	text-align:right;
	padding:5px 5px 10px 5px;
	color:#fff;
	font-size:11px;
	margin:0 25px 5px 5px;
    }
    
div.wrap_inner .insidefooter {
	margin:100px 180px 5px 5px;
	padding-bottom:5px;
}

#footer .commonfooter {
	text-align:right;
	padding:5px;
	color:#fff;
	font-size:11px;
	margin:130px 180px 5px 5px;
	padding-bottom:5px;
}
    
#footer p{
	margin:0;
	font-size:0.60em;
	text-align:center;
	color:#fff;
	font-size:11px;
}
#footer a{
	text-decoration:none;
	font-weight:normal;
	color:#fff;
	font-size:11px;
}
#footer a:hover{
	color:#fff;
}