/* ----- ploneCustom.css ----- */
@media all {
/*
 *  This is the file where you put your CSS changes. 
 *  You should preferably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 *
 *  -- Alexander Limi, http://www.plonesolutions.com
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

/* START MARCO DONNARUMMA CUSTOMIZATION. THE FOLLOWING IS THE MODIFIED PLONECUSTOM.CSS AS OF SUNDAY 11 MARCH 2012 */


/* COLORS 

BLUE LINKS #1087B0 */



/* BODY */

body {
font: 76% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
background: white url(bg_dotted.png) repeat top center;
color: #222222;
margin: 0;
padding: 0;}

#visual-portal-wrapper {
margin: 0 auto;
padding: 0;
width: 98%;}



/* TYPOGRAPHY */

p {
margin: 0 0 0.75em 0;
line-height: 1.8em;
text-align: justify;}

.documentDescription {
    display: block;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 0.5em;
}

h1 {
font-size: 185%;}

h1, h2, h3, h4, h5, h6 {
color: black;
background-color: transparent;
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 0 0 0.25em 0;
border:none;
text-transform: capitalize;}

a {
color: #1087B0;
background-color: transparent;}

div.image.align-center {
margin: 2em 0em 2em 0em;}

.link-parent {
    background: url("/arrowUp.gif") no-repeat scroll 4px 5px transparent;
    display: block;
    font-size: 85%;
    padding: 1px 0 10px 16px;
    text-decoration: none;
    visibility: hidden;
}

.documentByLine {
    color: #76797C;
    font-size: 85%;
    font-weight: normal;
    margin: 0 0 0.5em;
    visibility:hidden;
}



/* LOGO */

#portal-logo {
background: url(logo.png) no-repeat;
border: 0;
margin: 0.75em 28em 0.75em 1.2em;
padding: 0;}



/* TOP NAVIGATION */


#portal-globalnav {
background-color: transparent;
padding: 0em 0em 0em 2em;
white-space: nowrap;
list-style: none;
margin: 0;
height: auto;
line-height: normal;
visibility: hidden}

#portal-siteactions {
background-color: transparent;
white-space: nowrap;
list-style-image: none;
list-style-type: none;
margin: 1px 0 0 0;
height: auto;
line-height: normal;
float: right;
padding: 3px 2em 3px 0;
font-size: 0.8em;
}


/* Log in and Join */

#portal-personaltools {
background:transparent;
line-height: 1.6em;
color: black;
padding: 0em 3em 0em 3em;
margin: 0;
text-align: right;
text-transform: capitalize;
list-style: none;
font-size: 1em;
border:none;}


/* Breadcrumbs */

#portal-breadcrumbs {
padding-left: 2em;
padding-right: 2em;
text-transform: lowercase;
line-height: 1.6em;
margin-left: 16.4em;
border:none;}


/* SIDE NAVIGATION */

dd.portletItem a:visited, dd.portletFooter a:visited {
color: #333;}

.state-published {
color: #333 !important;
}


/* SIDE NAVIGATION ICONS */

.contenttype-folder, .actionMenu .contenttype-folder a:hover {
background:none;
}

.contenttype-large-plone-folder, .actionMenu .contenttype-large-plone-folder a:hover {
background:none;
}

.contenttype-plonesoftwarecenter, .actionMenu .contenttype-plonesoftwarecenter a:hover {
background:none;
}

.contenttype-plone-site, .actionMenu .contenttype-plone-site a:hover {
background:none;}

/* END SIDE NAVIGATION ICONS */

#portal-column-one .visualPadding {
padding: 1em 0em 1em 2em;}

dl#portlet-navigation-tree.portlet dt.portletHeader {
visibility:hidden;
}


.portletHeader {
text-transform: capitalize;
font-weight: normal;
line-height: 0em;
font-size: 1.2em;
background-color: #C2C2C2;
padding: 14px 0px 16px 12px;
border:none;}

.portletHeader a {
color: #222222;}


dl.portlet {
margin: 1px 0 4em 0;
background-color: white;
border-bottom:none;}

.portletItem {
margin: 0;
padding: 1em;}

.portletNavigationTree {
margin: 0em 0em 0em 0em;
padding: 0;
list-style: none;
list-style-image: none;
line-height: 1.7em;
font-size: 1.15em;
text-transform: capitalize;}

.portletItem {
border:none;
}

#portal-sitemap .contenttype-plone-site a:hover, #portlet-navigation-tree .contenttype-large-plone-folder a:hover, #portlet-navigation-tree a:hover, #portlet-navigation-tree .contenttype-plone-site a:hover {
background:#f0f0f0;
padding: 6px 0px 6px 21px;}

#portal-sitemap .contenttype-plonesoftwarecenter a:hover, #portlet-navigation-tree .contenttype-plonesoftwarecenter a:hover, .state-published visualIconPadding a:hover, #portal-sitemap .contenttype-large-plone-folder a:hover, {
background:#f0f0f0;
padding: 6px 0px 6px 21px;}

#portlet-navigation-tree .contenttype-plone-site a.navTreeCurrentItem, #portlet-navigation-tree .contenttype-folder a.navTreeCurrentItem, .contenttype-large-plone-folder a.navTreeCurrentItem {
background:#B2E0EA;}

.navTreeItem a, dd.portletItem .navTreeItem a {
border: 1px solid white;
display: block;
text-decoration: none;
padding: 5px 0px 5px 20px;
}

#portal-sitemap .contenttype-large-plone-folder a:hover, #portal-sitemap .contenttype-folder a:hover, #portlet-navigation-tree .contenttype-folder a:hover {
background:#f0f0f0;
padding: 6px 0px 6px 21px;
}

#portal-sitemap .contenttype-zwikifolder, #portlet-navigation-tree .contenttype-zwikifolder, #portal-sitemap .contenttype-helpcenterfaqfolder, #portlet-navigation-tree .contenttype-helpcenterfaqfolder {
    background:transparent;
    font-size: 12px;
}


.navTreeLevel1 {
    font-size: 0.85em;
    margin-left: 0.75em;
}




/* THE BORDER OF THIS BELOW HAS BEEN EDITED IN CUSTOM/PORTLETS.CSS, BECAUSE OTHERWISE IMPOSSIBLE */

.navTreeCurrentItem {
background-color: #B2E0EA;
color: black;
border:none;}



/* SEARCH FORM */

input {
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
visibility: visible;
color: black;
vertical-align: middle;
background: white url(input_background.gif) repeat-x;
height: 18px;

input.searchButton {
margin-bottom: 1px ! important;
font-size: 100%;
background: #F0F0F0 url();
cursor: pointer;
text-transform: lowercase;
padding: 2px 7px 18px 8px;}





/* ELIMINATE SIDEBAR MENU ICONS */

#portal-sitemap .contenttype-plone-site a:hover, #portlet-navigation-tree .contenttype-plone-site a:hover {
background:none;}

.contenttype-plonesoftwarecenter, .actionMenu .contenttype-plonesoftwarecenter a:hover {
background:none;}

.contenttype-folder, .actionMenu .contenttype-folder a:hover {
background:none;}

.contenttype-large-plone-folder, .actionMenu .contenttype-large-plone-folder a:hover {
background:none;}





/* WEBRING */

div#portlet {
border: none;
margin-bottom: 1em;
padding: 0;
visibility: hidden;}


/* LEFT SIDEBAR */

/* images for icons are embedded in the html. can't do anything with css */

a.tile img {
visibility:hidden;
}

#portal-column-two .visualPadding {
padding: 1em 2em 1em 0em;}

/* THIS HAS BEEN EDITED IN CUSTOM/PUBLIC.CSS 

dd.portletItem.even {
background-color: #EBEBEB;}
*/


dd.portletFooter {
background-color: #E3E3E3;
margin: 0;
padding: 1.25em 4em;
text-align: center;}

/* EDITABLE WIKI PAGE NEED TO BE EDITED IN AUTHORING.CSS, OTHERWISE THEIR CLASSES WON'T BE OVERWRITTEN BY THIS CUSTOM TEMPLATE */





/* FOOTER */

#portal-colophon {
float: none;
border: 0;
margin: 0em 0em 0em 0em;
padding: 0.5em 0em 0em 0em;
text-align: center;}


#portal-footer {
background-color: #EBEBEB;
border-top: 1px solid #C2C2C2;
border-bottom: 1px solid #0404FC;
float: none;
line-height: 1.2em;
margin: 2em 0em 1em 0em;
padding: 0.5em 0em 1em 0em;
}

@media screen
#portal-footer p {
text-align: center;}

@media all
#portal-footer {
border-top: 1;
border-bottom: 0;
float: none;
margin: 0em 0em 0em 0em;
padding: 1em 1em 1em 12em;
text-align: center;
}

/* MAIN CONTENTS */


/* document action icons */
.documentActions ul {
margin: 1px 0 2px 0;
padding: 0;
display: block;
visibility: hidden;}


/* ENDS MARCO DONNARUMMA CUSTOMIZATION. THE FOLLOWING IS THE ORIGINAL PLONECUSTOM.CSS */

#portal-footer {
background-color: White;
border-top: 1;
border-bottom: 0;
float: none;
margin: 0em 0em 0em 0em;
padding: 0.5em 0em 0em 0em;
text-align: left;
}

#portal-colophon {
float: none;
border: 0;
margin: 0em 0em 0em 0em;
padding: 0.5em 0em 0em 0em;
text-align: right;
}

#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
list-style: none;
display: inline;
text-decoration: none;
color: Black;
}
#portal-colophon ul li {
font-size: 85%;
margin: 0 0.25em;
padding: 0.1em 0.2em;
}

tt {
font-size:  1em;
}

/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo. 
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines.
   
   headingFontBaseSize - the base size used when calculating the different headline sizes
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 
 */
}