/* Basic typography.
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.com>
@Created: 	01-02-2009
@Changed:	30-08-2009

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

body {
	font: 12px/18px "Lucida Grande", Arial, sans-serif;
	/* font: 13px/18px Georgia, "Times new roman", serif; */
	/* background: url(../images/gridbg.gif); */
	color: #111;
}


/* Headings
-------------------------------------------------------------- */

h1 { 
	font-size: 36px;   	
	line-height: 36px;
	font-weight: normal;
	font-family: Georgia, "Times new roman", serif;
} 

h2 { 
	font-family: Georgia, "Times new roman", serif;
	font-size: 18px;
	line-height: 36px;
	font-style: italic;
	font-weight: normal;
}

h3 { 
	font-size: 12px; 
	line-height: 18px; 
	margin: 0; 
	font-weight: bold;
	color: #000;
} 

h4 { 
	font-size: 12px;
	line-height: 18px; 
	margin: 0; 
	font-weight: normal;
	color: #666;
} 

h5, h6 { 
	font-size: 12px; 	 	
	line-height: 18px; 
	margin: 0; 
	font-weight: normal;

}


/* Text elements
-------------------------------------------------------------- */

p { 
	margin: 0 0 18px 0; 
} 

p img, 
li img { 
	float: left;  
	margin: 4px 6px 0 0; 
	padding: 0; 
} 

p img.right, 
li img.right { 
	float: right; 
	margin: 4px 0 6px 0; 
	padding: 0; 
} 

a,
a:focus {
	color: #009;
	text-decoration: underline;
}

a:hover {
	color: #000;
}

blockquote {
	background: #F9F9F9;
	border-left: 6px solid #ccc;
	margin: 0 0 18px;
	padding: 9px;
	quotes: "“" "”" "‘" "’";
	color: #333;
	font-family: Georgia, "Times new roman", serif;
	font-size: 13px;
	font-style: italic;
}

p.intro:first-letter,
p.important:first-letter {
	font-size: 43px;
	font-weight: normal;
	line-height: 32px;
	letter-spacing: 5px;
	float: left;
	padding: 5px 0 0 0;
	width: auto;
	font-family: Georgia, Times, serif;
	text-shadow: 1px 1px 1px #333;
}

p.intro:first-line,
p.important:first-line {
	font-variant: small-caps;
}

pre, code {
	overflow-x: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #111;
	border: 1px solid #333;
	font-family: monaco, courier, "courier new", monospace;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 9px;
}


/*	Buttons
-------------------------------------------------------------- */
	
a.button,
button {
	display: block;
	float: left;
	margin: 0 3px 15px 0;
	padding: 2px 6px; 
	border: 1px solid #ccc;
	border-color: #999 #858585 #666 #858585;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ccc url(../images/button.png) left top repeat-x;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: baseline;
}
			
button {
	width: auto;
	overflow: visible;
	padding: 1px 4px;   /* IE6 */ 
}

a.button {
	line-height: 14px;
}

button[type] {
	padding: 1px 4px;   /* Firefox */
	line-height: 16px;  /* Safari */
}

a.button:hover,
button:hover {
	background-color: #ccc;
	border: 1px solid  #000;
	color: #000;
	text-decoration: none;
}


/* notices
-------------------------------------------------------------- */

.notification {
	margin: 0 0 17px 0; 
	padding: 0 4px;
	font-size: 11px;
	line-height: 18px;
}

.notice {
	background: #FFF6BF; 
	color: #514721; 
	border-bottom: 1px solid #FFD324;
}

.error {
	background: #FBE3E4; 
	color: #8a1f11; 
	border-bottom: 1px solid #FBC2C4;
}

.success {
	background: #E6EFC2; 
	color: #264409; 
	border-bottom: 1px solid #C6D880;	
}