/*
Theme Name: App School
Theme URI: http://www.appschool.co.uk
Description: Custom WordPress theme designed for The White Room App School project.
Version: 1.1
Author: Leanda Ryan

	App School v1.1

	This theme was designed and built by Leanda Ryan
*/

/* Styles Reset */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
	}


table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img, abbr {
	border: 0;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
ul {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	}
q:before, q:after {
	content: '';
	}
a, ins {
	text-decoration: none;
	}

/* "I absolutely think this is the future of great software development and distribution" – Phil Schiller */


body {
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size:62.5%;
	background: #fff url(images/body_bg.png) repeat-x;
}



img {
	border:0px;
}

p {
	
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 22px;
	color: #666;
}


/* "The idea that anyone, all the way from an individual to a large company, can create software that is innovative and be carried around in a customer's pocket is just exploding" – Phil Schiller */



#wrapper {
	width: 1100px;
	height: 100%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	background: #fff;
}

#navigation {
	width: 1100px;
	height: 60px;
	padding: 32px 0 0 80px;
	background-image: url(images/navigation_bg.png);
}

#header {
	width: 1100px;
	height: 311px;
	background: url(images/header_bg.png) no-repeat;
}


#contentwrap {
	height: auto;
	overflow: hidden;
}

#content {
	width: 700px;
	margin: 0;
	padding: 80px 10px 30px 80px;
	float: left;
	background: url(images/content_shadow.png) repeat-x;
	overflow: hidden;
}


#sidebar {
	width: 310px;
	background: url(images/sidebar_bg.png) repeat-x;
	float: left;
	overflow: hidden;
	margin-bottom: 30px;

}

#footerwrap {
	background: url(images/footerwrap_bg.png) repeat-x;
	clear: both;
}

#footer {
	width: 1100px;
	height: 200px;
	margin: 0px auto 0px auto;
	clear: both;
	background: #6a6a6a url(images/footer_bg.png) no-repeat;
}




/* “The revolutionary App Store offers iPhone and iPod touch users an experience unlike anything else available on other mobile devices, and we see no signs of the competition catching up anytime soon” – Steve Jobs*/

#nav {
	margin: 0;
	padding: 0;
	height: 34px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav ul {
	
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 34px 12px 0 0;
	overflow: hidden;
	height: 0px;
}

#nav a:hover {
	background-position: 0 -34px;
}

#nav a:active {
	background-position:  0 -34px;
}

a#home {
	width: 123px;
	background: url(images/home.png) no-repeat;
}

a#programme {
	width: 123px;
	background: url(images/programme.png) no-repeat;
}

a#apply {
	width: 123px;
	background: url(images/apply.png) no-repeat;
}

a#connect {
	width: 123px;
	background: url(images/connect.png) no-repeat;
}


/* Steve Jobs on the App Store: "I've never seen anything like this in my career for software." */


#logo {
	float: left;
	margin: 34px 0 0 80px;
	display: inline;
	}
	
#logo img {	
	height: 0;
	}
	
#logo a, #logo span {
	display: block;
	width: 399px;
	height: 86px;
	background: url(images/logo.png) no-repeat 0 0;
	}
	
#logo a:hover {
	background-position: 0 -86px;
	}
	
#elevatorpitch {
	float: left;
	width: 660px;
	height: 145px;
	margin: 22px 0 22px 80px;
	background: url(images/elevator.png) no-repeat;
	display: inline;
}	

#elevatorpitch p {
	text-indent: -5000px;
}


/* "Do you want to spend the rest of your life selling sugared water or do you want a chance to change the world?" – Steve Jobs */


h1#join {
	width: 224px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/join_head.png) no-repeat;
}

h1#areyou {
	width: 115px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/areyou_head.png) no-repeat;
}

h1#appstore {
	width: 338px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/appstore_head.png) no-repeat;
}

h1#how {
	width: 179px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/how_head.png) no-repeat;
}

h1#programmehead {
	width: 130px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/programme_head.png) no-repeat;
}

h1#applywhite {
	width: 70px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/apply_head_white.png) no-repeat;
}

h1#connecthead {
	width: 130px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/connect_head.png) no-repeat;
}

h1#notfoundhead {
	width: 130px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/404_head.png) no-repeat;
}

h2 {
	color: #72A5F1;
	font-weight: bold;
	font-size: 14px;
}

#content a:link, a:visited{ 
	color: #72A5F1;
	font-weight: bold;
	font-size: 14px;
}

	
#content a:hover {
	color: #999;
	font-weight: bold;
	font-size: 14px;
	-webkit-transition-duration: .30s;
}


/*"It scrolls like butter" - Steve Jobs*/


#applypanel {
	width: 204px;
	height: 176px;
	margin: 180px 0 0 10px;
	padding: 15px 10px 10px 10px;
	background: url(images/panel_bg.png) no-repeat;
}

h1#applyhead {
	width: 63px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(images/apply_head.png) no-repeat;
}

#applypanel p {
	font-size: 14px;
	line-height: 22px;
	color: #666;
}


#register {
	float: right;
	margin: 2px 0 0 0;
	text-indent: -5000px;
	}
	
#register img {	
	height: 0;
	}
	
#register a, #register span {
	display: block;
	width: 201px;
	height: 34px;
	background: url(images/register_but.png) no-repeat 0 0;
	}
	
#register a:hover {
	background-position: 0 -34px;
	}

/* "One last thing" – Steve Jobs */

#footer p {
	width: 400px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	padding: 20px 0 0 80px;
}



a:link.white, a:visited.white { 
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

	
a:hover.white {
	color: #999;
	font-weight: bold;
	font-size: 14px;
	-webkit-transition-duration: .30s;
}


#copyright {
	width: 1100px;
	height: 200px;
	margin: 0px auto 0px auto;

}


#copyright p {
	font-size: 12px;
	padding: 10px 0 0 80px;
}