/* 
	Project: My Web-Card (Mr.Woodman)
	Document: main stylesheet
	Coder: me (http://mr-woodman.ru)
*/

/* Common */
.no-style { display: none; }
a { color:  #1b80ba; }
a:hover { text-decoration: none; }
.deleted { text-decoration: line-through; }

/* Layout */
body { width: 850px; padding: 0px 96px 0px 15%; margin: 0px; 
	font: 13px/1.4 Georgia, "Times New Roman", Times, serif; color: #334;
	background-color: #f7f6f1; }

/* Constructor */
.box, .column, .section { display: inline-block; vertical-align: top;  }
.box { width: 320px; padding-right: 80px; }
.column { width: 400px; }
.section { width: 100%; margin-bottom: 32px; }

/* Typographics */
h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 100px; }
h1 a { color: #334; text-decoration: none; }
h2 { font-size: 60px; }
h3 { font-size: 25px; }
h4 { font-size: 18px; }
p { color: #77777c; }

/* Site header */
#site-header h1 { height: 128px; margin-bottom: 12px; }
#site-header h1 a .hover { font-size: 75px; line-height: 128px; }
#site-header h2 { margin-top: 12px; margin-bottom: 0px; }
/* Site header email hover trick */
#site-header h1 a .hover { display: none; }
#site-header h1 a .link { display: inline; }
#site-header h1 a:hover .hover { display: inline;  }
#site-header h1 a:hover .link { display: none; }
#site-header h1 a:hover .hover em { color: #ec551a; font-style: normal; }

/* Promo section */
#promo-section h4 img { margin-left: 30px; }

/* Works section */
#works-section { position: relative; overflow: visible; }
.highlight-spot { width: 1084px; height: 780px; 
	position: absolute; top: -40px; left: -180px; z-index: -1; 
	background: #f7f6f1 url(works-highlight.png) no-repeat; }
ol.works { padding: 0px; }
ol.works li { display: inline-block; vertical-align: top;  }
ol.works li h4 { font: normal italic 11px Georgia, "Times New Roman", Times, serif; margin: 0px; margin-bottom: 5px; }
ol.works li p { font-size: 10px; margin: 0px; }
ol.works li a { white-space: nowrap; }
ol.works li p a { color: #aaa; }
ol.works li { padding-right: 60px; margin-bottom: 20px; }



/* Conditions section */
#conditions-section p { font-size: 11px; }

/* Collegues section */
#collegues p {  }
#collegues h3 img { vertical-align: middle; margin-right: 10px; }
#collegues p img { vertical-align: middle; margin-right: 5px; }

/* Footer section */
#footer-section { margin-top: 4em; }
#footer-section p { font-size: 10px; }
#footer-section .copyrights { text-align: center; }

/* Markup indexes in works */
.markup-index { padding-bottom: 32px; }

/* Book of markup */
.book { width: 700px; line-height: 1.6; }
.highlight { background-color: #fff; padding: 10px 20px; margin-left: -20px;
	border: solid #eee 2px; }