/* Import basic styles */
@import url(../../rsc/css/basic.css);

/* styles for guadeloupe skin */
body {
margin:0px;
padding:0px;
padding-bottom:10px;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 84%;
color: #FFFFFF;
background-color: #000000; 
background-image: url("img/coucher-soleil-guadeloupe.jpg");
background-repeat: no-repeat;
}
h1 {
color: #000000;
text-align: right;
margin-right: 210px;
margin-bottom: 0.5ex;
}
h1 a { 
text-decoration: none;
}
#tagline {
text-align: right;
margin-right: 210px;
font-weight: bold;
height: 100px;
}
h2 {
margin-bottom: 4px;
margin-left: -40px;
font-size: 1.2em;
letter-spacing: 0.2em;
background-color: #000000;
}
.infos h3 {
font-size: smaller;
text-align: right;
}
a { 
color:white;
background-color: transparent;
}
a:hover {
color: black;
background-color: white;
}
#main {
margin:0px 33ex 50px 70px;
padding:10px;
}
#main .infos {
text-align: right;
}
.infos h3, .infos h4 {
display: inline;
}
.bPost, .bComment {
border-left: 1px dotted white;
border-bottom: 1px dotted white;
margin-bottom: 15px;
padding: 0px 10px 10px 10px;
}
.article {
line-height: 140%;
}
#main a {
color: white;
font-weight: bold;
text-decoration: none;
}
#main a:hover {
background-color: white;
color: black;
}
#main a[hreflang]:after {
color: silver;
font-weight: bold;
content: "\0000a0[" attr(hreflang) "]";
}
#main q {
quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
font-style: italic;
}
#contentcomments {
}
div.interaction {
text-align: right;
}
div.interaction a {
}
div.storyTitle {
margin-top: 2em;
}
#menu {
background-color: silver;
background-image: url("img/white80.png");
position: absolute;
top: 100px;
right: 20px;
width: 23ex;
padding: 10px;
color: black;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
overflow: hidden;
}
/* body>#menu {
width:150px;
} */
#menu a {
color: black;
background-color: transparent; 
text-decoration: none;
}
#menu a:hover {
background-color: #4c69b9;
color: #eee;
}
#menu h4 {
margin: 12px 0px 4px 0px;
font-size: 12px;
}
#menu ul {
padding-left: 0px; 
margin-left: 1ex; 
}
#menu li {
list-style: none;
}
#prelude {
margin-left: 1em;
}
.infos h4 a:before {
content: ' ( ';
}
.infos h4 a:after {
content: ' ) ';
}
fieldset {
border-style: none;
margin: 0;
padding: 0;	
}
.contenucomment label {
width: 9.1em;
float: left;
font-weight: bold;
margin-left: 1em;
}
.contenucomment input, .contenucomment textarea {
margin-left: 1em;
width: 20em;
}
.fincomment {
margin-left: 11em;
margin-top: 1em;	
}
.baseline {
border-top: 1px solid #FFFFFF;
margin: 2ex;
}
form {
margin: 0ex;
padding: 0ex;
}
div.moderation_msg {
margin: 1ex 2ex;
padding: 0 1ex;
border: 1px dotted #FFAA99;
color: #EE7700;
}

/* styles for comment and profile forms */
form {
margin: 0;
padding: 0;
}
form.inline {
margin: 0px;
padding:0px;
display: inline;
}
fieldset.input {
margin: 0;
padding: 0;
border: 0;
}
fieldset span.notes {
font-size: 80%;
color: #999;
}
input.large, textarea.large {
width: 97%;
margin-left: 0;
margin-right: 0;
}
label.radiooption {
margin-right: 1em;
}
/* 24/75% forms - Fast Forms */
form.fform fieldset {
border: 1px solid #ddd;
margin-bottom: 1ex;
background-color: #fff;
padding: .5ex 1ex;
}
form.fform fieldset fieldset {
border: none;
margin: 1ex;
padding: 0;
}
form.fform div.label {
float: left;
width: 24%;
text-align: right;
font-weight:bold;
margin: 0;
padding-top: .5ex;
}
form.fform div.input {
margin: 0 0 0 25%;
}
form.fform fieldset.input {
margin: 0;
}
form.fform div.info {
margin: 0 0 0 25%;
padding-top: .5ex;
}
/* 18/80% forms: comments and profile */
form.bComment fieldset {	/* one form line */
border: none;
margin: 2ex 0ex;
padding: 0ex;
}
form.bComment fieldset label {
font-weight: bold;
}
form.bComment fieldset div.label { /* label of form line */
float: left;
width: 18%;
text-align: right;
padding-top: .5ex;
font-weight: bold;
}
form.bComment fieldset div.input { /* input zone of form line */
margin: 0 0 0 20%;
}
form.bComment fieldset.input {
margin: 0;
}
form.bComment fieldset div.info { /* info zone of form line */
margin: 0 0 0 20%;
padding-top: .5ex;
}

/* Styles for comment form from original style sheet */
input.bComment, select.bComment, textarea.bComment {
background-color: #f0f0f0;
border: 1px solid #cccccc;
padding: .5ex;
width: 98%;
margin: 0ex;
}

/* styles from blog_elements */
div.codeblock {
background-color: #eee;
border: 1px dotted #aaa;
margin: 1ex;
padding: 1ex;
width: 90%;
overflow: auto;
}
div.codeblock pre {
margin: 0;
}

/* styles for images */
img {
border: none;
}
img.top {
vertical-align: top;
border: 0px;
}
img.flag {
vertical-align: middle;
border: 1px solid #000;
}
img.middle {
vertical-align: middle;
border: 0px;
}
img.leftmargin {
float: left;
border: 0px;
margin-right: 1ex;
margin-top: .2ex;
margin-bottom: .2ex;
}
img.rightmargin {
float: right;
border: 0px;
margin-left: 1ex;
margin-top: .2ex;
margin-bottom: .2ex;
}
a.permalink_right {
background-color: transparent;
float: right;
border: 0;
}
img.logo {
padding: 2px;
border: none;
vertical-align: middle;
}

/* GENERIC styles for the archive calendar */
caption.bCalendarCaption {
font-size: 105%;
font-weight: bold;
margin: auto;
padding: .5ex 0;
white-space: nowrap;
}
table.bCalendarTable {
margin: 0 auto 1em auto;
font-size: 77%;
border-collapse: separate; 
border-spacing: 0px;	
}
tr.bCalendarRow {
text-align: center;
}
th.bCalendarHeaderCell {
font-size: 84%;
width: 4ex;
}
td.bCalendarCell {
width: 4ex;
height: 3.5ex;
}
.bCalendarLinkPost {
font-weight: bold;
}
td#prev, td#next {
font-weight: bold;
font-size: 105%;
padding: .5ex;
white-space: nowrap;
}
td#prev a, td#next a {
padding: 0 .5ex;
}
td#prev {
text-align: left;
}
td#next {
text-align: right;
}

/* styles for popup comments if used */
#bComments {
margin: 0 0 10px 10px;
padding: 10px;
}