@import url(reset.css);

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

CSS FILE CONTENTS

- 1. Default CSS
- 2. Main Layout
- 3. Header style
	- 3.1 Logo
- 4. Content
	- 4.1 Headers
		- 4.1.1 Home headers
		- 4.1.2 Entry headers
	- 4.2 Paragraphs
	- 4.3 Lists
	- 4.4 Content links
	- 4.5 Image & Video styles
- 5. Footer

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


/* ##############################################

1.	Default styles

################################################# */

body { /*background: url(/images/temp/v5-grid.gif) top left repeat-y; background: url(/images/paper-bg.jpg) fixed; background: url(/images/nm-grid.gif) top center repeat-y; background: url(/images/articles/future-of-web-typography/grid.gif) top left repeat-y;*/ font-size: 75%; }
strong { font-weight: bold; }
em { font-style: italic; }


/* ##############################################

2.	Main Layout

################################################# */

#page-wrap { /*background: url(/images/faint-grid.gif) top center repeat-y; background: url(/images/self-doodle-camera.png) 82% 101% no-repeat;*/ padding: 0 18px; position: relative; width: 926px; }

/* ##############################################

3. Header style

################################################# */

header { background: #fff; border-bottom: 1px dotted #ccc; margin: 0 -18px; padding: 18px; }
#entry header { position: absolute; left: -99999px; }

/* 3.1 Logo */
#site-logo { position: relative; }
#site-logo img { width: 218px; }



/* ##############################################

4.	Content

################################################# */

/* 4.1 Headers */

h1, h2, h3 { color: #42403D; }
h1 a, h2 a, h3 a { color: #42403D; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

/* 4.1.1 Home headers */
#home h1 { left: -9999px; position: absolute; }
#home h2 { font-size: 90px; }

/* 4.1.2 Entry headers 
#entry h1 { font-size: 72px; }*/

/* 4.2 Paragraphs */
article p, section p { color: #42403D; font-family: Georgia; font-size: 14px; line-height: 18px; margin: 0 0 18px; }
p.intro:first-letter { float: left; font-size: 72px; font-weight: normal; letter-spacing: 3px; }
p.intro:first-line { font-weight: bold; }
article p.read-more { text-align: right; }
article .entry-meta-data { font-size: 12px; font-style: italic; }
article .entry-meta-data span { font-style: normal; font-variant: small-caps; }

.no-cssanimations p.intro:first-letter { margin-top: 5px; }
.cssanimations p.intro:first-letter { margin-top: 20px; }

/* 4.3 Lists */
article ul, article ol { margin: 0 0 18px; }
article li { color: #42403D; font-size: 14px; line-height: 18px; margin: 0 0 0 0; }

/* 4.4 Content links */
article p a, section p a, section li a { color: #038AA3; }
article p a:hover, section p a:hover, section li a:hover { color: #C80970; }
article a:hover img {  }

/* 4.5 Image & Video */
article img { background: #FFF; padding: 3px;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999; }
article a:hover img {
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #000;
}
/* article .five-col { background: url(/images/image-border-5-col.png) top left no-repeat; width: 564px; }
article .four-col { background: url(/images/image-border-4-col.png) top left no-repeat; width: 446px; }
article .three-col { background: url(/images/image-border-3-col.png) top left no-repeat; width: 328px; }*/
article .image-caption { }
article object { display: block; }

/* ##############################################

5.	Footer

################################################# */

footer { }
footer a { color: #038AA3; }
footer a:hover { color: #C80970; }

#copyright { color: #42403D; font-size: 10px; text-align: center; }