/*
This is the main ``blue" stylesheet for Choplair-network website.
Designed by Pachilor. - Last updated: 2008-06-24.
http://www.choplair.org/
*/

html
{
background-color: #c9ddff
}

body
{
color: #000;
margin: 0px;
padding: 0px;
font-family: lucida,arial,serif;
font-size: 13px;
}

:lang(fr) {quotes: "«\00A0" "\00A0»"}

/* Top bar */
#topbar
{
background-color: #5d4b7a;
color: #fff;
font-size: 12px;
margin: 0px;
padding: 0px 20px
}
#topbar span
{
float: left;
margin-right: 20px
}
#topbar ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
#topbar ul li
{
display: inline;
white-space: nowrap;
margin-right: 1em;
}
#topbar a:link, #topbar a:active, #topbar a:visited, #topbar a:hover
{
color: #fff;
text-decoration: none
}
#topbar ul li em, #topbar span em
{
font-style: normal;
font-weight: bold;
text-transform: uppercase
}

/* Header */
#header
{
background: transparent url("img/indlibresoftdevcrew.png") no-repeat center 65px;
border-bottom: double 5px #240775;
height: 110px
}
#header #warsaw
{
width: 100%;
height: 100%;
background: transparent url("img/logo.png") no-repeat 2em 6px;
}
#header h1 {display: none}
#header h2 {margin-left: 250px; margin-top: 1.5em; color: #240775; font-size: x-large}
#header #menu
{
float: right; 
margin: 20px 15px 0px 170px;
text-align: right
}
#header #menu ul
{
list-style-type: none;
padding: 0px
}
#header #menu ul:first-child { margin-top: 0px}
#header #menu span + ul
{
display: inline;
margin-left: 0.5em;
}
#header #menu ul li
{
display: inline;
background-color: #e3ecfc;
border: solid 1px #3045a0;
padding: 2px;
white-space: nowrap;
}
#header #menu ul li:hover {background-color: #77d5ff}
#header #menu ul li a {color: #000; text-decoration: none}

/* Content */
#content
{
color: #666;
background-color: #fff;
padding: 1.5em 5% 1em 1.3em
}
#content #community
{
position: absolute;
background: url("img/community.png") no-repeat top right transparent;
width: 165px;
height: 40px;
top: 130px;
right: 0px;
padding-top: 24px;
text-align: center;
font-size: 1.5em;
letter-spacing: 2px
}
#content #community a
{
font-weight: bold;
color: #5d4b7a;
text-decoration: none;
}
#content #bouyaka { margin-left: 220px}
#content h2, #content h1
{
color: #000;
font-size: x-large;
text-decoration: underline;
text-align: center;
margin: 30px 1.5em 0.5em
}
#content #metadata p
{
margin: 0.3em;
text-align: center;
}
#content #metadata img
{
vertical-align: middle;
width: 17px;
height: 11px;
}
#content h3, #content hr {color: #000; background-color: #e3ecfc; border: solid 1px #3045a0; padding: 3px 1em; margin: 1em -1%}
#content h4
{
color: #000;
text-decoration: none;
}
#content p
{
text-indent: 0.5em;
text-align: justify
}
#content #bouyaka fieldset
{
border: 1px solid #ccccaa;
background-color: #ffffee; 
color: #000;
margin: 1em;
padding: 0.5em 1em
}
#content blockquote
{
color: #000;
border: 2px dotted #000;
margin: 1em;
padding: 0.5em 2.5em 0.5em;
font-family: monospace;
background-color: #e3ecfc
}
#content blockquote em {background-color: transparent}
#content .warning, #content .info
{
background-color: #e3ecfc;
background-repeat: no-repeat;
background-position: 5px center;
color: #000;
border: 2px solid #000;
margin: 1em;
padding: 0.5em 1em 0.5em 54px;
-moz-border-radius: 10%
}
#content .warning {background-image: url("img/warning.png")}
#content .info {background-image: url("img/info.png")}

#content ul, #content ol {text-align: justify}
#content strong {background-color: #66ccff; font-weight: normal; padding: 1px}
#content em {background-color: #ffcc66; padding: 1px}
#content strong > em {background-color: transparent; font-style: normal; font-weight: bold}
#content pre.code {border: 1px solid #ccccaa; background-color: #ffffee; font-style: normal; font-family: monospace}

/* Sidebar */
#sidebar {
color: #000;
width: 170px;
float: left;
background-color: #e3ecfc;
border: 2px solid #000;
padding: 0.5em;
margin-bottom: 1em;
-moz-border-radius: 10%
}
#sidebar ul {
margin: 0px;
padding: 0px;
list-style: none;
line-height: 1.2em;
}
#content #sidebar h2 {text-decoration: none; font-size: large; margin: 0.5em; font-weight: normal}
#content #sidebar hr {background-color: #000; border: 0px; padding: 0px; margin: 1em 10%}
#content #sidebar form.search {text-align: center}
#content #sidebar fieldset {border: 0px; padding: 0px}
#content #sidebar .searchbutton {
font-size: 0px;
width: 22px;
background: transparent url("img/bgSearchBtn.png") no-repeat top left;
border: none;
height: 22px;
padding: 5px 0px 23px 0px; margin-left: 5px;
vertical-align: middle
}
#content #sidebar input[type='text'] {width: 130px; background-color: #66ccff}
#content #sidebar #feeds h2 {background: transparent url("img/RSS.png") center left no-repeat; padding-left: 35px}
#content #sidebar #feeds ul {font-size: smaller; line-height: 1em}

/* Comments */
#comments
{
padding: 0.1em 50px;
background-color: #e3ecfc;
margin: 0px;
border-top: dashed 1px #3045a0
}
#comments blockquote {font-family: monospace}

/* Footer */
#footer
{
padding: 0.35em 1em;
background-color: transparent;
border-top: 3px solid #240775;
text-align: right;
font-size: x-small;
}
#footer div {width: 170px; height: 60px; float: left; background: transparent url("img/impyourchops.png") no-repeat bottom center}

/* Tables */
#content table {color: #000; background-color: #e3ecfc; border: double 3px #3045a0; margin: 0.5em auto}
#content table.diff th {width: 50%}
#content table td, #content table th {border: 0px; padding: 0.4em}
#content table th {background-color: #c9ddff; text-transform: uppercase}
#content table th p {text-align: center; margin: 0.4em}
tr.first,tr.even {background-color: #fff}
tr.added td, tr.removed td, tr.changed td {padding: 0px}
td.added { background-color: #aaffaa}
tr.changed { background-color: #ffff77}
td.removed { background-color: #ffaaaa}
.diff td {font-size: smaller}

/* FORMS */
label {margin-right: 0.8em}
p.field input.submit { margin-top: 1em;  width: 22em }
p.field textarea { width: 44em;  height: 10em; margin-top: 1em}
form.edit_content fieldset { border: 0px; margin: 0px; padding: 0px}
form.search legend {display: none}
form.login fieldset, form.register fieldset, form.preferences fieldset {width: 24em}
form.edit_content fieldset, form.edit_content p.field, form.comment fieldset, form.comment p.field { width: 100%}
#content #bouyaka fieldset input, #content #bouyaka fieldset textarea { border: 3px double #ccccaa }
#content #bouyaka fieldset input:focus, #content #bouyaka fieldset input:hover, #content #bouyaka fieldset textarea:focus, #content #bouyaka fieldset textarea:hover { background-color: #fff}
form.edit_content textarea { width: 100%; height: 50em}
form.comment textarea { width: 100%; height: 20em}
form.acl select {height: 10em; width:  10em; padding: 0px; margin: 0px; float: left}
form.acl .acl_buttons {float: left; text-align: center; padding-top: 1.5em; margin: 0.5em}

/* Hyperlinks */
a, a:visited {color: #347dff; text-decoration: underline}
/* I18N */
a[hreflang=en]:after {content: ' ' url("../../wc_icons/flag/en.png")}
a[hreflang=de]:after {content: ' ' url("../../wc_icons/flag/de.png")}
a[hreflang=fr]:after {content: ' ' url("../../wc_icons/flag/fr.png")}
a[hreflang=pl]:after {content: ' ' url("../../wc_icons/flag/pl.png")}
a[hreflang=pt_BR]:after {content: ' ' url("../../wc_icons/flag/pt_BR.png")}
a[hreflang=sv]:after {content: ' ' url("../../wc_icons/flag/sv.png")}
/* Dont display a flag if the link is in the same language */
:lang(en) a[hreflang=en]:after, :lang(de) a[hreflang=de]:after, :lang(fr) a[hreflang=fr]:after, :lang(pl) a[hreflang=pl]:after, :lang(pt_BR) a[hreflang=pt_BR]:after, :lang(sv) a[hreflang=sv]:after {content: ''}

/* OTHER */
img { border: 0px; background-color: transparent}
img.selected {border: 2px solid #77d5ff}
code,var {border: 1px solid #ccccaa; background-color: #ffffee; font-style: normal; font-family: monospace}
kbd {border: 1px solid #bbb; color: #000; background-color: #ddd; padding: 0px 0.25em}
q {font-style: italic}
big {font-weight: bold}
li {margin-bottom: 0.5em}
tt {border-bottom: 3px double #77d5ff}
input, textarea { border: 1px solid #240775; font-family: monospace }
input:focus, input:hover, textarea:focus, textarea:hover  { background-color: #77d5ff }
ul.spaced li {margin: 0.5em}
.decaD {margin-left: 0.6em}
.tiny {font-size: xx-small}
.red {color: #d00}
.left {float: left; margin: 0px 1em; text-align: center}
.right {float: right; margin: 0px 1em; text-align: center}
.center, #content #bouyaka .center {text-align: center}
h1 tt, h2 tt, h3 tt, h4 tt, h5 tt {border: 0px}