/* BOXES AND PANELS */
body	{
margin:0px auto 0px auto;
background-color:#ffffff;
background-image:url(images/orangeh5bg.gif); 
font-family:arial;
}

.header	{
	width:100%;
margin:10px 0px 14px 24px;
padding:0px 0px 10px 0px;
float:left;
}

.page	{
float:left;
	width:1115px;
margin:0px 0px 0px 0px;
/*background-color:#cfc4cd;*/
}


.sevencolumn	{
margin:0px 0px 14px 14px;
width:818px;
float:left;
}

.fourcolumn	{
	float:left;
	width:534px;
	margin:0px 0px 0px 10px;
}

.box	{
width:534px;
margin:5px 0px 10px 0px;
background:#f3e2c2;
padding-bottom:5px;
float:left;
background-image:url(images/boxbg.gif);
background-repeat:repeat-x;
border-top:1px solid #f3e2c2;
}


.projects	{
background:#f7f1e6;
margin:5px 5px 0px 5px;
width:524px;
float:left;
color:#2b0f25;
background-image:url(images/projectsbg.gif);
background-repeat:repeat-x;
border-top:1px solid #f3e2c2;
border-bottom:2px solid #efe0c6;
	}
	
.projecttext	{
	width:285px;
	float:left;
	margin:0px 5px 0px 5px;
}


.threecolumn	{
	float:left;
	width:255px;
	margin-top:0px;
	height:100%;
	padding:0px;
	margin:0px 0px 0px 14px;
	font-size:10pt;
}

.block	{
width:255px;
margin:0px 0px 10px 0px;
float:left;
background-image:url(http://www.roberthempsall.co.uk/images/blockbg.png);
}

.narrow	{
width:245px;
border-bottom:none;
margin:0px 0x 10px 0px;
	}



	
	
	.flickr	{
		width:228px;
		float:left;
		margin:6px;
		border-bottom:1px solid #ffffff;
			border-left:1px solid #ffffff;
}


.crumbtrail	{
	width:800px;
font-family:arial;
font-size:9pt;
color:#e53517;
float:left;
margin:5px 0px 5px 10px;
clear:left;}
	


/* HEADING STYLES */


p, h1	{
	line-height:135%;
}

h1	{
font-size:22pt;
}



h2	{

margin:4px 0px 0px 0px;
padding:0px;
font-family:arial;
font-weight:bold;
text-transform:none;
font-size:14pt;
line-height:155%;
	color:#e53517;	
	}

h3	{
line-height:135%;
margin:5px 75px 0px 0px;
}


h4	{
font-family:arial;
font-size:11pt;
font-weight:bold;
color:#2b0f25;
margin:5px 10px 5px 0px;
padding:0px;
line-height:135%;
} 


h5	{	

	font-family:arial;
	font-size:14pt;
	font-weight:normal;
	font-style:normal;
	color:#2b0f25;
	margin:6px 50px 0px 0px;
line-height:165%;
	padding-bottom:10px; 
		text-align:left;
}


h6, h1	{
	
	font-family:Georgia;
font-weight:normal;
font-style:normal;
text-transform:none;
line-height:135%;
	color:#2b0f25;
	margin:0px 0px 0px 0px;
}


h6	{
font-size:11pt;
}


h7	{
font-size:11pt;
padding:4px 4px 2px 5px;
background-image:url(images/h6bg.gif);
background-repeat:repeat-x;
}

.plain	{
	background:none;
	border:none;
}

/* TYPE MODIFICATIONS */

.benefit	{
background:#f3e2c2;
padding-left:3px;
padding-right:3px;
}


h3, .features	{
font-family:Georgia;
font-weight:normal;
	color:#2b0f25;
	font-size:14pt;
}

.features {
list-style-type:disc;
border:0px;
margin:3px 20px 0px 10px;
line-height:130%;
}


.fourcolumn p, .threecolumn p	{
font-family:Arial;
margin:4px 0px 8px 0px;
font-size:10pt;
line-height:145%;

}

.fourcolumn p, .projects p	{
	color:#2b0f25;
}




.projecttext p	{
	margin-left:0px;
	}


	
	
.narrow h4, .narrow p	{
font-size:9pt;
margin:0px 0px 6px 0px;
	}




.twitter, .blog, .block p, .block h4	{
	font-family:Georgia;
	font-size:10pt;
	font-style:italic;
	color:#ffffff;
	font-weight:normal;
	margin:0px 5px 8px 5px;
	}






/*LINKS*/

/* ORANGE LINKS and ROLL OVERS */
  
.link a:hover, 
h4 a:hover, 
.blog a:hover, 
.block a:hover,
h2 a, 
h3 a:hover, 
p a:hover,
li a,
ul a,
.navigation a	
{
	color:#e53517;
	text-decoration:none;
	border-bottom:1px dotted;
}


/* PURPLE LINKS and ROLL OVERS */
h3 a, 
h2 a:hover, 
h6 a:hover, 
h4 a,
li a:hover, 
ul a:hover,
p a,
h5 a:hover, 
.entry p a
{
text-decoration:none;
color:#2b0f25;
border-bottom:1px dotted;
}



/* WHITE LINKS and ROLL OVERS */
h5 a,
h1 a,
h6 a,
.blog a,
.block a
{
color:#ffffff;
text-decoration:none;
border-bottom:1px dotted;
}



 h1 a	{
font-size:10pt;
}


h5 a	{
	font-weight:bold;
}





/* IMAGES */

.block img	{
	margin-left:8px;
	margin-bottom:3px;
}
	
.flickr img	{
float:left;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
border-left:none;
border-bottom:none;
margin-left:0px;}

.thumbnail	{
width:54px;
margin:5px 0px 5px 4px;
	border:1px dotted #2b0f25;
}


.mainimage	{
 width:798px; 
 margin-left:10px; 
 margin-bottom:10px;
 margin-top:8px;
 border:1px solid #2b0f25; 
 }



.thumbnail:hover	{
border:1px dotted #e53517;
}

.projects img	{
	width:200px;
	height:125px;
	margin:5px 10px 5px 5px;
padding:0px;
float:left;
border:1px solid #2b0f25;
}








/*BLOG STYLES*/

ul	{
	font-family:arial;
	font-size:9pt;
line-height:145%;
	padding:0px;
	margin:0px 0px 10px 0px;
}

li	{
	list-style:none;
padding:3px 0px 3px 0px;
margin:0px;
}

.sidebar ul {
margin-left:0px;
padding:0px;
}


.sidebar li {
margin-left:0px;
padding-left:0px;
}


.post h1	{
margin-left:10px;
	margin-top:0px;
}

.post h2	{
margin-left:0px;
}


.entry h2	{
	margin-left:0px;
}

	
.entry p	{
margin-right:20px;
}

.entry img	{
	clear:right;
	border:1px solid #2b0f25;
}

.navigation	{
	float:left;
clear:right;
font-size:10pt;
margin:5px 0px 5px 7px;
}

.post	{
	width:530px;
	float:left;
	border-top:1px dotted #ffffff;
	margin:0px 10px 20px 0px;
	background:#ffffff;
	color:#2b0f25;
}


.post h2	{
margin-right:10px;
}

.comment	{
	float:left;
}

.vote	{
float:right;
}
