/*  
Theme Name: Linotype
Theme URI: http://www.betaversion.org/~stefano/linotype/
Description: Linotype Theme for Wordpress.
Version: 1.0
Author: Stefano Mazzocchi
Author URI: http://www.betaversion.org/~stefano/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ----------------------------- Yahoo Reset CSS (version 2.4.0) ----------------------- */

html{color:#000;background:#FFFFFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* because legend doesn't inherit in IE */
legend{color:#000;}

/* ----------------------------- Yahoo Font CSS (version 2.4.0) ------------------------ */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* ----------------------------- Yahoo Base CSS (version 2.4.0) ------------------------ */

h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:138.5%;  
}
h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%; 
}
h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;  
}
h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold; 
}
abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
} 
em {
    /*bringing italics back to the em element*/
    font-style:italic;
}
blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}
ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;    
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}
caption {
    /*coordinated margin to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}
p,fieldset,table,pre {
    /*so things don't run into each other*/
    margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* ----------------------------- Yahoo Grids CSS (version 2.4.0) ------------------- */

/* for all templates and grids */
#ft{clear:both;}
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
    margin:auto;text-align:left;
    width:57.69em;*width:56.301em;min-width:700px;}
/* 950 centered */ 
#doc2 { width:73.074em;*width:71.313em;}
/* 100% with 10px viewport side matting */ 
#doc3 { margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
  width:auto;}
/* 974 centered */
#doc4 { width:74.923em;*width:73.117em;}    
/* below required for all fluid grids; adjust widths and margins above accordingly */
/* to preserve source-order independence for Gecko */
.yui-b{position:relative;}
.yui-b{_position:static;} /* for IE < 7 */
#yui-main .yui-b{position:static;} 
#yui-main {width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}
.yui-t1 .yui-b {float:left;width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}
.yui-t2 .yui-b {float:left;width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b {margin-left:14.8456em;*margin-left:14.512em;}
.yui-t3 .yui-b {float:left;width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {margin-left:24.0759em;*margin-left:23.52em;}
.yui-t4 .yui-b {float:right;width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.512em;}
.yui-t5 .yui-b {float:right;width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {margin-right:19.4608em;*margin-right:19.016em;}
.yui-t6 .yui-b {float:right;width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {margin-right:24.0759em;*margin-right:23.52em;}
.yui-t7 #yui-main .yui-b {display:block;margin:0 0 1em 0;}
#yui-main .yui-b {float:none;width:auto;}
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u {float:left;margin-left:2%;width:32%;}
.yui-gb .yui-gb .yui-u,
.yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u {_margin-left:.8%;}
.yui-gb .yui-u {float:right;} 
.yui-gb div.first {margin-left:0;float:left;}
.yui-g .yui-gb div.first,
.yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;} 
.yui-gb .yui-gc div.first,
.yui-gb .yui-gd div.first {*margin-right:0;}
.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u, 
.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u, 
.yui-gb .yui-gf .yui-u {margin:0;}
/*Float units (and sub grids) to the right */
.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb, 
.yui-g .yui-gc, 
.yui-g .yui-gd, 
.yui-g .yui-ge, 
.yui-g .yui-gf, 
.yui-gc .yui-u, 
.yui-gd .yui-g,
.yui-g .yui-gc .yui-u,
.yui-ge .yui-u, 
.yui-ge .yui-g, 
.yui-gf .yui-g,
.yui-gf .yui-u{float:right;}
/*Float units (and sub grids) to the left */
.yui-g .yui-gc div.first,
.yui-g .yui-ge div.first,
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-g .yui-u,
.yui-gb .yui-g .yui-u,
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u,
.yui-ge .yui-g .yui-u,
.yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-g div.first {*margin:0;}
.yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gb .yui-u {_margin-left:.7%;}
.yui-gb .yui-g div.first,
.yui-gb .yui-gb div.first {*margin-left:0;}
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}
.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf {width:49.1%;}
.yui-g .yui-gb div.first,
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first {margin-left:0;}
.yui-g .yui-gc div.first, 
.yui-gc div.first, 
.yui-gd .yui-g, /* for 056, 057 */
.yui-gd .yui-u {width:66%;}
.yui-gd div.first,
.yui-gb .yui-gd div.first {width:32%;}
.yui-g .yui-gd div.first {_width:29.9%;}
.yui-ge .yui-u,
.yui-ge .yui-g,
.yui-gf div.first {width:24%;}
.yui-gb .yui-ge div.yui-u,
.yui-gb .yui-gf div.yui-u {float:right;}
.yui-gb .yui-ge div.first,
.yui-gb .yui-gf div.first  {float:left;}
.yui-ge div.first, 
.yui-gf .yui-g,
.yui-gf .yui-u{width:74.2%;}
/* narrower width in nexted contexts */
.yui-gb .yui-ge .yui-u,
.yui-gb .yui-gf div.first {*width:24%;_width:20%;}
/* narrower width in nexted contexts */
.yui-gb .yui-ge div.first, 
.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
/* clearing */
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}
.yui-gb .yui-u {float:left;}

/* ----------------------------- Global Definitions -------------------- */

body {
    margin: 1.5em;
}

body, table, td, input, select {
    font-family: "georgia", "times", "times new roman", serif;
    color: #333;
    font-size: 14px;
    quotes: "\201C" "\201E" "\2018" "\2019";
}

img {
    border: 0;
}

a:link {
    color: #222;
}

a:visited {
    color: #555;
}

a:hover {
    color: #000;
}

a:active {
}

a:focus {
}

div.separator {
    background: url(images/separator1.jpg) no-repeat 0px 0px;
    width: 60px;
    height: 10px;
    margin: 4em auto 2em auto;
}

/* ----------------------------- Path ---------------------------- */

#path {
    text-align: left;
}

/* ----------------------------- Header ---------------------------- */

#header {
    margin-top: 1.5em;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
}
	
#header h1 {
    font-size: 200%;
    letter-spacing: 0.15em;
    color: #333;
    font-weight: normal;
    padding: 5px 0px 20px 0px;
    margin: 5px 0px 0px 0px;
}

#header h2 {
    font-family: "Lucida Grande", Tahoma;
    font-size: 10px;
    letter-spacing: 0.3em;
    color: #666;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 30px 0px; 
}

/* ----------------------------- Sidebar  -------------------------- */

#sidebar {
    text-align: center;
    width: 160px;
    color: #666;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 12px;
    text-transform: uppercase; 
}
		
#sidebar ul {
    margin: 1em;
    padding: 0px;
}

#sidebar li {
    margin-left: 0px;
    list-style-type: none;
    margin-bottom: 0.4em;
}

#sidebar .feed {
    background-image: url(images/feed.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
}

#sidebar a {
    color: #666;
}

#sidebar .logo {
    display: block;
    background-image: url(images/linotype.jpg);
    background-repeat: no-repeat;
    width: 160px;
    height: 210px;
    margin-top: 1.5em;
    margin-bottom: 4em;
}

#sidebar .separator {
    width: 1px;
    height: 1px;
    margin: 1em auto;
}

#sidebar .bottom {
    background-image: URL(images/cc.gif);
    background-repeat: no-repeat;
    margin: 6em auto 0em auto;
    height: 31px;
    width: 88px;
}

/* ----------------------------- Archives -------------------------- */

#archive {
}

#archive h1 {
    font-size: 200%;
    letter-spacing: 0.15em;
    color: #333;
    font-weight: normal;
    margin: 0px 0px 0.3em 0px;
}

#archive table {
  width: 100%;
  margin: 0px;
}

#archive table td {
   padding: 0px;
}

#archive input {
   border: 1px solid #ccc;
}

#archive .list {
   margin-top: 1em;
}

#archive .list h2 {
	margin: 0px;
}

/* ----------------------------- Navigation ------------------------ */

.navigation {
}

.navigation .alignleft {
    float: left;
}

.navigation .alignright {
    float: right;
}

/* ----------------------------- Post ---------------------------- */

.post {
    text-align: left;
    padding: 0.3em 0em;
    margin: 1em 0em;
}

.post a {
    text-decoration: none;
    border-bottom: 1px dotted #777;
}

.post a:hover {
    border-bottom: 1px solid #333;
}

.post a:active {
    position: relative;
    top: 1px;
    left: 1px;
}

.post h1 {
    font-size: 110%;
    letter-spacing: 0em;
    text-transform: none;
    color: #333;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background: url(images/hand.jpg) no-repeat 0px 4px;
    padding-left: 28px;
}

.post h1 a {
	text-decoration: none !important;
	color: #666;
	border: 1px solid #ccc;
	padding: 0.2em;
	margin-left: 1em;
}

.post h2 {
    font-family: "Lucida Grande", Tahoma;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    font-size: 80%;
    color: #666;
    font-weight:normal;
    padding-top: 0.2em;
    margin: 0px;
    border: 0px;
}

.post .info {
    font-family: "verdana", "helvetica", "arial", sans-serif;
    font-size: 10px;
}

/* ----------------------------- Entry ---------------------------- */

.entry {
    margin: 1em 0px;
}

.entry h1, .entry h2, .entry h3, .entry h4 {
    background: none;
    font-family: "georgia", "times", "times new roman", serif;
    text-transform: none;
    padding: 0.5em 0px 1em 0px;
    margin: 0px 0px 0px 0px;
    color: #333;
    font-weight: bold;
}

.entry h1 {
    font-size: 140%;
    letter-spacing: 0.15em;
}

.entry h2 {
    font-size: 130%;
    letter-spacing: 0.10em;
}

.entry h3 {
    font-size: 120%;
    letter-spacing: 0.05em;
}

.entry h4 {
    font-size: 110%;
    letter-spacing: 0em;
}

.entry p {
    line-height: 1.3em;
}

.entry p.figure {
    text-align: center;
    margin: 2em 0em 2em 0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #444;
    font-size: 90%;
}
 
.entry p.firstletter:first-letter {
    font-family: "times new roman", serif;
    display: inline;
    float: left;
    font-size: 3em;
    line-height: 0.8em;
    margin: 0.07em 0.14em 0pt 0pt;
    text-transform: uppercase;
}

.entry img.left {
    float: left;
    margin: 0.3em 1em 0.3em 0em;
}

.entry img.right {
    float: right;
    margin: 0.3em 0em 0.3em 1em;
}

.entry blockquote, .entry pre {
    margin: 1em 2em;
    padding: 0.5em 1em;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}

.entry pre {
    font-family: "Monaco", "Lucida Console", "Courier New", monospace; 
    font-size: 90%;
}
	
.entry blockquote p {
    margin: 0.3em 0em;
    padding: 0px;
}

.entry blockquote.quote {
    background: #f0f0f0 url(images/quote.gif) no-repeat 3px 3px;
    padding-left: 25px;
    font-style: italic;
}

.entry pre {
    margin: 1em 2em 1em 2em;
    padding: 0.5em;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}	
	
.entry blockquote.code {
	border: 1px solid red;
    font-family: monospace;
}

.entry ul, .entry ol {
    margin: 1em 3.5em 1em 3.5em;
    padding: 0px;
    counter-reset: item;
}

.entry ul > ul, .entry ul > ol, .entry ol > ul, .entry ol > ol {
    margin: 0px 0px 0px 3.5em;
    padding: 0px;
}

.entry li {
    margin: 0px;
    padding: 0px; 
}

.entry strong {
    font-weight: bolder;
}

.entry em {
    font-style: italic;
}

.entry q:before {
    content: open-quote;
}

.entry q:after {
    content: close-quote;
}

/* ---------------------------------- dialog ----------------------------- */

.dialog {
	width: 300px;
	margin: 7em auto;
	padding: 1em 2em;
}

/* ---------------------------------- print ------------------------------- */

@media print {
        
    body {
        background-image: none;
    }
    
    #sidebar, div.separator, #bottombar {
       display: none;
    }

    .post h1 {
	 background-image: none;
	 padding-left: 0px;
    }
}

/* ---------------------------------- timeline ------------------------------ */

.timeline-band {
    font-family: "georgia", "times new roman", serif;
    color: %666;	
}

/* ---------------------------------- timeline ------------------------------ */

.timeplot {
    height: 200px;
    margin-top: 1em;
}

.legend {
    margin-top: 0.5em;
    font-family: tahoma, arial, sans-serif;
    font-size: 90%;
    margin-bottom: 1em;
}

.legend span {
    position: relative;
    width: 12px;
    height: 12px;
    border: 1px solid #333;
}