/*CSS design for photography website*/

html
{
	height: 100%; /* fix height to 100% for IE */
	max-height: 100%; /* fix height for other browsers */

}

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	height: 100%;
	line-height: 100%;
	padding: 0;
	border: 0;
	margin: 0;
}

/* Top Banner */

#topbanner
{
	background-color: #ededed;
	height: 2.7em;
	width: 100%;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 2px ridge black;
}

#topbannercontainer
{
	width: 50em;
	margin-left: auto;
	margin-right: auto;
}

#title
{
	width: 22em;
	padding-top: 0.2em;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.title
{
	font-size: 1.5em;
	font-family: Optima, Arial;
	color: #111111;
	margin: 0;
	padding: 0;
}

.titletag
{
	font-size: 0.7em;
	width: 1.5em;
	clear: left;
	line-height: 190%;
}

#tagline
{
	width: 26em;
	float: left;
	padding-left: 1em;
	margin: 0;
	padding-top: 0.2em;
}

#tagline p
{
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

#photobanner
{
	width: 100%;
	height: 12.5em;
	clear: both;
}

#photocontainer
{
	width: 50em;
	padding-top: 1em;
	padding-bottom: 0.8em;
	margin-right: auto;
	margin-left: auto;
}

#photobox1
{
	float: left;
	width: 12em;
	height: 10em;
	border: 2px ridge black;
}

#photobox2
{
	float: left;
	width: 21em;
	height: 10em;
	border: 2px ridge black;
	margin-left: 2em;
}

#photobox3
{
	float: left;
	width: 12em;
	height: 10em;
	border: 2px ridge black;
	margin-left: 2em;
}

/*Content*/

#contentbanner
{
	width: 100%;
	min-height: 15em;
	margin: 0;
	padding: 0;
	background-color: #fefefe;
}

#contentwrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 50em;
}

#content
{
	width: 37em;
	float: left;
	margin-left: auto;
	margin-right: auto;	
	padding-bottom: 2em;
}

#content h1
{
	margin: 0;
	padding-top: 0.4em;
	padding-bottom: 0.6em;
	/*color: #ee7600;*/
	color: #666666;
	font-size: 1.4em;
	text-align: center;
	width: 100%;
}
	

#content h2
{
	margin: 0;
	margin-bottom: 1em;
	margin-top: 1em;
	color: #666666;
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #666666;
	width: 80%;
}

#content h3
{
	margin: 0;
	padding-top: 1em;
	padding-bottom: 0.5em;
	font-size: 0.9em;
}

#content h3 a
{
	text-decoration: none;
}

#content h4
{
	font-size: 0.8em;
	clear: both;
	color: #666666;
	margin: 0;
	padding: 0;
	padding-bottom: 0.2em;
	font-size: 0.8em;
}

#content p
{
	font-size: 0.8em;
	line-height: 130%;
	padding-top: 0.3em;
	padding-bottom: 1em;
	padding-right: 1em;
	margin: 0;
}

#content .contentscaption
{
	font-size: 0.8em;
	margin: 0;
	padding-left: 0.3em;
	padding-bottom: 1em;
}

#content li
{
	font-size: 0.8em;
	padding: 0.1em;
	list-style: none;
}

#contents li
{
	display: inline;
	line-height: 150%;
}

#content ul
{
	margin: 0;
	padding-left: 2em;
}

#content p.answer
{
	margin-left: 2em;
}

.hr80
{
	width: 80%;
}

.itemcentre
{
	margin: 1em auto 1em auto;
	text-align: center;
}

/*Left Column*/

#left{
	float: left;
	width: 13em;
	min-height: 15em;
	margin: 0;
}

#leftnav
{
	width: 11em;
	padding: 0;
	margin: 0;
	padding-top: 1em;
}

#leftnav li
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.85em;
	padding-top: 0.2em;
	padding-bottom: 0.6em;
	padding-left: 0.2em;
	font-weight: bold;
	color: #444444;
}

.oneline
{
	height: 1em;
}

.twoline
{
	height: 2.2em;
}

.linkem
{
	font-weight: bold;
}

#leftnav a
{
	color: #444444;
	width: 8em;
	text-decoration: none;
}

#leftnav a:hover
{
	color: #ee7600;
}

#leftnav h4
{
	color: #ee7600;
	font-size: 0.8em;
	margin: 0;
	padding-bottom: 0.2em;
}

/*Right Column*/

/*#right{
	float: right;
	width: 10em;
	height: 100%;
	min-height: 15em;
	margin: 0;
	padding-top: 0.3em;
}

#rightbox
{
	padding: 0.2em;
	margin: 0;
	border: 1px dashed #ee7600;
}

#rightbox h3
{
	font-size: 0.8em;
	color: #ee7600;
	padding-bottom: 0.2em;
	margin: 0;
	text-align: center;
}

#rightbox p
{
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}*/

/*Footer*/

#footerbanner
{
	width: 100%;
	height: 10em;
	background-color: #555555;
	padding: 0;
	margin: 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	float: left;
}

#footercontainer
{
	width: 50em;
	margin-left: auto;
	margin-right: auto;
}

#footercontainer p
{
	margin: 0;
	padding: 0;
}

#footercontainer a
{
	color: #cccccc;
	text-decoration: none;
}

#footercontainer a:hover
{
	color: #ee7600;
}


#footerleftbox
{
	width: 20em;
	float: left;
}

#footerleftbox p
{
	font-size: 0.7em;
	margin: 0;
	padding-top: 1em;
	padding: 0;
	padding-top: 0.5em;
	color: #cccccc;
}

#footerleftbox h3
{
	font-size: small;
	font-weight: bold;
	padding: 0;
	padding-top: 0.5em;
	margin: 0;
	color: #ee7600;
	border-bottom: 1px solid #ee7600;
	width: 100%;
}

#footercentrebox{
	width: 7em;
	float: left;
	margin-left: 1.5em;
}

#footercentrebox ul
{
	font-size: 0.7em;
	margin: 0;
	padding-top: 1em;
	padding: 0;
	padding-top: 0.5em;
	color: #cccccc;
	list-style: none;
}

#footercentrebox h3
{
	font-size: small;
	font-weight: bold;
	padding: 0;
	padding-top: 0.5em;
	margin: 0;
	color: #ee7600;
	border-bottom: 1px solid #ee7600;
	width: 100%;
}
	
#footerrightbox{
	width: 20em;
	float: left;
	margin-left: 1.5em;
}

#footerrightbox p
{
	font-size: 0.7em;
	margin: 0;
	padding-top: 1em;
	padding: 0;
	padding-top: 0.5em;
	color: #cccccc;
}

#footerrightbox h3
{
	font-size: small;
	font-weight: bold;
	padding: 0;
	padding-top: 0.5em;
	margin: 0;
	color: #ee7600;
	border-bottom: 1px solid #ee7600;
	width: 100%;
}
	

/*Copyright notice*/

#copyrightbanner
{
	background-color: #222222;
	width: 100%;
	float: left;
}
	
#copyrightcontainer
{
	width: 50em;
	margin-left: auto;
	margin-right: auto;
}


#copyrightbanner p
{
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	color: #aaaaaa;
	font-size: 0.7em;
}

#copyrightbanner a
{
	color: #ee7600;
	text-decoration: none;
}
	

/*Misc styling code*/

.accentorange
{
	color: #ee7600;
}

/*RSS box*/

#addSiteTo {
width:90%;
text-align:center;
}

#addSiteTo p {
padding-top: 0.2em;
margin-top: 0.4em;
color: #666666;
font-size: 1em;
font-weight: bold;
}

#addSiteTo img {
border:0;
padding-bottom: 0.6em;
}

/*Images*/

.imageleft
{
	float: left;
	margin-right: 1em;
	border: 2px ridge black;
}

#imagecentre
{
	text-align: center;
}

.imagecentre
{
	margin: 1em;
	border: 2px ridge black;
}

.listphoto
{
	width: 13em;
	float: left;
	padding-right: 1em;
}

.contentimageleft
{
	float: left;
	border: 2px ridge black;
	clear: none;
	margin-right: 1em;
}

/*#tier2list
{
	clear: both;
}

#tier2list h3
{
	padding: 0;
	padding-bottom: 0.5em;
	margin: 0;
}

#tier2list h4
{

	font-size: 0.9em;
}

#tier2list li
{
	font-size: 0.8em;
}

#tier2list p
{
	font-size: 0.8em;
}

.tier2listline
{
	clear: both;
	margin-top: 3em;
	margin-bottom: 3em;
}*/