/*
# -----------------------------------------------------------------------
# This file is part of aroundme
# 
# Copyright (C) 2003, 2005 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;
	}
	
	#breadcrumb {
		display: none;
	}
	
	#footer {
		display: none;
	}
	
	#content .col_side {
		display: none;
	}
	
	#comment_form {
		display: none;
	}
	
	#content .col_main {
		width: 100%;
	}
	
	#content .col_left1 {
		float:left;
		position:relative;
		left:0px;
		width:49%;
	}
	
	#content .col_right1 {
		float:left;
		position:relative;
		left:12px;
		width:49%;
	}
	
	.box_bottom {
		width:100%;
		float:left;
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #DCDCDC;
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px; 
	}
	
	#header .masthead {
		font-size: 10pt;
	}
	
	#content {
		font-size: 12pt;
	}
	
	#content .metadata 
		font-size: 10pt;
	}
}


@media screen{
	#layout	{
		position:absolute; top:0px; left:0px; width:740px; 
		padding:10px;
		background-color:#FFF;
	}
	
	#layout a {
		color: #333333; 
		text-decoration: underline;
	}
	
	#layout a:hover, .txt_highlight {
		color: #F36692; 
		text-decoration: underline;
	}
	
	#header {
		float:left;
		width:100%;
		padding: 0px;
	}
	
	#header .masthead{
		border-color: #DCDCDC; 
		border-style: solid; 
		border-width: 1px;
		text-decoration: none;
		text-align:right;
		font-size: 60%;
		width:100%;
	}
	
	#header .shoutbox {
		float:left;
		padding: 9px;
	}
	
	#header .menu {
		padding: 9px;
	}
	
	#main_menu {
		width:100%;
		padding: 0px;
		float:left;
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #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 a:hover {
		color: #F36692; 
		text-decoration: none
	}
	
	#sub_menu {
		width:100%;
		padding: 0px;
		float:left;
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #DCDCDC;
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 0px; 
		border-left-width: 1px; 
		font-size: 70%;
	}
	
	#sub_menu .content {
		padding-left: 9px; 
		padding-right: 9px; 
		padding-top: 9px; 
		padding-bottom: 6px;
	}

	#breadcrumb	{
		color: #999999;
		text-decoration: none; 
		font-size: 55%; 
		padding: 9px;
		padding-bottom: 12px;
	}
	
	#breadcrumb a {
		color: #999999;
	}
	
	#footer {
		float: left;
		padding-top: 12px;
		padding-bottom: 9px;
		padding-right: 100px;
		padding-left: 9px;
		color: #999999;
		text-decoration: none; 
		font-size: 55%; 
	}
	
	#footer img {
		float: left;
		margin-right: 50px;
	}
	
	#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;
	}
	
	.box_bottom {
		width:100%;
		height:18px;
		float:left;
		background-image: url(img/box_bottom.png); 
		background-repeat: repeat-x;
		margin-bottom:3px;
	}
	
	.box_bottom_right {
		float:right;
		background-image: url(img/box_bottom_right.png);
		width:5px;
		height:18px;
	}
	
	.box_bottom_left {
		float:left;
		background-image: url(img/box_bottom_left.png);
		width:5px;
		height:18px;
	}
	
	.col_side input {
		border: 1px solid #DCDCDC; 
		padding: 0.2em; 
		font-size: 100%;
		width:120px;
		float:left;
	}
	
	.col_side .slim_input {
		border: 1px solid #DCDCDC; 
		padding: 0.2em; 
		font-size: 100%;
		width:70px;
		float:left;
	}
	
	.col_side .options_select {
		border: 1px solid #DCDCDC; 
		font-size: 100%;
		width:126px;
		float:left;
	}
	
	
	
	#content .go {
		width:14px;
		border:0px;
		margin-left:9px;
		margin-right:9px;
		float:right;
	}
	
	#comment_form {
		margin-right:9px;
		padding-top:3px;
	}
	
	#comment_form textarea {
		width:100%;
	}
	
	#comment_form .gui {
		float:right;
	}
}


@media screen,print{
	body {
  		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		font-size: 101%; 
		color: #333333; 
		text-decoration: none;
		background-color:#FFF;
	}
	
	#system_message {
		color: #FF5A5A; 
		font-size: 70%; 
		padding: 9px;
	}
	
	#content {
		float:left;
		font-size: 70%;
		width:100%;
	}
	
	#content .box {
		width:100%;
		float:left;
		border-color: #DCDCDC #DCDCDC #DCDCDC #DCDCDC; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 0px; 
		border-left-width: 1px;
	}
	
	#content .box_top {
		height:18px; 
		border-color: #DCDCDC #DCDCDC #DCDCDC #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: 110%;
		position:relative;
		padding:9px;
	}
	
	#content .box_mid {
		float:left;
		width:100%;
	}
	
	#content .box_mid .content {
		float:left;
		padding:9px;
	}
	
	#content .box_mid .content_right {
		float:right;
		padding-left:9px;
	}
	#content .box_mid .pic_content {
		float:left;
		padding-top:9px;
		padding-bottom:9px;
		width:258px;
	}
	
	#content .box_mid .pic {
		float:left;
		padding:9px;
	}
	
	#content h2 {
		font-size: 1.5em; 
		font-weight: bold;
	}
	
	#content h3 {
		font-size: 1.1em; 
		font-weight: bold;
	}
	
	#content h4 {
		font-size: 1.0em; 
		font-weight: bold;
	}
	
	#content .metadata {
		font-size: 80%;
		margin-left:9px;
		margin-right:9px;
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #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 .comment {
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #DCDCDC;
		border-style: dotted; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px;
		padding-bottom:9px;
		padding-top:3px;
		width:100%;
	}
	
	#content .comment_author {
		font-size: 80%;
	}
	
	#content .comment_author a:hover {
		color:#F36692;
	}
	
	.bg1 {
		background-color: #F494B2
	}
	
	.bg2 {
		background-color: #F1EEF0
	}
	
	.bg3 {
		background-color: #DCDCDC
	}
	
	.bg4 {
		background-color: #FDF3F6
	}
	
	.picture {
		border: #333333 solid 1px;
	}
	
	.txt_item_title {
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		color: #333333;
		font-size: 1.5em; 
		font-weight: bold; 
		text-decoration: none;
	}
}



/*
 The following items are old and need to be tidied up
 Calendar CSS should be put it its own file
*/

#content .button {font-weight: bold; border: 1px; border-style: solid; border-color: #FFFFFF #656565 #656565 #FFFFFF; font-size: 100%; background-color: #F494B2; color: #ffffff; padding: 1px}
#content .button_light {border: 1px; border-style: solid; border-color: #FFFFFF #656565 #656565 #FFFFFF; font-size: 100%; background-color: #FF9898; color: #333333; padding: 1px}
#content .button_urgent {font-weight: bold; border: 1px; border-style: solid; border-color: #FFFFFF #656565 #656565 #FFFFFF; font-size: 100%; background-color: #FF5A5A; color: #FFF2F2; padding-top: 1px}
#content .link_urgent {font-weight: bold; border: 1px; border-style: solid; border-color: #FFFFFF #656565 #656565 #FFFFFF; font-size: 100%; background-color: #FF5A5A; color: #ffffff; padding: 3px; text-decoration: none}
#content .link_urgent:hover {color: #333333; text-decoration: none}
#content .link_stnd {font-weight: bold; border: 1px; border-style: solid; border-color: #FFFFFF #656565 #656565 #FFFFFF; font-size: 100%; background-color: #F494B2; color: #FFFFFF; padding: 3px; text-decoration: none}
#content .link_stnd:hover {font-weight: bold; color: #333333; text-decoration: none}

/* FORM SETTINGS */
#content input 			{font-family:Verdana,Arial,Helvetica,sans-serif; border: 1px solid #DCDCDC; padding: 0.2em; font-size: 100%}
#content textarea 		{font-family:Verdana,Arial,Helvetica,sans-serif; border: 1px solid #DCDCDC; padding: 0.2em 0.2em 0.2em 0.2em; font-size: 100%}
#content select 			{border: 1px solid #DCDCDC; font-size: 100%}
#content fieldset		{border: 1px solid #DCDCDC}
#content legend 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 100%}
#content .checkbox 		{border: 0px solid #FFFFFF}
.searchbox 			{font-family:Verdana,Arial,Helvetica,sans-serif; border: 1px solid #DCDCDC; padding: 0.2em 0.2em 0.2em 0.2em; font-size: 100%}


#id_frm label {float:left; width:6.0em; display:block}
#id_frm p {margin:0.5em; clear:left; vertical-align: top}
#id_frm p img {clear:left; vertical-align: top}


/* CALENDAR */
.calendar {position: relative; display: none; border-top: 2px solid #fff; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #fff; font-size: 11px; color: #333333; cursor: default; background: #c8d0d4; font-family: tahoma,verdana,sans-serif}
.calendar table {border: 1px solid #DCDCDC; font-size: 11px; color: #333333; cursor: default; background: #FDF3F6; font-family: tahoma,verdana,sans-serif}
.calendar .button {text-align: center; padding: 1px; border-top: 1px solid #fff; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #fff}
.calendar thead .title {font-weight: bold; padding: 1px; border: 1px solid #333333; background: #DCDCDC; color: #fff; text-align: center}
.calendar thead .headrow {}
.calendar thead .daynames {}
.calendar thead .name { border-bottom: 1px solid #333333; padding: 2px; text-align: center; background: #F1EEF0}
.calendar thead .weekend {color: #333333}
.calendar thead .hilite {border-top: 2px solid #fff; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 2px solid #fff; padding: 0px; background-color: #F494B2}
.calendar thead .active {padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #000; background-color: #F494B2}
.calendar tbody .day {width: 2em; text-align: right; padding: 2px 4px 2px 2px}
.calendar tbody .day.othermonth {font-size: 80%; color: #aaa}
.calendar tbody .day.othermonth.oweekend {color: #faa}
.calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #e8f4f0}
.calendar tbody .rowhilite td {background: #d8e4e0}
.calendar tbody .rowhilite td.wn {background: #c8d4d0}
.calendar tbody td.hilite {padding: 1px 3px 1px 1px; border: 1px solid; border-color: #fff #000 #000 #fff}
.calendar tbody td.active {padding: 2px 2px 0px 2px; border: 1px solid; border-color: #000 #fff #fff #000}
.calendar tbody td.selected {font-weight: bold; padding: 2px 2px 0px 2px; border: 1px solid; border-color: #000 #fff #fff #000; background: #F494B2}
.calendar tbody td.weekend {color: #f00}
.calendar tbody td.today {font-weight: bold; color: #00f}
.calendar tbody .disabled {color: #999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .footrow {}
.calendar tfoot .ttip {padding: 1px; border: 1px solid #fff; background: #DCDCDC; color: #333333; text-align: center}
.calendar tfoot .hilite {border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 1px; background: #d8e0e4}
.calendar tfoot .active {padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000}
.calendar .combo {position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; background: #d8e0e4; font-size: 90%; padding: 1px; z-index: 100}
.calendar .combo .label .calendar .combo .label-IEfix {text-align: center; padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .active {background: #c8d0d4; padding: 0px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000}
.calendar .combo .hilite {background: #048; color: #aef}
.calendar td.time {border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #e8f0f4}
.calendar td.time .hour .calendar td.time .minute .calendar td.time .ampm {padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold}
.calendar td.time span.hilite {border-color: #000; background-color: #667; color: #fff}
.calendar td.time span.active {border-color: #f00; background-color: #000; color: #0f0}
	


hr {
	background-color: #BDBDBD; 
	height: 1pt;
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 4px; 
	margin-left: 0px;
	border-top: 0px; 
	border-right: 0px; 
	border-bottom: 0px; 
	border-left: 0px;
}	

.txt_breadcrumb {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	font-weight: normal; 
	color: #8F8F8F;
	text-decoration: none
}						

.txt_breadcrumb:hover, .txt_breadcrumb_on {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	font-weight: normal; 
	color: #79C36D;
	text-decoration: none
}							
				
.picture_right 		{border: #333333 solid 1px; margin-bottom: 4px; margin-left: 10px}
.picture_left 		{border: #333333 solid 1px; margin-bottom: 4px; margin-right: 10px}
.picture 			{border: #333333 solid 1px}


.picture_light {
	border-color: #DCDCDC #DCDCDC #DCDCDC #DCDCDC;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	font-size: 1.0em; 
}

.txt_footer {font-family: Arial, Helvetica, sans-serif; font-size: 60%; font-weight: normal; color: #666666; text-decoration: none}

.txt_footer_link {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	font-weight: normal; 
	color: #666666;
	text-decoration: underline
}

.txt_footer_link:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	font-weight: normal; 
	color: #79C36D;
	text-decoration: underline
}

.txt_search_highlight {
	color: #F36692;
	font-weight: bold; 
	text-decoration: underline
}



