/*
# -----------------------------------------------------------------------
# This file is part of AROUNDMe
# 
# Copyright (C) 2003, 2006 Barnraiser
# http://www.barnraiser.org/
# info@barnraiser.org
# 
# This program is free software; you can redistribute it and/or modify it
# under the terms of the GNU General Public License as published by the
# Free Software Foundation; either version 2, or (at your option) any
# later version.
# 
# This program is distributed in the hope that it will be useful, but
# WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
# General Public License for more details.
# 
# You should have received a copy of the GNU General Public License
# along with program; see the file COPYING. If not, write to the Free
# Software Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA
# 02111-1307, USA.
# -----------------------------------------------------------------------
*/

/*
pink = #F494B2
dark pink #F36692
*/


@media print {
	#header {
		display: none;
	}
}

@media screen {
	#outerframe {
		background-color:#fff; 
		margin-right:auto; 
		margin-left:auto; 
		margin-top:0px;
		padding:0px;
		text-align:left;
		width:760px;
		margin-right: auto;
		margin-left: auto;
		height: 100%;
		min-height: 100%;
		display:table;
	}
	
	.system_message {
		color: #FF5A5A; 
		font-size: 70%; 
		padding: 9px;
	}
	
	#layout	{
		float:left; 
		width:740px; 
		padding:10px;
		background-color:#FFF;
	}
	
	a {
		color: #333333; 
		text-decoration: underline;
	}
	
	#layout .txt_highlight {
		color: #F36692; 
		text-decoration: none;
	}
	
	a:hover {
		color: #F36692; 
		text-decoration: underline;
	}
	
	#header {
		float:left;
		width:100%;
		padding: 0px;
		margin-bottom: 12px;
	}
	
	#header .masthead {
		float:left;
		border-color: #DCDCDC; 
		border-style: solid; 
		border-width: 1px;
		text-decoration: none;
		text-align:right;
		font-size: 60%;
		width:100%;
	}
	
	#header .menu {
		padding: 9px;
		white-space: nowrap;
		float:right;
		padding-left:18px;
	}
	
	#main_menu {
		width:100%;
		padding: 0px;
		float:left;
		border-color: #DCDCDC;
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 1px; 
		border-bottom-width: 0px; 
		border-left-width: 1px; 
		font-size: 80%; 
		background-image: url(../img/background.jpg); 
		background-repeat: repeat-x;
	}
	
	#main_menu .content {
		float:left;
		background-color: #DCDCDC;
	
	}
	
	#main_menu p {
		margin:0px;
		float:left;
		border-color: #FFFFFF; 
		border-style: solid; 
		border-width: 1px; 
		background-image: url(../img/background_hl.jpg); 
		background-repeat: repeat-x; 
		padding-left: 9px; 
		padding-right: 12px; 
		padding-top: 6px; 
		padding-bottom: 6px;
		margin-right:1px;
		color: #F36692;
		font-weight: bold
	}
	
	#main_menu a {
		text-decoration: none; 
		font-weight: bold
	}

	#main_menu .highlight {
		text-decoration: none; 
		font-weight: bold;
		color:#F36692;
	}
	
	#main_menu a:hover {
		color: #F36692; 
		text-decoration: none
	}
	
	#sub_menu {
		width:100%;
		padding: 0px;
		float:left;
		border-color: #DCDCDC;
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px; 
		font-size: 70%;
	}

	#sub_menu .highlight {
		text-decoration: none;
		color:#F36692;
	}
	
	#sub_menu .content {
		padding-left: 9px; 
		padding-right: 9px; 
		padding-top: 9px; 
		padding-bottom: 6px;
	}
	
	#footer {
		float: left;
		color: #999999;
		text-decoration: none; 
		font-size: 60%;
	}
	
	#footer .content{
		float: left;
		padding: 10px;
	}
	
	#footer a {
		color: #999999;
	}
	
	#content .col_left1 {
		float:left;
		position:relative;
		left:0px;
		width:364px;
	}
	
	#content .col_right1 {
		float:left;
		position:relative;
		left:12px;
		width:364px;
	}
	
	#content .col_main {
		float:left;
		position:relative;
		left:0px;
		width:528px;
	}
	
	#content .col_side {
		float:left;
		position:relative;
		left:12px;
		width:200px;
	}
	
	.listnav {
		margin-top:20px;
		text-align:center;
	}
	
	#debug_mode {
		float: left;
		padding-top: 20px;
		padding-bottom: 9px;
		padding-right: 9px;
		padding-left: 9px;
		color: #999999;
		text-decoration: none; 
		font-size: 60%;
	}
	
	.txt_search_highlight {
		color: #F36692;
		font-weight: bold;
	}
	
	.tooltip {
		float:right;
		text-align:left;
		width:380px;
		padding-bottom: 9px;
		padding-right:9px;
		color:#cd1950;
	}
}

@media screen,print {
	html, body {
  		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		font-size: 101%; 
		color: #333333; 
		text-decoration: none;
		background-color:#FFF;
		margin:0px;
		padding:0px;
	}
	
	#content {
		float:left;
		font-size: 70%;
		width:100%;
	}
	
	#content .box {
		width:100%;
		float:left;
		border-color: #DCDCDC; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px;
		margin-bottom: 12px;
	}
	
	#content .box_top {
		border-color: #DCDCDC; 
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px; 
		text-align: right;
		font-size: 80%;
		position:relative;
		padding:6px;
		background-color: #f6f6f6;
	}

	#content .box_top h1 {
		color: #333333;
		font-size: 130%;
		margin:0px;
		font-weight:normal;
		text-transform: none;
	}
	
	#content .box_mid {
		float:left;
		width:100%;
	}
	
	#content .box_mid .content {
		float:left;
		padding:9px;
	}
	
	.bg1 {
		background-color: #F494B2
	}
	
	.bg2 {
		background-color: #F1EEF0
	}
	
	.bg3 {
		background-color: #DCDCDC
	}
	
	.bg4 {
		background-color: #FDF3F6
	}
	
	.txt_item_title {
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		color: #333333;
		font-size: 1.5em; 
		font-weight: bold;
		text-decoration: none;
	}
	
	hr {
		color: #DCDCDC;
		height: 1pt;
		margin-top: 6px; 
		margin-right: 0px; 
		margin-bottom: 4px; 
		margin-left: 0px;
		border-top: 1px; 
		border-right: 0px; 
		border-bottom: 0px; 
		border-left: 0px;
		border-style: dotted;
	}
	
	#content .metadata {
		font-size: 80%;
		margin-left:0px;
		margin-right:0px;
		border-color: #DCDCDC;
		border-style: dotted; 
		border-top-width: 1px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px;
		padding-top:9px;
		padding-bottom:9px;
		color:#666;
	}
	
	#content .metadata_top {
		font-size: 80%;
		margin-left:0px;
		margin-right:0px;
		border-color: #DCDCDC;
		border-style: dotted; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px;
		padding-top:0px;
		padding-bottom:9px;
		color:#666;
	}
	
	.warning_message {
		color: #FF5A5A; 
		font-size: 100%;
	}
	
	.icon_frame {
		font-size: 80%;
		border-color: #DCDCDC; 
		border-style: solid; 
		border-width: 1px;
		padding: 1px;
		white-space: nowrap;
		text-decoration: none;
		background-color:#FFF;
	}
	
	.icon_title {
		background-color:#F1EEF0;
		margin: 0px;
		padding: 0px;
		margin-right: 1px;
		background-color:#FDF3F6;
	
	}
	
	.icon_value {
		margin: 0px;
		padding: 0px;
	}
	
	.picture	{
		border: #333333 solid 1px;
	}

	pre {
		margin: 0px;
		padding: 6px;
		text-align: left;
		background-color: #FFF;
  		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		overflow: auto;
		white-space: pre-wrap;       /* css-3 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}

	code {
  		font-family:Courier,Verdana,Arial,Helvetica,Geneva,sans-serif;
		font-size: 100%;
		color: #000;
		display:block;
		background-color: #f6f6f6;
		padding:6px;
		padding-left:12px;
	}
}