/*
 *
 *	index.css
 *	CSS Stylesheet for http://www.ianowhite.com/index.php
 *  Created by Ian White
 * 	Copyright 2008.
 *
 */


body {
	background-color: #415161;
	background-image: url('../images/background.jpg');
	background-attachment: fixed;
	background-position: bottom right;
	background-repeat:no-repeat;
	color: #999;
	font-family: "Myriad Pro", "Lucida Grande",Verdana;
	font-size: 10px;
	letter-spacing:0.1em;
}

* {
	margin:0px;
	padding:0px;
}


a {
	color: #AAA;
}

a > img {
	border:none;
}


div.section-title {
	display:block;
	height: 50px;
}

div.section-title > img {
	position:relative;
	margin:0px;
	padding:0px;
	left:0px;
}



div.section-text {
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: justify;
	color:#AAA;
	padding:45px;
	padding-top: 0px;
	padding-bottom: 20px;
	background-image: url('../images/wide-background.png');
	background-repeat: y-repeat;
	position:relative;
	width:758px;
	left:50%;
	margin-left: -424px;	
}

div.section-text > a {
	text-decoration: none;
}

div.section-text > a:hover {
	text-decoration: underline;
}



div.spacer {
	
	background-image: url('../images/wide-background.png');
	height:5px;
	
}

ul + div.spacer {
	height: 20px;
}

div.copyright {
	height: auto;
	padding-top: 3em;
	padding-bottom: 2em;
	color: #555;
	font-size: 0.8em;
	line-height: 1.8em;
	text-align:center;
	vertical-align:bottom;
}



h1 {
	height:81px;
	margin-top:75px;
	font-weight: 100;
}

h1 > img {
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 1.2em;
	padding-top: 11px;
	margin-left: 180px;
	margin-right: 80px;
	font-weight: 100;
}

h2.code-sample {
	padding-top: 16px;
}

p {
	margin-top: 5px;
	margin-left:180px;
	margin-right: 80px;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: justify;
}

ul {
	list-style-type: none;
}


img {
	position:absolute;
	margin-top: 12px;
	margin-left:60px;
}

li {
	width:608px;
	min-height: 12em;
	padding-bottom: 10px;
	padding-left: 120px;
	padding-right:120px;
	background-image: url('../images/wide-background.png');
}

div.footer {
	height: 120px;
	background-image: url('../images/wide-bottom.png');
	background-repeat:no-repeat;
}

.centered {
	position:relative;
	width:848px;
	left:50%;
	margin-left: -424px;
}