/*
Theme Name: HolroydSkipHire
Theme URI: http://holroydskiphire.co.uk.davemee.com /
Description: Holroyd Skip Hire design
Version: 1.0
Author: TANDOT 
Author URI: http://tandot.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Rockwell", "Lucida Grande", Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	padding-bottom:120px;
	font-size:150%;
}

/* header */
#page div#header div#headerimg div.description, 
#page div#header div#headerimg h1 {
	display:none;
}

/* navigation */
#page #vuheader {
	position:fixed;
	left:0; top:0;
	text-align:center;
	width:100%;
}

#page #vuheader div#logo {
	height:127px;
	display:block;
	background: url('images/title_bg.png') repeat-x;
	clear:both;
	width:100%;
	text-align:center;
}

#page #vuheader div#logo a img {
	border:0;
	top:5px;
	position:relative;
}

#page #vuheader div#vunav {
	background: url('images/nav_bg.png') repeat-x;
}

#page #vuheader div#vunav ul#pagenav {
	margin:0 auto;
	max-width:900px;
	height:53px;
	overflow:hidden;
}
#page #vuheader div#vunav ul#pagenav li {
	list-style: none;
	clear:none;
	float:left;
	width:120px;
	text-align: center;
	font-family: "Rockwell", "Lucida Grande", Verdana, Arial, Sans-Serif;	
	font-weight:bolder;
	font-size: 110%;
	font-size:.95em;
	height:53px;
	background-color:yellow;
	padding-top:2px;
	overflow:hidden;
}
#page #vuheader div#vunav ul#pagenav li.page_item {
	background: url('images/nav_off.png');
}
#page #vuheader div#vunav ul#pagenav li.current_page_item {
	background: url('images/nav_over.png');
}
#page #vuheader div#vunav ul#pagenav li a {
	color:gray;
	text-decoration:none;
}
#page #navheader div#vunav ul#pagenav li a:hover {
	color:#E2330B;
}
#page #navheader div#vunav ul#pagenav li a:visited {
	color:black;
}

#page #vuheader div#vunav ul#pagenav li.current_page_item a {
	color:#442222;
}
#page #vueheader div#vunav ul#pagenav li.current_page_item a:hover {
	color:#663333;
}
#page #vueheader div#vunav ul#pagenav li.current_page_item a:visited {
	color:black;
}


#page #vuheader div#vunav ul#pagenav li.navleft {
	width:30px;
	height:53px;
	background:url('images/nav_left.png');
}
#page #vuheader div#vunav ul#pagenav li.navright {
	width:47px;
	height:53px;
	background:url('images/nav_right.png');
}
div#page div#vuheader div#vunav ul#pagenav li.navspc {
	width:5px;
	height:53px;
	background:url('images/nav_spacer.png');
}
# page 
#page ul#pagenav li a {
	color:#E2330B;
}

/* content */

div#content {
	margin-top:60px;
	padding:10px;
}



h1, h2, h3, h4 {
	font-family: "Rockwell", "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-weight:bolder;
}

h2 {
	background-color:#E2330B;
	padding:80px 10px 6px 10px;
	color:white;
}
div.entry {
	padding:0 0 0 20px;
}
div.entry * p {
	font-size:120%;
}

div#main_map {
	right:0px;
	left:0px;
	top:0px;
	bottom:0px;
	xposition:fixed;
}

p#ll {
	display:none;
}

/* search form */
form#searchform {
	position:absolute;
	right:30px;
	top:180px;
	xborder:1px solid transparent;
	z-index:0;
}
form#searchform:hover {
	xborder:1px solid black;
}
label.hidden {
	display:none;
}
form#searchform div {
	background-color:transparent;
}
form#searchform div:hover {
}
form#searchform div input#s {
	background-color:#E2330B;
	background: url('images/search.png') no-repeat bottom right;
	border:1px solid transparent;
	border-bottom:1px dotted #882211;
	padding:1px 2px;
	margin:0;
	z-index:10;
}
form#searchform div input#s:hover {
	xbackground:white;
	border-bottom:1px dotted black;
}
form#searchform input#gosearch {
	position:relative;
	right:10px;
}


.entry * a {
		color:#331104;
		text-decoration:none;
}
.entry * a:hover {
	color:#E2330B;
	text-decoration:underline;
}
.entry * a:visited {
	color:black;
	text-decoration:undeline;
}
ol.search li {
	border:1px solid black;
	padding:2px 5px;
}

/* footer */

#footer {
	position:fixed;
	z-index:200;
	left:0;
	bottom:0;
	right:10px;
	width:auto;
		
}
#footer #lrtruck {
	display:block;
	width:434px;
	height:218px;
	float:right;
	background-image:url('images/lrtruck.png');	
}
#footer #footertext {
	height:5em;
	left:2em;
	bottom:2em;
	position:fixed;
	padding:10px;
	background-color:#E2330B;
	margin:0;
}
#footer #footertext div {
	border:1px solid black;
	padding:2px 8px;
	margin:0;
}
#footer #footertext div p {
	text-align:center;
	margin:0;padding:0;
	font-weight:bolder;
	color:white;
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images * /