/*******************************************************
Original Template from: The CSS Tinderbox - http://www.csstinderbox.com
Modified by Joel 2008
*******************************************************/
h1,h2,h3,h4,h5,h6,p,body {margin:0.5em 0 0 0; font-family: Calibri, Georgia, Arial, sans-serif;}  

a:link { color: darkred; text-decoration: none; }
a:visited { color: darkred; text-decoration: none; } 
a:hover { color: red; text-decoration: overline underline; } 


p.site-header {
margin: 0.2em 0 0 0;
color: black;
font-size: 2em;
font-family: Georgia, Arial, sans-serif;

}
img{
border: 3px solid black;
}

p.red{
color: red;
display: inline;
}
p.hidden{ /*same colour as background*/
color: #ACC5E6;
display: inline;
}

p.alert{
color: white;
font-size; 2em;
border: 2px white dotted;
background: MidnightBluered;
padding: 4px;
}
p.inline {
display: inline;
}
p.highlight{
background: Cornsilk;
}
p.right{
text-align: right;
}

p.small{
font-size: 0.8em;
margin-bottom: 2px;
margin-top: 0;
}

p.small-login-info{
font-size: 0.8em;
margin-bottom: 7px;
margin-top: 0;
}

p.footer-text{
padding: auto;
margin-top: -10px;
}

p.bold{
font-weight: bold;
}
h1{
font-size: 1.5em;
}
h1.page-title{
display: inline;
font-size: 1.2em;
font-weight: normal;
border-bottom: 1px MediumBlue solid;
font-family: Georgia, Calibri, Arial, sans-serif;
}

h2.page-title{
display: inline;
font-size: 1.2em;
font-weight: normal;
border-bottom: 1px MediumBlue solid;
font-family: Georgia, Calibri, Arial, sans-serif;
}


br.clear-both{
clear: both;
}
body {
margin:.5em;
padding:0;
height:100%;
background: #E4EBF7;
background-repeat: repeat-x;
background-position: top left;
background-attachment: fixed;
}

#wholedoc
	{
	/** TOP  RH BTM LH  **/
	width: 800px;
	margin: 0px auto -1px auto; 
	}

#header 
	{
	float: left;
	position: absolute;
	height: 45px;
	border: 1px solid MidnightBlue;
	border-left: none;
	width: 799px;
	background: #C5C8E6;
	text-align: right;
	font-size: 20px;
	font-family: Georgia, Calibri, Arial, sans-serif;
	}
	
#navigation
	{
	border: 1px solid MidnightBlue;
	border-right: none; 
	position: absolute;
	height: 40px;
	width: 350px;
	padding: 5px 0px 0px 5px;
	background: #C5C8E6;
	float: right;
	}

#content
	{
	margin-top: 10px; /** Only seems to effect IE **/
	padding: 50px 10px 0 10px;
	background: white;
	border: 1px solid MidnightBlue; 	border-top: none;	border-bottom: none;
	}
			/** BOXES of Content **/
			
				
			#box1, .box-left, #box2, .box-middle, #box3, .box-right, #index_box1, #index_box2, #index_box3{
			background: #8AC6FF;
			border: 1px solid MediumBlue;
			float: left;
			margin-left: 6px;
			width: 244px;
			padding-left: 3px;
			padding-right: 3px;
			margin-bottom: 6px;
			}
			
			#index_box1 {
			background-image: url('../images/css/joel_hayley.png');
			background-repeat: no-repeat;
			padding-left: auto; padding-top: auto;
			}
			
			#index_box2 {
			background-image: url('../images/css/the_stuff.png');
			background-repeat: no-repeat;
			} 
			
			#index_box3 {
			background-image: url('../images/css/question.png');
			background-repeat: no-repeat;
			}
			
	#wide_box, .wide_box
	{
	background: #8AC6FF;
	border: 1px solid MediumBlue;
	width: 760px;
	margin-top: 8px;
	margin-left: 6px;
	margin-right: 10px;
	text-align: left;
	padding: 3px;
	}
#blog_main
	{
	width: 540px;
	text-align: left;
	padding: 3px;
	float: left;
	}
.blog_post
	{
	background: #8AC6FF;
	border-bottom: 1px solid MediumBlue;
	text-align: left;
	padding: 3px;
	float: left;	
	}

#blog_second
	{
	border: 1px solid PaleGoldenrod;
	width: 15%;
	margin: 50px 5px 0 12px;
	float: left;
	text-align: left;
	padding: 0 3px 0 7px;
	}

#blog_third
	{
	background: #8AC6FF;
	border: 1px solid MediumBlue;
	width: 15%;
	margin: 0 3px 0 5px;
	float: left;
	text-align: left;
	padding: 0 3px 0 3px;
	}

	
#contact_form
	{
	background: #8AC6FF;
	border: 1px solid MediumBlue;
	width: 620px;
	margin: auto;
	text-align: center;
	}
	
			
#login_form
	{
	background: #8AC6FF;
	border: 1px solid MediumBlue;
	width: 50%;
	margin: 0 10% 0 10%;
	text-align: center;
	}
	


			
#footer
	{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20%;
	font-size: 0.8em;
	background: #C5C8E6;
	border: 1px solid MidnightBlue;
	height: 30px;
	
	}
#gallery_image{

padding: 5px;
margin: 5px;
display: inline;
float: left;
border: 1px solid black;
}
.center {
text-align: center;
}

.left{
text-align: left;
}

.right {
text-align: right;
}


#topright {
position: fixed;
right: 0;
top: 0;
margin-top: 10px;
display: block;
height: 125px;
width: 180px;
text-decoration: none;
}