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

.no-style { display: none; }
html, body { background: #f7f6f1; }
body { 
    width: 860px; margin: 0px; padding: 0px 15%; 
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #334; }
h1, h2, h3 { clear: both; }
a { color:  #1b80ba; }
.box { width: 350px; float: left; padding-right: 80px; }
.box.continued { padding-top: 60px; }

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

/* Promo block */
#team { clear: left; }
#web-markup, #flash-markup { padding-top: 100px; }
#web-markup { background: url(html-icon.png) no-repeat 36px 20px; }
#flash-markup { background: url(flash-icon.png) no-repeat 56px 40px; }

/* Block lists */
ul { display: block; list-style: none; margin: 0px; padding: 0px; float: left; width: 100%; clear: both; }
li { display: block; float: left; margin: 0px; padding: 0px;  }
li h4 { font-size: 12px; font-weight: normal; font-style: italic; }
ul.works li { padding-right: 90px; margin-bottom: 20px; }
ul.works li h4, ul.works li p { margin: 0px; }
ul.projects li { width: 185px; padding-right: 30px; } 

/* Pleasure h2 */
h2.pleasure { display: block;
	background: url(heart-icon.png) no-repeat 420px bottom; }

/* Pagelist */
ul.pagelist li { float: none; display: list-item; margin: 0px 0px 3px 0px; padding: 0px;  }
ul.pagelist { display: list-item; list-style: circle; font-size: 12px; margin: 10px 0px 10px 10px; padding: 0px;  }
ul.pagelist.hide { display: none; }

/* Copyrights */
.copyrights { text-align: center; }