/* $Id: pmpanel.css,v 1.1.2.1 2009/12/12 15:31:55 johnalbin Exp $ */

/**
 * @file
 * Permaculture homepage panel layout
 *
 * This layout does include the standar Zen navbar, content and right sidebar
 * layout.  Markup has been reordered for Accessibility and SEO optimizations.
 */
 
@font-face {
	font-family: 'SkiaRegular';
	src: url('../../fonts/skia-webfont.eot');
	src: local('☺'), url('../../fonts/skia-webfont.woff') format('woff'), url('../../fonts/skia-webfont.ttf') format('truetype'), url('../../fonts/skia-webfont.svg#webfont9bWwBZyq') format('svg');
	font-weight: normal;
	font-style: normal;
}
.clearfix {
clear: both;
}
.pmpanel { 
/*  overflow: hidden;  */
  width: 100%;
  position: relative;
  margin-top: 0;
  padding-top: 0;
  font-size: 12px;
  font-family: Trebuchet MS,arial,sans-serif;
}

.panel-pane {
	margin-bottom: 10px;
}

.topspread {
  position: static;
  position: relative;
  /*width: 960px;*/
  width: 100%;
/*
  margin-bottom: 20px;
  margin-top: 16px;
*/
  margin: 0;
  padding: 0;
}


/* Slideshow CSS */

/* Stop all slides from displaying briefly on page load */
.front .panel-slideshow-inner .panel-pane {
  display: none;
}
.front .panel-slideshow-inner .panel-pane .first {
  display: block;
}


.panel-slideshow {
	width: 350px;
  height: 260px;
	font-family: Trebuchet MS,helvetica,arial,sans-serif;
  margin: 0;
  padding: 10px 0 0 0;
}
.panel-slideshow img,
.panel-slideshow img.image-slideshow {
  width: 340px;
  height: 222px;
}


#content {
  float: left; /* LTR */
  width: 100% !important;
  margin: 0 !important;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

#content .section {
  padding-right: 10px !important;
}
/*
.panel-main_content_pane .hide,
.panel-slideshow .hide {
  display: none;
}
*/
.panel-main_content_pane a,
.panel-slideshow a {
  font-weight: normal;
  color: #000;
}
.panel-main_content_panel-inner .panel-pane,
.panel-slideshow-inner .panel-pane {
  margin: 0;
}

.panel-main_content_pane .views-field-markup,
/*.panel-slideshow .views-field-markup,*/
.panel-slideshow .views-field-nothing {
  background-color: #FFFFFF;
  -moz-opacity:.80;
  filter:alpha(opacity=80);
  opacity: 0.8;
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 350px;
  padding: 5px 0px 15px 0px;
}

.panel-main_content_pane .views-field-markup span,
.panel-slideshow .views-field-nothing span {
  background-color: transparent;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1em;
  color: #666666;
}
.panel-main_content_pane .views-field-markup .storytype,
.panel-slideshow .views-field-nothing .storytype {
  border-bottom: 1px solid;
  font-size: 9px;
  font-weight: bold;
  padding: 0 5px;
}
.panel-main_content_pane .views-field-markup span a,
.panel-slideshow .views-field-nothing span a{
  color: #666666;
  text-transform: lowercase;
  font-size: 1.2em;
  text-decoration: none;
}


/* Magdisplay CSS */
.panel-magdisplay {
  display: none;
/*
  position: relative;
  top: 320px;
  left: 0;
  margin-bottom: 300px;
  margin-right: 0px;
*/
  float: left; /* LTR */
	/*width: 500px;*/
	max-width: 52%;
  margin: 0;
	padding: 0;
}
.panel-magdisplay-inner {
	/*margin-left: 20px;*/
}
.panel-magdisplay-inner .panel-pane {
  margin: 0;
}

.panel-main_content_pane {
  float: left; /* LTR */
  /*width: 460px;*/
  /*width: 100%;*/
  margin-left: 0; /* LTR */
  /* margin-right: -460px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.panel-header {
  /*display:none;*/
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  /*margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 3.3em; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-panel-header .panel-main_content_pane,
.with-panel-header .panel-middle_pane,
.with-panel-header .panel-right_sidebar {
  margin-top: 3.3em; /* Set this to the same value as the navigation height above. */
}

.panel-middle_pane {
  /*float: left; /* LTR */
  max-width: 320px;
  /*width: 33%;*/
  /*width: 300px;*/
  /* margin-left: 460px; /* LTR */ /* Width of #content. */
  /* margin-right: -710px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}

.panel-middle_pane .view-content {
  max-width: 300px;
  float: left;
}
.panel-middle_pane .panel-middle_pane-inner {
  margin-left: 10px;
}

.panel-right_sidebar {
  display: none;
  float: left; /* LTR */
  width: 180px;
  /* margin-left: 710px; /* LTR */ /* Width of #content. */
  /* margin-right: -960px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}

.panel-right_sidebar .panel-right_sidebar-inner {
  margin-left: 15px;
}

.front .view-header {
	border-bottom: 1px solid #b3b4b6;
	margin-bottom: 15px;  
}

.pane-book-reviews-panel-pane-1 { /* needed to stop book reviews panel breaking margins in ie6 */
  max-width: 300px;
}


/*Small screen */
@media screen and (min-width: 480px) {

  /* Slideshow CSS */
  .panel-slideshow {
  	width: 460px;
    max-height: 300px;
    /*display: none;*/
  }

  .panel-slideshow .views-field-nothing {
    width: 460px;
  }
  /*.panel-slideshow img.image-slideshow {*/
  .panel-slideshow img {
    width: 460px;
    /*height: auto;*/
    height: 300px;
  }
  .panel-main_content_pane .views-field-markup,
  .panel-slideshow .views-field-markup {
    width: 460px;
  }

  .panel-magdisplay {
    display: block;
    height: 340px;
  }

}


/*Small screen / tablet */
@media screen and (min-width: 768px) {

  .panel-main_content_pane {
    max-width: 65%;
    float: left;
    margin-right: 30px;
    
  }
  .panel-middle_pane {
    max-width: 35%;
    float: right;
    margin-left: -30px; 
  }

}


/* Medium screen / desktop */
@media screen and (min-width: 992px) {

  .panel-slideshow {
    height: 0;
  }
  .panel-magdisplay {
    position: static;
    margin-left: 51%;
    margin-bottom: 10px;
  }

  .panel-main_content_pane {
    max-width: 48%;
  }

  .panel-main_content_pane-inner {
    /*padding: 10px;*/
  }

  .panel-middle_pane {
    float: left;
    margin-left: -10px;
  }

  .panel-right_sidebar {
    display: block;
    margin-left: 14px;
    margin-right: -20px;
  }

  .front .view-header {
    /*margin-right: 0;*/
  }

}


/* Large screen / wide desktop */
@media screen and (min-width: 1200px) {

}


/* Views fonts and stuff */

.front .view-header p {
	font-family: 'SkiaRegular',helvetica,arial,sans-serif;
	font-size: 26px;
	color: #00483A;
	margin: 0;
	text-align: right;
	text-transform: lowercase;
}
.views-row {
clear: both;
}
.view-Articles .views-field-field-image-attach, 
.view-Reader-Solutions .views-field-field-image-attach, 
.view-maddy-blog .views-field-field-image-attach {
  float: left;
  margin: 5px 15px 5px 0px;
  height: 100px;
}

.view-Book-Reviews .views-row-odd .views-field-field-image-attach {
float: left;
margin: 5px 15px 5px 0px;
height: 160px;
	
}
.view-Book-Reviews .views-row-even .views-field-field-image-attach {
float: right;
margin: 4px 0px 5px 5px;
height: 160px;
}

.view-Book-Reviews .image-book {
-moz-box-shadow: 2px 2px 2px #666;
-webkit-box-shadow: 2px 2px 2px #666;
box-shadow: 2px 2px 2px #666;
}
.view-Reader-Solutions .views-field-field-image-attach {
	float: left;
	height: 120px;
	margin: 5px 15px 5px 0px;
}

.views-field-title span {
text-transform: uppercase;
font-weight: bold;
line-height: auto;
}

.views-field-title span a {
text-decoration: none;
color: #000000;
}

.views-field-field-dispauthname div{
font-style: italic;
font-size: 11px;
}
.view-Articles .views-field-teaser p {
margin: 0;
}
.view-Articles .views-field-teaser {
margin-bottom: 2em;	
}
.pane-reader-solutions-panel-pane-1, .pane-maddy-blog-panel-pane-1, .pane-book-reviews-panel-pane-1, .pane-video-panel-pane-1 {
padding-top: 10px;	
}
.view-Reader-Solutions .views-field-teaser p {
margin: 0;
}
.view-Reader-Solutions .views-field-teaser {
margin-bottom: 2em;	
}
.view-article-teasers ul, .view-readers-solutions-teasers ul, .view-maddy-blog ul{
list-style: none;
padding: 0px !important;
}
.view-article-teasers ul li, .view-readers-solutions-teasers ul li, .view-maddy-blog ul li {
margin: 0px 0px 1em 0px !important;
}
.view-video-teasers ul,
.view-podcasts-teasers ul {
list-style: none !important;
padding: 0px !important;
margin: 0px 0px 23px 0px !important;
}
.view-video-teasers ul li,
.view-podcasts-teasers ul li {
list-style: none !important;
margin: 0px 0px 1em 0px !important;
padding: 0px !important;
}
.view-Book-Reviews {
background-color: #E9E3DC;
background-repeat: no-repeat;
padding: 10px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
border-radius: 3px;
}
.view-Book-Reviews .view-content {
margin: 10px;	
}
.view-Book-Reviews .view-content p{
margin: 0 !important;
}
.view-Book-Reviews .views-row {
margin-bottom: 2em;	
}
.hp-article-title {
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
margin: 0px;
line-height: 15px;
padding-top: 2px;
text-transform: uppercase;
}

.hp-teaser {
display: block;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 12px;
color: #000;
font-weight: normal;
margin-top: 8px;
}

.hp-single-headline {
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
margin: 0 !important;
padding: 0px;
text-transform: uppercase;
}

.front .view-header a {
color: #00483A;
font-weight: normal;
text-decoration: none;
}
.view-News .more-link {
margin: 0 !important;	
}

/*
.front .pane-simple-calendar-calendar h1 {
line-height: 18px;
font-size: 26px;
font-family: 'SkiaRegular',helvetica,arial,sans-serif;
text-align: right;
text-transform: lowercase;
font-weight: normal;
border-bottom: 1px solid #B3B4B6;
margin-bottom: 10px;
}
*/