@import url(admin.css);

/* LOS-WEB STYLESHEET
=========================================
COLOR PALETTE:
Page background: #CC9B66

Top menu default: #4D3A2C
Top menu hover color: #40453D
Left menu default: #D5C0AA
Menu selected: #752824

Quotes, film etc bg: #EDDCCA
Puff head bg: #99744C


Milky green: #E0EF9C
Shady green: #819347
Grass bed: #506F29
Fresh grass: #6CAF17
background grey: #3E4239
=========================================

========================================= */
/* PAGE STRUCTURE AND LAYOUT
========================================= */
body {
	background-color: #ffffff;
}

#outside {
	display: table;
	padding: 0 3px 0 0;	
	margin: 0 auto;
	width: 800px;	
	background: #819347 url(../_images/los/top_forest.jpg) no-repeat right top;
	border: 2px solid black;
	border-bottom: 5px solid #2e3f17;
	height: 1%;
}

#page {
	padding: 0;
	margin: 0;
}

#pagehead {
	position: relative;
	display: block;
	width: 100%;
	margin: 0; 
	padding: 0;
	height: 200px;
	z-index: 1;
}

#loslogo {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 15px;
	left: 0;
	z-index: 30;
}

/*searchbox*/
#pagehead form {
	/*float: right;
	margin: 12px 0 0 0;
	padding: 0 70px 0 0;*/
	position: absolute;
	bottom: 6px;
	left:  10px;
	margin: 0;
	padding: 0;
	z-index: 999;
}        

#googlesearchinput {
	font-size: 10px; 
	width: 130px;
}

#googlesearchbutton {
	font-size: 10px; 
}


#pageleft {
	float: left;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #819347;
	height: 100%;
	z-index: 2;
}

* html #pageleft {
	display: inline;
}
.columnpadding {
	padding: 15px 0 0 0;
	z-index: 4;
	clear: none;
}

.columnlogos {
	margin: 25px 0 0 10px;
	padding: 0 0 2px 0;
	width: auto;
	z-index: 4;
	background-color: white;
	border:  2px solid #4D3A2C;
}

.columnlogos img {
	margin: 15px 15px 10px 15px;
	border: none;
}

#maincontent {
	display: block;
	background: white;
	padding: 15px 15px 25px 15px;
	margin: 0 0 0 220px;
	border: 1px solid black;
	clear: none;
	height: 1%;
}

* html #maincontent { /* IE Win Float drop bug fix */
	overflow-x: auto;
	overflow-y: hidden;
	width: 570px;
} /* explanation at http://crowstoburnaby.com/index.php/2005/02/07/fixing_the_pc_ie_float_drop_bug */

#quickedit img, #controlpanel img {
	padding: 0;
	margin: 0;
}

.btm_wrapping_cell {
	background-color: #D88D36;
}

#footer_cell {
	clear: both;
	font: normal 10px/12px Verdana, Arial, Sans-serif;
	margin: 10px 0 0 220px;
}
#footer_cell small {
	font: normal 9px/12px Verdana, Arial, Sans-serif;
}

#bottom_cell {
	height: 5px;
	margin-bottom: 2px;
}


/* MAIN MENU
--------------------------------------------------
MODERN BRICKS Style
--------------------------------------------------

Credits: Dynamic Drive CSS Library
URL: http://www.dynamicdrive.com/style/ 
*/

#modernbricksmenu{

	position: absolute;
	bottom: 4px;
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#modernbricksmenu ul{
	font: bold 11px Arial;
	margin:0;
	margin-left: 132px; /*margin between first menu item and left browser edge (was 220px) */
	padding: 0;
	list-style: none;
}

#modernbricksmenu li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: none;
}

#modernbricksmenu a {
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #3E4239; /*Default menu color*/
	border-bottom: 1px solid #819347;
}

#modernbricksmenu a:hover {
	background-color: #112211; /*Menu hover bgcolor*/
}

#modernbricksmenu .current a { /*currently selected tab*/
	background-color: #112211; /*Brown color theme*/ 
	border-color: #112211;
}

#modernbricksmenuline { 
	position: absolute;
	bottom: -1px;
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 5px;
	line-height: 5px;
	background: #112211; /*Forest color theme 2e3f17*/ 
}


/* LEFT MENU
--------------------------------------------------
Three-level left side submenu
--------------------------------------------------
*/

#left_menu {
	padding: 0;
	margin-left: 10px;
	z-index: 1;
	border-bottom: 1px solid black;
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
	line-height: normal;
	font-size: 0.8em;
	background-color: #506F29; /* Menu default color */
	z-index: 6;
}

#left_menu ul
{
	list-style: none;
	border: none;
	padding: 0;
	margin: 0 0 0 0;
}

#left_menu li
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#left_menu li a
{
	list-style: none;
	display: block;
	padding: 5px 5px 5px 0.5em;
	color: black;    /* Default menu text color */
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	border-top: 1px solid black;
}

#left_menu li a:hover
{
	background-color: #506F29; /* Menu hover bgcolor */
	color: white;
	text-decoration: none;
}

#left_menu li a:visited 
{
	/*color: #554433;  Menu visited text color */
}


#left_menu li.current a, #left_menu li.current a:hover
{
	background-color: #2e3f17; /* Selected menu bgcolor */
	color: white;  /* Selected menu text color */
}

#left_menu li.current li a
{ /* resetting colors for sub menu items */
	background-color: #506F29; 
	color: black;  
}

/* Leftmenu level 2 */
#left_menu ul li ul
{
	list-style: none;
	border: none;
	margin: 0;
	padding: 0;
}

#left_menu ul ul li a
{
	list-style: none;
	padding: 2px 5px 1px 1em;
	font-weight: normal;
	width: 100%;
}

/* Leftmenu level 3 */
#left_menu ul ul ul li
{
	list-style: none;
	border-bottom: none;
	margin: 0;
}

#left_menu ul ul ul li a
{
	list-style: none;
	padding: 2px 5px 1px 2em;
	font-weight: normal;
	width: 100%;
}

/* Leftmenu level 4 */
#left_menu ul ul ul ul li a
{
	list-style: none;
	padding: 2px 5px 1px 1em;
	font-size: 90%;
	color: inherit;
	width: 100%;
}

html>body #left_menu li a { width: auto; }
html>body #left_menu li li a { width: auto; }
html>body #left_menu li li li a { width: auto; }
html>body #left_menu li li li li a { width: auto; }
html>body #left_menu li li li li li a { width: auto; }

* html li {
	margin-left: -3px;
}

/*
	Basic classes 
*/
hr { border: 1px solid #666666; }

/* TYPOGRAPHY 
--------------------------------------------------
Text styles for paragraphs and headings
--------------------------------------------------
*/
body, #page, #maincontent, td {
	color: black;
	font: .9em/1.7em Tahoma, Helvetica, Arial, Sans-serif;
}

h1, h2, h3
{
	color: #110011;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	line-height:  160%;
}

h4, h5, h6
{
	color: #111111;
	font-family: Georgia,"Times New Roman",Times,Serif;
	font-weight: bold;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }

abbr, acronym {
	border-bottom: 1px dotted #4D3A2C;
}

/* Lists */

dd { /* Definition list for links page */
	margin: 0 0 1em 1em;
	padding: 0 0 0 2em;
	text-indent: -1em;
}

dl dd:before { /* Generates a '>>'-character before the link, in Gecko/Opera */
	content: "\00BB \0020";
}

/* LINKS 
--------------------------------------------------
Text styles for links
--------------------------------------------------
*/


a, a:active, a:visited
{
	color: #752824;
	text-decoration: none;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
}

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


/* PUFFAR
--------------------------------------------------
Front page text boxes
--------------------------------------------------
*/
a .puff {
	text-decoration: none;
	display: block;
	float: left;
	width: 260px;
	background-color: #eddcca;
	padding: 0 0 0 0;
	margin: 5px;
	color: black;	
}

a .puff h2 {
	display:  block;
	padding: 10px;
	margin: 0;
	font: bold 14pt/18pt Verdana, Arial, Sans-serif;
	background: #506F29 url(../_images/los/top_rounded.gif) no-repeat 0 0;	
	border-bottom: 1px solid #4D3A2C;
	color: white;
}

a .puff p {
	padding: 10px;
	margin: 0;
	font: normal 10pt/13pt Tahoma, Arial, Sans-serif;
	background: #eddcca url(../_images/los/btm_rounded.gif) no-repeat left bottom;
}

a .puff img {
	border: none;
}

/* QUOTE BLOCK
--------------------------------------------------
Citatblock
--------------------------------------------------
*/
.quote {
	text-decoration: none;
	font-style: italic;
	margin: 5px 0;
	padding: 10px 20px;
	line-height: 1.55em;
	text-indent: 3.5em;
	font-size: 1.1em;
	font-style: italic;
	border: 1px solid #99744C;
	/*background: #e4ecee url(../_images/los/quote2.gif) no-repeat;*/
	background: #eddcca url(../_images/los/quote2.gif) no-repeat;
	color: #443322;
}

.clearing {
	clear: both;
}


/* TOP BUTTON
---------------------------------------------------
Style for "return-to-top" button
---------------------------------------------------
*/

.topButton {
	float: right;
	z-index: 10;
	margin-top: 1em;
}

.topButton a {
	text-decoration: none;
	margin: 3px;
	padding: 4px 6px 4px 6px;
	border: 1px solid black;
	background: #EEEEEE;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height:  1%;
}

#maincontent .topButton a { /* Targets IE */
	color: black;
}

.topButton > a { /* Targets the rest of 'em */
	color: black;
}

#maincontent .topButton a:hover {
	background: #333;
	color: white;
	text-decoration: none;
}



/* FOLDING BLOCK
---------------------------------------------------
Style for folding reference block
---------------------------------------------------
*/
.collapsable {
    margin: 0 0 1.5em 0;
    padding: 0.3em 0.5em 0.5em 0.5em;
    background: #eddcca;
    border: 1px solid #99744c;
}

.collapsable h1, .collapsable h2, .collapsable h3 {
    padding: 0;
    margin: 0;
    display: inline;
}

.collapsable h3 {
	font-size: .95em;
}

.collapsable ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.collapsable ul li {
	margin: 5px 0 0 25px;
	text-indent: -25px;
}

/* Relative boxes
---------------------------------------------------
Hidden info-boxes for roll-over display
---------------------------------------------------
*/

#relativeboxes {
	position: relative;
}

#info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9, #info10, #info11,  #info12,  #info13,  #info14,  #info15,  #info16,  #info17,  #info18,  #info19, #info20, #info21,  #info22,  #info23,  #info24,  #info25,  #info26,  #info27,  #info28,  #info29,  #info30 {
	visibility: hidden;
	width: 350px;
	padding: 5px;
	border: 3px double olive;
	margin: 6px;
	float: right;
	clear: none;
	z-index: 250;
	display: block;
	position: absolute;
	margin-top: 1px;
	background-image: url(../_images/los/transparentSteel-95.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.2em;
}

#relativeboxes img {
	border-style: solid; 
	border-width: 0;
}
/* GUESTBOOK
---------------------------------------------------
Styling of Guestbook posts
---------------------------------------------------
*/
table.gb {    
	border-top: 1px solid #bacc84;
	border-right: 4px solid #a0b26b;
	border-bottom: 1px solid #a0b26b;
	border-left: 1px solid #bacc84;
}


tr.gb_post {        /* Post table row, unused */
}


td.gb_info {        /* Post info box */
	font-size: .9em;
	color: black;
	background-color: #bacc84;
	text-align: left;
}


td.gb_message, td.gb_message p {    /* Post message cell */ 
	font-size: 1em;
}


hr.gb_rule {        /* Message divider hr */
	height: 0;
	border-top: 1px solid #2e3f17; 
	border-right: none;
	border-left: none;
	border-bottom: none;
}

td.gb_datetag {
	font-size:  0.8em;
	color:  #333333;
	text-align: right;
}

/* NEWS
---------------------------------------------------
Styling of News posts
---------------------------------------------------
*/
div.news_repeat {
	margin: .5em 0 .5em 1em;
	padding: 0.5em;
	line-height: 1.4em;
	font-size: .85em;
	background-color: #90a44f;
	border: 1px solid #1f3f1f;
}

div.news_repeat p {
	margin: 0;
	margin-bottom: .5em;
	padding: 0;
}

div.news_repeat h3 {
	margin: 0 0 .4em 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.3em;
}

p.news_linkall {
	margin: 0 0 0 1em;
	padding: 0;
	font-size: .85em;
	font-weight: bold;
}
/* ADMIN STYLES?
---------------------------------------------------
Don't know what these are ... Per?
---------------------------------------------------
*/
td
{
	color: #392919;
	font-weight: normal;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica, sans-serif;
}

/* LOGIN WINDOW
---------------------------------------------------
Don't know what these are ... Per?
---------------------------------------------------
*/
.logininput
{
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	width: 60px;
}

.pwdinput
{
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	width: 60px;
}


.srchinput
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	width: 50px;
}
#loginbox
{
	clear: none;
	display: block;
	text-align: right;
	float: right;
	z-index: 10;
	position: absolute;
	top: 15px;
	right: 0;
}
/*

.loginboxtext
{
	font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
	font-size: 8px;
	font-weight: normal;
}
*/
#login_dialog
{
	z-index: 999;
	position: absolute;
	left: 130px;
	top: 150px;
	visibility: hidden;
}
/*
img .loginbutton
{
	position: absolute;
	top: 3px;
	right: 6px;
}
*/

.dialog_400_header
{
	background: url(../_images/site/login_dialog_header.png) no-repeat left top;
	width: 400px;
	height: 8px;
	line-height: 8px;
	margin: 0;
}

.dialog_400_body
{
	background: url(../_images/site/login_dialog_body.png) repeat-y left top;
	padding: 0 10px 0 10px;
	margin: 0;

}

.dialog_400_footer
{
	background: url(../_images/site/login_dialog_footer.png) no-repeat left top;
	width: 400px;
	height: 20px;
}