j/* $Id: nodes.css,v 1.6 2009/11/02 15:37:29 johnalbin Exp $ */

/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.field-field-underrubrik {
  color: #68afad;
  font-size: 1.375em;
	padding-bottom: 5px;
}
.upprop_ingress {
color: #68AFAD;
font-size: 1.375em;
line-height: 1.3em;
margin: 20px 0 0 0;
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
  padding-top: 15px;
  font-size: 10px;
}
#content-area .view-blogg .node .meta,
#content-area .view-blog .node .meta,
#content-area .view-taxonomy-term .node .meta {
border-top: 2px solid #999999
}
#content-area .view-blogg .views-row,
#content-area .view-blog .views-row,
#content-area .view-taxonomy-term .views-row {
border: 0px;
}


.node .meta ul.links li {
padding: 0;
}

.node .info {
color: gray;
text-transform: uppercase;
font-size: 0.9em;
margin: 5px 0 0 0;
clear: both;
}

.node .story_info {
color: gray;
text-transform: uppercase;
font-size: 0.9em;
}


/*bloggen*/

#content-area .node-type-bloggare {
float: right;
vertical-align: bottom;
height: 100px;
background-color: pink;
position: relative;
}
.node-type-bloggare .bloggare_info {
position: absolute;
width: 300px;
right: 80px;
bottom: 0px;
text-align: right;
font-size: 0.9em;
}
.node-type-bloggare #content .content {
float: right;
width: 70px;
}
.bloggare_namn {
font-weight: bold;

}
#content-area .node-type-bloggare .content {
border: 0px;
}
.blogg_datum {
position: relative;
left: -180px;
top: 28px;
}

.field-field-portrait-image-blogg {
float: right;
margin: 0 0 0 10px;
border: 5px solid #333333;
}
.field-field-portrait-image-blogg a {
overflow: hidden;
height: 100%;
display: block;
margin: 0px 0px -5px 0px;
padding: 0;
}



#pagelinks {
  padding: 15px 0 15px 0;
  float: right;
}

#pagelinks iframe {
  height: 21px;
}

.node .submitted {  /* The "posted by" information */
}
.node .submitted, .node .submitted a {
  text-transform: uppercase;
  color: #999;
  text-decoration: none;
}

.node .terms /* Node terms (taxonomy) */ {
  color: #999;
  display: block;
}

.node .terms ul li a {
  color: #666;
}

.node .content /* Node's content wrapper */ {
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: #999;
  overflow: hidden;
  height: 100%;
  padding-bottom: 10px;
}

.node ul.links  /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.fb-social-like-widget {
  float: right;
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}



div#node-26 .content {
  border-bottom: none;
}

body.page-contact form.webform-client-form #edit-submit,
body.page-content-kontakta-kampanjen form.webform-client-form #edit-submit,
body.page-contact form#simplenews-block-form #edit-submit-2,
body.page-content-kontakta-kampanjen form#simplenews-block-form #edit-submit-2,
#block-block-46 .nyhetsbrev #edit-submit-1,
#simplenews-block-form #edit-submit,
#simplenews-block-form #edit-submit-2 {
  width:78px;
  height: 28px;
  margin: 0;
  border: 0;
  color: white;
  font-size: 1em;
  font-weight: 100;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #d61e1b;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

body.page-contact form.webform-client-form #edit-submit:hover,
body.page-content-kontakta-kampanjen form.webform-client-form #edit-submit:hover,
body.page-contact form#simplenews-block-form #edit-submit-2:hover,
body.page-content-kontakta-kampanjen form#simplenews-block-form #edit-submit-2:hover,
#block-block-46 .nyhetsbrev #edit-submit-1:hover,
#simplenews-block-form #edit-submit:hover,
#simplenews-block-form #edit-submit-2:hover {
  background: #be1e1e;
}

#block-block-46 .nyhetsbrev #edit-submit-1,
body.page-content-kontakta-kampanjen form#simplenews-block-form #edit-submit-2,
#simplenews-block-form #edit-submit,
#simplenews-block-form #edit-submit-2 {
width: 100px;
}

/*attachments*/

#content .field-field-dokument,
#content .attachments_list {
    background-color: #333333;
    color: #FFFFFF;
    padding: 20px 15px;
	margin: 20px 0 10px 0;
}
.attachments_list ul {
  list-style-type: none;
  padding: 0px;
}
.field-field-dokument .field-label {
font-size: 1.4em;
color: #fff;
margin-bottom: 10px;
font-weight: normal;
}
.attachments_list h2 {
  color: #fff;
  margin-top: 0px;
}


/*Upprop*/
/*.page-upprop h1 {
padding-right: 70px;
}*/
div.upprop {
margin: 40px 0 10px 0;
border-top: 2px solid #d5d5d5;
border-bottom: 2px solid #969696;
padding-bottom: 20px;
}
.view-manifest .view-content {
border-top: 1px solid #999999;
padding-top: 20px;
}
#block-formblock-upprop h2 {
background: url(../images/wsh_upprop_rubrik.png) no-repeat 0 0;
height: 41px;
width: 370px;
color: #e56284;
margin-left: -11px;
}
#block-formblock-upprop {
margin-left: 10px;
margin-right: 10px;
background-color: #f0f0f0;
border: 1px solid #d6d6d6;
}
#block-formblock-upprop .content {
padding: 10px;
}

#block-formblock-upprop label {
float: left;
width: 90px;
text-align: right;
margin-right: 10px;
color: #808080;
font-weight: normal;
}
#block-formblock-upprop .form-text,
#block-formblock-upprop .form-textarea {
width: 200px;
border: 1px solid #d6d6d6;
}
#block-formblock-upprop .resizable-textarea .grippie {
display: none;
}
#block-formblock-upprop #edit-field-bild-upprop-0-ahah-wrapper {
overflow: hidden;
height: 100%;
}
#block-formblock-upprop #edit-field-bild-upprop-0-ahah-wrapper .filefield-element {
width: 200px;
float: left;
margin: 0;
}
#block-formblock-upprop #edit-submit {
background: url(../images/wsh_upprop_knapp.png) no-repeat  0 0;
height: 41px;
width: 230px;
border: 0;
padding: 0;
margin: 20px 0 20px 50px;
}
#block-formblock-upprop .form-required {
display: none;
}
.view-manifest h3 {
margin: 5px 0;
}


/*support lista*/
#node-61272 .content {
border: 0;
}

#block-views-Join-block_1, 
#block-views-Join-block_2, 
#block-views-Join-block_3 {
width: 320px;
float: left;
} 
.kolumn_ett, .kolumn_tva, .kolumn_tre {
width: 320px;
float: left;
}

.view-Join .node-type-join {
/*height: 100%;
overflow: hidden;*/
/*padding: 10px;*/
padding: 0;
border: 1px solid #e9e9e9;

}
.view-Join .join_box {
position: relative;
}
.view-Join .join_box.pink {
background: url(../images/pink.png);
z-index: -10;
}
.view-Join .node-type-join .join_bild {
width: 300px;
padding: 0;
margin: 0px;
position: absolute;
left: 10px;
top: 10px;
}
.view-Join .node-type-join .join_text {
background: url(../images/pink.png) repeat; 
position: absolute;
top: 0;
width: 318px;
}
.view-Join .node-type-join .join_text .join_content {
padding: 20px;
}

.join_namn {
font-size: 1.5em;
line-height: 1.2em;
/*text-transform: uppercase;
border-bottom: dashed 2px #8e3c5c;*/
padding: 0px 0px 10px 0px;
color: #191919;
}
.join_attending {
font-size: 0.8em;
text-transform: uppercase;
color: #333333;
/*border-bottom: dashed 2px #8e3c5c;*/
padding: 10px 0px 10px 0px;
}
.join_streck {
height: 1px;
background: url(../images/wsh_upprop_streck.png) transparent 0 0;
width: 280px;
}
.join_kommentar {
padding: 10px 0px 10px 0px;
color: #191919;
}
.view-Join .view-footer {
float: right;
margin-top: 20px;
}

.join_bild_text {
padding: 30px;
background-color: #4c5660;
color: #fafafa;
font-weight: bold;
font-size: 1.4em;
line-height: 1.6em;
}


/* support formuläret */
#block-block-62, #block-block-63 {
width: 420px;
float: left;
}
#block-block-62 .content, #block-block-63 .content {
padding-right: 30px;
}
#block-block-62 p, #block-block-63 p {
color: #ea4c88;
}
#block-block-62 a, #block-block-63 a {
color: #ea4c88;
text-decoration: underline;
}

#block-formblock-join {
width: 536px;
float: left;
position: relative;
border: 2px solid #e6e6e6;
}
#block-formblock-join h2 {
display: none;
}
#block-formblock-join .content {
padding: 20px 30px;
margin: 2px;
background: url(../images/wsh_upprop_bg.png) repeat;
}
#block-formblock-join fieldset {
display: none;
}
#block-formblock-join #edit-field-kommentar-0-value-wrapper {
position: absolute;
left: 270px;
top: 20px;
width: 230px;
}
#block-formblock-join #edit-title-wrapper,
#block-formblock-join .link-field-subrow,
#block-formblock-join #edit-field-epost-0-email-wrapper {
width: 220px;
margin: 1em 0;
height: 100%;
overflow: hidden;
}
#edit-field-webbplats-0-url-wrapper.form-item {
margin: 0;
}

#block-formblock-join #edit-field-bild-upprop-0-ahah-wrapper  {
width: 220px;
}
#block-formblock-join .form-item input,
#block-formblock-join .form-item textarea {
border: 0;
padding: 5px;
color: #4d4d4d;
font-size: 0.9em;
}
#block-formblock-join #edit-field-bild-upprop-0-upload-wrapper input#edit-field-bild-upprop-0-filefield-upload {
display: none;
}
#block-formblock-join #edit-field-bild-upprop-0-upload-wrapper input#edit-field-bild-upprop-0-upload {
border: 0;
}

#block-formblock-join .form-radios .form-item {
float: left;
}


#block-formblock-join #edit-title-wrapper label,
#block-formblock-join .link-field-url label,
#block-formblock-join #edit-field-epost-0-email-wrapper label,
#block-formblock-join #edit-field-kommentar-0-value-wrapper label,
#block-formblock-join .attending label,
#block-formblock-join #edit-field-bild-upprop-0-upload-wrapper label {
font-size: 0.9em;
font-weight: normal;
}

#block-formblock-join .attending {
border-top: 1px solid #c3c0bd;
border-bottom: 1px solid #c3c0bd;
height: 100%;
overflow: hidden;
width: 218px;
padding-bottom: 5px;
}
#block-formblock-join .attending .form-item {
margin: 5px 0;
}
#block-formblock-join .attending .form-radios .form-item {
margin-right: 13px;
}
#block-formblock-join .attending .form-radios {
margin: 0;
}
#block-formblock-join .attending .form-radios input {
margin: 0;
}
#block-formblock-join #edit-field-bild-upprop-0-upload-wrapper.form-item {
margin: 5px 0;
}
#block-formblock-join #edit-field-bild-upprop-0-ahah-wrapper {
border-bottom: 1px solid #c3c0bd;
width: 220px;
}
#block-formblock-join #edit-field-bild-upprop-0-ahah-wrapper .filefield-element {
margin: 5px 0;
}
#block-formblock-join input#edit-submit {
background: url(../images/wsh_upprop_knapp_skicka.png) no-repeat 0 0;
height: 40px;
width: 149px;
border: 0;
position: absolute;
right: 40px;
bottom: 20px;
}
.i18n-sv #block-formblock-join input#edit-submit {
background: url(../images/wsh_upprop_knapp_skicka.png) no-repeat 0 0px;
}
.i18n-sv #block-formblock-join input#edit-submit:hover {
background: url(../images/wsh_upprop_knapp_skicka.png) no-repeat 0 -40px;
}
.i18n-en #block-formblock-join input#edit-submit {
background: url(../images/wsh_upprop_knapp_skicka_eng.png) no-repeat 0 0px;
}
.i18n-en #block-formblock-join input#edit-submit:hover {
background: url(../images/wsh_upprop_knapp_skicka_eng.png) no-repeat 0 -40px;
}

.join_link {
background: url(../images/wsh_upprop_knapp_stodoss.png) 0 0 no-repeat;
width: 260px;
height: 50px;
margin-left: 110px;
}
.join_link:hover {
background: url(../images/wsh_upprop_knapp_stodoss.png) 0 -50px no-repeat;
width: 260px;
height: 50px;
}

/*Motstandsporträtt*/

#block-views-blogg-block_3 {
overflow: hidden;
height: 100%;
clear: both;

}
#block-views-blogg-block_3 .content {
margin-top: 30px;
padding: 10px;
background-color: pink;
overflow: hidden;
height: 100%;
}

#block-views-blogg-block_3 span {
float: left;
}
#block-views-blogg-block_3 .views-field-field-portrait-image-fid {
border: 5px solid #fff;
height: 130px;
}
#block-views-blogg-block_3 .views-field-field-portrait-quote-value {
margin: 0 20px;
}
#block-views-blogg-block_3 .views-field-field-portrait-quote-value .quote {
font-size: 1.3em;
font-style: italic;
line-height: 1.2em;
clear: both;
width: 400px;
margin-top: 10px;
}
#block-views-blogg-block_3 .views-field-field-portrait-quote-value .name {
clear: both;
width: 400px;
text-align: left;
margin-top: 20px;
}
#block-views-blogg-block_3 .views-field-view-node {
background-color: #ea4c88;
padding: 7px 10px;
margin: 80px 0 0 40px;
}
#block-views-blogg-block_3 .views-field-view-node .field-content a {
color: #fff;
font-weight: bold;
}



/*Upprop*/
body.page-upprop {
background: url(../images/wsh_upprop_bg.jpg) 50% 104px no-repeat #190b10;
}
.page-upprop #content .section {
padding: 50px;
background: #fff;
margin: 10px;
}
.page-upprop .two-sidebars #content, 
.page-upprop #content,
.page-upprop .no-sidebars #content {
margin-left: 180px;
margin-right: 180px;
width: 600px;
background: url(../images/transparent.png) repeat;
margin-top: 30px;
}
.page-upprop .node .content {
border: 0px;
}
.page-upprop .content ul li {
margin: 10px 0;
}