/* -----------------------------------------------
camra.asn.au
style sheet: camra.css
20 Aug 2007
----------------------------------------------- */

/* document style */
body {
	background: white ;
	padding: 0 ;
	margin: 0 ;
	color: #444444 ;
	font-size: 12px ;
	line-height: 1.5 ;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif;	
}

/* headings */
h1 {
	font-size: 1.3em ;
	color: #444444 ;
	line-height: 1.25 ;
}

h2 {
	font-size: 1.1em ;
	color: #444444 ;
	line-height: 1.25 ;
}

#body h3 {
	font-size: 1em ;
	color: #444444 ;
	line-height: 1.25 ;
}

h3 {
	font-size: .9em ;
	color: #444444 ;
	line-height: 1.25 ;
}

h4 {
	font-size: .8em ;
	color: #444444 ;
	line-height: 1.25 ;
}

/* lists */
li {
	padding: .1em ;
	list-style-type: square ;
}

#menu {
	margin-bottom : 10px ;
	margin-left : auto ;
	margin-right : auto ;
	clear: both ;
	color: #444444 ;
}

#menu ul {
	text-align: left ;
	padding: 0 ;
	margin: 0 ;
}

#menu li {
	display: inline ;
	padding-right: 5px ;	
}

#menu a:link { text-decoration : none ; }
#menu a:visited { text-decoration : none ; }
#menu a:hover { text-decoration : underline ; }
#menu a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#menu td {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif ;	
	font-size: 10px ;
	line-height: 1.25 ;
}

/* page divisions */

#wrapper {
	background: white ;
}
#container {
	background: white ;	
	margin-top : 5%;
	margin-left : auto;
	margin-right: auto;
	height: 520px ;
	width: 920px ;
	line-height: 1.25 ;
}

#gallery {
	width: 350px ;
	height: 485px ;
	float: left ;
	color: #444444 ;
	overflow: hidden ;
}

#gallery_long {
	width: 350px ;
	height: 1000px ;
	float: left ;
	color: #444444 ;
	overflow: hidden ;
}

#gallery a:link { text-decoration : underline ; }
#gallery a:visited { text-decoration : underline ; }
#gallery a:hover { text-decoration : underline ; }
#gallery a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#body {
	margin-left: 40px ;
	margin-top: 30px ; 
	height: 485px ;
	width: 530px ;
	float: left ;
	overflow: auto ;	
	line-height: 1.5 ;
}
#body a:link { text-decoration : underline ; }
#body a:visited { text-decoration : underline ; }
#body a:hover { text-decoration : underline ; }
#body a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#body_scroll {
	margin-left: 40px ;
	margin-top: 30px ; 
	height: 485px ;
	width: 530px ;
	float: right ;
	overflow: auto ;	
	line-height: 1.5 ;
}
#body a:link { text-decoration : underline ; }
#body a:visited { text-decoration : underline ; }
#body a:hover { text-decoration : underline ; }
#body a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#body_long {
	margin-left: 40px ;
	margin-top: 30px ; 
	width: 530px ;
	float: left ;
	overflow: auto ;	
	line-height: 1.5 ;
}

#gallery_book {
	width: 280px ;
	height: 485px ;
	float: left ;
	color: #444444 ;
	overflow: hidden ;
}

#gallery_book a:link { text-decoration : underline ; }
#gallery_book a:visited { text-decoration : underline ; }
#gallery_book a:hover { text-decoration : underline ; }
#gallery_book a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#gallery_scroll {
	width: 350px ;
	color: #444444 ;
	overflow: auto ;
	float: right;
}

#gallery_blog {
	width: 3px ;
	height: 485px ;
	float: left ;
	color: #444444 ;
	overflow: hidden ;
}

#gallery_full {
	width: 3px ;
	height: 485px ;
	float: left ;
	color: #444444 ;
	overflow: hidden ;
}

#gallery_scroll {
	width: 3px ;
	height: 485px ;
	float: left ;
	color: #444444 ;
	overflow: hidden ;
}

#body_blog {
	margin-top: 30px ; 
	margin-left: 40px ;
	height: 485px ;
	width: 660px ;
	float: left ;
	overflow: auto ;	
	line-height : 1.5 ;
}

#body_book {
	margin-left: 40px ;
	margin-top: 30px ; 
	height: 485px ;
	width: 600px ;
	float: left ;
	overflow: auto ;	
}
#body_book a:link { text-decoration : underline ; }
#body_book a:visited { text-decoration : underline ; }
#body_book a:hover { text-decoration : underline ; }
#body_book a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#body_full {
	margin-top: 30px ; 
	margin-left: 40px ;
	height: 485px ;
	width: 760px ;
	float: left ;
	overflow: auto ;	
	line-height : 1.5 ;
}
#body_full a:link { text-decoration : underline ; }
#body_full a:visited { text-decoration : underline ; }
#body_full a:hover { text-decoration : underline ; }
#body_full a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#body_only {
	margin-top: 30px ; 
	margin-left: 0px ;
	height: 485px ;
	width: 910px ;
	float: left ;
	overflow: auto ;	
	line-height : 1.5 ;
}
#body_only a:link { text-decoration : underline ; }
#body_only a:visited { text-decoration : underline ; }
#body_only a:hover { text-decoration : underline ; }
#body_only a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

#footer {
	text-align: center ;
	margin-top: 5px ;
	clear: both ;
	color: #444444 ;
	line-height: 1.25 ;
}
#footer a:link { text-decoration : underline ; }
#footer a:visited { text-decoration : underline ; }
#footer a:hover { text-decoration : underline ; }
#footer a:active { text-decoration: none ; color: #FFFFFF ; background: #000000 ; }

/* pseudo classes */
a:link {
	text-decoration: underline ;
	color: #444444 ;
	}

a:visited {
	text-decoration: none ;
	color: #444444 ; 
}

a:hover {
	text-decoration: underline ;
	color: #444444 ;
}

a:active {
	text-decoration: none ;
	color: #FFFFFF ; 
	background: #000000 ;
}

/* ==================================================================================
/*
 * Combined style sheet for the J album index pages and the slide pages.
 */

/* Style for all table cells. */
td {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif;	
}

/* Put a border on all generated images */
.image {
	border-width: 1px;
	border-color: #444444;
	border-style: solid;
	margin: 5px;
}

/* Align the content of the cells on the index pages to the center and bottom. */
#index td {
	text-align: center;
	vertical-align: middle;
}

/* Remove the margin under the images on the index pages. */
#index .image {
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0;
}

/* Don't have margins on the slide pages. */
body#slide {
	margin: 0;
}

/* Highlight the image name on the slide pages. */
#slide .name {
	font-weight: bold;
	font-size: 1.3em ;
	color: #444444 ;
	line-height: 1.25 ;
}

/* Custom link styles */

#imageinfo {
	visibility: hidden;
}