/***
 * Fontanel Onine Design Magazine - fontanel.nl
 * Author: raditya.nl
 * Updated: 2009-11-07
 */




/***
 * ##ELEMENTS
 */
* html, 
body {
  margin: 0;
  padding: 0;
}

html { background: #d0d0d0 url('../_images/bg.jpg'); }
body {
  color: #333;
  font-size: 75%;
  font-family: "Arial", sans-serif;
  background: url('../_images/bg_gradient.jpg') repeat-x;
}

h1, h2, h3, h4 {
  color: #111;
}

h1 {
  margin: 0.25em 0 0 0;
  padding: 0 0 0.05em 3px;
  font-size: 275%;
  letter-spacing: 0.04em;
}

h2 {
  font-family: "Arial", sans-serif;
  letter-spacing: 0.025em;
}

a {
  color: #2ba15a;
  text-decoration: none;
}
/*a:hover { border-bottom: 1px solid #2ba15a; }*/
a img { border: 0; }

blockquote {
  margin: 1em 20px;
  font-style: italic;
}


button { cursor: pointer; }
label { cursor: pointer; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

hr {
  margin: 1em 0;
  border: 0;
  height: 13px;
  clear: both;
  background: url('../_images/hr.gif')  50% 50% no-repeat;
}
/* end - elements */




/***
 * ##TOOLS
 */
.screenreader { display: none; }
div:after,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0.0001em;
  visibility: hidden;
}

.fillet {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.fillet-top {
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
}
.fillet-right {
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
.fillet-bottom {
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
.fillet-left {
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

.singular a {
  padding-right: 12px;
  background: url('../_images/arrows_right.gif') 100% -148px no-repeat;
}

/* end - tools */




/***
 * ##GENERIC
 */
.wrapper {
  margin: 0 auto;
  width: 990px;
}

/* header */
.header-container {
  padding: 0.55em 25px 0.7em 22px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  background-color: #333;
}
.brandlogo {
  float: left;
  display: block;
  background: url('../_images/logo_fontanel.png') no-repeat;
}
.brandlogo img {
  display: block;
  visibility: hidden;
}

.header-container form {
  margin-top: 3px;
  float: right;
}
.header-container form input {
  padding: 0.15em 0.5em;
  border: 0;
  display: block;
  float: left;
  color: #fff;
  font-size: 110%;
  width: 152px;
  background-color: #999;
}
.header-container form .submit {
  margin: 3px 0 0 -20px;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  background: url('../_images/icon_search.gif');
}

/* navigation */
.navigation-container {
  padding: 0.8em 18px 0.8em 18px;
  background-color: #dcd9db;
}
.navigation-container ul,
.navigation-container li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navigation-container li { float: left; }
.navigation-primary li { margin-right: 12px; }
.navigation-container a {
  padding: 0.25em 9px 0.25em 11px;
  display: block;
  color: #333;
  font-size: 96%;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  letter-spacing: 0.075em;
}
.navigation-container a:hover {
  color: #fff;
  background-color: #999;
}
.navigation-container .current-page a {
  color: #fff;
  background-color: #2ba15a;
}
.navigation-primary { float: left; }
.navigation-secondary { float: right; }
.navigation-secondary li {
  margin-left: 12px;
}

/* forms */
.formfield-container { padding: 0.5em 0; }
.textfield-container input,
.textarea-container textarea,
.selectfield-container select {
  padding: 0.25em 0.5em;
  /*border: 1px solid #bbb;*/
  border: 0;
  color: #666;
  font-family: "Arial", sans-serif;
  font-size: 100%;
  background: #fff url('/_images/input_bg.gif');
}
.textarea-container textarea { height: 160px; }
.submit-container input {
  border: 0;
  float: right;
  color: #333;
  background: #999;
}
.submit-container button {
  border: 0;
  float: right;
  color: #333;
  background: #999;
}


/* primary */
.primary-container {
  margin: -1px;
  border: 1px solid #cecdcc;
  position: relative;
  background: #fff;
}

.section-header {
  margin-bottom: 0.75em;
  padding-bottom: 0.45em;
  border-bottom: 1px solid #ddd;
}
.section-header h2 {
  margin: 0;
  padding-left: 3px;
  float: left;
}
.section-header h2 a { color: #333; }
.section-header h2 a:hover,
.section-header .singular a:hover {
  color: #2ba15a;
}
.section-header .singular {
  margin: 0.6em 0 0 9px;
  float: left;
  font-size: 90%;
}
.section-header .singular a {
  color: #999;
  font-weight: bold;
  letter-spacing: 0.025em;
  background: url('../_images/arrows_right.gif') 100% 2px no-repeat;
}
.section-header .singular a:hover { background-position: 100% -148px; }
.item-visual,
.item-visual img {
  display: block;
}

/* end - generic */




/***
 * ##FOOTER
 */
#footer {
  margin: 2em auto 0 auto;
  position: relative;
  width: 990px;
  color: #fff;
  background: #333;
}
#footer .section { float: left; }
#footer h3 {
  margin: 0;
  padding: 24px 4px 7px 4px;
  border-bottom: 1px solid #4d4d4d;
  color: #fff;
  font-size: 100%;
}
.theme-section { width: 184px; }
.theme-section img { display: block; }

.about-section,
.newsletter-section,
.elsewhere-section,
.copyright-section {
  opacity: 0.1;
}

.about-section {
  margin-right: 30px;
  width: 250px;
}
.about-section p {
  margin: 0;
  padding: 7px 4px;
  color: #666;
  font-size: 90%;
  line-height: 160%;
}
.about-section .subpages { padding: 0; }
.about-section a {
  padding: 0 4px;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.about-section a span { color: #fff; }
.about-section a:hover span { border-bottom: 1px solid #666; }

.newsletter-section {
  margin-right: 30px;
  width: 250px;
}
.newsletter-section form {
  margin: 0;
  padding: 4px 0;
}
.newsletter-section form .formfield-container {
  padding: 0.45em 0;
}
.newsletter-section button {
  padding: 0.45em 0.5em;
  border: 0;
  float: right;
  color: #fff;
  background-color: #292929;
}
.newsletter-section .textfield-container input {
  padding: 0.35em 0.5em 0.3em 0.5em;
  width: 241px;
  color: #999;
  font-size: 90%;
  background-color: #4d4d4d;
}
.newsletter-section .to-rss { margin: 0; }
.newsletter-section .to-rss a {
  padding: 9px 0 9px 18px;
  border-top: 1px solid #4d4d4d;
  display: block;
  color: #fff;
  font-size: 90%;
  background: url('../_images/icon_rss.gif') 0% 50% no-repeat;
}
.newsletter-section .to-rss a:hover span { border-bottom: 1px solid #4d4d4d; }


.elsewhere-section { width: 220px; }
#footer .elsewhere-section h3 { margin: 0 0 0.55em 0; }
.elsewhere-section p { margin: 0; }
.elsewhere-section a {
  margin-left: 1px;
  padding: 6px 0 6px 27px;
  display: block;
  color: #4d4d4d;
  font-size: 90%;
}
.elsewhere-section a:hover .elsewhere-url { border-bottom: 1px solid #4d4d4d; }
.elsewhere-section a em {
  color: #fff;
  font-style: normal;
}
.elsewhere-section a .complete-url { color: #666; }
.elsewhere-section a:hover .complete-url { color: #fff; }
.elsewhere-section .to-delicious a { background: url('../_images/icon_delicious.gif') 0 50% no-repeat; }
.elsewhere-section .to-facebook a { background: url('../_images/icon_facebook.gif') 0 50% no-repeat; }
.elsewhere-section .to-twitter a { background: url('../_images/icon_twitter.gif') 0 50% no-repeat; }
.elsewhere-section .to-flickr a { background: url('../_images/icon_flickr.gif') 0 50% no-repeat; }
.elsewhere-section .to-vimeo a { background: url('../_images/icon_vimeo.gif') 0 50% no-repeat; }

.copyright-section {
  margin: 8px 0 0 0;
  padding-top: 3px;
  border-top: 1px solid #4d4d4d;
  width: 780px;
  font-size: 90%;
}
.copyright-section p { margin: 1em 0; }
.copyright-section a:hover em {
  border-bottom: 1px solid #666;
/*  text-decoration: underline;*/
}
.theme-caption {
  padding-left: 4px;
  float: left;
}
.theme-caption span { color: #666; }
.theme-caption em {
  color: #fff;
  font-style: normal;
}
.copyright {
  padding-right: 4px;
  float: right;
}
.copyright span { color: #666; }
.copyright em { font-style: normal; }
/* end - footer */




/***
 * ##HOMEPAGE
 */
.chapters-container {
  margin: 0 25px;
  padding-top: 23px;
}
.homepage .chapters-container {
  padding-top: 18px;
  border-bottom: 5px solid #d4d5d7;
}

.item-meta { font-size: 90%; }

/* Inspiration */
.homepage .inspiration-section {
  float: left;
  width: 460px;
}
.inspiration-section .section-body { margin: 0 -10px; }
.special-article .related-articles .inspiration-item .item-visual,
.inspiration-section .item-visual,
.calendaritem-article .item-visual,
.inspiration-article .related-articles .inspiration-item .item-visual,
.paginator .item-visual {
  margin-bottom: 0.45em;
  border: 1px solid #d4d5d7;
}
.inspiration-section .inspiration-item-hover .item-visual { border: 1px solid #666; }
.inspiration-section p { margin: 0; }
.inspiration-section .item-category {
  margin-bottom: 0.25em;
  padding-left: 3px;
  float: left;
  font-size: 90%;
  font-size: "Arial", sans-serif;
}
.inspiration-section .item-category a { color: #777; }
.inspiration-item {
  margin: 0 10px;
  float: left;
  width: 220px;
  height: 220px;
}
.inspiration-item .item-meta {
  padding-left: 3px;
  color: #999;
  text-align: center;
}
.paginator .article-item .item-comments,
.item-comments {
  padding-right: 7px;
  padding-left: 16px;
  color: #999;
  font-size: "Arial", sans-serif;
  background: url('../_images/icon_comment.gif') no-repeat;
}
.paginator .article-item .item-comments:hover,
.item-comments:hover {
  color: #2ba15a;
  background-position: 0 -100px;
}
.inspiration-item h3 {
  margin: 0;
  padding: 0.25em 0 0.35em 3px;
  clear: both;
  font-size: 100%;
  text-align: center;
}
.inspiration-item h3 a { color: #444; }
.inspiration-item-hover h3 a,
.inspiration-item h3 a:hover {
  color: #2ba15a;
}


/* Specials */
.homepage .specials-section {
  position: relative;
  float: right;
  width: 460px;
}
.specials-section .section-body {
  margin-bottom: 20px;
  position: relative;
  min-height: 440px;
}
.homepage .specials-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 460px;
  min-height: 440px;
}
.homepage .special-selected {
  display: block;
  opacity: 1;
}
.homepage .special-hidden {
  display: none;
  opacity: 0;
}
/*
.homepage .specials-item h3 {
  height: 57px;
}*/


.specials-item .item-visual { margin-bottom: 0.95em; }
.specials-item p,
.specials-item h3 {
  margin: 0;
}

.specials-item h3 {
  margin: 0.4em 0 0.3em 0;
  padding-left: 3px;
  font-size: 180%;
  line-height: 130%;
  letter-spacing: 0.03em;
}
.specials-item h3 a { color: #333; }
.specials-item .item-meta {
  padding: 0 0.5em 1.25em 0.5em;
  text-align: center;
}
.specials-item .item-comments {
  float: none;
  background: url('../_images/icon_comment_dark.gif') 0 50% no-repeat;
}
.homepage .specials-item .item-comments {
  padding-left: 0;
  color: #333;
  background: none;
}
.homepage .specials-item .item-comments:hover { text-decoration: underline; }

.specials-item-highlight { background: #e1412b; }
.specials-item-highlight .item-category {
  margin: 0 20px;
  text-align: center;
  background: url('../_images/stripe_grey.png') 0 50% repeat-x;
}
.theme-light .item-category {
  background: url('../_images/stripe_light.png') 0 50% repeat-x;
}
.specials-item-highlight .item-category a {
  border-left: 10px solid #e1412b;
  border-right: 10px solid #e1412b;
}
.specials-item-highlight .item-category a span {
  padding: 0.5em 8px 0.5em 10px;
  color: #fff;
  font-size: 76%;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  background-color: #0d0d17;
}

.specials-item-highlight h3 {
  margin: 0.4em 44px 0.35em 44px;
  text-align: center;
}
.specials-item-highlight h3 a { color: #fff; }
.specials-item-highlight h3 a:hover {
  border-bottom: 1px solid #fff;
}

.specials-section .itemnavigator,
.gallery-section .itemnavigator {
  margin: 0;
  position: absolute;
  top: 9px;
  right: 0;
}
.specials-section .itemnavigator a,
.gallery-section .itemnavigator a {
  margin-left: 5px;
  display: block;
  float: left;
  width: 8px;
  height: 8px;
  text-indent: -9999px;
  background-color: #2ba15a;
}
.specials-section .itemnavigator a:hover,
.gallery-section .itemnavigator a:hover {
  background-color: #63bda7;
}
.specials-section .itemnavigator .current-item,
.gallery-section .itemnavigator .current-item,
.specials-section .itemnavigator .current-item:hover,
.gallery-section .itemnavigator .current-item:hover {
  background-color: #333;
}


.homepage .calendar-section,
.homepage .resources-section,
.homepage .chapters-container .column {
  margin-bottom: 1em;
  width: 300px;
}
.homepage .calendar-section,
.homepage .resources-section {
  margin-right: 20px; 
  float: left;
}

.homepage .chapters-container .column { float: right; }

/* Calendar */
.calendar-item {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #d9d9d9;
  min-height: 30px;
  z-index: 1;
}
.calendar-item-hover {
  cursor: pointer;
  z-index: 2;
}
.calendar-item-last { border-bottom: 0; }
.homepage .calendar-section .section-body {
  padding-top: 120px;
  position: relative;
}
.homepage .calendar-section .section-body h3,
.homepage .calendar-item p {
  margin: 0;
  padding-top: 2px;
  padding-left: 35px;
  color: #666;
}
.calendar-section .section-body h3 {
  margin-bottom: 0.1em;
  font-size: 100%;
}
.calendar-section h3 a { color: #333; }
.calendar-section p { font-size: 90%; }
.homepage .calendar-section .calendar-item .calendar-icon {
  padding: 12px 0 0 6px;
  float: left;
  display: block;
  width: 19px;
  height: 18px;
  font-size: 100%;
  font-weight: bold;
  background: url('../_images/icon_calendar.gif') no-repeat;
}
.homepage .calendar-section .calendar-item-hover .calendar-icon { background-position: 0 -50px; }
.homepage .calendar-item .item-visual {
  margin-bottom: 1em;
/*  border: 1px solid #d4d5d7;*/
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
}
.homepage .calendar-item-first .item-visual { z-index: 2; }
.homepage .calendar-item-hover { cursor: hover; }
.homepage .calendar-item-hover .item-visual { z-index: 3; }
.homepage .calendar-item-hover a,
.homepage .calendar-item-hover .item-date {
  color: #2ba15a;
}

/* Resources */
.resources-section .section-header {
  margin-bottom: 0;
  border-bottom: 0;
}
.resources-section .section-body {
  border: 1px solid #d4d5d7;
  background-color: #e9eaeb;
}
.resources-section .resource-types,
.resources-section .resource-types li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.resources-section .resource-types {
  padding: 6px 6px 4px 6px;
  background-color: #fff;
}
.resources-section .resource-types li { float: left; }
.resources-section .resource-types a {
  padding: 0.3em 5px 0.2em 6px;
  display: block;
  color: #535353;
  font-size: 90%;
  letter-spacing: 0.05em;
}
.resources-section .resource-types .current-item a {
  color: #fff;
  background-color: #2ba15a;
}
.resources-section .section-body .lead {
  margin: 0;
  padding: 15px 20px;
  color: #999;
  font-size: 90%;
  font-style: italic;
  text-align: center;
  line-height: 140%;
}
.resources-section .to-overviewpage {
  margin: 0 -1px -1px -1px;
  padding: 0.65em 10px 0.75em 10px;
  border-top: 1px solid #d4d5d7;
  min-height: 13px;
  clear: both;
  background-color: #333;
}
.resources-section .to-overviewpage a {
  float: right;
  color: #fff;
  font-size: 90%;
  background-position: 100% -96px;
}
.resources-section .to-overviewpage a:hover span { border-bottom: 1px solid #fff; }
.resources-section #resources-books .lead { padding-bottom: 3em; }
#resource-books .resources-item { float: left; }
#resource-books .resources-item a,
#resource-books .resources-item img {
  display: block;
}
#resource-articles .resources-item { border-top: 1px solid #c8c9ca; }
#resource-articles .resources-item p {
  margin: 10px 0;
  padding: 0 12px;
  line-height: 125%;
}
#resource-articles .resources-item a,
#resource-articles .resources-item .item-date {
  display: block;
  color: #666;
}
#resource-articles .resources-item a {
  margin-bottom: 1px;
  font-weight: bold;
}
#resource-articles .resources-item .item-date { font-size: 90%; }


/* Gallery */
.gallery-section { margin-bottom: 1em ; }
.gallery-section .section-header {
  margin: 2em 25px 0 25px;
  border-bottom: 0;
}
.gallery-item {
  margin-right: 10px;
  position: relative;
  float: left;
}
.gallery-section .article-item-last { margin-right: 0; }
.gallery-item .item-visual,
.gallery-item img {
  display: block;
}
.gallery-item .item-visual { border: 1px solid #d4d5d7; }
.gallery-item .item-description {
  position: absolute;
  top: 11px;
  left: 13px;
}
.gallery-item .item-category,
.gallery-item h3,
.gallery-item .singular,
.gallery-item .singular a {
  margin: 0;
  color: #fff;
}
.gallery-item h3 {
  margin: 0.25em 0 1em 0;
  min-height: 2em;
  font-size: 105%;
}
.gallery-item .item-category,
.gallery-item .singular {
  font-size: 90%;
}


/* Comments */
.comments-section {
  margin-bottom: 1em;
  border-bottom: 5px solid #d4d5d7;
}
.comments-item {
  margin: 0.4em 0 1em 0;
  padding-left: 18px;
  background: url('../_images/icon_comment.gif') 0 1px no-repeat;
}
.comments-item a,
.comments-item .comment-article {
  display: block;
  color: #333;
}
.comments-item-hover {
  cursor: pointer;
  background-position: 0 -99px;
}
.comments-item a { font-weight: bold; }
.comments-item .comment-article {
  color: #666;
  font-size: 95%;
}
.comments-item-hover a,
.comments-item-hover .comment-article {
  color: #2ba15a;
}
.comments-item .special-type {
  padding-right: 0.5em;
  font-size: 70%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


/* Jobs */
.jobs-section .section-header {
  margin-bottom: 0;
  border-bottom: 0;
}
.jobs-section .section-body {
  margin: 0 0 0.25em 0;
  padding: 1em 13px;
  position: relative;
  min-height: 116px;
  background: #6d4061;
}
.jobs-section .section-body h3,
.jobs-section .section-body h3 a,
.jobs-section .section-body p {
  margin: 0;
  color: #fff;
  font-size: 90%;
  line-height: 160%;
}
.jobs-section .section-body h3 {
  font-size: 100%;
  line-height: 150%;
}
.jobs-section .section-body .singular {
  position: absolute;
  right: 10px;
  bottom: 13px;
}
.jobs-section .section-body .singular a {
  padding: 0.5em 21px 0.5em 10px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  background-color: #333;
  background-position: 90% -91px;
}
.jobs-section .section-body .singular a:hover span { border-bottom: 1px solid #fff; }


/* banners */
.banners-container {
  margin: 0 25px;
  padding-top: 1.5em;
}
.banners-container .section {
  margin-right: 20px;
  border: 1px solid #ddd;
  position: relative;
  float: left;
  width: 298px;
  height: 98px;
}
.banners-container .section-last { margin-right: 0; }
.banners-container h3 {
  margin: 9px 0 0 120px;
  padding: 0 9px;
  text-align: right;
}
.banners-container h3 a { color: #333; }
.banners-container h3 a:hover { color: #2ba15a; }
.banners-container img {
  position: absolute;
  top: 0;
  left: 0;
}

/* twitter */
.twitter {
  margin: 20px 25px 25px 25px;
  padding: 0.65em 10px 0.65em 37px;
  position: relative;
  color: #fff;
  background-color: #008697;
}
.twitter p { margin: 0; }
.twitter a {
  color: #fff;
  background-position: 100% -97px;
}
.twitter .tweet { float: left; }
.twitter .tweet a { border-bottom: 1px solid #fff; }
.twitter a:hover span { border-bottom: 1px solid #fff;; }
.twitter .to-twitter { float: right; }
.twitter .to-twitter-logo {
  position: absolute;
  top: 5px;
  left: 6px;
  display: block;
  width: 23px;
  height: 20px;
}
.twitter .to-twitter-logo img { display: block; }
/* end - homepage */





/***
 * ##FILTERBAR
 */
.section-header h1 {
  margin-bottom: 0;
}
.section-header h4 {
  text-transform: none;
}

#filter-selector {
  margin: 0;
  padding: 0;
  position: relative;
}
#filters-container {
  padding: 20px;
  position: relative;
  overflow: hidden;
  background: #ebebeb;
}

.filter-type {
  float: left;
  width: 25%;
}

#filter-selector h4 {
  margin: 0;
  padding: 0;
}

#filter-selector .submit {
  border: 0;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 25%;
  color: #fff;
  text-align: left;
  background: #333;
}
#filter-selector .submit span {
  padding: 0.5em 9px;
  display: block;
  background: #333 url('/_images/arrows_right.gif') no-repeat 100% 50%;
}

#filter-selector ul,
#filter-selector li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#filter-selector ul {
  float: left;
  width: 50%;
}
.filter-category-container input,
.filter-tags-container input {
  display: none;
}
.filter-category-container label,
.filter-tags-container label {
  font-size: 90%;
}
.filter-category-container label:hover,
.filter-tags-container label:hover {
  color: #111;
}
.filter-category-container .activated,
.filter-tags-container .activated {
  background: #ffe402;
}

#filter-handles {
  position: absolute;
  width: 50%;
  top: -39px;
  right: 0;
}
#filter-selector .selectfield-container,
#filter-toggle {
  float: right;
}
#filter-toggle {
  margin: 0 0 0 10px;
  padding: 1.3em 44px 1.1em 15px; 
  display: block;
  color: #333;
  font-size: 90%;
  background: #ebebeb url('/_images/arrows_filter.gif') 79% -71px no-repeat;
}
/* end - filterbar */





/***
 * ##ARTICLE
 */
.article-header {
  margin: 0 0 1.5em 0;
  border-bottom: 5px solid #ddd;
  position: relative;
}
.article-header img {
  margin: 0 auto;
  display: block;
}
.video-header img { display: none; }
.article-header object {
  position: absolute;
  top: 0;
  left: 0;
}
.title-container {
  padding: 16px 24px 16px 16px;
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 320px;
  background: #0d0d17;
}
.title-container h1,
.title-container .title-teaser {
  margin: 0;
  color: #fff;
}
.title-container h1 {
  font-size: 320%;
  letter-spacing: 0.05em;
  line-height: 102%;
}
.title-container .title-teaser {
  font-size: 160%;
  letter-spacing: 0.05em;
}

.article-body-container {
  margin: 0 25px;
  position: relative;
  min-height: 140px;
}
.article-body-container .article-body {
  margin: 0 auto;
  padding: 0.35em 4; 
  width: 452px;
}
.article-body-container .article-body p::selection {
  color: #fff;
  background-color: #333;
}
.article-body-container .article-body p::-moz-selection {
  color: #fff;
  background-color: #333;
}

/* article styling */
.title-container p {
  margin: 0;
  color: #fff;
  font-size: 150%;
  line-height: 150%;
}
.article-body .lead { margin: 0 0 1em 0; }
.article-body .lead p {
  margin: 0;
  font-weight: bold;
  font-size: 125%;
  line-height: 165%;
}
.article-body h3 {
  margin: 0;
  line-height: 155%;
}
.article-body p {
  margin: 0 0 1em 0;
  color: #444;
  max-width: 42em;
  line-height: 165%;
}
.article-body p a:hover { border-bottom: 1px solid #2ba15a; }
.article-body p img { margin: 10px 0; }
.article-body hr { margin: 1.5em -269px; }
.article-body .section,
.article-body .subsection {
  position: relative;
}
.article-body .section {
  margin-bottom: 0.5em;
}
.article-body .align-left { float: left; }
.article-body .align-right { float: right; }
.article-body .align-column-left {
  margin: 10px 16px 10px -269px;
  float: left;
}
.article-body .align-column-right {
  margin: 10px -269px 10px 16px;
  float: right;
}
.article-body .content-visual p {
  margin: 0.45em 0 0.25em 0;
  color: #999;
  font-style: italic;
  font-size: 90%;
}
.article-body img.align-left { margin: 6px 13px 10px 0; }
.article-body img.align-right { margin: 6px 0 10px 13px; }
.article-body img.align-center {
  margin: 0 auto;
  display: block;
}

.article-body .full-width .full-width{ margin: 0 -25px; }
.article-body .full-width .full-width p { margin: 0 269px; }

.article-body a.singular {
  display: block;
  background: none;
}

/* article layout */
.article-body .full-width {
  margin-left: -244px;
  margin-right: -244px;
}
.article-body .border-top {
  margin-top: 0.25em;
  padding-top: 1.05em;
  border-top: 1px solid #ccc;
}
.article-body .border-bottom {
  margin-bottom: 1em;
  padding-bottom: 1.05em;
  border-bottom: 1px solid #ccc;
}
.columns-2 {
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
}
.columns-two .column {
  width: 50%;
  float: left;
}
.columns-two .column-left p { margin-right: 12px; }
.columns-two .column-right p { margin-left: 12px; }
.columns-two .column-left .content-visual { margin-left: -25px; }
.columns-two .column-left .content-visual p { margin-left: 25px; }
.columns-two .column-right .content-visual { margin-right: -25px; }
.columns-two .column-right .content-visual img {
  margin-bottom: 0.5em;
  float: right;
}
.columns-two .column-right .content-visual p {
  margin-right: 25px;
  clear: both;
}

.columns-3 {
  -moz-column-count: 3;
  -moz-column-gap: 40px;
  -webkit-column-count: 3;
  -webkit-column-gap: 40px;
}
.columns-4 {
  -moz-column-count: 4;
  -moz-column-gap: 40px;
  -webkit-column-count: 4;
  -webkit-column-gap: 40px;
}
.aside-left {
  position: absolute;
  top: 0;
  left: -269px;
  width: 225px;
}

.aside-left .content-visual p { margin-left: 12px; }
.aside-right {
  position: absolute;
  top: 0;
  right: -269px;
  width: 225px;
}

.wide-2-columns-right { margin-right: -269px; }
.wide-2-columns-right .content-visual img { margin-left: -4px; }
.wide-2-columns-left { margin-left: -269px; }
.wide-2-columns-left .content-visual img { margin-right: -4px; }
.wide-2-columns-left .content-visual p { margin-left: 269px; }

/* blockquotes */
.article-body blockquote {
  margin: 1.5em 0;
}
.article-body blockquote p {
  margin: 0;
  color: #de5239;
  font-size: 115%;
  line-height: 140%;
}

.article-body .longquote p {
  margin: 0 0 0 20px;
  color: #666;
  font-size: 100%;
  line-height: 165%;
}

.article-body .theme-quote {
  padding: 20px 22px 16px 46px;
  position: relative;
  width: 337px;
}
.article-body .theme-quote p {
  font-weight: bold;
  font-style: normal;
}
.article-body .theme-quote .words {
  font-size: 150%;
}
.article-body .theme-quote .author {
  text-align: right;
}
.article-body .theme-quote .words {
  color: #58328c;
}
.article-body .theme-quote .quotemark {
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
  color: #ff592c;
  font-size: 600%;
  font-style: normal;
}

.article-body .quote-left {
  margin: 4px 10px 0 -269px;
  position: relative;
  float: left;
  background-color: #e3e3e5;
}
.article-body .quote-right {
  margin: 4px -269px 10px 0;
  position: relative;
  float: right;
  background-color: #e3e3e5;
}



/* article credits block */
.column-credits { font-size: 100%; }
.credits-name,
.credits-value {
  padding: 0.15em 0;
  display: block;
}
.credits-container {
  position: absolute;
  top: 0;
  left: 0;
}

/* article meta block */
.article-meta {
  margin-left: auto;
  margin-right: auto;
  padding: 0.45em 0 0.5em 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  color: #999;
  font-size: 90%;
}
.article-meta p {
  margin: 0;
  padding: 0 0 0.15em 0;
  line-height: 175%;
}

/* 2.0 bar */
.article-features,
.article-features li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-features {
  margin: 1.5em -4px;
  padding: 10px;
  clear: both;
  background-color: #e0e0e0;
}
.article-features li {float: left; }
.article-features a {
  margin-right: 20px;
  padding: 0.25em 5px 0.25em 25px;
  display: block;
  color: #fff;
  font-size: 90%;
  background-color: #333;
  background-position: 5px 50%;
  background-repeat: no-repeat;
}
.article-features a:hover { text-decoration: underline; }
.article-features .feature-twitter { background-image: url('../_images/icon_twitter_featurebar.gif'); }
.article-features .feature-facebook { background-image: url('../_images/icon_facebook_featurebar.gif'); }
.article-features .feature-print { background-image: url('../_images/icon_print_featurebar.gif'); }

/* end - article */




/***
 * ##PAGINATOR
 */
.paginator {
  margin: 0 25px 0.5em 25px;
  padding: 0.5em 0;
  position: relative;
  background: url('../_images/hr_lightgrey.gif') 50% 50% no-repeat;
}

.page-previous,
.pages {
  float: left;
}
.pages {
  width: 54%;
  text-align: center;
}

.page-previous,
.page-next {
  position: relative;
  min-height: 1em;
  width: 25%;
}
.page-previous .singular a {
  padding-right: 0;
  padding-left: 14px;
  border-right: 10px solid #fff;
  color: #333;
  background: #fff url('../_images/arrows_left.gif') 0 -48px no-repeat;
}
.page-previous .singular a:hover {
  color: #2ba15a;
  background-position: 0 -148px;
}
.page-next {
  float: right;
  text-align: right;
}
.page-next .singular a {
  padding-right: 14px;
  border-left: 10px solid #fff;
  color: #333;
  background-color: #fff;
  background-position: 100% -48px;
}
.page-next .singular a:hover {
  color: #2ba15a;
  background-position: 100% -148px;
}
.paginator .page-previous .singular,
.paginator .page-next .singular {
  margin: 0;
}

.page-previous .singular a,
.page-next .singular a {
  font-weight: bold;
}

.paginator .singular a span { color: #333; }
.paginator .current-page span {
  color: #fff;
  background-color: #2ba15a;
}
.pages a { border: 4px solid #fff; }
.pages a span {
  padding: 0.2em 0.5em;
  color: #333;
  background-color: #fff;
}
.pages a:hover span {
  color: #fff;
  background-color: #999;
}
.pages .first-page { border-left: 20px solid #fff; }
.pages .last-page { border-right: 20px solid #fff; }

/* paginator top */
.paginator-top {
  margin-top: 1.5em;
  margin-bottom: 1em;
  height: 14px;
}
.paginator-top .page-previous,
.paginator-top .page-next {
  margin: 0;
  font-weight: bold;
}
.paginator-top .article-category {
  position: absolute;
  top: 5px;
  left: 236px;
  width: 50%;
  text-align: center;  
}
.paginator-top h4 {
  margin: 0;
  display: inline;
}
.paginator-top .article-category .fillet {
  padding: 0.5em 7px 0.3em 10px;
  color: #fff;
  font-weight: normal;
  font-size: 80%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  background-color: #0d0d17;
}
.paginator-top .article-category-label {
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}

/* paginator bottom */
.paginator-bottom {
  margin: 0 25px;
  padding: 0.5em 0;
  border-top: 5px solid #ddd;
/*  min-height: 40px;*/
}
.paginator-bottom .pages {
  position: absolute;
  width: 50%;
  top: 5px;
  left: 236px;
}
/*
.paginator-bottom .page-previous,
.paginator-bottom .page-next {
  margin-top: -3px;
}
*/

/* paginator middle */
body.inspiration-article .paginator-middle,
body.inspiration-article .paginator-bottom,
body.special-article .paginator-middle,
body.special-article .paginator-bottom {
  margin-bottom: 0;
  padding: 24px 0 25px 0;
}
body.inspiration-article .paginator-bottom,
body.special-article .paginator-bottom {
  margin-bottom: 0;
  padding: 22px 0 27px 0;
}
.paginator-middle .singular,
.paginator-bottom .singular {
  margin-top: 0.9em;
}
.paginator-middle .page-previous a,
.paginator-bottom .page-previous a {
  background-position: 0 -46px;
}
.paginator-middle .page-previous a:hover,
.paginator-bottom .page-previous a:hover {
  background-position: 0 -146px;
}
.paginator-middle .page-next a,
.paginator-bottom .page-next a {
  background-position: 100% -46px;
}
.paginator-middle .page-next a:hover,
.paginator-bottom .page-next a:hover {
  background-position: 100% -146px;
}
.inspiration-overview .paginator-bottom .singular a,
.specials-overview .paginator-bottom .singular a,
.calendar-overview .paginator-bottom .singular a,
.calendaritem-article .paginator-bottom .singular a {
  color: #333;
  background-position: 100% -47px;
  background-color: #fff;
}

.inspiration-overview .paginator-bottom .page-previous a,
.specials-overview .paginator-bottom .page-previous a,
.calendar-overview .paginator-bottom .page-previous a,
.calendaritem-article .paginator-bottom .page-previous a {
  padding-left: 12px;
  padding-right: 10px;
  background-image: url('../_images/arrows_left.gif');
  background-position: 0 -47px;
}
.inspiration-overview .paginator-bottom .page-previous a:hover,
.specials-overview .paginator-bottom .page-previous a:hover,
.calendar-overview .paginator-bottom .page-previous a:hover,
.calendaritem-article .paginator-bottom .page-previous a:hover {
  color: #2ba15a;
  background-position: 0 -147px;
}
.inspiration-overview .paginator-bottom .page-next a,
.specials-overview .paginator-bottom .page-next a,
.calendar-overview .paginator-bottom .page-next a,
.calendaritem-article .paginator-bottom .page-next a {
  padding-left: 10px;
}
.inspiration-overview .paginator-bottom .page-next a:hover,
.specials-overview .paginator-bottom .page-next a:hover,
.calendar-overview .paginator-bottom .page-next a:hover,
.calendaritem-article .paginator-bottom .page-next a:hover {
  color: #2ba15a;
  background-position: 100% -147px;
}

/* paginator article */
/*.paginator-article { display: none; }*/
.paginator .page-previous .paginator-article,
.paginator .page-next .paginator-article {
  margin-right: 0;
  padding: 28px 10px 0 0;
  position: absolute;
  left: -25px;
  bottom: -25px;
  z-index: 1;
  height: 253px;
  background: url('../_images/articleitem_bg.png') 100% 0 no-repeat;
}
.paginator-bottom .page-previous .paginator-article,
.paginator-bottom .page-next .paginator-article {
  bottom: -27px;
}
.paginator .paginator-article h3 a {
  color: #2ba15a;
}
.paginator .page-next .paginator-article {
  padding: 28px 0 0 10px;
  left: auto;
  right: -25px;
  background-position: 0 0;
}
.paginator .page-previous .article-item,
.paginator .page-next .article-item {
  margin-right: 0;
  width: 263px;
  float: none;
  overflow: hidden;
  cursor: pointer;
}
.paginator-middle .page-previous .singular {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.paginator-bottom .page-previous .singular {
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index: 2;
}
.paginator-middle .page-next .singular {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.paginator-bottom .page-next .singular {
  position: absolute;
  right: 0;
  bottom: -3px;
  z-index: 2;
}
.page-previous .item-visual,
.page-next .item-visual {
  margin: 0 22px 0.45em 22px;
  border: 1px solid #666;
  width: 218px;
}
.page-previous h3,
.page-next h3,
.paginator .page-previous .article-item .item-meta,
.paginator .page-next .article-item .item-meta,
.paginator .page-previous .article-item h3,
.paginator .page-next .article-item h3,
.paginator .page-previous .article-item .item-category,
.paginator .page-next .article-item .item-category {
  margin-left: 22px;
  margin-right: 22px;
  padding-left: 0;
  width: 220px;
}
/* end - paginator */




/***
 * ##INSPIRATIONOVERVIEW
 */
.inspiration-overview .section-header { margin-bottom: 1.25em; }
.inspiration-overview .inspiration-section {
  margin: 0 25px;
  padding-top: 23px;
}
/* end - inspiration overview */




/***
 * ##INSPIRATIONARTICLE
 */
.inspiration-article h1 {
  margin: 0 25px 0 25px;
  padding: 0 0 0.35em 0;
  text-align: center;
}
.inspiration-article .article-header { border-bottom: 0; }
.inspiration-article .article-meta {
  margin: 10px auto 1em auto;
  border-bottom: 1px solid #ddd;
  position: relative;
  width: 452px;
}

.inspiration-article #tags-toggle { color: #999; }
.inspiration-article .item-comments { padding-right: 0; }

.inspiration-article .related-articles,
.special-article .related-articles {
  margin-left: 0;
  margin-bottom: -5px;
  padding-left: 25px;
  border-top: 5px solid #ddd;
  border-bottom: 5px solid #ddd;
}
.inspiration-article .comments,
.special-article .comments {
  margin-top: 0;
}
.inspiration-article .article-features,
.special-article .article-features {
  margin-bottom: 0;
}

/* end - inspiration article */




/***
 * ##SPECIALSOVERVIEW
 */
.specials-overview .specials-section {
  margin: 0 25px;
  padding-top: 23px;
}
.specials-overview .specials-section .section-header {
  margin-bottom: 1.25em;
}
.specials-overview .specials-section .section-body {
  margin-right: -20px;
  width: auto;
}

/* regular specialitems */
.specials-overview .special-item,
.calendaritem-article .special-item,
.calendaritem-article .inspiration-item,
.inspiration-article .special-item,
.inspiration-article .inspiration-item,
.special-article .related-articles .inspiration-item,
.special-article .related-articles .special-item,
.notfoundpage .special-item,
.notfoundpage .inspiration-item {
  margin-right: 20px;
  float: left;
  width: 220px;
  height: 230px;
}
.specials-overview .special-item .item-visual,
.calendaritem-article .special-item .item-visual,
.inspiration-article .special-item .item-visual,
.special-article .related-articles .special-item .item-visual,
.notfoundpage .special-item .item-visual {
  border: 1px solid #d4d5d7;
}
.specials-overview .special-item h3,
.specials-overview .special-item .item-category,
.specials-overview .special-item .item-meta,
.calendaritem-article .special-item h3,
.calendaritem-article .special-item .item-category,
.calendaritem-article .special-item .item-meta,
.inspiration-article .special-item h3,
.inspiration-article .special-item .item-category,
.inspiration-article .special-item .item-meta,
.special-article .related-articles .special-item h3,
.special-article .related-articles .special-item .item-category,
.special-article .related-articles .special-item .item-meta,
.notfoundpage .special-item h3,
.notfoundpage .special-item .item-category,
.notfoundpage .special-item .item-meta,
.paginator .special-item h3,
.paginator .special-item .item-category,
.paginator .special-item .item-meta {
  text-align: center;
}
.specials-overview .special-item h3,
.calendaritem-article .special-item h3,
.inspiration-article .special-item h3,
.special-article .related-articles .special-item h3,
.notfoundpage .special-item h3,
.paginator .special-item h3 {
  margin: 0 0 0.25em 0;
  font-size: 105%;
}
.specials-overview .special-item h3 a,
.calendaritem-article .special-item h3 a,
.inspiration-article .special-item h3 a,
.special-article .related-articles .special-item h3 a,
.notfoundpage .special-item h3 a {
  color: #333;
}
.specials-overview .special-item h3 a:hover,
.calendaritem-article .special-item h3 a:hover,
.inspiration-article .special-item h3 a:hover,
.special-article .related-articles .special-item h3 a:hover,
.notfoundpage .special-item h3 a:hover {
  color: #2ba15a;
}
.specials-overview .special-item .item-category,
.calendaritem-article .special-item .item-category,
.inspiration-article .special-item .item-category,
.special-article .related-articles .special-item .item-category,
.notfoundpage .special-item .item-category,
.paginator .special-item .item-category {
  margin: 0.2em 0 0.1em 0;
  background: url('../_images/hr_lightgrey.gif') 0% 50% no-repeat;
}
.specials-overview .special-item .item-category a,
.calendaritem-article .special-item .item-category a,
.inspiration-article .special-item .item-category a,
.special-article .related-articles .special-item .item-category a,
.notfoundpage .special-item .item-category a,
.paginator .special-item .item-category a {
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  text-transform: uppercase;
  color: #999;
  font-size: 70%;
  letter-spacing: 0.2em;
  background: #fff;
}
.specials-overview .special-item .item-meta p,
.calendaritem-article .special-item .item-meta p,
.inspiration-article .special-item .item-meta p,
.special-article .related-articles .special-item .item-meta p,
.notfoundpage .special-item .item-meta p,
.paginator .special-item .item-meta p {
  margin: 0;
  color: #999;
}


/* Special highlight */
.specials-overview .special-highlight {
  margin-bottom: 1.7em;
  border-bottom: 1px solid #d4d5d7;
  width: auto;
  height: auto;
}
.specials-overview .special-highlight .item-visual { border: 0; }
.specials-overview .special-highlight .item-visual,
.specials-overview .special-highlight .article-item-body {
  float: left;
  width: 460px;
  min-height: 314px;
}
.specials-overview .special-highlight .article-item-body {
  width: 480px;
  text-align: center;
  background: #e1412b;
}
.specials-overview .special-highlight .item-category {
  margin: 2.25em 30px 1em 30px;
  position: relative;
  background: url('../_images/stripe_grey.png') 0% 50% repeat-x;
}
.specials-overview .theme-light .item-category {
  background: url('../_images/stripe_light.png') 0% 50% repeat-x;
}
.specials-overview .special-highlight .item-category a {
  border-left: 11px solid #e1412b;
  border-right: 11px solid #e1412b;
  font-size: 100%;
  color: #fff;
  background: none;
}
.specials-overview .special-highlight .item-category a span {
  padding: 0.5em 8px 0.5em 10px;
  color: #fff;
  font-size: 75%;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  background-color: #32302d;
}
.specials-overview .special-highlight .item-comments {
  padding-left: 0;
  background-image: none;
}
.specials-overview .special-highlight h3 {
  margin: 0.75em 64px 0.2em 64px;
  font-size: 175%;
  letter-spacing: 0.05em;
  line-height: 132%;
}
.specials-overview .special-highlight h3 a { color: #fff; }
.specials-overview .special-highlight h3 a:hover {
  color: #fff;
}
.specials-overview .special-highlight .item-meta p {
  margin-top: 0.75em;
  margin-bottom: 1em;
  color: #32302d;
}
.specials-overview .special-highlight .item-meta .item-comments { color: #32302d; }
.specials-overview .special-highlight .item-meta .item-comments:hover { text-decoration: underline; }
.specials-overview .special-highlight .article-body {
  margin: 0.5em 30px;
  padding-bottom: 0.75em;
  color: #fff;
}
.specials-overview .special-highlight .article-body .lead p {
  font-size: 100%;
  font-weight: normal;
}
.specials-overview .special-highlight .singular a {
  padding: 0.5em 24px 0.5em 11px;
  color: #fff;
  background: #32302d url('../_images/arrows_right.gif') 90% -91px no-repeat;
}
.specials-overview .special-highlight .singular a:hover span { border-bottom: 1px solid #fff; }
/* end - specialsoverview */




/***
 * ##SPECIALARTICLE
 */
.special-article .article-meta {
  margin-bottom: 1.5em;
  padding-top: 0;
}
.special-article .paginator-bottom {
  margin-left: 0;
  margin-right: 0;
}
.special-article .paginator-bottom .page-previous { border-left: 25px solid #fff; }
.special-article .paginator-bottom .page-next { border-right: 25px solid #fff; }

.special-article .article-meta .article-categories,
.special-article .article-meta .article-date,
.article-meta .article-tags {
  display: block;
}
.special-article .article-meta .article-creators { margin-bottom: 1em; }

.special-article #tags-toggle {
  padding-left: 6px;
  color: #999;
}
.article-meta .tags-hidden .article-tags { display: none; }

.special-article .related-articles .inspiration-item {
  margin-left: 0;
}
.special-article .related-articles .inspiration-item .item-meta {
  margin: 0;
}
/* end - special article */




/***
 * ##CALENDAROVERVIEW
 */
.calendar-overview .calendar-item {
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #ddd;
  position: relative;
  min-height: 138px;
}
.calendar-overview .calendar-item-last {
  margin-bottom: 0.75em;
  border-bottom: 0;
}
.calendar-overview .calendar-item .item-visual {
  padding-top: 2px;
  float: left;
  width: 322px;
}
.calendar-overview .calendar-item .item-description {
  float: left;
  width: 350px;
}
.calendar-overview .calendar-item h2 {
  margin: 0 0 0.35em 0;
  font-size: 130%;
}
.calendar-overview .calendar-item h2 a { color: #333; }
.calendar-overview .calendar-item h2 a:hover,
.calendar-overview .calendar-item-hover h2 a {
  color: #2ba15a;
}
.calendar-overview .calendar-item .item-date,
.calendar-overview .calendar-item .item-about,
.calendar-overview .calendar-item .item-meta {
  margin: 0;
}
.calendar-overview .calendar-item .item-date {
  margin: 0 0 0.3em 0;
  color: #666;
  font-size: 100%;
  font-weight: bold;
}
.calendar-overview .calendar-item .item-about { line-height: 160%; }
.calendar-overview .calendar-item .item-about p { margin: 0; }
.calendar-overview .calendar-item .item-about a { font-size: 90%; }
.calendar-overview .calendar-item .item-meta {
  margin-top: 1em;
  color: #999;
}
.calendar-overview .calendar-item .related-articles {
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 230px;
}
.calendar-overview .calendar-item .related-articles h3 {
  margin: 0.5em 0;
  color: #666;
  font-size: 90%;
}
.calendar-overview .calendar-item .related-specials a {
  margin: 0 10px 7px 0;
  float: left;
  display: block;
}
.calendar-overview .calendar-item .related-specials a img { display: block; }
/* end - calendar overview */




/***
 * ##CALENDARITEMARTICLE
 */
.calendaritem-article h1 {
  margin: 0 25px 0.625em 25px;
  padding: 0 0 0.35em 0;
  border-bottom: 5px solid #ddd;
  text-align: center;
}
.calendaritem-article .article-visual { float: left; }
.calendaritem-article .item-properties {
  margin-right: 25px;
  border: 1px solid #d4d5d7;
  float: right;
  width: 618px;
  background-color: #e9eaeb;
}

.calendaritem-article .item-property { padding: 0.5em 0; }
.calendaritem-article .item-properties .item-property-name {
  padding-left: 4px;
  color: #666;
  float: left;
  width: 64px;
  line-height: 170%;
}
.calendaritem-article .item-properties .item-property-value {
  float: left;
  width: 217px;
  line-height: 170%;
}
.calendaritem-article .item-properties .item-website .item-property-value:hover { border: 0; }
.calendaritem-article .item-properties .item-website .item-property-value:hover span,
.calendaritem-article .item-properties .location-website:hover span {
  border-bottom: 1px solid #2ba15a;
}
.calendaritem-article .item-property p { margin: 0; }
.calendaritem-article .item-properties .column {
  float: left;
  width: 309px;
}

.calendaritem-article .item-properties .item-name {
  margin: 0 14px;
  border-bottom: 1px solid #d1d2d2;
}
.calendaritem-article .item-properties .item-name .item-property-value { font-weight: bold; }

.calendaritem-article .item-properties .item-about,
.calendaritem-article .item-properties .item-category,
.calendaritem-article .item-properties .item-date,
.calendaritem-article .item-properties .item-prices,
.calendaritem-article .item-properties .item-download,
.calendaritem-article .item-properties .item-website {
  margin: 0 0 0 14px;
  border-bottom: 1px solid #d1d2d2;
}
.calendaritem-article .item-prices ul,
.calendaritem-article .item-prices li {
  margin: 0;
  padding: 0;
  list-style: none;
}


.calendaritem-article .item-properties .item-website { border-bottom: none; }
.calendaritem-article .item-properties .item-location { margin-left: 10px; }
.calendaritem-article .item-properties .item-location .item-property-name,
.calendaritem-article .item-properties .item-location .item-property-value {
  margin-bottom: 1em;
}
.calendaritem-article .item-location .location-title,
.calendaritem-article .item-location .location-building,
.calendaritem-article .item-location .location-address,
.calendaritem-article .item-location .location-website {
  display: block;
}
.calendaritem-article .item-location #map {
  margin-right: -1px;
  margin-bottom: 0.5em;
  height: 180px;
  clear: both;
}

.calendaritem-article .item-properties .article-features {
  margin: 0;
  border-top: 1px solid #d1d2d2;
  clear: both;
}

.related-articles { margin-left: 25px; }
.calendaritem-article .related-articles h2,
.calendaritem-article .related-articles h2,
.notfoundpage .related-articles h2 {
  text-align: center;
  background: url('../_images/hr_lightgrey.gif') 0% 50% no-repeat;
}
.calendaritem-article .related-articles h2 span,
.notfoundpage .related-articles h2 span {
  padding: 0 9px;
  background-color: #fff;
}
.inspiration-article .inspiration-item,
.calendaritem-article .inspiration-item {
  margin-left: 0;
}
.inspiration-article .inspiration-item .item-meta,
.calendaritem-article .inspiration-item .item-meta {
  margin: 0;
}
/* end - event article */




/***
 * ##COMMENTS
 */
.comments {
  margin: 1em 25px 0 25px;
  padding: 1.45em 225px 1.75em 65px;
  border-top: 5px solid #ddd;
}
.comments h2 {
  margin: 0 15px;
  padding: 0 0 0.35em 162px;
}
.comments h2 .total-comments {
  color: #999;
}
.comment {
  margin: 0 15px;
  padding: 0.25em 2px;
  border-top: 1px solid #ddd;
}
.comment-meta {
  float: left;
  width: 147px;
  line-height: 170%;
}
.comment-author {
  display: block;
  color: #2ba15a;
}
span.comment-author { color: #333; }
.comment-author-type {
  padding: 0.25em 0.55em 0.1em 0.55em;
  color: #fff;
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: #666;
}
.comment-date {
  display: block;
  font-size: 90%;
}
.comment-message {
  float: right;
  width: 455px;
  line-height: 170%;
}
#comment-post-form {
  padding: 0 15px 0.5em 15px;
  color: #fff;
  background: #333;
}
#comment-post-form h3 {
  margin: 0;
  padding: 0.75em 3px 0.35em 3px;
  border-bottom: 1px solid #717171;
  color: #fff;
  font-size: 145%;
  letter-spacing: 0.05em;
}
#comment-post-form fieldset {
  float: right;
  position: relative;
  width: 453px;
  min-height: 296px;
}
#comment-post-form .comment-add-meta {
  float: left;
  width: 130px;
}
#comment-post-form .comment-add-meta .textfield-container input {
  padding: 0.35em 4px;
  border: 0;
  width: 130px;
}
#comment-post-form label {
  padding: 0.25em 0 0.65em 3px;
  display: block;
  font-size: 90%;
}
#comment-post-form .textfield-container input,
#comment-post-form textarea {
  border: 0;
  color: #666;
  width: 443px;
}
#comment-post-form textarea {
  padding: 0.5em 0.65em;
  height: 240px;
  line-height: 165%;
}
#comment-post-form .textarea-container label { padding: 0.25em 0 0.55em 2px; }
#comment-post-form .checkbox-container input {
  margin: 0;
  float: left;
}
#comment-post-form .checkbox-container label {
  margin: 0 0 0 3px;
  padding-top: 0.1em;
  float: left;
}

#comment-post-form .helptext {
  padding: 0.25em 2px;
  position: absolute;
  bottom: 0;
  font-size: 85%;
  font-style: italic;
  line-height: 160%;
}
#comment-post-form .helptext a {
  color: #fff;
  text-decoration: underline;
}
#comment-post-form .helptext a:hover { text-decoration: none; }
#comment-post-form .submit-container { float: right; }
#comment-post-form button {
  margin: -3px 0 0 0;
  padding: 0.45em 20px 0.45em 7px;
  border: none;
  color: #fff;
  background: #666 url('../_images/arrows_right.gif') 92% -91px no-repeat;
}
/* end - comments */




/***
 * ##ABOUT
 */
/* fontanel */
.about-article .article { padding-top: 25px; }
.about-article h1 {
  margin-top: 0.25em;
  padding-bottom: 0.225em;
  border-bottom: 1px solid #ddd;
}
.fontanel-description {
  margin: 0 25px 20px 25px;
  padding-bottom: 72px;
  border-bottom: 5px solid #d4d5d7;
  position: relative;
}
.fontanel-description .lead,
.fontanel-description p {
  max-width: 460px;
}
.fontanel-description .lead {
  margin-bottom: 1em;
  padding: 0.6em 0 0 0;
  font-family: "Helvetica Neue", "Arial Narrow", sans-serif;
  font-size: 160%;
}
.fontanel-description .lead p {
  margin: 0;
  padding: 0 2px;
  color: #de533a;
  line-height: 157.5%;
}
.fontanel-description p {
  margin: 1em 0 1.5em 0;
  padding: 0 3px;
  color: #444;
  line-height: 170%;
}
.fontanel-description .read-more { margin-top: -1em; }
.about-article .article-secondary {
  position: absolute;
  top: -9px;
  right: -25px;
}
.about-article .article-secondary img { display: block; }
.about-article .article-secondary blockquote {
  margin: 1em 0 0 0;
  padding: 13px 27px 14px 56px;
  width: 322px;
  float: right;
  color: #fff;
  background: #333 url('../_images/fontanel_quote.gif') 15px 15px  no-repeat;
}
.about-article .article-secondary blockquote p { margin: 0; }
.about-article .article-secondary blockquote .words {
  color: #fff;
  font-family: "Helvetica Neue", "Arial Narrow", sans-serif;
  font-style: normal;
  font-size: 160%;
  line-height: 140%;
}
.about-article .article-secondary blockquote .author {
  margin-top: 8px;
  float: right;
  font-family: "Arial", sans-serif;
  color: #999;
}

/* fontanel people */
.fontanel-people {
  margin: 0 25px 1em 25px;
/*  border-bottom: 5px solid #d4d5d7;*/
}
.fontanel-people h2, 
.fontanel-people h3, 
.fontanel-people p {
  margin: 0;
} 
.fontanel-people p { line-height: 160%; }
.fontanel-people .intro,
.fontanel-people .people-container {
  float: left;
}
.fontanel-people .intro { width: 238px; }
.fontanel-people .intro h2 { margin-bottom: 0.25em; }
.fontanel-people .intro p { margin-right: 18px; }
.fontanel-people .people-container {
  margin-right: -25px;
  width: 700px; 
}
.fontanel-people .fontanel-person {
  margin-right: 20px;
  width: 220px;
  float: left;
}
.fontanel-people .main-people .fontanel-person { padding-top: 0; }
.fontanel-people .person-3rd { margin-right: 0; }
.fontanel-people .people-row { border-bottom: 1px solid #ccc; }
.fontanel-people .people-row-last { border-bottom: 0; }
.fontanel-people .main-people { border-bottom: 5px solid #d4d5d7; }
.fontanel-person { padding: 10px 0; }
.fontanel-person h3 {
  font-size: 100%;
  line-height: 160%;
}
.fontanel-person h3,
.fontanel-person p {
  color: #444;
}
.fontanel-person img {
  margin-bottom: 1em;
  display: block;
}
.fontanel-person .singular { margin-top: 0.5em; }
.fontanel-person .singular a { background: none; }

/* case */
.fontanel-cases h2 { margin: 0; }
.fontanel-cases p { line-height: 160%; }
.cases-header { margin: 0 25px 25px 25px; }
.cases-header ul,
.cases-header li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cases-header .intro,
.cases-header ul {
  float: left;
}
.cases-header .intro,
.cases-header li {
  border: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
}
.cases-header .intro {
  padding: 0.5em 0;
  border: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  width: 25%;
}
.cases-header .intro p {
  margin: 0 20px 0 0;
  color: #444;
}
.cases-header ul { width: 75%; }
.cases-header li {
  padding: 0.5em 0;
  float: left;
  width: 33%;
}
.cases-header li h3,
.cases-header li p {
  margin-left: 11px;
  margin-right: 11px;
}
.cases-header .current-case {
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}
.cases-header .current-case h3 a { color: #333; }
.cases-header .current-case p { color: #666; }
.case { position: relative; }
.case-disabled { display: none; }
.case img { display: block; }
.case-intros h3 {
  margin: 0;
  font-size: 100%;
  line-height: 160%;
}
.case-intros p {
  margin: 0;
  color: #999;
}
.case-description {
  padding: 16px;
  position: absolute;
  right: 20px;
  bottom: 15px;
  width: 220px;
  background: url('../_images/bg_dark.png') repeat;
}
.case-description h3,
.case-description p {
  margin: 0;
  color: #fff;
}
.case-description h3 { font-size: 140%; }
.case-description .singular a { background: none; }

.about-article .banners-container,
.contactpage .banners-container {
  margin-top: 20px;
  margin-bottom: 25px;
  border-top: 5px solid #d4d5d7;
  clear: both;
}
.about-article .banner h3,
.about-article .banner p,
.contactpage .banner h3,
.contactpage .banner p {
  padding: 0;
  font-size: 100%;
  line-height: 160%;
}
.about-article .banner h3,
.contactpage .banner h3 {
  margin: 9px 50px 0 16px;
  text-align: left;
}
.about-article .banner p,
.contactpage .banner p {
  margin: 0 50px 0 16px;
}
.about-article .banner .singular a,
.contactpage .banner .singular a {
  background: none;
}
/* end - about */




/***
 * ##CONTACT
 */
.contactpage .article {
  margin: 0 25px;
  padding-top: 25px;
}
.contactpage .article h1 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.contactform-header,
.contactform-header li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contactform-header {
  margin-right: -1px;
  float: left;
  width: 221px;
  z-index: 2;
}
.contactform-header li {
  padding: 12px 16px;
  position: relative;
}
.contactform-header li h2,
.contactform-header li p {
  margin: 0;
  color: #666;
  line-height: 160%;
}
.contactform-header li a {
  padding-right: 12px;
  color: #333;
  background: url("../_images/arrows_right.gif") no-repeat 100% -43px;
}
.contactform-header li a:hover span { border-bottom: 1px solid #333; }
.contactform-header li .border-right{
  position: absolute;
  top: 0;
  right: -1px;
  display: block;
  width: 1px;
  z-index: 1;
  background-color: #f7f7f7;
}

.current-form-header {
  border: 1px solid #ddd;
  border-right: 1px solid #f7f7f7;
  background-color: #f7f7f7;
}


.contactform-body {
  margin-bottom: 20px;
  float: right;
  width: 720px;
  z-index: 1;
}
.contactform-container {
  padding: 30px 19px 30px 80px;
  border: 1px solid #ddd;
  background: #f7f7f7;
}
.contactform-container fieldset {
  margin: 0;
  padding: 0;
  float: left;
  width: 50%;
}
.contactform-container .name-email-container {
  width: 320px;
}
.contactform-container .website-email-container {
  margin-right: -10px;
  width: 298px;
}
.contactform-container .formfield-container { clear: both; }
.contactform-container .textfield-container input,
.contactform-container .textarea-container textarea,
.contactform-container .selectfield-container select {
  border: 1px solid #ccc;
  background: #fff url('../_images/input_bg.gif') no-repeat;
}
.contactform-container .has-errors input,
.contactform-container .has-errors textarea,
.contactform-container .has-errors select {
  background: #fad1bd url('../_images/input_error_bg.gif') no-repeat;
}
.contactform-container .selectfield-container label,
.contactform-container .selectfield-container select,
.contactform-container .textfield-container label,
.contactform-container .textfield-container input,
.contactform-container .textarea-container label,
.contactform-container .textarea-container textarea {
  float: left;
}
.contactform-container label {
  padding: 0.5em 0;
  width: 78px;
  font-weight: bold;
}
.contactform-container .textfield-container input,
.contactform-container textarea {
  width: 526px;
}
.contactform-container fieldset .textfield-container input { width: 206px; }
.contactform-container fieldset .selectfield-container select { width: 220px; }
.contactform-container textarea { height: 280px; }
.contactform-container .submit-container {
  padding-left: 78px;
}
.contactform-container .submit-container p {
  margin: 6px 0 0 0;
  float: left;
}
.contactform-container .submit-container button {
  margin: 0 0 0 0;
  padding: 0.45em 20px 0.45em 7px;
  border: none;
  color: #fff;
  background: #2ba15a url('../_images/arrows_right.gif') 92% -91px no-repeat;
}


.contactpage .banners-container {
  margin-left: 0;
  margin-right: 0;
}
/* end - contact */




/***
 * ##404
 */
.notfoundpage .article {
  margin: 0 25px;
  border-bottom: 5px solid #ddd;
}
.notfoundpage .section-message404 {
  margin: 43px 113px 43px 158px;
  padding: 0 0 0 222px;
  min-height: 182px;
  background: url('../_images/notfound404.gif') no-repeat;  
}
.notfoundpage .section-message404 p {
  color: #666;
  line-height: 155%;
}
/* end - 404 */