/* Base CSS for blacklabeling Renchaudio.com and Gangstagrass.com */

html {
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
background:#392b20 url(images/loading-bar.gif) no-repeat -1000px -1000px;
color:#fff;
}

/* loading */
html.loading {
background-position:20px 20px;
}

html.loading body {
visibility:hidden
}

html.loaded {
}

/* Structure / Layout */

body {
background:transparent url(images/bg-body.jpg) no-repeat fixed 50% 0;
color:#fff;
}

#wrapper {
width:960px;
margin:0 auto;
padding-bottom:100px;
}

#header {
height:81px;
padding:50px 0 28px;
}

#content {
}

#primary_aside #primary {
float:right;
}

#footer { /* extra rules on rench's ie-lte-6.derivative.css to remove bg image (which looks bad on IE) */
background:transparent url(images/bg-footer.png) no-repeat scroll 0 0;
height:75px;
line-height:75px;
}


/* Utils */

/* <.js <.no-js-helper>> */ /* Hide stuff while trying to keep some accesibility */
.js .no-js-helper {
position:absolute;
left:-30000px;
}

/* <.no-css-helper> */ /* Hide stuff while trying to keep some accesibility */
.no-css-helper,
.structural {
position:absolute;
left:-30000px;
top:0;
}

legend.no-css-helper {
display:none;
}

/* <p>, <blockquote>, <ul>, <ol>, <dl> */
/* Quick setting of global font properties for a few ""texty"" elements:*/

p,
blockquote,
ul,
ol,
dl {
font-family:Georgia, Cambria, "Times New Roman", Times, serif;
font-size:12px;
line-height:1.5;
}

blockquote {
border-left:8px solid #736760;
padding: 0 0 0 14px;
font-style:italic;

}

blockquote p,
blockquote ul,
blockquote ol,
blockquote dl {
margin-left:0;
padding-left:0;
}

blockquote cite,
blockquote cite a {
font-style:normal;
font-weight:bold;
font-size:11px;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
}

/* <a> */

a:link, a:visited, a:hover, a:active, a:focus {}
a:hover {}

a,
a:link{
color:#debd94;
text-decoration:none;
}

a:visited {
}

a:hover {
text-decoration:underline;
}

a:focus {
text-decoration:underline !important;
}

a:active {
}

span a {
cursor:pointer; /* restore pointer */
}

/* <img> */

a img,
img {
border:none;
margin:0;
display:block;
}

/* various <form> elements */

.user_actions {
overflow:hidden;
height:100%;
}

input.text,
input.zemText {
height:32px;
padding:4px 8px;
font-family:Georgia,sans-serif;
border:1px solid #57432a;
background-color:#110d07;
color:#deac62;
}

label {
font-family:Georgia,sans-serif;
color:#deac62;
}

/* <.button> | <.nice_link> */

.button,
.nice_link,
.zemSubmit {
display:block;
background:transparent url(images/btn-medium.png) no-repeat 0 0;
border:none;
margin:0;
padding:10px 0;
width:108px;
height:10px;
line-height:10px;
text-align:center;
color:#fff;
font-weight:bold;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
font-size:11px;
}

input.button,
input.zemSubmit {
padding:0;
height:30px;
line-height:26px;
overflow:visible;
cursor:pointer;
}

.user_actions .button,
.user_actions .nice_link,
.user_actions .zemSubmit {
float:left;
margin-left:10px;
display:inline;
}

.user_actions .first,
.user_actions .first,
.user_actions .zemSubmit {
margin-left:0;
}

a.nice_link,
a.button {
color:#fff;
}

a.nice_link:hover,
a.button:hover {
text-decoration:none;
}

/* <hx> */

h1, h2, h3, h4, h5, h6 {
clear:both;
color:#debd94;
line-height:1.1;
}

/* <#header> */


#header #logo {
display:block;
margin:0 auto;
width:940px;
}

/* Nav */

#nav {
height:44px;
padding:20px 10px;
background:transparent url(images/bg-nav.png) no-repeat scroll 0 0;
position:relative;
}

#nav ul {
margin:0;
line-height:44px;
/*  following three lines: trick to mask a solid color and a bg-image,
*   to get a better UX if image isn't loaded for some reason
*/
background:#efdab8 url(images/bg-nav.png) no-repeat scroll -10px -20px;
width:920px;
padding-left:20px;
height:44px;
list-style:none;
overflow:hidden;
}

#nav li {
list-style:none;
float:left;
display:inline; /* IE6 double margin bug */
margin-right:15px;
}

#nav li a {
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
display:block;
text-decoration:none;
color:#24140d;
font-weight:bold;
font-size:14px;
}

#nav li a:hover,
#nav li a:focus,
#nav li a:active,
#nav li a.active {
color:#95292c;
outline:none;
}

/* <.tagline>, <.title>, <.subh>, <.label> */

  /*  .tagline, .title, .subh and .label are like, well, taglines, titles,
  *  .subheadings or labels, most inside a heading, but also they could be
  *  used inline a paragraph.
  *
  *     <h3>Artist presents: <span class="tagline">The Spaghetti Incident</span></h3>
  *
  *   or like short intro texts:
  *     <p>
  *       <span class="tagline">Buy now on:</span>
  *       <a href="#">Place1</a> | <a href="#">Place2</a> | <a href="#">Place3</a>
  *     </p>
  *
  *     .tagline and .subh are almost interchangeables between them.
  *      I would say: use those two when you need to give display:block
  *      to an inline element (ie. create a "new line" for it) inside a heading or other block element.
  *      I'll leave the semantic thingking and implications to you.
  */

.tagline,
.title,
.subh,
.label {
color:#fff;
font-weight:bold;
margin-bottom:0;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
}

h2 .tagline,
h3 .tagline,
h2.tagline,
h3.tagline,
h2 .title,
h3 .title,
h2.title,
h3.title,
h2 .subh,
h3 .subh,
h2.subh,
h3.subh,
h2 .label,
h3 .label,
h2.label,
h3.label {
display:block;
margin-bottom:14px;
line-height:1;
}

h2.title a,
h3.title a {
color:#fff;
}

h2 span.tagline,
h3 span.tagline,
h2 span.subh,
h3 span.subh {
display:block;
margin-top:6px;
}

span.tagline,
span.title,
span.subh,
span.label {
display:inline;
}

.note,
p.label {
font-size:11px;
margin-bottom:8px;
font-style:italic;
font-family:Georgia, Cambria, "Times New Roman", Times, serif;
}

a.more,
.navigation {
display:block;
border-top:1px dashed #736860;
padding-top:10px;
margin-top:18px;
margin-bottom:-6px;
font-size:11px;
font-weight:bold;
line-height:1.1;
color:#fff;
}

.navigation {
overflow:hidden;
height:100%;
margin-top:-21px; /* black magic to collapse border of consecutive elements */
}

#secondary a.more {
padding-top:12px;
margin-bottom:4px;
color:#debd94;
}

#aside a.more {
color:#fff;
padding-top:10px;
margin-bottom:0;
border-top:1px solid #553c27;
}

.navigation a.next,
.navigation a.prev {
float:left;
color:#fff;
}

.navigation a.prev {
float:right;
}

.meta {
display:block;
font-size:11px;
line-height:1;
color:#fff;
}

.meta a {
font-weight:bold;
}

/* <#primary|#secondary|#aside> <.section>> */

  /* some common/shared and  some specific styles
  *  <#primary <.section>>, <#secondary <.section>>, <#aside <.section>> styles
  */

.section {
margin:0 0 20px;
padding:20px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.section .section {
margin:0;
padding:0;
background-color:none !important;
background:none !important;
}

#secondary .section {
padding:10px;
font-size:14px;
}

#aside .section {
padding:10px;
font-size:12px;
}

.section h2 {
font-size:19px;
line-height:1;
margin-bottom:16px;
}

#secondary .section h2 {
border-bottom:1px dashed #736860;
padding-bottom:12px;
}

#aside .section h2 {
font-size:13px;
color:#926b4f;
border-bottom:1px solid #553c27;
padding-bottom:12px;
margin-bottom:12px;
}

#secondary .section h3 {
margin-bottom:10px;
font-size:14px;
line-height:1;
}

#aside .section h3 {
font-size:12px;
line-height:1;
}

#aside .section h3.group_title {
margin-bottom:10px;
color:#9b6150;
border-bottom:1px solid #553c27;
padding-bottom:4px;
}

/* <.article>, <.full_article>, <.excerpt_article>, etc.
* This renders the content, you know, content, the important stuff on a website!
*/

.full_article .figure {
margin-bottom:20px;
text-align:center;
}

.full_article img {
display:block;
margin:0 auto;
}

.full_article h2.title {
font-size:33px;
padding-bottom:10px;
margin-bottom:12px;
}

.full_article .title a:hover {
text-decoration:none;
}

.excerpt_article,
.newest_article {
overflow:hidden;
height:100%;
}

.other_articles {
overflow:hidden;
height:100%;
margin-top:20px;
padding-top:20px;
border-top:1px dashed #736860;
}

.other_articles .excerpt_article {
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dashed #736860;
height:130px; /* total = 130 + 20 = 150 */
width:280px;

float:left;
padding-right:10px;
}

.other_articles .excerpt_article.even {
padding-right:0;
padding-left:10px;
}

.excerpt_article .figure,
.newest_article .figure {
float:left;
margin-right:10px;
display:inline /* avoid IE6 2x bug */
}

.newest_article .figure {
margin-right:20px;
}

.excerpt_article .intro {
float:left;
width:140px;
}

.newest_article .intro {
float:left;
width:280px;
}

.other_articles .intro {
margin-left:0;
}

.no_img .intro {
width:auto;
}

.newest_article h2.title {
font-size:19px;
color:#debd94;
text-decoration:none;
}

.newest_article h2.title .title {
font-size:33px;
color:#fff;
}

.other_articles .title {
font-size:14px;
}

.excerpt_article .title a,
.newest_article .title a {
color:#debd94;
text-decoration:none;
}

.newest_article .title a {
color:#debd94;
text-decoration:none;
}

/* <.articles_list> are simple <ul> lists of linked article titles, sometimes with some extra metadata, like date */
/* don't get confused with TXP article_list context, nor with <.item_list> (see beow) */

.articles_list {
margin:0;
list-style:none;
}

#aside .articles_list {
border-top:none;
margin-bottom:35px;
}

#aside .last_list {
margin-bottom:0;
}

.articles_list .article {
margin-bottom:8px;
}

#aside .articles_list .article {
margin-bottom:12px;
}

#aside .last_list .last_item {
}

#aside .articles_list .title {
line-height:1.2;
}

.articles_list .article.current a {
color:#debd94;
}

/* <.item_list> for generic list of items, that late can be specified furtherly
* (product_list, release_list, etc )
*/

.item_list {
overflow:hidden;
height:100%;
width:600px;
list-style:none;
margin:0;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
  /*  "equal horizontal padding/margin" trick:
  *   this box is wider than any of its already
  *   "overflowezised:hidden" (sic) container
  *   <.item_list>, so to have room for the
  *   pushing inner <.item> items.
  */
}

.item_list .item {
color:#debd94;
font-size:12px;
width:130px;
height:205px;
float:left;
display:inline; /* IE6 2x margin bug */
margin-right:20px;
margin-bottom:4px;
  /*  "equal horizontal padding/margin" trick:
  *   this boxes and their pushing right margins wouldn't fit in
  *   <.item_list> box if the latter's width wouldn't
  *   have been forcedly over-side.
  */
}

.item_list .item .figure a.img {
height:130px;
display:block;
line-height:130px;
text-align:center;
}

.item_list .item img {
vertical-align:middle;
display:inline;
}

.item_list .item .figcaption {
margin-top:2px;
display:block;
line-height:1.2;
}

.item_list .item .figcaption a {
display:block;
text-align:left;
}

.item_list .item_name {
color:#debd94;
font-weight:bold;
float:left;
width:89px;
}

.item_list .item_price {
font-weight:bold;
float:right;
color:#fff;
}

/* <.buy>, <.paypal_form> */

.buy {
}

.full_article .buy {
border-top:1px solid #553c27;
border-bottom:1px solid #553c27;
margin-top:20px;
margin-bottom:20px;
padding:15px 0;
overflow:hidden;
height:100%;
}

.buy .buy_cd,
.buy .buy_downloads {
float:left;
}

.buy .buy_downloads {
float:right;
}

.full_article .buy .buy_cd,
.full_article .buy .buy_downloads {
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dashed #736860;
width:200px;
}

.buy h4.label {
margin-bottom:10px;
font-size:14px;
}

.buy a.nice_link {
background-image: url(images/btn-small.png);
width:72px;
font-style:normal;
}

.buy_with_paypal {
clear:both;
}

.paypal_form {
margin-bottom:5px;
}

#paypal_view_cart {
margin-bottom:0;
}

.paypal_form fieldset {
padding:0;
margin:0;
}

.paypal_form .form_item {
overflow:hidden;
height:100%;
margin-bottom:10px;
}

.paypal_form .radio_control .form_control_item {
overflow:hidden;
height:100%;
float:left;
width:80px;
margin-right:4px;
}

.paypal_form .radio_control label,
.paypal_form .radio_control input.radio{
width:auto;
display:inline;
vertical-align:middle;
}

.paypal_form .radio_control label {
margin-left:2px;
font-size:11px;
color:#fff;
font-weight:bold;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
}

.paypal_form .radio_control input.radio {
margin:0;
border:none;
}

.buy_with_paypal h4 strong {
color:#debd94;
margin-left:4px;
}


/* <.releases_section>, <#releases_section> & releases-related stuff */

.releases_section .hero_article {
overflow:hidden;
height:100%;
}

.releases_section .hero_article .figure {
width:280px;
height:280px;
float:left;
margin-right:20px;
display:inline; /* avoids IE6 2x margin bug */
}

.js .sc_player {
position:relative;
}

.js .sc_player .figcaption,
.js .sc_player .figcaption a,
.js .dukebox a {
display:block;
position:absolute;
top:0;
left:0;
height:280px;
width:280px;
}

.sc_player .figcaption a,
.js .dukebox a {
background:transparent url(images/play.png) no-repeat 50% 50%;
text-indent:-9999px;
}

.releases_section .hero_article h2.title,
.releases_section .full_article h2.title {
padding-bottom:0;
}

.releases_section .hero_article h2.title .label,
.releases_section .full_article h2.title .label {
font-size:19px;
color:#debd94;
display:block;
line-height:1;
margin-bottom:0;
}

.releases_section .hero_article h2.title .title,
.releases_section .full_article h2.title .title {
margin-bottom:20px;
display:block;
}

.releases_section .hero_article h2.title .subh,
.releases_section .full_article h2.title .subh {
margin: 0;
}

.releases_section .hero_article h2.title .tagline,
.releases_section .full_article h2.title .tagline {
margin-top:4px;
margin-bottom:4px;
font-size:14px;
font-style:italic;
color:#debd94;
}

.releases_section .full_article .meta {
margin-bottom:14px;
}

.releases_section .full_article .figure {
overflow:hidden;
height:100%;
text-align:left;
}

.releases_section .full_article .figure img {
float:left;
margin-right:20px;
}

.releases_section .full_article .tracklist {
margin:0;
float:left;
font-size:11px;
width:200px;
}

.releases_section .full_article .tracklist * {
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
font-size:11px;
line-height:1.7;
}
.releases_section .full_article .tracklist a.sm2_link {
background: transparent url(images/icon_play.png) no-repeat 0 0;
padding: 2px 4px 2px 20px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}

.releases_section .full_article .tracklist a.sm2_playing {
background-color:#debd94;
color:#000;
}

.releases_section .full_article .tracklist a.sm2_paused {
color:#000;
background: #debd94 url(images/icon_pause.png) no-repeat 0 0;
}

.releases_section .buy_with_paypal {
overflow:hidden;
height:100%;
}

.releases_section .buy_with_paypal .paypal_form {
float:left;
margin-right:10px;
}

.releases_section .hero_article .buy {
margin-top:10px;
padding-top:10px;
border-top:1px solid #553c27;
}

.releases_section .hero_article .buy_downloads,
.releases_section .hero_article .buy_cd {
font-size:12px;
width:130px;
}

.releases_section .hero_article .buy h4 {
font-size:12px;
margin-bottom:5px;
}

.releases_section .hero_article .buy a {
font-style:italic;
}

#releases_section {
overflow:hidden;
height:100%;
}

#releases_section .intro {
width:280px;
float:left;
display:inline; /* avoids IE6 2x margin bug */
}

#secondary #releases_section .intro {
margin-left:0;
width:140px;
}

#releases_section h2 {
font-size:19px;
border-bottom:none;
padding-bottom:0;
clear:none;
}

#releases_section .other_articles .item {
height:184px;
}

#releases_section .other_articles .item_name {
float:none;
width:auto;
}

#releases_section .other_articles .item_price {
display:none;
}

#releases_section a.more {
margin-top:0;
}

/* <.store_section>, <#merchandise_section> and store-related stuff */

#merchandise_section  {
overflow:hidden;
height:100%;
}

#merchandise_section h2 {
color:#3b2c22;
border-bottom:none;
font-size:19px;
margin-bottom:14px;
padding-bottom:0;
line-height:1;
}

#merchandise_section .product_list {
}

#merchandise_section .product {
color:#3b2c22;
}

#merchandise_section .product img {
}

#merchandise_section .item_name {
color:#3b2c22;
}

#merchandise_section .item_price {
color:#3b2c22;
}

#merchandise_section .note {
margin-bottom:0;
clear:both;
}

#merchandise_section a.more {
color:#38281d;
margin-top:0;
}

.store_section .other_info {
color:#debd94;
margin-top:20px;
}

/* <.news_section>, <#latest_news_section>, <.news_list> and news-related stuff */

.archive_section .other_articles {
border-top:0;
margin-top:0;
padding-top:0;
}

#latest_news_section .intro {
margin-left:0;
}

#latest_news_section .no_img .intro {
width:auto;
}

#secondary #latest_news_section .news_list {
border-top:1px dashed #736860;
margin-top:18px;
padding-top:18px;
list-style:none;
}

#secondary #latest_news_section .articles_list h3 {
overflow:hidden;
line-height:1.2;
height:100%;
margin:0;
}

#secondary #latest_news_section .articles_list h3 a {
float:left;
width:225px;
text-align:left;
}

#secondary .news_list h3 .meta {
float:right;
width:40px;
text-align:right;
font-size:11px;
font-weight:normal;
}

#aside .news_list .meta {
display:none;
}

/* <#twitter_section.section> */

#twitter_section ul {
list-style:none;
margin-left:0;
font-size:11px;
}

#twitter_section ul li  {
margin-bottom:16px;
font-style:italic;
line-height:1.4;
}

#twitter_section ul span  {
display:block;
margin-top:6px;
text-align:right;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
font-style:normal;
font-weight:bold;
line-height:1;
}

/* <#photos_videos_section>, <.photo_gallery> and stuff related to videos and photos */

#photos_videos_section .figure {
position:relative;
height:100%; /* fixes IE6 abs positioning issue */
}

#photos_videos_section img {
display:block;
}

#photos_videos_section .figcaption {
display:block;
background:rgb(149,41,44);
background:rgba(149,41,44,.85);
padding: 3px 156px 3px 16px;
line-height:1.2;
min-height:20px;
text-transform:uppercase;
color:#281810;
font-size:12px;
font-weight:bold;
position:absolute;
bottom:0;
left:0;
width:408px;
}

#photos_videos_section .figcaption p {
margin: 0;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
font-weight:bold;
}

#photos_videos_section a.more {
text-transform: none;
position:absolute;
bottom:0;
right:0;
color:#fff;
height:18px;
padding:3px 16px;
line-height:18px;
width:136px;
text-align:right;
margin-top:0;
margin-bottom:0;
border-top:none;
}

.photos_section,
#secondary .videos_section {
padding-top: 15px;
}

#s_photos_videos .s_frontpage .section h2 {
padding-bottom:18px;
margin-bottom:10px;
border-bottom:1px dashed #736860;
}

.photo_gallery li.item {
margin: 0 10px 10px 0;
float:left;
width:75px;
height:75px;
}

.photo_gallery li.item .figure a.img {
width:auto;
height:auto;
line-height:normal;
}

.photo_gallery .item img {
display:block;
margin-bottom:0;
}

.videos_section .other_articles {
border-top:none;
margin-top:0;
padding-top:0;
}

.videos_section .other_articles .excerpt_article {
height:auto;
margin-bottom:10px;
padding-bottom:10px;
float:none;
}

.js .videos_section .media {
display:block;
width:420px;
height:340px;
background-color:
}
.js .videos_section .media div {
display:none;
}

/* <#dukebox_section.section> */

#dukebox_section .dukebox {
background: transparent url(images/rench-dukebox.jpg) no-repeat 0 0;
height:280px;
width:280px;
}

/* <#mailing_list_section.section> */

#mailing_list_section {}

#mailing_list_section .form_item {
position:relative;
}

#mailing_list_section label {
position:absolute;
top:0;
left:0;
height:20px;
line-height:20px;
padding:6px 10px;
width:auto;
}

#mailing_list_section input.text { /* extra/overriding rules on ie.css (shared) and/or ie.derivative.css (specific) */
margin-bottom:8px;
}

#nav #mailing_list_section {
position:absolute;
top:20px;
right:20px;
overflow:hidden;
height:100%;
width::308px;
height:32px;
padding:8px 0;
}

#nav #mailing_list_section p.note {
float:left;
line-height:1.1;
width:94px;
color:#aa9071;
margin-top:2px;
font-size:11px;
text-align:right;
}

#nav #mailing_list_section form {
float:left;
width:202px;
margin-left:10px;
display:inline; /* IE6 2x margin fix */
}

#nav #mailing_list_section .form_item {
position:relative;
float:left;
width:120px;
margin-right:8px;
display:inline; /* IE6 2x margin fix */
}

#nav #mailing_list_section label {
height:16px;
line-height:16px;
color:#281810;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
}

#nav #mailing_list_section input.text {
height:28px;
margin-bottom:0;
background-color:#fff;
color:#281810;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
border:1px solid #b6a38a;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}

#nav #mailing_list_section .user_actions {
float:left;
margin-top:-2px;
overflow:visible;
}

#nav #mailing_list_section input.button {
width:72px;
height:32px;
background-image:url(images/btn-sign-up.png);
}

/* <#concert_dates_section.section> */

#s_concert_dates .s_frontpage .section h2 {
padding-bottom:18px;
margin-bottom:10px;
border-bottom:1px dashed #736860;
}

.concert_dates_section .article {
overflow:hidden;
height:100%;
margin-bottom:20px;
border-bottom:1px dashed #736860;
}

.concert_dates_section .venue_section,
.concert_dates_section .time_section,
.concert_dates_section .tickets_section  {
float:left;
display:inline; /* IE6 2x margin bug fix */
}

.concert_dates_section .venue_section {
width:260px;
margin-right:40px;
}

.concert_dates_section .time_section {
width:120px;
margin-right:20px;
}

.concert_dates_section .tickets_section {
width:130px;
}

.concert_dates_section .description_section {
clear:both;
}

#concert_dates_section p {
margin-bottom:8px;
}

/* <#social_section.section> */

#social_section p.label {
margin-bottom:14px;
}

.section ul.linklist {
list-style:none;
margin:0;
}

.section ul.linklist li {
margin-bottom:10px;
line-height:1;
}

.section ul.linklist li a {
color:#fff;
font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
font-weight:bold;
}

/* <body#s_profile>, specific details for Profile section */

#s_profile .main_section {
overflow:hidden;
}

#s_profile .main_section .section {
background:none !important;
overflow:visible;
}

#s_profile .section #social_section {
width:400px;
padding-right:10px;
margin-right:10px;
float:left;
}

#s_profile .section #social_section li {
display:inline;
margin-right:50px;
}

#s_profile .section #press_section {
float:right;
width:120px;
padding-left:10px;
margin-left:10px;
}

/* Un-padded sections */
/* <.badge_link_section.section>, <.featured_link_section.section> */

.badge_link_section,
.featured_link_section {
padding:0 !important;
}

.badge_link_section .figure,
.featured_link_section .figure {
position:relative;
height:100%;
}

.badge_link_section .figure a.img,
.featured_link_section .figure a.img {
display:block;
width:100%; /* IE6-friendly */
height:100%; /* IE6-friendly */
}

.badge_link_section .figure img,
.featured_link_section .figure img {
visibility:hidden; /* we hide the image and insert it dynamically as an inline style (background) into the div.section. This way, the widget keeps its rounded corners. */
}

.badge_link_section .figcaption,
.featured_link_section .figcaption {
display:block;
width:120px;
font-size:11px;
font-weight:bold;
line-height:1.4;
position:absolute;
z-index:1;
bottom:10px;
left:10px;
}

.featured_link_section .figcaption {
top:10px;
width:280px;
}

.badge_link_section .figcaption a,
.featured_link_section .figcaption a {
display:block;
height:100%;
}


/* <.contact_section>, <.zemContactForm> and contact related stuff */

.contact_section h2 {
padding-bottom:18px;
margin-bottom:10px;
border-bottom:1px dashed #736860;
}

.zemContactForm p {
line-height:1.8;
}

.zemContactForm .form_item {
position:relative;
}

.zemContactForm label,
.zemContactForm input.zemText {
display:inline;
width:auto;
height:auto;
margin-bottom:0;
}

.zemContactForm label { /* extra/overriding rules on ie.css (shared) and/or ie.derivative.css (specific) */
position:absolute;
top:0;
left:0;
height:14px;
margin-right:8px;
padding:0 8px;
}

.zemContactForm label.heard_through,
.zemContactForm label.bitten_by,
.zemContactForm label.package_of,
.zemContactForm label.associate,
.zemContactForm label.country,
.zemContactForm label.subscribe {
display:none;
}

.zemContactForm input.zemText { /* extra/overriding rules on ie.css (shared) and/or ie.derivative.css (specific) */
background-color:transparent;
margin-right:8px;
padding:0 4px;
border:none;
border-bottom:1px dashed #deac62;
color:#fff;
font-style:italic;
}

.zemContactForm span.textarea_form_item {
display:block;
width:540px;
}

.zemContactForm span.checkbox_form_item {

}

.zemContactForm span.checkbox_form_item label {
position:static;
padding:0;
margin:0 4px 0 0;
}

.zemContactForm span.checkbox_form_item input {
width:auto;
height:auto;
display:inline;
margin:0 4px 0 0;
border:none;
}

.zemContactForm label.important_message {
width:200px;
padding:10px 12px;
}

.zemContactForm textarea {
background:transparent;
border: 1px dashed #deac62;
color:#fff;
font-family:Georgia, Cambria, "Times New Roman", Times, serif;
font-style:italic;
padding:8px 10px;
}

.zemContactForm .zemSelect {
border:1px dashed #deac62;
border-width: 0 0 1px;
background:transparent;
color:#deac62;
height:18px;
margin:0;
padding:0;
}
.zemContactForm .zemSelect option {
}
.zemContactForm .user_actions input.zemSubmit {
float:right;
}

/* Footer */

#footer p {
text-align:center;
font-weight:bold;
font-style:italic;
font-family:Georgia, Cambria, "Times New Roman", Times, serif;
font-size:12px;
line-height:75px;
}