/*
Padalacs Photography CSS style sheet (layout)
Designed by Harry Leith of Digital Forge
http://www.digitalforge.com.au
version 1.0 | 31st August 2007

This CSS style sheet controls how sections of content on the page are arranged. This controls the layout of elements of the document. Positioning of menu bars, main body content, footer and graphics.
*/



/* #### A fixed width box to contain all the page content. All other sections of the page are contained within this box. #### */
#container
{
	position: relative;
	width: 800px;
	background-color: #000;
	padding: 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	margin: 0px auto 0px auto;
	min-height: 400px;
	background-image: url(../images/padalacs_bg2.jpg);
	background-repeat: no-repeat;
}



/* #### Positioning for vertical navigation elements. [not used in this document - superceded by the horizontal navigation style.] #### */
#vertical_navigation
{
	position: absolute;
	width: 180px;
	left: 20px;
	top: 120px;
	padding: 0px;
	margin: 0px;
	min-height: 400px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}


/* #### Positioning for horizontal navigation elements. [Navigation elements are contained within a HTML list. The layout and functioning of that list is controlled by the next few CSS elements] #### */
#horizontal_navigation
{
	position: absolute;
	width: auto;
	right: 20px;
	top: 70px;
	padding: 10px;
	margin: 0px;
	text-align: right;
	border-top: 1px #FFF solid;
	border-right: 1px #FFF solid;
}

#horizontal_navigation ul
{
	padding: 0px;
	margin: 0px;
}


/* #### Positioning for individual horizontal navigation elements of the list. #### */
#horizontal_navigation li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	/*border: 1px #fff solid;*/
}



/* #### Default state for individual horizontal navigation elements. #### */
#horizontal_navigation li a:link
{
	text-decoration:none;
	color: #ffffff;
}



/* #### Visited state for individual horizontal navigation elements. #### */
#horizontal_navigation li a:visited
{
	text-decoration:none;
	color: #ffffff;
}



/* #### Rollover state for individual horizontal navigation elements. Generates a thick white line beneath the navigation element using the border_bottom CSS property. #### */
#horizontal_navigation li a:hover
{
	text-decoration: none;
	color: #ffffff;
	border-bottom: 3px #FFF solid;
}



/* #### Active state for individual horizontal navigation elements. #### */
#horizontal_navigation li a:active
{
	text-decoration:none;
	color: #ffffff;
	border-bottom: 3px #FFF solid;
}



/* #### Container for main body elements of the page. Text content etc. appears within this section of the page. #### */
#content
{
	position: relative;
	margin: 120px 20px 20px 260px;
	min-height: 400px;
	/*border: 1px #FFF solid;*/
}



/* #### Positioning of the footer section of the page.  #### */
#footer
{
	text-align: center;
	border: 1px #000000 solid;
	clear: both;
}

/* #### Default state for footer link elements. #### */
#footer a:link
{
	text-decoration:none;
	color: #ddd;
}



/* #### Visited state for footer link elements. #### */
#footer a:visited
{
	text-decoration:none;
	color: #ddd;
}



/* #### Rollover state for footer link elements. Generates a thick white line beneath the navigation element using the border_bottom CSS property. #### */
#footer a:hover
{
	text-decoration: none;
	color: #ddd;
	border-bottom: 1px #FFF solid;
}



/* #### Active state for footer link elements. #### */
#footer a:active
{
	text-decoration:none;
	color: #ddd;
	border-bottom: 3px #FFF solid;
}


/*Content block navigation elements*/

/* #### Default state for link elements inside the content block. #### */
#content a:link
{
	text-decoration:none;
	color: #ddd;
}



/* #### Visited state for link elements inside the content block. #### */
#content a:visited
{
	text-decoration:none;
	color: #ddd;
}



/* #### Rollover state for link elements inside the content block. Generates a thin white line beneath the navigation element using the border_bottom CSS property. #### */
#content a:hover
{
	text-decoration: none;
	color: #ddd;
	border-bottom: 1px #FFF solid;
}



/* #### Active state for link elements inside the content block. #### */
#content a:active
{
	text-decoration:none;
	color: #ddd;
	border-bottom: 3px #FFF solid;
}