/* Photo gallery template ||| Joshuaink.com ||| March 2005 ||| Free to use but this credit must remain in place */

*{
	margin:0;
	padding:0;
	/* font-size:100%; */

}

html{
/* Fixes background nastiness when a sidebar is open in Firefox */
	min-width:770px;
}

body{
    margin-top:5px;
	font:normal 62.5%/1.8em Arial, Helvetica, sans-serif;
	/*color:#666;*/
	background:#F6F5F0;
	text-align:center;
}

a{
	color:#666;
	text-decoration:none;
}

p,
h2{
	margin:15px 5px;
}

h2{
	color:#999;
}

#wrap{
	width:770px;
	margin:0 auto;
	position:relative;
}

#header{
	margin-bottom:20px;
}

#header a{
	text-decoration:underline;
}

#pageheadContainer{
    width:100%;
	background:transparent url(../candy/pageheadBackground.png) 0 100% repeat-x;
}

#pagehead{
	width:770px;
	margin:0 auto;
	position:relative;
	text-align:left;
	height:130px;
	background:transparent url(../candy/pageheadBackground2.png) 0 100% repeat-x;
}

/*=====[ Navigations ]=====*/

#pagehead h1 a{
/* Create blank hit area for logo/signature - PNG here would have been nice but hey, this is IE land we live in!  */
	display:block;
	text-indent:-9999px;
	width:230px;
	height:150px;
	text-decoration:none;
/* Float to make hit area work in... yup, you gussed it ayyyeee 5! */
	float:left;
}

#pagehead a:hover{
/* prevent background colour used on site wide anchors */
	background:transparent;
}

#pagehead h1{
/* Position blank hit area over background logo/signature */
	position:absolute;
	top:0;
	left:0;
}

/* Main navigation list */

#pagehead ul{
	display:block;
	position:absolute;
	top:105px;
	left:250px;
}

#pagehead li{
	display:block;
	float:left;
	width:80px;
	margin-left:3px;
}

#pagehead li a{
	display:block;
	height:20px;
	text-align:center;
	color:#4B271B;
	font-size:1.2em;
	font-weight:bold;
/* Line height same as height, which puts the text vertically centered */
	line-height:20px;
	text-decoration:none;
	text-transform:lowercase;
}

#pagehead li.odd a{
	background:#CBA181;
}

#pagehead li.even a{
	background:#B67357;
}

#pagehead a:hover{
	color:#FFE;
}

#main-content li{
	width:200px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

/* #main-content ul used to prevent main navigation, within #pagehead,
   list breaking */

#main-content ul{
	margin:0.8em 0 0.6em 1em;
	padding-left:1em;
	list-style-type:square;
}

#fullplate-navigation{
	font-size:2.0em;
	list-style:none;
	margin:5px 0 0 70px;

}

#fullplate-navigation li{
	display:block;
	float:left;
	width:210px;
		
}

#previous{
	text-align:left;
}

#next{
	text-align:right;
}

#fullplate-navigation li a{
	display:block;
	width:190px;
	padding:10px;
}

#fullplate-navigation li a:hover{
	color:#333;
}

#fullplate-photo{
	border:solid #EEE;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding:5px 15px 15px 15px;
	margin:0 auto;
	width:600px;
}


#main-content  a span{
	position:absolute;
	left:-9999px;
}

#main-content a:hover span{	
	top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFF;
	/*color:#999;*/
	padding:5px 0 5px 0;
	/*text-transform:uppercase;*/
	font-size:100%;
	border:1px solid #EEE;
	/* border-width:0 0 10px 0; */
	/*filter:alpha(opacity=100);*/
} 

img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

#foot{
	font-size:2.0em;
	padding-top:10px;
	margin-bottom:20px;
	clear:left;
}