/*
Website Name: I Am Ashley
Version: 3.0
Author: Ashley Baxter
Author URI: http://iamashley.co.uk -- DUH!
*/

/* 1	Global reset (based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui) */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a { text-decoration:none }

/* 2	Global reset-RESET (restores some sensible defaults) */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:active { outline:none }

/* 3	Handles */
div, ul, li, form { position:relative }
.fix:after { content:" "; visibility:hidden; display:block; height:0; clear:both }
* html .fix { height:1% }
.hide { display:none } /* Handy for development */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

body {
	color: #2f2f2f;
	line-height: 22px;
	font-family: "ff-speak-web-pro-1","ff-speak-web-pro-2";
	font-size: 16px;
}

a:link, a:visited {
	color: #bb2241;
}

a:hover {
	color: #a2d4e0;
}

h1, h2, h3, h4 {
	font-family: "comic-serif-pro-1","comic-serif-pro-2";
	color: #a2d4e0;
}

h1{
	font-size: 70px;
	padding-top: 130px;
	text-shadow: 1px 1px #bb2241, 2px 2px #bb2241, 3px 3px #bb2241;
	-webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    -o-transition: all 0.12s ease-out;
}

h1:hover {
   position: relative;
   top: -3px; left: -3px;
   text-shadow: 1px 1px #bb2241, 2px 2px #bb2241, 3px 3px #bb2241, 4px 4px #bb2241, 5px 5px #bb2241, 6px 6px #bb2241;
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -moz-transform-origin:left bottom;
}

h2 {
	font-size: 50px;
	text-shadow: 1px 1px #bb2241, 2px 2px #bb2241, 3px 3px #bb2241;
	padding-top: 50px;
}

#wrapper {
	background: #2f2f2f url(images/bg.jpg) repeat;
	color: #FFFFFF;
	padding-bottom: 50px;
	border-bottom: 3px solid #a2d4e0;
}

#wrapper-inner {
	width: 760px;
	margin: 0 auto;
}

/* Masthead */

#masthead {
	background: #2f2f2f url(images/bg.jpg) repeat;
	padding-top: 5px;
	margin-top: 0;
	border-bottom: 1px solid #1b1b1b;
	color: #FFFFFF;
}

#masthead-inner {
	margin: 0 auto;
	width: 760px;
}

#masthead p {
	float: left;
	padding: 10px 0 10px 0;
	font-weight: bold;
}

#social-icons {
	float: right;
}

#social-icons li {
	display: inline;
}

#social-icons img:hover {
	-o-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
}

/* Header */

#header {
	background: url(images/headerbg.jpg) repeat;
	border-bottom: 3px solid #bb2241;
}

#header-inner {
	background: url(images/ashley.png) right bottom no-repeat;
	min-height: 450px;
	width: 760px;
	margin: 0 auto;
}

#header-inner p {
	padding-top: 10px;
}

/* projects */

#projects-one {
	width: 355px;
	padding-right: 25px;
	float: left;
	padding-bottom: 50px;
}

#projects-two {
	width: 355px;
	padding-left: 25px;
	float: right;
}

.bookmark {
	position: absolute;
	left: 305px;
	top: -5px;
}

.bookmark:hover {
	top: -4px;
}

#video-games, #photography, #robot-panties, #ashley-baxter, #brokers-direct {
	width: 355px;
	height: 140px;	
	margin-top:  50px;
}

#video-games h3, #photography h3, #robot-panties h3, #ashley-baxter h3, #brokers-direct h3 {
	position: absolute;
	width: 341px;
	bottom: -25px;
	background: #bb2241;
	padding: 7px;
	font-size: 17px;
	font-weight: bold;
	font-family: "ff-speak-web-pro-1","ff-speak-web-pro-2";
}

#video-games {
	background-image: url(images/rockersdelight.jpg);
}

#photography {
	background-image: url(images/girlwithacamera.jpg);
}

#robot-panties {
	background-image: url(images/robotpanties.jpg);
}

#ashley-baxter {
	background-image: url(images/ashleybaxter.jpg);
}

#brokers-direct {
	background-image:  url(images/brokersdirect.jpg);
}

/* About */

#about {
	background: url(images/headerbg.jpg) repeat;
	padding-bottom: 50px;
}

#elsewhere {
	float: left;
	width: 350px;
	padding-right: 50px;
	display: inline;
	font-size: 14px;
}

#elsewhere li {
	background: url(images/bullet.png) left no-repeat;
	padding-left: 15px;
}

#elsewhere a:hover {
	color: #2f2f2f;
}

#about h2 {
	margin-bottom: 50px;
}

#about-inner {
	width: 760px;
	margin: 0 auto;
}

#about p {
	float: right;
	width: 360px;
	text-align: justify;
}

#about-img {
	position: absolute;
	left: 0;
	top: 215px;
}

/* Footer */

#footer {
	background: #2f2f2f url(images/bg.jpg) repeat;
	padding: 10px 0 10px 0;
	margin-bottom: 0;
	color: #FFFFFF;
}

#footer-inner {
	width: 760px;
	margin: 0 auto;
}

.clearer {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}