@charset "utf-8";
/*
 * Theme Name: modest 3.0
 * Version   : 3.0
 * Author    : Enseki
 */

/************************************************
 * basic
 */
body, table *, form * {
  color: #333;
  font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",
               "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana,
               "ＭＳ Ｐゴシック","MS PGothic","VL Pゴシック","Takao Pゴシック","IPA Pゴシック",
               sans-serif;
}
section, div {
  display: block;
  padding: 0;
  margin: 0;
}
img, video {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}

/* Images */
img {
  border: none;
}
.entry-body img {
  padding: 1px;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.entry-body a:hover img,
.entry-body a:focus img,
.entry-body a:active img {
  border-color: #872727;
}
.entry-body .wp-smiley {
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}


/* Alignment */
.alignleft {
  float: left;
  margin: 0 24px .5em 0;
}
a .alignleft {
  margin: 0 24px .5em 0;
}
.alignright {
  float: right;
  margin: 0 0 .5em 24px;
}
a .alignright {
  margin: 0 0 .5em 24px;
}
.aligncenter {
  display: block;
  margin: 0 auto 1.5em;
}
.wp-caption {
  max-width: 100%;
  margin-bottom: .75em;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  padding: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-caption.aligncenter {
  clear: both;
  margin: 0 auto 1.5em;
}
.wp-caption img {
  display: block;
  margin: 0;
  border: 1px solid transparent;
  max-width: 100%;
  box-shadow: none;
}
.wp-caption.aligncenter img {
  margin: 0 auto;
}
.wp-caption .wp-caption-text {
  margin: .75em 5px 0;
  font-size: .923em;
  line-height: 1.2;
  text-align: center;
}


/* headline */
h1, h2, h3, h4, h5, h6 {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
  font-weight: normal;
}
/* link */
a{
  color: #af3232;
  text-decoration:none;
}
a:hover,a:active{
  color: #872727;
  text-decoration:underline;
}
/* ::selection pseudo-element */
::-moz-selection {
  background: #6bd7f3;
  color: #000;
  text-shadow: none;
}
::selection {
  background: #6bd7f3;
  color: #000;
  text-shadow: none;
}
img::-moz-selection {
  background: transparent;
}
img::selection {
  background: transparent;
}



/************************************************
 * common parts
 */

/* entry's title */
.post-title {
  font-size: 2em;
  font-weight: normal;
  display: inline-block;
  margin-top: 28px;
  margin-bottom: 12px;
}
/* "edit" button */
.edit_post {
  display: inline-block;
}
/* avatar icon */
.avatar {
  margin-right: .8em;
  border: 1px solid rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, .4);
}
.author-link > .avatar,
.post-title > .avatar {
  vertical-align: middle;
}
.author-link:hover > .avatar {
  border-color: inherit;
}

.project-icon {
  padding: 10px;
}
.event-map {
  margin: 16px 8px;
  text-align: right;
}
.map-caption {
  display: block;
  font-size: .8em;
}
.map-caption:before {
  content: "»";
}

/* navigation */
.navigation {
  display: block;
  background: #fff;
  box-shadow: 0 0 0 1px #fff inset;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

/* post's metadata*/
.postmeta {
  background: rgb(240, 236, 227);
  background: rgba(0,0,0,.02);
  box-shadow: inset 0 0 3px rgba(0,0,0,.1);
  padding: 10px;
  margin: 0;
  font-size: .9em;
}
.postmeta .postmeta-title {
  display: none;
}
.postmeta .postmeta-content {
  display: inline-block;
}
.postmeta .postmeta-content {
  margin: 0 10px 0 0;
  padding-left: 10px;
  border-left: 1px solid #ddd;
}
.postmeta .author.postmeta-content {
  margin-left: 0;
  border-left: none;
  font-style: normal;
}


/* entry body */
.entry-body {
  font-size: .95em;
  line-height: 1.8em;
}
.entry-body h2,
.entry-body h3,
.entry-body h4,
.entry-body h5,
.entry-body h6 {
  margin-top: 2.2em;
  margin-bottom: .25em;
  font-weight: bold;
}
.entry-body > *:first-child {
  margin-top: 1em;
}
.entry-body ol > li,
.entry-body ul > li {
  margin-bottom: .5em;
}

/* projects list */
.postmeta-project {
  clear: both;
  border-bottom: 1px solid rgba(255,255,255,.5);
  margin: 0;
  padding: 12px 24px 8px;
  background: #fff;
  background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.postmeta-project {
  font-size: .785em;
}
.meta-project-list {
  padding: 0;
  margin: 0;
}
.meta-project-list-item {
  display: inline-block;
  list-style-type: none;
  margin-right: .5em;
}
.meta-project-list-item:after {
  content: ",";
}
.meta-project-list-item:last-child:after {
  content: "";
}

/* topics */
.feed-article {
  margin: 2em 0 2.5em;
}
.feed-article-title {
  display: inline-block;
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}
.feed-article .edit_post {
  float: right;
}
.feed-article .edit_post + * {
  clear: both;
}

.navigation-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: right;
}
.navigation-list-item {
  display: inline-block;
  padding: 0 .7em;
  border-right: 1px dotted rgb(214, 214, 214);
  margin: 0;
}
.navigation-list-item:last-child {
  padding-right: 0;
  border-right: none;
}


/*
 * Mozilla Sandstone
 * blue button style
 */
.button-blue,.button-blue:link,.button-blue:visited{
  display:inline-block;
  *display:inline;
  *zoom:1;
  -moz-border-radius:.25em;
  border-radius:.25em;
  -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2);
  -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2);
  box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2);
  color:#fff;
  text-align:center;
  font-size:14px;
  text-decoration:none;
  padding:0 24px;
  height:48px;
  line-height:48px;
  border:0;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
  font-family:sans-serif;
  -webkit-transition:all linear .25s;
  -moz-transition:all linear .25s;
  -o-transition:all linear .25s;
  -ms-transition:all linear .25s;
  transition:all linear .25s;
  background-color:#276195;
  background-repeat:repeat-x;
  background-image:-khtml-gradient(linear,left top,left bottom,from(#3c88cc),to(#276195));
  background-image:-moz-linear-gradient(#3c88cc,#276195);
  background-image:-ms-linear-gradient(#3c88cc,#276195);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#3c88cc),to(#276195));
  background-image:-webkit-linear-gradient(#3c88cc,#276195);
  background-image:-o-linear-gradient(#3c88cc,#276195);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc',endColorstr='#276195',GradientType='0');
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc',endColorstr='#276195',GradientType='0')";
  background-image:linear-gradient(to bottom, #3c88cc,#276195);
}
.button-blue:hover,.button-blue:link:hover,.button-blue:visited:hover{
  text-decoration:none;
  -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8;
  -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8;
  box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8;
  -webkit-transition:all linear .25s;
  -moz-transition:all linear .25s;
  -o-transition:all linear .25s;
  -ms-transition:all linear .25s;
  transition:all linear .25s
}
.button-blue:active,.button-blue:link:active,.button-blue:visited:active{
  text-decoration:none;
  -webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2);
  box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2);
  -webkit-transition:all linear .25s;
  -moz-transition:all linear .25s;
  -o-transition:all linear .25s;
  -ms-transition:all linear .25s;
  transition:all linear .25s
}
.button-blue small,.button-blue:link small,.button-blue:visited small{
  text-decoration:none;
  display:block
}

/*
 * Mozilla Sandstone
 * secondary button style
 */
.button-white,.button-white:link,.button-white:visited{
  display:inline-block;
  *display:inline;
  *zoom:1;
  text-align:center;
  text-decoration:none;
  font-family:sans-serif;
  -webkit-transition:all linear .25s;
  -moz-transition:all linear .25s;
  -o-transition:all linear .25s;
  -ms-transition:all linear .25s;
  transition:all linear .25s;
  border:1px solid #d0d0d0;
  background:#fff;
  padding:0 12px;
  color:#484848;
  font-size:12px;
  height:24px;
  line-height:24px;
  text-shadow:none;
  -webkit-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset;
  -moz-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset;
  box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset;
  -moz-border-radius:6px;
  border-radius:6px;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.button-white:hover,.button-white:link:hover,.button-white:visited:hover{
  -webkit-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset;
  -moz-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset;
  box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset;
  text-decoration:none;
  -webkit-transition:all linear .25s;
  -moz-transition:all linear .25s;
  -o-transition:all linear .25s;
  -ms-transition:all linear .25s;
  transition:all linear .25s
}
.button-white:active,.button-white:link:active,.button-white:visited:active{
  -webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2);
  box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2);
  color:#fff;
  text-decoration:none;
  -webkit-transition:all linear .25s;
  -moz-transition:all linear .25s;
  -o-transition:all linear .25s;
  -ms-transition:all linear .25s;
  transition:all linear .25s
}
.button-white small,.button-white:link small,.button-white:visited small{
  display:block
}
.button-white.selected{
  background:#d7d5d5;
  border-color:#bcb9b9;
  text-shadow:0 1px #fff;
  -webkit-box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset;
  -moz-box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset;
  box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset
}



/************************************************
 * layout
 */
body {
  margin: 0;
  background: url("./images/sandstone/bg-sand.png") repeat-x scroll 0 0 #F5F1E8;
  border-top: 2px solid rgb(255, 255, 255);
}
#page {
  width: 1050px;
  padding: 0 1em;
  margin: 0 auto;
}
#content {
  display: block;
  float: left;
  width: 750px;
}
#sidebar{
  display: block;
  float: right;
  width: 230px;
}
#mozilla_ring {
  width: 1050px;
}

/************************************************
 * header
 */
#site-title {
  padding-top: 21px;
  margin-top: 0;
}
#site-title-image {
  border: none;
}

#header-nav {
  float: right;
  text-transform: uppercase;
}
#header-nav > ol {
  margin: 0;
}
.header-nav-item {
  display: inline-block;
  list-style-type: none;
  padding: 12px;
}
.header-nav-item > a,
.header-nav-item > a:hover,
.header-nav-item > a:visited {
  color: #484848;
  text-decoration:none;
}

/* tabzilla */
#tabzilla {
  float: right;
  display: block;
/*  background: url(./images/tab.png); */
  height: 45px;
  width: 150px;
  position: relative;
  text-indent: -2000px;
  overflow: hidden;
  z-index: 999;
}
/*
#tabzilla:after {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX%2F%2F%2F9ISEhr7AOpAAAAAXRSTlMAQObYZgAAACVJREFUCNdjYEACHAIMMhYMdjUM8j8Y%2BD8wsD9gYD7AwNiArAQAd4oFaCu14IQAAAAASUVORK5CYII%3D);
  content: " ";
  position: absolute;
  height: 16px;
  width: 16px;
  top: 11px;
  right: 23px;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
}
*/
#tabzilla {
  background-image: url("./images/tabzilla-tab.png") !important;
}
/*
#tabzilla:after {
    background: none repeat scroll 0 0 transparent;
}
*/

/************************************************
 * content
 */
#content {
  padding-bottom: 30px;
}
#content > section {
  margin-bottom: 4em;
}

/* top page */
.topsection-title {
  margin: 0;
  font-size: 2em;
  font-weight: normal;
  -moz-transition: font-size .5s linear;
  -webkit-transition: font-size .5s linear;
  -o-transition: font-size .5s linear;
  -ms-transition: font-size .5s linear;
  transition: font-size .5s linear;
}
#hottopic > .topsection-title {
  margin-top: 28px;
}
#hottopic-list {
  background: #fff;
  box-shadow: 0 0 0 1px #fff inset;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  margin: 15px 0;
  background: url("images/dino.png") no-repeat right 0,
              #fff;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
.hottopic-item {
  -moz-transition: font-size .5s linear;
  -webkit-transition: font-size .5s linear;
  -o-transition: font-size .5s linear;
  -ms-transition: font-size .5s linear;
  transition: font-size .5s linear;
}
.hottopic-item > a {
  background: rgba(255, 255, 255, .5);
}

.top-event-section {
  background: #fff;
  padding: 20px;
  margin: .5em 0 1.5em;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .1);
}
.top-event-section > .event-time {
  display: inline-block;
  border-bottom: 1px dotted #000;
  padding-bottom: .3em;
  margin-bottom: 1em;
  -moz-transition: font-size .5s linear;
  -webkit-transition: font-size .5s linear;
  -o-transition: font-size .5s linear;
  -ms-transition: font-size .5s linear;
  transition: font-size .5s linear;
}
.top-event-section > .event-title {
  display: block;
  font-size: 2.5em;
  margin: 0;
  -moz-transition: font-size .5s linear;
  -webkit-transition: font-size .5s linear;
  -o-transition: font-size .5s linear;
  -ms-transition: font-size .5s linear;
  transition: font-size .5s linear;
}
#event .posted-year,
#event .posted-month,
#event .posted-day {
  font-size: 1.7em;
}

/* archive page */
.archive-post-title {
  font-size: 2em;
  font-weight: normal;
  margin-bottom: 10px;
}
.archive-post_header > .archive-post-title {
  display: inline-block;
}
.archive-post {
  margin-bottom: 5em;
}
.archive-post.list {
  margin-bottom: 2.5em;
}
.archive-post.list  .archive-post-title {
  font-size: 1.5em;
}

/* search result */
.searchresult-article {
  margin: 1em 0 3em;
}
.searchresult-article-title {
  display: inline-block;
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}
.searchresult-article .edit_post {
  float: right;
}
.searchresult-article .edit_post + * {
  clear: both;
}


/* project & event page */
.projectmeta,
.eventmeta,
.authormeta {
  border-bottom: 1px solid rgba(255,255,255,.5);
  padding: 10px 20px;
  margin: 0;
  background: #fff;
  background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.projectmeta .project-icon,
.eventmeta .event-map {
  float: right;
}
/* claer fix */
.projectmeta:after,
.eventmeta:after {
  content: " ";
  display: block;
  clear: both;
}
.event-map + .event-metadata-list {
  width: 294px;
  width: -moz-calc(100% - 416px);
  width: -webkit-calc(100% - 416px);
  width: -o-calc(100% - 416px);
  width: calc(100% - 416px);
}

/* project page */
#project-latest-topics-list > h2,
#author-latest-topics-list > h2 {
  font-size: 2em;
  margin: 1em 0 .5em;
}
.entry-body.project-description {
  padding-bottom: 3em;
  border-bottom: 1px dotted rgb(204, 204, 204);
  margin-bottom: 3em;
}


/* author page*/
.authormeta {
  margin-top: 1em;
}


/* project & event list page */
.event-section,
.project-section {
  clear: both;
  border-bottom: 1px solid rgba(255,255,255,.5);
  margin: 3em 0;
  padding: 12px 24px 8px;
  background: #fff;
  background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75));
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.event-header,
.project-header {
  border-bottom: 1px dotted #ccc;
}
.event-title,
.project-title {
  display: inline-block;
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}
.project-footer .project-icon {
  float: right;
}
/* claer fix */
.project-footer:after {
  content: " ";
  display: block;
  clear: both;
}
.event-metadata-list > .metadata-list-title,
.project-metadata-list > .metadata-list-title,
.author-metadata-list > .metadata-list-title {
  margin: 0;
  font-size: .9em;
  font-weight: bold;
}
.event-metadata-list > .metadata-list-content,
.project-metadata-list > .metadata-list-content,
.author-metadata-list > .metadata-list-content {
  margin: 0 0 1.5em 1em;
}


/************************************************
 * sidebar
 */
#sidebar {
  padding: 10px;
  margin: 0 0 20px;
}

#sidebar > * {
  border-bottom: 1px dotted rgb(204, 204, 204);
}
#sidebar-button-group {
  padding: 0;
  margin: 0;
}

#sidebar-button-group li {
  display: block;
  margin: 1em 0;
}

#sidebar-button-group .button-blue,
#sidebar-button-group .button-blue:link,
#sidebar-button-group .button-blue:visited {
  display:block;
  padding:0 12px;
  font-size: 18px;
}
#sidebar-button-group .join {
  white-space: nowrap;
}
#sidebar-about,
#sidebar-search,
#sidebar-event,
#sidebar-project > h3 {
  margin: 0;
}
#sidebar-about > a,
#sidebar-search,
#sidebar-event > a,
#sidebar-project > h3 > a {
  display: block;
  padding: 17px 0;
  margin: 0;
}
#sidebar > *:last-child {
  border-bottom: none;
}
#sidebar-project-list {
  padding-left: 0;
  margin: 0 0 0 15px;
}
#sidebar-project-list > li {
  list-style-type: none;
  border-bottom: 1px dotted rgb(204, 204, 204);
}
#sidebar-project-list a {
  padding: 8px 0;
  display: block;
}

#searchform > label {
  display: none;
}
#searchform > #s {
  padding: 6px 5px;
  width: 94%;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  background: rgba(255,255,255,.8);
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield;
  box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset;
}
#searchform > #searchsubmit {
  display: none;
}

/************************************************
 * @Forms
 */
input[type=email],
input[type=url],
input[type=search],
input[type=password],
input[type=text],
textarea {
  font-size: .857em;
  border: 1px solid #dbdbdb;
  background: transparent;
  background: rgba(0,0,0,.05);
  box-shadow: inset rgba(0,0,0,.1) 0 0 4px, rgba(255,255,255, .1) 0 1px 0;
  padding: 6px 10px;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
}
input[type=email]:hover,
input[type=url]:hover,
input[type=search]:hover,
input[type=password]:hover,
input[type=text]:hover,
textarea:hover {
  border-color: #bbb;
  background: rgba(0,0,0,.03);
}
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
  border-color: #bbb;
  background: #fafafa;
  outline: 0 none;
  box-shadow: inset rgba(0,0,0,.3) 0 0 4px, rgba(255,255,255, .1) 0 1px 0;
}

form li {
  margin-bottom: 1em;
}
label {
  display: block;
  padding: 0 0 .5em;
}
label .note {
  color: #666;
}

.pwform {
  margin: 0 0 1.5em;
}
.pwform br {
  display:none;
}
/************************************************
 * @Comments
 */
.comments-head {
  clear: both;
  margin: 48px 0 24px;
}
#comment-list {
  list-style: none;
  margin: 0 0 48px;
  padding: 0;
}
#comment-list .comment,
#comment-list .pingback,
#comment-list .trackback {
  font-size: .875em;
  padding: 19px;
  margin: 0 0 24px;
  background: #fff;
  border: 1px solid #ccc;
  border-color: rgba(0,0,0,.05);
  -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
#comment-list .alt {
  background: #f7f7f7;
  -o-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1);
}
#comment-list .byuser {
  border-color: #dccccc;
  -o-box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1);
  box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1);
}

#comment-list.av .comment {
  position: relative; padding-left: 92px; min-height: 70px;
}

#comment-list .entry-title {
  font-size: 1.25em;
  min-height: 0;
  letter-spacing: normal;
  margin: 0 0 1.5em;
}
#comment-list .author {
  font-style: normal;
}
#comment-list .entry-title cite {
  font-style: normal;
}
#comment-list .comment-meta {
  font-size: .857em;
}

#comment-list .avatar {
  position: absolute;
  left: 19px;
  top: 19px;
  border: 1px solid #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1);
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}
#comment-list a:hover .avatar,
#comment-list a:focus .avatar,
#comment-list a:active .avatar {
  border-color: inherit;
}

#comment-list .entry-content p,
#comment-list .entry-content pre,
#comment-list .entry-content blockquote {
  margin: .75em 0 0;
}
#comment-list .mod {
  margin-top: 1em;
  border: 1px solid #f0dfc0;
  color: #3c3c3c;
  font-size: 1.07em;
  text-align: center;
  padding: .5em 15px;
  background: #fff2db;
}

#comment-list .comment-util {
  margin: 1em 0 0;
  font-size: .846em;
}
#comment-list .comment-reply-link:after {
  content: "\00A0\00BB";
  font-size: 1.2em;
} /* nbsp raquo */
#comment-list .comment-util .edit {
  margin-left: 20px;
}

#comment-list ol.children {
  list-style: none;
  margin: 24px 0 0;
}
#comment-list ol.children .comment {
  font-size: 1em;
  margin: 0 0 0 -72px;
}

/* @Comment @Form *********/
#comment-form {
  position: relative;
  padding: 3em 0 0;
}
#comment-form legend span {
  position: absolute;
  top: 0;
  margin: 0 0 .25em;
  letter-spacing: -1px;
  font-size: 1.5em;
}
#comment-form .self {
  margin-bottom: 1em;
}
#comment-form .self .logout {
  font-size: .923em;
  margin-left: 1em;
}

#comment-list #respond {
  width: auto;
  margin: 1em 20px;
}
#comment-list .children #respond {
  margin-left: -50px;
}
#cancel-comment-reply {
  position: absolute;
  right: 0;
  font-size: .857em;
  top: .15em;
}
#cancel-comment-reply a {
  display: inline-block;
  margin-left: 20px;
  padding: 1px 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #eee;
  background: -moz-linear-gradient(#fff, #eee);
  background: -webkit-linear-gradient(#fff, #eee);
  background: linear-gradient(to bottom, #fff, #eee);
}
#cancel-comment-reply a:hover,
#cancel-comment-reply a:focus,
#cancel-comment-reply a:active {
  border-color: #999;
}

#comment-form #errors {
  border: 1px solid #f0dfc0;
  padding: .5em 15px .25em;
  background: #fff2db;
  margin-bottom: 1em;
}
#comment-form #errors p {
  margin-bottom: .5em;
}
#comment-form .err {
  background: #fff2db;
}

#comment-form input, #comment-form textarea {
  font-size: .857em;
  width: 96%;
}

#comment-form > fieldset,
#comment-form ol {
  padding: 0;
  border: none;
  margin: 0;
}
#comment-form li {
  margin-bottom: .7em;
  list-style-type: none;
}
#comment-form input,
#comment-form textarea {
  margin-top: .2em;
}

#comments > .comments-head {
  padding-top: .5em;
  border-top: 1px dotted rgb(204, 204, 204);
  margin-top: 3em;
}



/************************************************
 * footer
 */
#footer {
  display: block;
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
#mozilla_ring {
  padding: 0;
  margin: 0 auto;
}
#mozilla_ring_title,
.mozilla_ring_category {
  float: left;
  margin: 0 20px;
}
#mozilla_ring_title {
  margin-left: 0;
}
.mozilla_ring_category_title {
  margin-top: 0;
  margin-bottom: 2px;
}
.mozilla_ring_category > ul {
  padding: 0;
  margin: 10px 0;
}
.mozilla_ring_menu {
  list-style-type: none;
}
#copyright {
  clear: both;
  text-align: center;
  padding: 30px 0 10px;
  margin:0 auto 0;
}




/*
 * @Tablet
 * Inherits styles from: Default Layout.
 */
@media only screen and (min-width: 768px) and (max-width: 1081px) {
  #page {
    width: 96%;
    width: -moz-calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    width: -o-calc(100% - 32px);
    width: calc(100% - 32px);
    padding: 0 16px;
  }
  #header-nav > ol > li:first-child {
    display: none;
  }

  #content {
    width: 70%;
  }

  .top-event-section > .event-title {
    font-size: 2.3em;
  }

  .eventmeta .event-map {
    float: none;
  }
  .event-map {
    text-align: center;
  }
  .map-caption {
    text-align: inherit;
  }

  .event-metadata-list {
    width: 100%;
  }
  .event-map + .event-metadata-list {
    width: 100%;
  }

  #sidebar {
    width: 25%;
  }
  #sidebar-button-group .button-blue,
  #sidebar-button-group .button-blue:link,
  #sidebar-button-group .button-blue:visited {
    font-size: 15px;
  }

  .comment-meta {
    display: block;
  }

  /* footer */
  #mozilla_ring {
    width: 85%;
    text-align: center;
  }
  #mozilla_ring_title {
    float: none;
    font-size: 1.4em;
  }
  .mozilla_ring_category {
    width: 25%;
    margin: 2em auto 2em;
  }
  .mozilla_ring_category_title {
    margin-bottom: .5em;
    font-size: 1.2em;
  }
  .mozilla_ring_menu {
    margin: .5em 0;
    font-size: 1em;
  }
  #copyright {
    width: 85%;
  }
}

/*
 * @Mobile
 * Inherits styles from: Default Layout.
 */
@media only screen and (max-width: 767px) {
  ul, ol {
    padding-left: 1em;
  }
  dd {
    margin-left: 1em;
  }
  blockquote {
    margin-left: 1em;
  }

  .post-title {
    font-size: 1.7em;
  }
  .postmeta .postmeta-content {
    display: block;
    border: none;
    padding-top: .2em;
    padding-bottom: .2em;
  }
  .meta-project-list-item > a {
    padding: .5em;
    font-size: 1.2em;
  }

  .event-metadata-list {
    width: 100%;
  }
  .event-map + .event-metadata-list {
    width: 100%;
  }

  .archive-post-title {
    font-size: 1.5em;
  }

  #page {
    width: 85%;
    padding: 0;
    margin: 0 auto;
  }
  #header-nav {
    display: none;
  }
  .add-button {
    display: none;
  }
  #site-title-image {
    width: 50%;
    min-width: 120px;
    max-width: 180px;
  }
  #content {
    float: none;
    width: 100%;
    border-top: 1px dotted rgb(204, 204, 204);
    border-bottom: 1px dotted rgb(204, 204, 204);
  }
  #content > section {
    margin-bottom: 2.5em;
  }
  #hottopic-list {
    background-image: none;
    padding: 10px;
  }

  .topsection-title {
    font-size: 1.7em;
  }
  .hottopic-item {
    font-size: 1.2em;
  }
  .top-event-section {
    padding: 10px;
  }
  .top-event-section > .event-time {
    font-size: .8em;
  }
  .top-event-section > .event-title {
    font-size: 1.4em;
  }

  .feed-article-title {
    font-size: 1.2em;
  }

  .project-footer .project-icon,
  .projectmeta .project-icon,
  .eventmeta .event-map {
    float: none;
  }

  .event-map {
    text-align: center;
  }
  .map-caption {
    text-align: inherit;
  }

  /* sidebar */
  #sidebar {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 auto 3em;
  }
  #sidebar-project-list {
    margin: 0;
    padding-left: 20px;
  }
  #sidebar-project-list a {
    padding: 14px auto;
  }

  #comment-submit > button {
    width: 100%
  }
  #comment-list.av .comment {
    padding-left: 19px;
  }
  #comment-list ol.children .comment {
    margin: 0 -10px -10px;
  }
  #comment-list .avatar {
    display: none;
  }
  #comment-list .entry-title {
    font-size: 1em;
  }
  .comment-meta {
    display: block;
  }

  /* footer */
  #mozilla_ring {
    width: 95%;
  }
  #mozilla_ring_title {
    float: none;
    margin: .5em auto 1em;
    font-size: 1.6em;
    text-align: center;
  }
  .mozilla_ring_category {
    float: none;
    width: 80%;
    padding: .8em 0;
    border-top: 1px dotted #ccc;
    margin: .8em auto;
  }
  .mozilla_ring_category:last-of-type {
    border-bottom: 1px dotted #ccc;
  }
  .mozilla_ring_category_title {
    font-size: 1.4em;
  }
  .mozilla_ring_menu > a {
    display: block;
    margin: .3em auto;
    font-size: 1.2em;
  }
  #copyright {
    width: 80%;
  }
}

/*
 * @Wide-Mobile
 * Inherits styles from: Default Layout, Mobile Layout.
 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 #sidebar {
   max-width: 500px;
 }

 /* footer */
  #mozilla_ring {
    width: 85%;
    text-align: center;
  }
  #mozilla_ring_title {
    float: none;
    font-size: 1.4em;
  }
  .mozilla_ring_category {
    float: left;
    width: 40%;
    border: none;
    margin: 2em auto 2em;
  }
  .mozilla_ring_category:last-of-type {
    border: none;
  }
  .mozilla_ring_category_title {
    margin-bottom: .5em;
    font-size: 1.2em;
  }
  .mozilla_ring_menu > a {
    margin: .5em 0;
    font-size: 1em;
  }
  #copyright {
    width: 85%;
  }
}