/*
Theme Name: alexstanhope
Theme URI: http://www.alexstanhope.co.uk/
Description: Master CSS file.
Version: 1.0
Author: Alex Stanhope
Author URI: http://www.247creative.co.uk/
*/

/*Global Reset
*********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	}
body{
	line-height:1;
	}
ol, ul{
	list-style:none;
	}
blockquote,
q{
	quotes:none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';
	content:none;
	}			
:focus{
	outline:0;
	}			
ins{
	text-decoration:none;
	}
del{
	text-decoration:line-through;
	}			
table{
	border-collapse:collapse;
	border-spacing:0;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */	

	body{
		font:85%/150% "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		}
		#home{
			background-color:#000;
			overflow:hidden;
			}
			
/*Control Bar Styles
*********************************************************/

#controlbar{
	position:relative;
	display:block;
	width:100%;
	height:27px;
	margin: 0;
	background:#111 url(/template/theme/alexstanhope/img/bg-controlbar.png) bottom left repeat-x;
	border-bottom:2px solid #000;
	z-index:1;
	text-align:left;
	color:#eee !important;
	z-index:999;
	}
	#controlbar ul{
		margin:0 0 0 5px;
		}
		#controlbar li{
		float:left;
		padding:4px 0 3px 22px;
		margin-left:15px;
		color:#eee;
		font-family:Arial,Helvetica,sans-serif !important;
		font-size:0.8em;
		}
		#controlbar li.first{
			padding: 4px 10px 3px 0 !important;
			}
		#controlbar li.homelink{
			background:url(/template/theme/alexstanhope/img/bullet-home.gif) no-repeat 0% 50%;
			margin-left:20px;
			}
		#controlbar li.edit{
			background:url(/template/theme/alexstanhope/img/bullet-edit.gif) no-repeat 0% 50%;
			}
		#controlbar li.admin{
			background:url(/template/theme/alexstanhope/img/bullet-admin.gif) no-repeat 0% 50%;
			}
		#controlbar li.logout{
			background:url(/template/theme/alexstanhope/img/bullet-logout.gif) no-repeat 0% 50%;
			}
			#controlbar li a{
				color:#eee;
				font-weight:bold;
				text-decoration:none;
				}
				#controlbar li a:hover{
				color:#ff6600 !important;
				}
				
/*Content Styles
*********************************************************/

#homecontent{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:100%;
	background:transparent url(/template/theme/alexstanhope/img/bg-homecontent.png) repeat-y right 0;
	z-index:10;
	}
	#home .container{
		position:relative;
		width:260px;
		height:100%;
		padding:40px 20px 20px 20px;
		background:transparent url(/template/theme/alexstanhope/img/bg-content.png);
		}
		#home .container:hover{
			background:#000 url(/template/theme/alexstanhope/img/bg-content-hover.jpg) no-repeat 0 0;
			}
		a#logo{
			width:250px;
			height:82px;
			margin:0 0 30px 0;
			overflow:hidden;
			display:block;
			float:left;
			background:url(/template/theme/alexstanhope/img/alex-stanhope-logo.png) no-repeat 0 0;
			}
			a#logo:hover{
				background:url(/template/theme/alexstanhope/img/alex-stanhope-logo.png) no-repeat -250px 0;
				}
			a#logo span{
				display:none;
				}
		#homecontent h1{
			color:#ddd;
			margin-bottom:30px;
			text-shadow:#000 1px 1px 1px;
			}
			#homecontent h2, #homecontent h3, #homecontent h4{
				color:#ddd;
				margin-bottom:0;
				font-size:.95em;
				font-weight:normal;
				text-shadow:#000 1px 1px 1px;
				line-height:1.5em;
				}
				#homecontent h2, #homecontent h3{
					margin-bottom:10px;
					}
		#homecontent small{
			clear:both;
			color:#ddd;
			font-size:.75em;
			text-transform:uppercase;
			display:block;
			}
			#homecontent small a{
				color:#ddd;
				text-decoration:none;
				}
				#homecontent small a:hover{
					color:#fff;
					}
		#homecontent ul{
			margin:20px 0;
			}
			#homecontent li{
				float:left;
				width:28px;
				height:28px;
				margin-right:10px;
				cursor:pointer;
				display:block;
				}
				#homecontent li.linkedin{
					margin-right:0;
					margin-bottom:20px;
					}
				#homecontent li a{
					float:left;
					width:28px;
					height:28px;
					overflow:hidden;
					cursor:pointer;
					display:block;
					}
				#homecontent li span{
					display:none;
					}
				#homecontent li.facebook a{
					background:transparent url(/template/theme/alexstanhope/img/btn-facebook.png) no-repeat 0 0;
					}
					#homecontent li.facebook a:hover{
						background:transparent url(/template/theme/alexstanhope/img/btn-facebook.png) no-repeat -28px 0;
						}
				#homecontent li.flickr a{
					background:transparent url(/template/theme/alexstanhope/img/btn-flickr.png) no-repeat 0 0;
					}
					#homecontent li.flickr a:hover{
						background:transparent url(/template/theme/alexstanhope/img/btn-flickr.png) no-repeat -28px 0;
						}
				#homecontent li.lastfm a{
					background:transparent url(/template/theme/alexstanhope/img/btn-lastfm.png) no-repeat 0 0;
					}
					#homecontent li.lastfm a:hover{
						background:transparent url(/template/theme/alexstanhope/img/btn-lastfm.png) no-repeat -28px 0;
						}
				#homecontent li.linkedin a{
					background:transparent url(/template/theme/alexstanhope/img/btn-linkedin.png) no-repeat 0 0;
					}
					#homecontent li.linkedin a:hover{
						background:transparent url(/template/theme/alexstanhope/img/btn-linkedin.png) no-repeat -28px 0;
						}
				#homecontent li.stumbleupon a{
					background:transparent url(/template/theme/alexstanhope/img/btn-stumbleupon.png) no-repeat 0 0;
					}
					#homecontent li.stumbleupon a:hover{
						background:transparent url(/template/theme/alexstanhope/img/btn-stumbleupon.png) no-repeat -28px 0;
						}
				#homecontent li.tumblr a{
					background:transparent url(/template/theme/alexstanhope/img/btn-tumblr.png) no-repeat 0 0;
					}
					#homecontent li.tumblr a:hover{
						background:transparent url(/template/theme/alexstanhope/img/btn-tumblr.png) no-repeat -28px 0;
						}
				#homecontent li.twitter a{
					background:transparent url(/template/theme/alexstanhope/img/btn-twitter.png) no-repeat 0 0;
					}
					#homecontent li.twitter a:hover{
						background:transparent url(/template/theme/alexstanhope/img/btn-twitter.png) no-repeat -28px 0;
						}
#loading{
	position:absolute;
	top:49.5%; 
	left:49.5%;
	z-index:3;
	width:28px; 
	height:28px;
	text-indent:-999em;
	background-image: url(/template/theme/alexstanhope/img/loading.gif);
	}
#supersize{
	position:fixed;
	}
	#supersize img, #supersize a{
		height:100%;
		width:100%;
		position:absolute;
		z-index:0;
		}
	#supersize .prevslide, #supersize .prevslide img{
		z-index: 1;
		}
	#supersize .activeslide, #supersize .activeslide img{
		z-index: 2;
		}
#home #content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent url(/template/theme/alexstanhope/img/blank.gif);
	z-index:3;
	}
	#contentframe{
		position:absolute;
		bottom:20px;
		right:20px;
		overflow:hidden;
		text-align:right;
		z-index:4;
		color:#fff;
		padding:2px 7px;
		background:transparent url(/template/theme/alexstanhope/img/bg-content.png);
		-webkit-border-radius:5px;
		-moz-border-radius:5px
		}
		#slidecaption{
			overflow:hidden;
			color:#fff;
			font-weight:bold;
			}