/*
Theme Name: Main style
*/

/* Universal selector */
* { margin: 0px; padding: 0px; border: 0px;}

html, body { width: 100%; }

/* Default styles for page */
body {
	color: #000000;
	background-color:#996666;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	background-image: url("images/bg_body.gif"); 
	background-position: top left;
	background-repeat: repeat-x;	
}

img {vertical-align: middle}    
h1 {
	font-size: 300%;
	font-weight: bold;
	margin-left: 210px;
	width: 580px;
	border-bottom: 4px solid #990000;
	border-top: 4px solid #990000;
	color: #FFFFFF;
}    
h1, h2, h3, h4, h5, h6 {font-family:"Times New Roman", Times, serif}
ul, ol {margin-left: 1em;}

p, cite, li {margin-top: 0.5em; margin-bottom: 0em}

em {font-style: italic; font-weight: bold}

pre, code {font-family: "Courier New", Courier, mono}

/* The wrapper for the page, centres page contents in window */
#page_wrap {
	width: 820px;
	margin: auto;
	background-image: url("images/bg_wrap.gif"); 
	background-position: top left;
	background-repeat: repeat-y;
}

/* The container for page header, coloured using background image */
#page_header {
	position: relative;
	height: 180px;
	padding-top:20px;
	background-image: url("images/bg_header.gif"); 
	background-position: top left;
	background-repeat: no-repeat;
}
#page_title {
	position: relative;
	z-index:4;
}
#page_title span {
	position: absolute;
	display: block;
	line-height:1em;
	font-weight: bold;
	color: #FFFFFF;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
}	
#page_title .who {
	font-size: 5em;
	top: 0em;
	left: 0.3em;
	height: 1.8em;
	padding-left: 0.2em;
	padding-right: 0.4em;
	font-family: Verdana, sans-serif;
	color: rgb(30, 30, 30);
	background: transparent url("images/white50_fade_lr.png");
	background-repeat: repeat-y;
	background-position: left;
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=50); /* internet explorer */
	-moz-opacity: 0.5; /* mozilla, netscape */
	-khtml-opacity: 0.5; /* khtml, old safari */	
	-o-opacity: 0.5; /* old opera */	
	opacity: 0.5;	
}
#page_title .who_underline {
	font-size: 1em;
	top: 5.5em;
	margin-left: 3.5em;
	width: 11em;
	height: 0.5em;
	line-height:0.5em;
	background-color: rgb(0, 0 , 0);
	
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=30); /* internet explorer */
	-moz-opacity: 0.3; /* mozilla, netscape */
	-khtml-opacity: 0.3; /* khtml, old safari */	
	-o-opacity: 0.3; /* old opera */	
	opacity: 0.3;	
}
#page_title .owns {
	border: 1px solid white;
	font-size: 3.5em;
	top: -0.3em;
	left: 1.8em;
	width: 1em;
	padding-bottom: 0.3em;
	font-family: "Andale Mono", sans-serif;
	font-weight: normal;
	text-align: center;
	word-wrap: break-word;
	line-height: 0.7em;	
	
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=80); /* internet explorer */
	-moz-opacity: 0.8; /* mozilla, netscape */
	-khtml-opacity: 0.8; /* khtml, old safari */	
	-o-opacity: 0.8; /* old opera */	
	opacity: 0.8;	
}
#page_title .place {
	font-size: 8em;
	top: 0.2em;
	left: 1.3em;
	font-family: Georgia, "Times New Roman", serif;
	
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=70); /* internet explorer */
	-moz-opacity: 0.7; /* mozilla, netscape */
	-khtml-opacity: 0.7; /* khtml, old safari */	
	-o-opacity: 0.7; /* old opera */	
	opacity: 0.7; /* fx, safari, opera */
}


/* The container for page footer, copyright address etc. */
#page_footer {
	padding: 5px 10px;
	margin:	0px 19px 0px 21px;
	font-size: 90%;
	background-color: #F3E9E9;
	text-align:center;
}

/* End of page block for showing rounded corners and showdows */
#page_end {
	clear: both;
	height: 40px;
	text-align: left;
	background-image: url("images/bg_footer.gif"); 
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* Container for main contents of page */
#page_content {
	position: relative;	
	width: 790px;
	margin-left: 16px;
	min-height: 560px;
	background-image: url("images/devon.gif"); 
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 40px;
}

/* Positioning of background for top of all boxes */
.box_top {
	background-position: top left;
	background-repeat: no-repeat;
} 
/* Lower part of ALL boxes start just below upper part.*/
.box_container {
	position: relative;
	top: 21px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
/* Positioning for contents of ALL boxes, so they don't touch borders */
.box_content {
	position: relative;
	top: -20px;
	padding: 5px 20px 10px 10px;
}


/* First box structure */
#box1 {
	width: 556px;
	margin-left: 120px;
	background-image: url("images/box1top.png"); 
}
#box1 .box_container {
	background-image: url("images/box1bottom.png"); 
}
#box1 .box_content {
	font-family: 'Times New Roman', Times, serif;
	font-size: 180%;
	text-align: center;
	padding-top:15px;
}

/* Second box structure */
#box2 {
	width: 434px;
	margin-left: 70px;
	background-image: url("images/box2top.png"); 
}
#box2 .box_container {
	background-image: url("images/box2bottom.png"); 
}

/* Third box structure */
#box3 {
	position: relative;
	left: 420px;
	width: 276px;
/*	margin-left: 420px;*/
	background-image: url("images/box3top.png"); 
}
#box3 .box_container {
	background-image: url("images/box3bottom.png"); 
}
#box3 .box_content {
	color: #FFFFFF;
}

/* Fourth box structure */
#box4 {
	position: absolute;
	top:0px;
	left: 70px;
	width: 340px;
	background-image: url("images/box4top.png"); 
}
#box4 .box_container {
	background-image: url("images/box4bottom.png"); 
}

/* Separators between box layers */
.box_separator {
	height: 60px;
	margin-top: 10px;
	border-left: 5px solid #990000;
}
#separator1 {
	margin-left: 150px;
}
#separator2 {
	margin-left: 150px;
	width: 300px;
	border-right: 5px solid #990000;
}

/* Container for more than one box in a row, makes box positioning relative to the layer */
.box_layer {
	position: relative;
}