/* e-Democracy.org Forums Style                                    */
/* Implemented by Michael JasonSmith at OnlineGroups.Net           */
/*   http://onlinegroups.net/                                      */
/* Based on the original design by Ben Ford at Metasolutions       */
/*   http://metasolutions.co.nz/                                   */
/* Colour scheme             */
/* Body Text: Black          */
/* Headings:  Navy #003366   */
/* Links:     Navy #003366   */
/* Followed:  Gray #616161   */
/* Border:    Navy #003366   */
/* BG:        Powder Blue    */
/*                 #D4ECF5   */
/* Alt BG:    Gray #cccccc   */
/* Odd BG:    Gray #dddddd   */

/* Headings */
h1, h2, h3, h4, h5, #titlebar .division, a, th {
    color: #003366;
}
fieldset legend, caption, .label, a, a:link, #contextnav .label, #contextnav .label a, #contextnav p, #contextnav p a, #contextnav li a, .message-result, #contextnav li a.current:visited, .rss-icon a:link, .alternateATOM a:link {
    color: #003366;
}
a:hover, a:visited, #contextnav li a:visited, #contextnav li a:hover {
    color: #616161;
}
/*
  *h1*  36px   24px 
  *h2*  27px   20px
  *h3*  18px   16px
  *h4*  18px   13px
*/
h1 {
  font-size: 184.6%; /*24px*/
  line-height: 1.5; /* 3u = 36px = 24px * 1.5 */
}
h2 {
  font-size: 153.8%; /*20px*/
  line-height: 1.35; /* 2u = 27px = 20px * 1.35*/
}
h3 {
  font-size: 123.1%; /*16px*/
  line-height: 1.125; /* 1u = 18px = 16px * 1.125 */
}
h4, h5, h6 {
  font-size: 100%; /*13px*/
}

html {
  background: #D4ECF5
}

#titlebanner {
  margin-top: 0;
}

#toparea {
  padding-top: 1.385em;
}

#content, #contextnav, #greeting, #latestPhotos, #latestTopics, .introduction,
.ui-widget-content, #divisionHomeContent .image {
  box-shadow: 3px 3px 9px rgba(136, 136, 136, 0.43);
  background: white;
}

/**********/
/* Inputs */
/**********/

.cols input[type='text'] { width: 25em; }

/********/
/* Logo */
/********/

#titlebar .logo {
  display: block;
  background: transparent url(http://forums.e-democracy.org/++resource++logo-20120906.png) no-repeat scroll left top;
  height:3.50em;
  margin:0;
  padding:0;
  background-size:230px;
}
div#titlebar .division {
  display: none;
}

/************************/
/* Site Navigation Menu */ 
/************************/
#contextnav .label, .message-result, #contextnav li a:hover, .emaildetails-self-even {
  background: #dddddd;
}
  
#contextnav {
  border: 1px solid #999999;
  border-radius: 5px;
}

/****************/
/* Context Menu */
/****************/
#toparea, #tabmenu {
  border-bottom-color: #003366;
  background: white;
}
#contextnav .label, .message-result, #contextnav li a:hover, .emaildetails-self-even {
  background: #cccccc;
}

#contextnav li a, #contextnav .label a {text-decoration: none;}

.postList, .emaildetails-odd, .emaildetails-even, .emaildetails-self-even, .emaildetails-self-odd {
  border-bottom: 1px solid #003366;
  border-top: 1px solid #003366;
}
.even {
  background-color: #dddddd;
}
.hentry {
  border-color: #003366;
}
#utilitylinks li, #sitenavigation li {
  border-color: #003366;
}
#sitenavigation a, #utilitylinks a {
  padding: 0.5em 0.692em;
}
#contextnav .label {
  border-top: none;
}

.message-result {
  border-left-color: #003366;
}

/*********/
/* Forms */
/*********/
textarea, input.textType, input.fileType, select { width: 30em; }

label, div.formelementcheck label, div.formelementtext label, div.checkgroup label, div.formelementsinglecheck label, div.formelementtextarea label {
    color: #003366;
}
input, textarea, .email-body, .email-remainder pre,#add-to-topic textarea {
  font-family: Trebuchet,'Trebuchet MS';
  font-size: 100%;
}
.required label:before {
  color: red;
}

input[type='text'], input[type='password'], select {width: 30em;}

#edit-profile #textType {
  width: 25em;
}

/*****************/
/* Related Links */
/*****************/
#relatedLinks {
  float: right;
  padding: 0px 0px 0px 1.385em;
  width: 12.6em;
}
#relatedLinks .label {
  margin: 0px;
  font-weight: bold;
}
#relatedLinks ul {
  margin-bottom: 1.385em;
}
p img {
  padding: 0px 1.385em 1.385em 0px;
  float: left;
}

.navlinks a, .navlinks span, code.url, .alternateATOM, .email, .fileIcon, .share-widgets a, .share-widgets span {
  background-image: url(http://forums.e-democracy.org/++resource++icons-colour.png);
}

/**********/
/* Footer */
/**********/

#footer-links {
  border-top: 5px solid #999999;
}

/*************/
/* Home Page */
/*************/

#greeting, #latestPhotos, #latestTopics,
#divisionHomeContent .introduction, #divisionHomeContent .image {
  border: 1px solid #999999; border-radius: 5px; padding: 1.385em 1.6em;
}

.image .metadata {
  width: 21em;
  right: 1.6em;
}

#task-tabs #latestPhotos, #task-tabs #latestTopics {
  border: none; 
  padding: 0;
  box-shadow: none;
}

/***************/
/* Pop-up Help */
/***************/

.popup-help {
  background: transparent;
}

/****************/
/* Static Pages */
/****************/

#content {
  border: 1px solid #999999;
  border-radius: 5px;
  padding: 1em 3.4em;
  margin-top: 1.385em;
  width: 51.385em;
}

/**************/
/* Group Home */
/**************/

#page-groups #divisionHomeContent {
  background: white;
  border: 1px solid gray;
  border-radius: 8px;
  margin: 10px 0;
  padding: 0 20px;
}

#group-intro {
  margin-top: -1.385em;
}
#group-intro h1 {
  line-height: 1;
  margin-bottom: 0;
}
#group-intro p {
  margin-top: 0;
}

#extended-topic-search #searcharea {
  top: 0;
  float: right;
  position: relative;
}

#extended-topic-search #searcharea #searchTextInput {
  margin: 0;
  width: 100px;
}

#extended-topic-tasks .alternateATOM {
  display: none;
}

#gs-group-messages-topics-loading {
  height: 39.25em; 
}
#gs-group-messages-topics-toolbar .ui-widget-header {
  border: none;
  background: none;
}

#gs-group-messages-topics-search-input {
  width: 28em;
}

/***************/
/* Member Info */
/***************/

#memberdirectory_length select {
  width: 100%;
}

/*********************/
/* Individual Topics */
/*********************/

#divisionHomeContent .hfeed { 
  background: white;
  padding: 15px;
  border: 1px solid #999999;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 3px 3px 9px rgba(136, 136, 136, 0.43);
}

/**********************/
/*  BeNeighbors.org   */
/* Neighborhood forums*/
/**********************/

.forum-directory {
  -moz-box-shadow: 2px 2px 10px #bbb;
  -webkit-box-shadow: 2px 2px 10px #bbb;
  box-shadow: 2px 2px 10px #bbb;
  border: 1px solid grey;
}

.forum-directory thead {
  background: lightBlue;
  font-size: 1.25em;
  border-radius 8px 8px 0 0;
  border: 1px solid grey;
}

.forum-directory th {
  text-align: left;
}

th.forum-directory-forum-home {
  width: 6em;
}

th.forum-directory-facebook {
  white-space: nowrap;
}

th.forum-directory-webfeed {
  /*width: 100px;*/
}

.forum-directory-even {
  background: lightGrey;
}

.forum-directory td {
  padding-bottom: .25em;
}

.forum-directory .forum-directory-neighborhoods {
  color: #666;
  font-style: italic;
  padding: 0 1em 1em 2.75em;
  border-bottom: 1px solid grey;
}

.forum-directory-forum-home {
  font-size: 1.5em;
  padding-top: 5px;
}

.forum-directory-join a{
  background: lightblue;
  padding: 5px 10px;
  border-radius: 8px;
  text-align: center;
  color: darkblue;
  text-decoration: none;
  border: 1px solid grey;
  font-weight: bold;
}

td.forum-directory-dc {
  text-align: center;
}

/* a bit of fancy footwork to make the webfeed header look nice */
th.forum-directory-webfeed {
  padding-top: 0;
  padding-left: 0;
}

th.forum-directory-webfeed img {
  position: relative;
  top: 25px;
  left: -23px;
}

/****************/
/* Search Boxes */
/****************/

.gs-search {
  min-height: 38em;
}

/*
 * jQuery UI CSS Framework 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=DDDDDD&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=003366&fcHeader=003366&iconColorHeader=003366&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=003366&fcDefault=003366&iconColorDefault=003366&bgColorHover=cccccc&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=003366&fcHover=003366&iconColorHover=003366&bgColorActive=cccccc&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=003366&iconColorActive=003366&bgColorHighlight=FFE45C&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=55&borderColorHighlight=003366&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget-content { border: 1px solid #999999; background: #ffffff url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 0px solid #999999; border-bottom-width: 1px; background: #dddddd url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_highlight-soft_75_dddddd_1x100.png) 50% 50% repeat-x; color: #003366; font-weight: bold; }
.ui-widget-header a { color: #003366; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #003366; background: #e6e6e6 url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #003366; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #003366; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #003366; background: #cccccc url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_glass_75_cccccc_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #003366; }
.ui-state-hover a, .ui-state-hover a:hover { color: #003366; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #cccccc url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_glass_65_cccccc_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #003366; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #003366; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #003366; background: #ffe45c url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_highlight-soft_55_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_003366_256x240.png); }
.ui-state-default .ui-icon { background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_003366_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_003366_256x240.png); }
.ui-state-active .ui-icon {background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_003366_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://forums.e-democracy.org/++resource++jquery-icons/ui-icons_ffd27a_256x240.png); }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(http://forums.e-democracy.org/++resource++jquery-icons/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* rounded corners */
.ui-corner-all {
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px ;
}

/* tabs */
.ui-tabs { padding: 0; }
.ui-tabs .ui-tabs-nav { padding-left: 9px; background: transparent; border-radius: 5px 5px 0 0; }

.ui-tabs .ui-tabs-nav li { border-color: #999999; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-color: #777777; }
.ui-tabs .ui-tabs-nav li a { padding: 0.5em 1.385em; }

/* photos */
.photo img { border: 1px solid #aaaaaa; border-radius: 3px; }
#us-photos a { border-radius: 3px; }
.figure img { border: 1px solid #aaaaaa; border-radius: 5px; }
.imagegallery img { border: 1px solid #aaaaaa; border-radius: 5px; }
.thumbs img { border: none; border-radius: 3px; }
.images, .thumbs { margin-left: 0; padding-left: 0; }
.thumbs { margin-right: -0.69em; }
img.scaledImage { border: 1px solid #aaaaaa; border-radius: 2%; }
.nextlink img, .prevlink image { border: 1px solid #aaaaaa; border-radius: 3px; }

@media screen and (max-width: 960px) {
  /* All pages*/
  #toparea, #titlebar a {
    color: black;
    background: white;
  }
  #toparea {
    border-bottom: thin solid #003366;
  }
  .navlinks a, .navlinks span {
    background: none;
  }
  /* Group page */
  #group-intro {
    padding-top: 1.385em;
  }
  #us-tasks {
    margin: 0 0.692em 0 0;
    padding: 0 0 0.692em 0;
    background: white;
  }
  #us-tasks ul {
    margin: 0;
  }
  /* Home page */
 #page- .rightColumn, #page- #latestPhotos {
  margin-bottom: 2.769em;
 }
}

/*#content div { overflow: hidden; }*/
#content ul { overflow: hidden; padding-left: 40px; margin-left: 0; }

/*Quickly fixing unneeded padding/overflow hiding in the Us-Bar on topic pages*/
#topic-page-content #us-photos { padding-left: 0px; }
#topic-page-content #us-tasks { padding-right: 0px; }
#topic-page-content #us-tasks ul { overflow: visible; }

/* WIKI */
.mediawiki #searchform {
  padding: 0 1.39em;
  text-align: center;
}

.mediawiki #searchInput {
  margin: 1.39em 0;
  width: 9.385em;
}

.mediawiki #ca-talk {
  display: none;
}

.toc {
  float: right;
  border: 1px solid black;
  border-radius: 8px;
  margin: 10px 20px;
  font-size: 90%;
}

.toc h2, .toctoggle { margin: 5px 10px; }

#content .toc ul { padding: 0 15px 10px 25px; }

/* User Profile */
#content .leftColumn, #content .rightColumn {
  width: 25em;
}