/*
Theme Name: WordPress Default
Theme URI: http://www.19dozen.com
Description: Custom theme for Hampton Hire
Version: 1
Author: Steve Mellor
Author URI: http://www.19dozen.com
*/

@import url(style-import.css);

@import url(style-menu.css); /* Imports the styles for the menu */

body{
	/*background:#DED7C4;*/
	background-image:url('images/hampton-bg.png');
	background-position:center;
	color:#2F2F2F;
	behavior: url("/wp-content/themes/Hampton/csshover3.htc");
}

#container{ /*main frame*/
	width:900px;
        height:auto;
	padding:0px;
	background: #ffffff; /*url(images/background_white.gif) repeat-y 0 0*/
        font-family: 'Verdana', San-serif;
        font-size: 12px;
		line-height:22px;
}

#banner{ 
	height:115px;
	background-repeat:no-repeat;
	background-color:#670001;
}

#menu{
	height:22px;
        padding: 5px 0px 5px 0px;
	background:url(images/3-1.jpg);
	background-repeat:repeat-x;
	background-color:#670001;
        font-size: 10px;
        font-weight:bold;
}

#banner-image {
	height:170px;
	background:url(images/02.jpg);
	background-repeat:no-repeat;
	background-color:#670001;
}

#content {
    padding: 15px 15px 15px 0px;
    float:right;
    width:680px;
    background-color:#ffffff;
}
div.post {
	width:680px;
}
div.entry {
	width:680px;
}

#content h1 {
	font-size: 27px;
	margin-bottom: 10px;
	margin-top: -10px;
	line-height: 35px;
	color:#600000;
}
#content p {margin-bottom: 10px}

/*These list tags create an ordinary list with CSS that splits in the middle into two or more columns*/
#content #splitlist {
    float: left;
    width: 680px;
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}
#content #splitlist li {
    float: left;
    width: 17em;
    margin: 0;
    padding: 0;
}
/* End of list code */

/* Code for icon list menu */
#content #product_list {
    float:none;
	position:relative;
	margin:10px 0;
	width:620px;
}

#content #product_list li {
    width:12em;
    margin:0 10px 30px 0;
	text-align:center;
	float:left;
	list-style: none;
}
#content #product_list .iconcontainer {
	border:1px solid #600000;
	margin-right:20px;
}
#content #product_list iconimage {

}
#content #product_list .iconlink {
	background-color:#600000;
	color:white;
}
#content #product_list .iconlink a {color:white}

#content .page_item {
    float:none;
    width:auto;
    margin:0 0 10px 0;
}
#content h2 {font-size:14px}

#sidebar{
	float:left;
	width:180px;
        background: #ffffff; /*url(images/background_white.gif) repeat-y 0 0*/
        padding: 10px 10px 10px 10px;
        text-align:center;
        
}
#sidebar #bl {background: url(images/bl.gif) 0 100% #d9d9d9 no-repeat}
#sidebar #br {background: url(images/br.gif) 100% 100% no-repeat}
#sidebar #tl {background: url(images/tl.gif) 0 0 no-repeat}
#sidebar #tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px 0px 5px 0px}
#sidebar #clear {font-size: 1px; height: 1px}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar p {
    font-size: 14px;
    font-weight:bold;
    text-align:center;
    margin:30px 0 10px 0;
}
#sidebar img {
    margin-bottom: 10px;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
#sidebar .textwidget{clear:left}
#sidebar img.alignleft {
	float:none;
	margin: 0px 0px 0px 0px;
}
#sidebar #widget_sp_image-6, #widget_sp_image-7, #widget_sp_image-8, #widget_sp_image-9, #widget_sp_image-10, #widget_sp_image-11 {display:inline}

#footer{
	width:880px;
	height:110px;
	padding:10px 10px 10px 10px;
	background:#600000;
        clear:both;
}

#address{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:16px;
}

#address a:link, #address a:visited{
	color:#fff;
	text-decoration:none;
}

#address a:active, #address a:hover{
	color:#999;
	text-decoration:none;
}

#copyright{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:16px;
	margin-top:5px;
}

#copyright a{
	margin-right:10px;
	padding: 4px 4px 4px 4px;
	border: 2px solid #e63000;
}

#copyright a:link, #copyright a:visited{
	color:#fff;
	text-decoration:none;
}

#copyright a:active, #copyright a:hover{
	color:#999;
	text-decoration:none;
	border: 2px inset #e63000;
}
#nineteenlink {
	margin-top: 70px;
	font-size:10px
}
#nineteenlink a{
	margin-right:0;
	padding: 0;
	border:  none;
}
#nineteenlink a:active {
	color:#999;
	text-decoration:none;
}
#nineteenlink a:hover{
	color:#999;
	text-decoration:underline;
	border: none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 */