/* @override http://static.pmarichal.test/css/site.css */

/**************************************************************
     AUTHOR: Phil (pmarichal.net)
     DATE:    2009-08-19
 **************************************************************/
body {
    background-color: #202020;
    color: #ddd;
    font: 14px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

html, body {
    height: 100%;
}

/* base: styling of basic tags
 **************************************************************/

code {
    white-space: pre;
    font-family: Inconsolata, courier, monospace;
    font-weight: 400;
}

pre code {
	padding: 10px;
    display: block;
    overflow: auto;
    line-height: 120%;
    font-family: Inconsolata, courier, monospace;
}

div.codehilite {
    white-space: pre;
    padding: 10px;
    display: block;
    overflow: auto;
    line-height: 120%;
    font-family: Inconsolata, Consolas, courier, monospace;
    font-weight: 400;
}
div.codehilite pre {
    font-family: Inconsolata, Consolas, courier, monospace;
}

blockquote {
    padding-left: 40px;
    font-style: italic;
    color:  #999;
/*    text-align: right;*/
}

acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
    padding-left: 45px; 
}

abbr {
    cursor: help;
    border-bottom: 1px dotted #999;
}

/* #content: Style for the actual contents
 **************************************************************/
#content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin:  0 auto -68px;
}

#clearer {
    height: 68px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Hofler Text", "Times New Roman", Times, serif;
    color: #7d7d7d;
}

h1 {
    font-size: 28px;
}  

h2 {
    font-size: 20px;
    font-style: italic;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
    font-style: italic;
}

a {
    text-decoration: none;
    color: #f69d2c;
    /*color: #3b69ae*/
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style-type: circle;
}

ol {
    list-style-type: decimal;
}

b, strong {
    font-weight: bold;
}

sup {
    vertical-align: super;
    font-size: 0.7em;
}


/* #header: Holds the site title and header images
 **************************************************************/

#header {
    position: relative;
    height: 120px; 
}

#header h1 {
    padding: 20px 10px 10px 60px;
    font: italic bold 48px "Reminga OT", "Hofler Text", "Times New Roman", Times, serif;
    height: 60px;
    text-indent: -999px;
    overflow: hidden;
}

#header h1 a {
    background: url(../images/title.png) no-repeat;
    text-decoration: none;
    height:60px;
    display: block;
}

#header h2 {
    font: italic 16px "Hofler Text", "Times New Roman", Times, serif;
    color: #7d7d7d;
    position: absolute;
    top: 70px;
    left: 260px;
    margin-bottom: 0px;
}

#header div.quote {
    position: absolute;
    right: 0;
    top: 0;
    width: 540px;
    height: 115px;
    /*overflow: hidden;*/    
    padding: 2px 0px;
	background: url(../images/quote.png) no-repeat;
    color: #5f5f5f;
}

#header div.quote blockquote {
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px;
    text-indent: 17px;
	color: #5f5f5f;
}

#header div.quote blockquote.long {
    font-size: 10px;
}

#header div.quote p {
    padding-right: 40px;
    padding-top: 6px;
    text-align: right;
}

/* layout: all the classes for the main layout.
 **************************************************************/
#maincontent {
}

#geekerie, #toile, #cliches, #art {
    border: 1px solid #303030;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.highlight p {
    display: inline;
}

 .highlight  p.meta {
    display: block;  
    margin: 5px 0px 30px 0px;
    font-size: 15px;
}

.meta {
    font: italic 15px "Hofler Text", "Times New Roman", Times, serif;
}

#geekerie > h1, #toile > h1, #cliches > h1, #art > h1 {
	text-align: right;
	color: #7d7d7d;  
}

#geekerie h3,  #toile h3{
    display: inline;
    font-size: 16px;
    line-height: 150%;

}

#geekerie h3 + p, #toile h3 + p {
    display: inline;
    margin-left: 5 px;
    font-size: 15px;
}

.subheader {
    padding: 8px 0 8px 0;
}

.odd {
    background-color: #252525;
}

#cliches {
    margin-right: 120px;
    margin-left: 240px;
}

#toile {
    margin-right: 240px;
    margin-left: 120px;
}

#art {
    margin-right: 10px;
    margin-left: 340px;
}

#art p, #cliches p {
    font-size: 38px;
    font-weight: bold;
    color: #7d7d7d;
    text-transform: uppercase;
    word-spacing: 16px;
    letter-spacing: 20px;
    margin-bottom: 4px;
}

#art p {
    letter-spacing: 120px;
}


#cliches h1, #art h1, #toile h1 {
    margin-bottom: 0px;
}

/* layout for the entry details and stuff
 **************************************************************/

h1.entry_title, h1.link_title {
    text-align: center;
}

.excerpt, .metadata {
    font-style: italic;
}

.metadata {
    font: italic 15px "Hofler Text", "Times New Roman", Times, serif;
}

div.archive_list p {
    display: inline;
}
div.archive_list h2 {
    display: inline;
}

div.archive_list lu li {
    list-style-type: none;
    margin-bottom: 4px;
}

div#nav {
    margin: 32px 0px;
    padding: 20px 0px;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
}

div#nav p {
    margin-bottom: 0px;
}

ul.nav li {
  list-style-type: none;
  display: inline;
  margin-left: 0;
}

h2.sectionname {
    margin-top: 24px;
}

/*#object_content p {
    display: inline;
}
*/
div.footnote {
    font-size: 12px;
}

/*div.footnote li {
    list-style-type: square;
}
*/
#copyright a {
    margin: 0px 6px;
}

/* tables
 **************************************************************/

table {
    width: 60%;   
}

tr th {
 background-color: #333;
/* width: 70px;*/
 border-bottom: 2px solid #777;
}

tr td {
 border-bottom: 1px solid #777;
 text-align: center;
}


/* tags cloud
 **************************************************************/

.size1 {
   font-size: 10px;
}

.size2 {
   font-size: 12px;
}

.size3 {
   font-size: 18px;
}

.size4 {
   font-size: 24px;
}

.size5 {
   font-size: 32px;
}





/* #comments
 **************************************************************/
#comments {
    margin-top: 48px;
}

.comment_odd dt, .comment_even dt {
    font-style: italic;
}

.comment_even {
    background-color: #262626;
    border-bottom: 2px solid #262626;
}

.comment_odd {
    border-bottom: 2px solid #262626;
}

.comment_admin {
    background-color: #444;
    border-bottom: 2px solid #444;
    color: #787878;    
}

.comment_admin dd {
    color: #ddd;
}

.comment_link {
    font-style: normal;
}

.comment_odd dt, .comment_even dt {
    font-weight: normal;
    color: #787878;
}

.comment_odd .name, .comment_even .name {
    font-weight: bold;
}

#comment_form {
    width: 600px;
    padding-right: 360px;
}

#contact_form {
    width: 660px;
    padding-right: 300px;
}

form p {
    overflow: hidden;
}

form p.help {
    color :#666666;
    font-size: 11px;
    line-height: 20px;
    margin-top: -20px;
    text-align: right;
    font-style: italic;
}

form label {
    display: block;
    float: left;
    line-height: 20px;
    width: 110px;
}

form#contact_form label {
    width: 160px;
}

form input[type="text"] {
    font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sansserif;
    float: right;
    font-size: 14px;
    height: 19px;
    line-height: 20px;
    padding: 0;
    width: 460px;
}

form#contact_form input[type="text"] {
    width: 440px;
}

form textarea {
    font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    float: right;
    font-size: 14px;
    height: 200px;
    line-height: 20px;
    padding: 0;
    width: 460px;
}

form#contact_form textarea {
    width: 440px;
}

form p.submit {
    text-align: right;
    font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;    
}

form input[type="submit"] {
    font-size: 14px;
    height: 24px;
    margin: 8px 0;
    padding: 0 12px;
}

form p.error > label {
    color: red;
}

form ul.errorlist li {
	list-style-image: none;
  	display: inline;
  	margin-right: 6px;
  	color: red;
  	font-style: italic;
}

/* #footer: The page footer - will stick to the bottom if not
          enough content.
 **************************************************************/

#footer {
/*   float: left;*/
/*   width: 100%;*/
    height: 68px;
    clear: both;
    /*margin-top: 0px; -3.8em;*/
    border-top: 1px solid #303030;
}

.footnote hr {
    border-style: solid;
    border-width: 1px 0 0;
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-top: 4em;
    width: 12em;
}

 /* Sets the width of the footer content */
#footer #width {
    position: relative;
    z-index: 3;
    font-size: 12px;
    line-height: 170%;
/*   padding-top: 100px;*/
    margin:  0 auto;
}

#footer p {
    font: italic  16px "Hofler Text", "Times New Roman", Times, serif;
    vertical-align: baseline;
    margin-bottom: 6px;
    padding-left: 16px;
    padding-top: 16px;
}
 
#footer p span {
    margin: 0 24px;
}

#footer p.floatLeft {
    
} 

/* Images
 **************************************************************/

img.floatRight {
    margin: 5px 0px 10px 15px;  
}

img.floatLeft {
    margin: 5px 15px 10px 0px;
}

/* Utilities
 **************************************************************/
.small {
    font-size: 0.8em;
}

.extrasmall {
    font-size: 0.6em;
}

.white {
 color: #FFF;
}

.amp {
    /*color:#666666;*/
    font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;
    font-size:1.05em;
    font-style:italic;
}

.noborder {
    border: none;
}

.super {
    vertical-align: super;
}

.underlined {
    border-bottom: solid 1px #303030;
}

.strikethrough {
    text-decoration:line-through;
}

/* Alignment classes
 **************************************************************/

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}