/*---------------------------------------

    Document Information

    - Document:        main.css
    - Version:         0.1
    - Author:          M. Reyzlin
    - Date created:    18.09.09

    COLORS

    - default body text  #000
    - default body bg    #fff

    FONTS

    - default body text    Georgia, Times New Roman, serif; 
    - default heading text Helvetica, Helvetica Neue, Arial, sans-serif;

    GRID

    - grid 60px
    - gutter 20px

    Table of Contents

    1. CSS Reset
    2. Common stuff
    3. Content
    4. Works
    5. Code-samples

----------------------------------------*/

/*  CSS Reset v1.0 | 20080212
----------------------------------------*/
html,body,div,span,h1,h2,h3,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,tt,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* HTML 5 */
header,
section,
article,
aside,
hgroup,
footer {
    display:block;
}
/* Common Stuff
---------------------------------------*/
body {
    /*background:url(../imgs/grid.png) 0 0 repeat;*/
	font:normal 100%/1.5 Georgia, Times New Roman, serif;
}
    h1,h2,h3,h4,
    #nav,
    .cv > strong {
        font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
    }
	a {
		color:#1f1f1f;
		text-decoration:none;
	}
	h1,
    .cv strong {
		position:fixed;
        _position:absolute;
        z-index:1;
        left:20px;
		top:1.334em;
		font-size:2.25em; 
		line-height:1.334;
		letter-spacing:-.05em;
	}
    img {
        display:block;
    }
	p {
		margin:0 0 1.5em;
	}
	pre {
        background:#eee;
        padding:0 20px;
        font:1em/1.2 Monaco, "Courier New", Courier, monospace;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap !important;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
	}
    abbr {
        border-bottom:1px dashed #000;
        cursor:help;
    }
    .amp {
        font-family: Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;
        font-style: italic;
    }
    .etc {
        font-style: italic;
    }
#nav {
    font-size:1.5em;
	position:fixed;
    _position:absolute;
    top:6em;
    left:20px;
	line-height:1;
}
	#nav li {
		margin:0 0 .5em;
	}
		#nav a.cur:after {
			content:"—";
			margin:0 0 0 0.1em;
		}
/* Content 
--------------------------------*/ 
#content {
    position:relative;
    top:9em;
    left:180px;
    width:30em;
	float:left;
}
	#content a {
		border-bottom:1px solid #000;
	}
        #content a:hover {
            background:#000;
            color:#fff;
            margin:0 -.4ex;
            padding:0 .4ex;
        }
    #content pre {
        width:660px;
        height:500px;
        overflow:auto;
        margin:1.5em 0 3em 0;
    }
/* Works 
-----------------------------*/
#works dd {
    margin:.5em 0 1em 1em;
}
/* Code-samples 
-----------------------------*/
.code-sample h1 {
    position:absolute;
}
.code-sample pre {
    height:auto;
    width:auto;
    overflow:visible;
}
.code-sample dl {
    left:20px!important;
}
/* Blog 
-----------------------------*/
.blog .slash {
	margin:0 .2ex;
}
    .blog #content {
        margin-bottom:9em;
    }
	#content h2 {
        font-size:1.5em;
		line-height:1;
		margin:0 0 1em;
	}
		.blog #content h2 a {
			border:none;
		}
	.blog #content small, .blog .postmetadata {
		font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
		float:left;
		margin:-3em -100% 0 480px;
	}
	.blog .postmetadata {
		float:left;
		margin:0 -100% 0 480px;
	}
.blog #footer {
    float:left;
}

/* résumé */

#content.cv {
    width:auto;
}
    #content.cv a {
        text-decoration:none;
        white-space:nowrap;
    }
    .cv > strong,
    .cv #nav {
        opacity:.2;
    }
        #content.cv > strong a,
        .cv > #nav a {
            border:none;
            background:none;
            color:#000;
        }
    .cv header h1,
    .cv section h1 {
        position:static;
        line-height:1.334;
    }

/* cv header */

.cv header{
    padding-bottom:1.5em;
}
    #content.cv .comment {
        font-size:.875em;
        line-height:1.714;
        color:#888;
        font-family:"baskerville","georgia",serif;
        font-weight:normal;
        margin:-.857em 0 0;
    }
        #content.cv .comment span {
            font-style:italic;
        }

/* general cv content styling 
-------------------------------------*/
.cv section {
    overflow:hidden;
    border-bottom:.063em solid #eee;
    padding:1.5em 0 1.438em;
}
    .cv section h1 {
        font-size:1em;
        font-weight:bold;
        line-height:1.5;
        margin:0 0 0;
        letter-spacing:-0.03em;
        float:left;
        width:220px;
    }
    .cv .section-content {
        float:left;
        width:480px;
        margin:0;
    }
    #content.cv h2 {
        font-size:.875em;
        line-height:1.714;
        margin:0;
    }
    section li {
        margin:0 0 1.5em;
        overflow:hidden;
    }
        section .period {
            float:left;
            width:180px;
        }
            section .period .sum {
                display:block;
            }
        section .description {
            float:left;
        }
            section .description p { 
                margin:0;
            }


/* quote 
-------------------------------------*/
.cv #quote blockquote {
    text-align:right;
}
.cv #quote cite {
    display:block;
    text-align:right;
}

#contacts dt,
#contacts dd {
    float:left;
}
#contacts dt {
    clear:left;
}
#contacts dt:after {
    content:':';
    margin:0 .5em 0 0;
}

#objective {
    margin:-.4em -.4em .6em;
    padding:.4em;
    background:rgb(255,255,232);
    border:none;
}
/* cv experienced with 
-------------------------------------*/
#exp {
    margin:0;
}
    #exp dt {
        font:bold .875em/1.714 Helvetica, Helvetica Neue, Arial, sans-serif;
    }
    #exp dt,
    #code dt  {
        float:left;
        width:180px;
        margin:0 0 1.714em;
    }
    #exp dd,
    #code dd {
        float:left;
        width:300px;
        margin:0 0 1.5em;
    }

#edu .section-content h2 {
    font:italic normal 1em/1.5 "georgia",serif;
} 

#lang li,
#code li {
    margin:0;
}
#download {
    display:block;
    font-size:.5em;
    position:relative;
    top:1em;
}