/*
Theme Name: isco-default
Theme URI: http://ifshecryout.com/
Description: If She Cry Out customizations of the default WordPress, 1.6 theme.
Version: 1.0
Author: Elizabeth Grace Frank-Backman
Author URI: http://ifshecryout.com
Tags: blue, custom header, fixed width, two columns, widgets

	This theme was adapted by Elizabeth Grace Frank-Backman
        Style sheet is orignally based on:

	Kubrick v1.5 (http://binarybonsai.com/kubrick/)
        Wordpress default v1.6 (http://binarybonsai.com/
        K2 v1.0.3 (http://getk2.com)

        However, there have been very significant reorganizations
        and changes, as well as additional styles:

        * demobox - like wp-caption except that it holds htmlcode for display
        * entrytitle - same as h3, except without the margin
        * navmenu, navmenuleft, navmenuright - main menu bar
        * triggerwarning - styling for trigger warning spans
        * triggerhelp - styling for box linking to immediate support
        * moretag - styling for more tag
        * ec3_... - customization of sidebar calendar

        Page structure overview:
        #page    - area containing header, navmenu, content, footer
        #header  - area above the menubar
        #navmenu - menu bar
        #content - everything between menubar and footer
        #sidebar - area to the right of #content
        #footer  - bottom of the page

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ==========================================================
 * Color Scheme
 * ==========================================================
 */

h1, h1 a, h1 a:hover, h1 a:visited {
   color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
   color: #333;
}

a, h2 a:hover, h3 a:hover {
   color: #06c;
}
a:hover {
  color: #147;
}

blockquote {
   color: #777;
   border-left: 5px solid #ddd;
}

small, strike {
   color: #777;
}

/* --------- page background colors --------- */

body {
   background-color: #d5d6d7; 
   color: #333;
}

#page {
   background-color: white;
   border: 1px solid #959596;
}

/* --------- header colors --------- */

#header {
   background-color: #4180b6;
   border: none;
}

#headerimg .description {
   color: white;
}

/* --------- menubar colors -------- */

#navmenu {
  background-color: #d5d6d7;
  color: #777;
}

#navmenu fieldset {
  border: none;
}

#navmenuleft ul li a:hover {
   color: white;
   background-color: #777;
}

#navmenuleft li ul {
  background-color: #d5d6d7;
  color: #777;
}

#navmenuleft .lastingroup {
   border-top: 1px solid #959596;
   border-bottom: 1px solid #959596;
}

/* --------- content area colors ------ */

#content {
   background-image: url('images/SidebarE4_248.png');
   background-repeat: repeat-y;
   background-position: top right;
}

#sidebar ul ul li, #sidebar ul ol li {
   color: #777;
}

.entry p a:visited {
   color: #b85b5a;
}

.byline, .postmetadata {
   color: #777;
}

.byline a {
   color: #777;
}

.triggerwarning {
   color: black;
   background-color: yellow;
   border: 2px solid black;
}

.triggerwarning a {
   color: black;
}

.linktriggerwarning {
   background-color: yellow;
   border: 1px solid black;
   padding: 1px;
   font-weight: normal;
   font-size: 60%;
}

.linktriggerwarning a {
   color: black;
}

.sticky {
   background: #f7f7f7;
}

.triggerhelp {
   border: 1px solid #ddd;
   background-color: #e3e3ff;
}

.wp-caption, .demobox, .entry form {
   /* .demobox: box for webpage styling demo 
      .entry form: forms embedded in pages
      .wp-caption: box around images + caption
    */
   /* caption for images */
   border: 1px solid #ddd;
   background-color: #f3f3f3;
}

/* --------- footer colors ---------- */

#footer {
   /* background-color: #e7e7e7 */
   background-color: #e3e3e3;
   background-image: url('images/footergradiant.png');
   background-repeat: repeat-x;
   background-position: top left;

   border: none;
}

/* -------- calendar colors --------- */

.ec3_eventday a {
  background-color: #ddd;
}


/* -------- comment list colors --------- */

.commentlist li .avatar { 
   border: 1px solid #eee;
   background: #fff;
}

.nocomments {
   color: #777;
}

.alt, .even {
    border-left: 1px solid #ddd;
}

.thread-alt {
    background-color: #f8f8f8;
}

.thread-even {
    background-color: white;
}

.depth-1 {
    border: 1px solid #ddd;
}


/*  ===Colors for testing layout===

#navmenu ul {
  background-color: black;
}

#navmenuleft ul li a {
   background-color: pink;
}

#content {
   background-color: orange;
}

#column-1 {
   background-color: pink;
}

#sidebar {
   background-color: violet;
}
   ====End colors for testing layout===
*/ 


/* ==========================================================
 * Typography
 * ==========================================================
 */

body {
  font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
}

h1, h2, h3, .entrytitle {
   font-family: 'Trebuchet MS'
       , 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
   font-weight: bold;
   text-decoration: none;
}

a, cite
   , h1 a, h1 a:hover, h1 a:visited
   , h2 a, h2 a:hover, h2 a:visited
   , h3 a, h3 a:hover, h3 a:visited {

   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

small {
  font-family: Helvetica, Arial, Sans-Serif;
}

code {
   font-family: 'Courier New', Courier, Fixed;
}


/* banner fonts */

#headerimg .description {
   text-decoration: none;
}

/* menubar fonts */

#navmenu {
   font-family: Arial, Tahoma, Verdana;
   font-weight: bold;
}
#navmenuleft ul li a {
   text-decoration:none;
}

/* Content area fonts */

.breadcrumb {
   font-family: Arial, Helvetica, Sans-Serif;
}

.byline {
  font-family: Helvetica, Ariel, Sans-Serif;
}

.byline a:hover {
   text-decoration: underline;
}

.triggerwarning {
   font-weight: bold;
}

#sidebar {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#sidebar h2 {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   text-decoration: none;
}


/* Comment fonts */

.commentlist li, #commentform input, #commentform textarea {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
   font-weight: bold;
}
.commentlist cite, .commentlist cite a {
   font-weight: bold;
   font-style: normal;
}
.commentlist p {
   font-weight: normal;
}
.commentmetadata {
   font-weight: normal;
}

#commentform p {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/* Calendar fonts */

#wp-calendar a {
   text-decoration: none;
}
#wp-calendar caption {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  text-decoration: none;
}
#wp-calendar th {
  font-style: normal;
}

/* ==========================================================
 * Layout
 * ==========================================================
 */

/* -----------------------------------
 * Layout - General
 * -----------------------------------
 */

/* NOTE: Special stylized non-IE bullets
   Do not work in Internet Explorer, which
   merely default to normal bullets. 
*/

/* Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
}

h1 {
   padding-top: 70px;
   text-align: center;
   font-size: 4em;
}

h2 {
   margin-top: 30px;
   margin-bottom: 1.6em;
   font-size: 1.6em;
}

h2.pagetitle {
   margin-top: 30px;
   text-align: center;
   font-size: 1.6em;
}

h3 {
   margin-top: 30px;
   font-size: 1.3em;
}

.entrytitle {
   font-size: 1.3em;
}

h3.comments {
   margin: 40px auto 20px ;
}

p {
  margin-bottom: 1em;
}

hr {
   display: none;
}

ol li {
   list-style: decimal outside;
}

blockquote {
   margin: 15px 30px 0 10px;
   padding-left: 20px;
   font-size: 0.9em;
   line-height: 1.5em;
}

blockquote cite {
   margin: 5px 0 0;
   display: block;
}

acronym, abbr, span.caps
{
   font-size: 0.9em;
   letter-spacing: .07em;
   cursor: help;
}

acronym, abbr {
   border-bottom: 1px dashed #999;
}

code {
   font-size: 1.1em;
}

small {
   font-size: 0.9em;
   line-height: 1.5em;
}

table.data { margin-bottom: 1em; }
table.data td { vertical-align: top;  }
table.data td.time { width: 6em; }

.alignright { float: right; }
.alignleft  { float: left;  }
.clear      { clear: both;  }
.center     { text-align: center; }
.hidden     { display: none; }
.children   { padding: 0; }

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.breadcrumb
{
   display: block;
   margin: 10px 0px 3em 0px;
   font-size: 0.9em;
   line-height: 1.5em;
}
.navigation {
   display: block;
   margin-top: 10px;
   margin-bottom: 1em;
   text-align: left;
}
.screen-reader-text {
   position: absolute;
   left: -1000em;
}

.sticky {
   padding: 0 10px 10px;
}
.sticky h2 {
   padding-top: 10px;
}
.triggerwarning {
   padding: 2px;
}

/* -----------------------------------
 * Layout - block out regions
 * -----------------------------------
 */

body {
   margin: 20px 4% 20px 4%;
   padding: 0;
   text-align: center;

   font-size: 62.5%; /* Resets 1em to 10px */
}

#page {
   padding: 10px 10px 10px 10px;
   width: 100%;
   text-align: left;

   /* hack to force IE to calculate #page box
      _before_ boxes within #page and #content
      _before_ boxes within content */
   zoom: 1;
}
	
#header {
   clear: both;
   margin-bottom: 10px;
   height: 200px;
   padding: 0;
}

#navmenu {
   clear: both;
   padding: 5px 10px 5px  10px;
   font-size: 12px;
}

#content {
  clear: both;
  height: 100%;
  /* force IE to calculate #content box
     _before_ boxes within #content */
  /* zoom: 1; */
}

#sidebar {
   float: right;
   padding: 20px 0 10px 5px;
   width: 210px;
   height: 100%;

   font-size: 1em;
}

#column-1 {
   margin-right: 220px;
   padding: 20px 20px 20px 25px;
   width: auto;
   height: 100%;

   font-size: 1.2em;
}

#footer {
   clear: both;

   /* need bottom padding to make room for meebo
      toolbar */
   padding-bottom: 30px;
}

/* -----------------------------------
 * Layout - Images
 * -----------------------------------
 */

a img {
   border: none;
}

p img {
   padding: 0;
   max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
}

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.demobox {
   padding: 10px;
   margin-bottom: 1em;
}

/* margin-top should equal h2 margin-bottom */
.triggerhelp {
   padding: 10px;
   margin-top: -1.6em;
   margin-bottom: 3em;
}

.wp-caption {
   margin: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding-top: 4px;
   text-align: center;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   margin: 0;
   padding: 0 4px 5px;
   font-size: 11px;
   line-height: 17px;
}

/* ----------------
 * Layout - Forms
 * ----------------
 */

fieldset { padding: 3px 3px 3px 3px; }
select   { width: 200px; }

#linksearchform #cat {
  width: 50%;
}

/* ----------------
 * Layout - Banner
 * ----------------
 */

#headerimg {
   height: 200px;
   width: 100%;
   margin: 0;
}
#headerimg .description {
   font-size: 1.2em;
   text-align: center;
}

/* ----------------
 * Layout - Menubar
 * ----------------
 */

#navmenu form {
  margin: 0px;
  padding: 0px;
}

#navmenu fieldset {
  margin: 0;
  padding: 0;
}

#navmenuleft ul {
  float: left;
  list-style: none;
  list-style-image: none;
  line-height: 220%;
}

#navmenuleft ul li {
  position: relative;
  display: inline;
}

#navmenuleft ul li a {
   padding: 4px 10px 4px 10px;
}

/* note: adjust margin top so that it overlaps padding. Mouseover/hover in
   firefox seems to exclude padding area.  If the machine is slow or the
   user moves the mouse too slowly, firefox will "see" the mouse in the
   padding area and turn off hover and the submenu will disappear before
   the user gets to the dropdown submenu.  The solution is to use a negative
   margin to insure that there is no gap between the drop down menu and 
   the top level menu item.

   But note: IE and FF differ in the way they calculate top.  In FF, top
   is about 2px lower than in EE. I'm guessing this is because FF measures
   top from the start of the content box and IE measures top from the
   start of the padding above the content box (I thought the box model
   was fixed in IE6! - maybe not all the way?)

   Even the later versions of IE that recognize li:hover still have a wacky
   idea of what auto means. Opera behaves itself with auto, but has a wierd
   way of understanding absolute positioning.  It always measures relative
   to the top of the page rather than the top of the bounding box.  SO...
   if we solve the IE positioning problem by setting top to a fixed number
   we mess up Opera.  If we make nice to Opera we mess up IE.  Sigh.
 */

#navmenuleft li ul {
  position: absolute;
  top: 22px;
  margin-top: -4px;
  padding-top: 5px;
  left: 0;
  width: 15em;
  display: none;
}

#navmenuleft li:hover > ul {
  display: block;
}

#navmenuleft li ul li {
  display: block;
}

#navmenuleft li ul li ul {
  position: absolute;
  top: 0em;
  left: 15em;
  width: 15em;
  display: none;
}

#navmenuright form {
   float: right;
}

/* ------------------------------
 * Layout - Content area
 * ------------------------------
 */

/* if sidebar floats right and we clear right, clearing both sides will
   create a hugh vertical blank space between an element of this class
   and the next element in the content area.  To avoid this, only clear
   left. */

#content .clear {
  clear: left;
}

.post {
   margin: 0 0 40px;
   text-align: justify;
}

.byline {
   font-size: 0.9em;
   line-height: 1.5em;
   margin-bottom: 0.5em;
}

.moretag {
   padding-left: 2em;
}

.postheader {
   margin-bottom: 2em;
}

.postheader h2 {
   margin-bottom: 0;
}

.post hr {
   display: block;
}

.post object {
   padding-right: 1em;
   padding-bottom: 1em;
}

html>body .entry ul {
   margin-left: 0px;
   padding: 0 0 0 30px;
   list-style: none;
   padding-left: 10px;
   text-indent: -10px;
}

html>body .entry li {
   margin: 7px 0 8px 10px;
}


.entry ol {
   padding: 0 0 0 35px;
   margin: 0;
}

.entry ol li {
   margin: 0;
   padding: 0;
}
.entry ul li:before {
  content: "\00BB \0020";
}

/* This was the default format
   Supposedly, centered to make password protected posts look better.
   However it makes contact forms for Contact Form 7 look _very_ ugly.

   .entry form {
       text-align:center;
    }
*/

.entry form {
   padding: 30px;
   text-align: left;
}

.postmetadata ul, .postmetadata li {
   display: inline;
   list-style-type: none;
   list-style-image: none;
}

.narrowcolumn {}  /* default layout */

.narrowcolumn .entry {
    line-height: 1.4em;
}
.narrowcolumn .postmetadata {
   padding-top: 5px;
   text-align: left;
}
.narrowcolumn p.postmetadata {
   clear: none;
}

.widecolumn {
   width: 450px;
   margin: 5px 0 0 150px;
   padding: 10px 0 20px 0;
   line-height: 1.6em;
}
.widecolumn .entry {
    line-height: 1.4em;
}
.widecolumn .entry p {
    font-size: 1.05em;
}
.widecolumn .post {
   margin: 0;
}
.widecolumn .postmetadata {
   margin: 30px 0;
}
.widecolumn .attachment {
   text-align: center;
   margin: 5px 0px;
}
.widecolumn .smallattachment {
   float: left;
   width: 128px;
   margin: 5px 5px 5px 0px;
   text-align: center;
}

#column-1 fieldset {
  margin-bottom: 20px;
}

#sidebar fieldset {
   margin: 0;
}

#sidebar h2 {
   margin: 5px 0 0;
   padding: 0;
   font-size: 1.2em;
}

#sidebar ul, #sidebar ul ol {
   margin: 0;
   padding: 0;
}

#sidebar ul li {
   list-style-type: none;
   list-style-image: none;
   margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
   margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
   margin: 5px 0 0 10px;
}
#sidebar ul ul li:before {
   content: "\00BB \0020";
}

#sidebar ul ul ul, #sidebar ul ol {
   margin: 0 0 0 10px;
}
#sidebar ul ol li {
   list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
   margin: 3px 0 0;
   padding: 0;
}
#sidebar #searchform #s {
   width: 108px;
   padding: 2px;
}

#sidebar #searchsubmit {
   padding: 1px;
}

/* -------------------------
 * Layout - Footer
 * -------------------------
 */

#footer p {
   margin: 0;
   padding: 20px 0;
   text-align: center;
}

/* -------------------------
 * Layout - Comments
 * -------------------------
 */

.alt {
   margin: 0;
   padding: 10px;
}

.commentlist {
   padding: 0;
   text-align: justify;
}
.commentlist p {
   margin: 10px 5px 10px 0;
   line-height: 1.5em;
   text-transform: none;
}

.commentlist li {
   margin: 15px 0 10px;
   padding: 5px 5px 10px 10px;
   list-style: none;
   font-size: 0.9em;
}
.commentlist li ul li {
   margin-right: -5px;
   margin-left: 10px;
   font-size: 1em;
}
.commentlist cite, .commentlist cite a {
   font-size: 1.1em;
}
.commentlist li .avatar { 
   float: right;
   padding: 2px;
}

.commentmetadata {
   margin: 0;
   display: block;
}

.nocomments {
   text-align: center;
   margin: 0;
   padding: 0;
}

#commentform {
   margin: 5px 10px 0 0;
}
#commentform p {
   margin: 5px 0;
}
#commentform input {
   width: 170px;
   margin: 5px 5px 1px 0;
   padding: 2px;
   font-size: 0.9em;
}
#commentform textarea {
   width: 100%;
   padding: 2px;
   font-size: 0.9em;
}
#commentform #submit {
   margin: 0 0 5px auto;
   float: right;
}
#respond:after {
   clear: both; 
   display: block; 
   height: 0; 
   content: "."; 
   visibility: hidden;
}

/* -------------------------
 * Layout - Calendar
 * -------------------------
 */

#wp-calendar {
   width: 155px;
   margin: 10px auto 0;
   empty-cells: show;
}
#wp-calendar a {
   display: block;
}
#wp-calendar caption {
  width: 100%;
  font-size: 1.3em;
  text-align: center;
}

#wp-calendar th {
   text-transform: capitalize;
}
#wp-calendar td {
   padding: 3px 0;
   text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
   background-color: #fff;
}

#wp-calendar #prev a, #wp-calendar #next a {
   font-size: 9pt;
}
#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
}
#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
}

/* ---------------------------
 * Chat widget
 * ---------------------------
 */

.mcrmeebo {
   display: block;
   background:url("http://widget.meebo.com/r.gif") no-repeat top right;
}
.mcrmeebo:hover {
   background:url("http://widget.meebo.com/ro.gif") no-repeat top right;
}

/* ---------------------------
 * Link lists
 * ---------------------------
 */

.linklistcatnamedesc {
   display: block;
}

.iscolinks {
   margin-bottom: 1.6em;
}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */