/* yes, this file is part of the SpaceShare 2011 / 32 site */

/* Use these sub-styles */

div.my_tab_menu {
	background: #eee; width: 98%; text-align: center; border-top: 1px solid #7a7; padding: 3px; border-bottom: 1px solid #7a7; }

/*   Stephen overwrites things here */ 

body#pixture-reloaded {
		/*background: #d4ffd4 url("images_cataldo/onepix_d4ffd4.png") left repeat-y;*/
		background: #f4fff4 url("images_cataldo/onepix700wide_d4ffd4.png") left repeat-y;

}

body#pixture-reloaded { background: #d4ffd4; }
.front #page { background: #d4ffd4; }


div#asterix { 
	background: transparent url("images_cataldo/giant_asterix.png") no-repeat 110% -170px;
background: transparent url("images_cataldo/new_giant_asterix.png") no-repeat 116% -260px;

}

#page {
 line-height: 1.5em;
 text-align: left;
/* background: #FFF url("images_cataldo/bg-header_extends.png") repeat-x left top;    /* 100px extended */
 /* background: #FFF url("images_cataldo/bg-header_logo.png") repeat-x left top;    /* 100px extended */ 
 }

div#theplane { 
  background: transparent url("images_cataldo/air_icon_267.png") -40px 5% no-repeat;
}

div#ambassador { 
  background: transparent url("images_cataldo/ambassador_icon_240.png") 95% 65% no-repeat;
}


div#automobile { 
  background: transparent url("images_cataldo/car_icon_267.png") bottom left no-repeat;
	z-index: -1;
}


div#hotel { 
  background: transparent url("images_cataldo/hotel_icon_sc0_2.png") 37px 346px no-repeat;
}


img#logo-image {
	position: relative;  /* just fo z-index */
	top: -7px;
	left: 0px;
	z-index: 2; /* not workign yet;a */
}

div#header {
 	/* push header's background image 100px to the right */:w
	/* I think this would be better done with by changing the graphic */
	background: url("images/header.png") no-repeat 100px top;
	  background: url("images_cataldo/header_logo.png") no-repeat;/* top left; */
background: url("images_cataldo/logo_greenback_top.png") repeat-x;
}

/* Redo the sidebar and basic layout */

/* expand margins of all main areas*/
#header { margin-bottom: 0px; }  
#main {
	padding: 0px;
}
/* remove block styles in left sidebar ? */
#sidebar-left h2.block-title {
	display: none;
}
#sidebar-left .block {
	  margin-bottom: 0px;
		}
#sidebar-left {
  /*background: yellow;*/
	height: 100%;
}


/* borders, same style as 2004 SpaceShare site */	
div #content-innerinner-container {
	border-left: 7px solid black;
	margin-top: -1px;
}
#content-innerinner {
	border-left: 7px solid #ecc944; /*#c9e5c6; 
	/*border-top: 10px solid #c9e5c6;*/
	padding-top: 8px;
	padding-left: 8px;
}

/* pop the breadcrumbs up */
div #content-header .breadcrumb {
	position: absolute;
	top: -2em;
	left: 0em;
}
div #content-header h1.title {
	margin-top: 0px; /* -10 lines up to the top, but no longer want that */
	font-size: 1.5em;
	margin-bottom: .8em;
}

h1#site-name {
	font-size: 40px;  /* was 2.6 em */
	padding-top: 0px;
}
div#branding {
	position: relative;
	left: 14px;
	top:  -8px;
}
/* no left sidebar or margin on front page */
.front div #content-innerinner-container {
	border-left: 0;
}
.front #content-innerinner {
	  border-left: 0;
}
.front #content-header h1.title {
	display: none;
}

.front h2 {
}

/* reduce padding from layout.css */
.node-full-view.sidebar-left #content-inner {
	padding-left: 220px; /* knocked of 45px */
}

#sidebar-left .block {
}
div #superfish {
	margin-left: 0px;
	font-size: 16px;
	margin-top: -10px;
	/*border: 2px solid red;*/
}



/* Quote Box */
div #quote_box_header {
	float: right;
	/* people didn't like: margin: -4px -30px 0 0; */
	/*padding: 8px;*/
	/*background: #fff; /*yellow; /* #393; */
	/*font-size: 1.2em;*/
	color: #040;  /*white;*/ /* not visible ? */
	height: 55px; /* not kicking in, but changes the menu bar */
}
div #quote_box_header p {
	padding-top: 0;
	/*font-size: 22px;
	line-height: 28px;   allow span to influence*/
/*font-size:0.4995em;*/
}
#quote_box_header .item-list ul li  {
	font-size: 1em; /* overwrite 12px */
	/*margin-bottom: 0.25em;
	margin-left: 1.5em;*/
	margin-bottom: 4px;
	margin-left: 18px;
}

#quote_box_header .item-list ul  {
	  padding-left: 0px; /* 1em; */
}


/* margins NEW QUOTEBOX SIMPLE MARGINS */
div #quotebox {
 background: white url(images/open-quote.gif) no-repeat 9px 8px;
 height: 80px;
 width: 380px;
 text-indent: 30px;
 margin: 6px;
 padding: 6px; 
 border: 2px solid #ccc;
	padding-top: 0;
 margin-top: -8px;
/* font-size: 16px; /* overriden by #quote_box_header above */
 text-align: right;
overflow: hidden; /* 2010 fix */

}
div#quotebox:hover {  /* 2010 fix */
	height: auto;
	z-index: 199;
	min-height: 80px;
}


div #quotebox  p {
	display: inline;
}
span#quote_name {
	margin-left: 1em;
	float: right;
}


#quote_box_header .block {
		  /*width: 320px; /* was 220 for the sidebar */
			width: 420px;
			margin-top: 1em;
		}
div#XXXquote_header_body_bl {
		padding-left: 1.4em;
}
div#XXXquote_header_body_br {
	padding: .2em;
}
div#XXXquote_header_name {
	text-align: right;
	float: right;
}
div#XXXquote_header_body {
	border: 1px solid white;
	background-color: #cfc;
	font-weight: bold;
}
div#XXXquote_header_body_bl  {
	background: transparent url(images/open-quote.gif) no-repeat 9px 8px;
}

	div#quote_header_name_tl {
}
div#quote_header_name_tr {
}
div#XXXquote_header_name_bl {
	padding-left: 2em;

}
div#XXXquote_header_name_br {
		padding: .4em;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 1.4em;
}
div#XXXquote_header_name {
	background: #cfc;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	text-align: right;
	margin: 0px 15px 5px 25px; 
}



#quote_header_body {
  /*background: url("images/block-tile.png") repeat; */
  padding: 0;
 	margin: 10px 15px 0px 10px;
}

/* Website Lists View */
.view-websites .item-list ul li.views-row-odd,
.view-websites .item-list ul li.views-row-even {
	/*border: 2px solid #ccc;*/
	padding: 8px;
	clear: both;
	margin-left: 0;
	margin-right; 0;
	list-style-type: none;
	list-style-image: none;
	min-height: 200px;
	background-color: #f9f9f9;
	margin-left: -8px;
	margin-bottom: 8px;
}
.view-websites .item-list ul {
	list-style-image: none;
}
.view-websites .item-list ul li ul li {
	list-style-type: square;
}
.view-websites .item-list li div.views-field-field-screenshot-fid {
	float: right;
	margin: 0 0 6px 6px;
}
.view-websites  .item-list .views-field-title {
	font-weight: bold;
	font-size: 1.1em;
}

/* Quote Box */
.view-quote-box div.views-field-title {
	  display: none; 
}
.view-quote-box label {
	  display: none;
	}
div .view-quote-box ul {
}

div .view-quote-box .item-list ul li {
	list-style-type: none;
	 /*background: white url(images/open-quote.gif) no-repeat 9px 8px;*/
	/*border-bottom: 1px solid yellow;
		/*font-size: 13px;*/
				}

#header div.view-quote-box .item-list ul li {
	list-style-image: none; 
}
#main div.view-quote-box .item-list ul li {
	list-style-image: url(images/open-quote.gif); 
}

.view-quote-box .item-list ul li .views-field-body  {
   text-indent: 9px;
}
.view-quote-box .item-list .views-field-title-1 {
	text-align: right;
	margin-top: -10px;
}
 		



/* block_pop */

a .block_pop {
	display: none;
}
a:hover .block_pop {
	display: block;
	z-index: 20;
	position: relative;
	top: -130px;
	left: -260px;
	width: 280px;
	background: black;
	border: 1px solid white;
	margin: .5em;
	padding: .4em 0 .4em 1em;
}

/* #video_block */
#video_block h2 {
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
}


/* email style quote box, good enough for now */
div.simple_quote_box_right {
	border: 1px solid ; margin: 1em; padding: 1em; float: right;  background-color: rgb(153, 255, 153); font-weight: bold;
	margin-left: 0px;
	margin-right: 2em; 
}


/* major color choices */
#pixture-reloaded {
	/*background: #f9f9f9 url(images/stylize_header_bar.png) no-repeat center top;
	background: #f9f9f9 url(images/logo_top_left_corner.png) no-repeat center top;
			/* was cfc for a while */
	border-right: 8px solid black;
	border-left: 8px solid black;
}

div#top_left_image {
	background: transparent url(images/logo_top_left_corner_trans.png) no-repeat center top;
	margin-left: -67px;  /* was 68, but that left a line !! */
	width: 68px;
	height: 108px;
	float: left;
}
/* front page layout */
.front .panel-2col .panel-col-last {
	width: 60%;
}
.panel-2col .panel-col-first {
	width: 40%; 
}

/* left front panel */
div .main_item {
	height: 36px;
	clear: both;
	padding: 5px;
 	margin: 10px 0 18px -40px;
	background: #cfc;
	border: #ada;
	font-weight: bold;
	font-size: 16px;
}
.main_item img {
	height: 40px;
	width: 40px;
	margin-left: 0px;
	margin-right: 6px;
}

.main_item .block_pop {
	  display: none;
	}
.main_item:hover .block_pop {
	display: block;
	z-index: 20;
	position: absolute;
	width: 280px;
	background: #cfc;
	border: 1px solid white;
	margin: .5em;
	padding: .4em 0 .4em 1em;
}

.front #sidebar-left .block-content-inner {
	/*background-image: none;*/
	background: red; /* NOT USED */
	padding-right: 0px;
}

/* left block for front page */
h2.left_front { font-variant: small-caps; margin-left: -40px; background: black; padding: 5px; color: white;
	text-align: center;
	/* corners messes with margins */
	margin-bottom: 5px;
	margin-top: 40px;
	padding-bottom: 9px;

}


/* Staff pages */
.node-type-staff div.field-field-photo {
 float: right;
 margin-left: 5px;
 margin-bottom: 5px;
} 
div.views-field-field-photo-fid {   /* view */
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

table.views-view-grid tr {
	vertical-align: top;
}

#superfish-inner .menu {
	/*margin-bottom: -12px;	 */
}


/* Video */

.field-field-video div .filefield-file {
	padding: 1em;
	background-color: #030;
}
.field-field-video div .filefield-file a { /* not working */
	border: 4px solid black;
}


/* What goes wrong and how to avoid it */
ul.three_box {
	margin-left: -12px;
	padding-left: -12px;
}
.clear {
	clear: both;
}
.three_box li.good, .three_box li.bad {
	display: block;
	width: 27%;
	float: left;
}

.good, .bad {
	padding: 10px;
	margin: 0 6px; 
}
.good {
	background: #cfc;
}
.bad {
	background: #fcc;
}



/* nice-menus overrides */

ul.nice-menu a {
	color: black;
	text-decoration: none;
}
ul.nice-menu a:hover {
	text-decoration: none;
}
li#menu-184:hover, li#menu-195:hover, li#menu-305:hover, li#menu-490:hover {
	border-bottom: 0px;
	height: 36px;
}	
	

li#menu-184, li#menu-195, li#menu-305, li#menu-490 {
	/*border: 1px solid red;
	border-right: 4px solid #ecc944;*/
	width: 7em;
	margin-right: 0em;
	margin-top: -5px; /* adjust with quote box to get position, sloppy */
	margin-bottom: 0px;
	margin-left: -14px; /* create overlap of menus */
	padding-bottom: 0px;
	font-size: 18px;
	height: 32px;
	padding-left: 1.6em;
	border-bottom: 1px solid #242;
	/*background: transparent url(images_cataldo/angle_left.png) no-repeat top left;
	background: transparent url(images_cataldo/button_mask_angle_cs_purple.png) no-repeat top left;
	background: transparent url(images_cataldo/button_mask_angle_2_purple.png) no-repeat top left;
background: transparent url(images_cataldo/new_tab_spshredes_wh.png) no-repeat top left;*/
background: transparent url(images_cataldo/tabs_5_or.png) no-repeat top left;

}
li#menu-490 {
	width: 7.2em;
}
/* main headers */
li#menu-184 a, li#menu-195 a, li#menu-305 a, li#menu-490 a {
	background: transparent; /*#fffee4;; */
	padding-top: 4px;
	padding-left: 12px;
	margin: 0;
	padding-bottom: 2px; /* less than default */
}


/* added 20120507 in the pain zone */
#nice-menu-2 {
	top: -15px;
}
.front #nice-menu-2 {
        top: -17px;
}
#nice-menu-2 li li {
	background: #fbfbfb; /* not sure what used orig design */
	left: -17px;
	border-left: 2px solid black; 
	border-bottom: 1px solid #ecc944;
}
#nice-menu-2 li li li {
	border-left: 1px solid black; 
}
#nice-menu-2 li li a {
	border-left: 5px solid #ecc944;
}
#nice-menu-2 li li li a {
        border-left: 3px solid #ecc944;
}



#nice-menu-2, div#superfish-inner {
	background: transparent url(images_cataldo/black-border.png) no-repeat center 100px;
	/*height: 30px;*/
	/*border: 5px solid red; */
}
div#superfish-inner li li {
	background: #fffee4;
	border: 2px solid #ecc944;
	border-left: 4px solid #ecc944;
	margin-left: 1px;
	margin-top: -1px;
}
div#superfish-inner {
	/* border-bottom: 2px solid blue; */
}


/* undo for children */
li#menu-184 li,
li#menu-195 li,
li#menu-305 li,
li#menu-490 li {
	margin: 0;
	font-size: 14px;
	margin-left: 16px;
}

.node-full-view .node .content {
	margin: .7em;
}

.warning {
	color: #e05000;
}





/******* FRONT PAGE SLIDE **********/
#main_front_page_slide {
	font-size: 1.1em;
	/*background:  transparent url("images_cataldo/angle_design_icons.png") no-repeat left top;*/
background:  transparent url("images_cataldo/logo_top_left_corner_trans_v2_1_full.png") no-repeat left top;
	padding: 0;
}

#main_front_page_slide h2, .other_front h2 {
	font-size: 1.3em;
	/*border-bottom: 1px solid #aaa;*/
}
#main_front_page_slide img {
	padding-right: .3em;
}

/********* Misc Small Styles ***********/
p.example {
	padding-left: 6px;
	border-left: 1px solid #999;
}
p.intro {
	font-size: 1.08em;
	font-weight: 500;
	padding: 8px 10px 5px 19px;
	background: #e8f8e8;
	margin: 0 -8px 0 -17px;
}


/*********** who hates the footer, I do! *******/
#footer  { background: transparent; color: #111; }
#footer a { color: #131; text-decoration: underline; }


#sidebar-right {
	background: transparent;
}
#sidebar-right .block-content-inner {
	background-image: none;
}
#sidebar-right .block-inner {
	background: transparent;
}
#sidebar-right .block {
	background: transparent;
}
#sidebar-left .block-content-inner {
	padding-left: 15px;
}

#sidebar-left .block-content,
#sidebar-left div,
#sidebar-left h2,
#sidebar-left .block-inner,
#sidebar-left h2.block-title,
#sidebar-left .block,
#sidebar-left .block-content-inner {
	background: #d4ffd4;
}


div#search {
	position: relative;
	top: -25px;
	right: -10px;
}


#content-innerinner {
	background: white;
}

/* highlight the active menu item */
li a.active {
	font-weight: bold;
	color: black;  /* being set to green somewhere else I think */
}
.block li a.active {
	padding: .3em .8em .3em 0; 
	background: transparent url("/spaceshare/sites/greeneventsguide.org.spaceshare/files/pixture_reloaded_favicon.png") center right no-repeat; 
	display: block;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/* sets the last li to active trail, when I would say it should be active
 * not very useful
 * .block li.active-trail {
	background: red; /* #d4ffd4;
}*/

li#menu-461 a,
li#menu-184 li.menu-path-summarize_quotes a {
	background: transparent url("images/open-quote.gif")  no-repeat 3px 3px;
  padding-left: 20px;	
}