/* Designed by François PLANQUE - http://fplanque.net/ */

@import url("../../rsc/css/forms.css"); /* Import default form styles */
@import url("../../rsc/css/comments.css"); /* Import default comment styles */
@import url("evobar.css"); /* Import evobar styles */
@import url("generics.css"); /* Import generic styles */

/* was "Import basic styles" from rsc/css/basic.css */
body {
padding:0;
margin:0;
}
blockquote {
border:2px dotted #ccc;
background-color:#eee;
margin:1em 2em;
padding:0 1ex;
}
/* Messages */
div.log_container, div.action_messages {
margin:1ex;
}
div.log_container ul, div.action_messages ul, div.log_container ol, div.action_messages ol {
list-style:square;
list-style-image:none;
margin:1ex 0;
padding-left:3ex;
}
div.log_container div, div.action_messages div {
border:1px solid #6287c2;
background:#ddd;
margin:1ex auto;
padding:1ex;
}
div.log_container div.log_success, div.action_messages div.log_success, div.success {
border:1px solid #9d9;
background:#f2fbee;
color:#0c0;
}
div.log_container div.log_error, div.action_messages div.log_error, div.error {
border:1px solid #d99;
background:#fbf2ee;
color:#e00;
}
p.error, span.error {
color:#e00;
font-weight:bold;
}
p.error {
margin:1ex;
}
/* include errors, wrong params, deleted blog, etc... */
div.skin_error {
border:2px dotted #d99;
background:#fbf2ee;
color:#e00;
padding:1em;
margin:1em;
}
/* Debug output formatting: */
div.debug {
border:2px solid #000;
padding:1ex;
background-color:#ccc;
text-align:left;
color:#000;
}
div.debug h2, div.debug h3, div.debug h4 {
color:#0033FF;
}
div.debug code {
font-family:"Courier New", Courier, monospace;
font-size:11px;
margin:1ex;
display:block;
}
div.debug div.query_info {
background-color:#fff;
font-size:12px;
margin:1ex;
}
div.debug table {
border:1px solid #000;
border-collapse:collapse;
font-family:"Courier New", Courier, monospace;
margin:1ex;
}
div.debug table, div.debug th, div.debug td {
font-size:11px;
}
div.debug th {
background-color:#fff;
border:1px solid #000;
padding:2px;
white-space:nowrap;
}
div.debug th span.type {
font-weight:normal;
color:#999;
}
div.debug td {
background-color:#ddd;
border:1px solid #000;
padding:2px;
vertical-align:top;
white-space:nowrap;
}
div.debug td.odd {
background-color:#eee;
}

/* was "Import standard image styles" from rsc/css/img.css */
img {
border:none;
}
img.top {
vertical-align:top;
}
input.middle, img.middle {
vertical-align:middle;
}
img.icon {
vertical-align:bottom;
}
img.leftmargin {
float:left;
margin-right:1ex;
margin-top:.2ex;
margin-bottom:.2ex;
}
img.rightmargin {
float:right;
margin-left:1ex;
margin-top:.2ex;
margin-bottom:.2ex;
}
img.flag {
vertical-align:middle;
border:1px solid #000;
}
img.flagtop {
vertical-align:top;
border:1px solid #000;
}
div.single_image_zone {
overflow:hidden;
}
div.multi_image_zone {
overflow:hidden;
background-color:#eee;
border:1px solid #ccc;
}
div.image_block {
text-align:center;
}
/* We only float image_blocks when in multiple image zone */
div.multi_image_zone div.image_block {
margin:1ex;
float:left;
}

div.image_legend {
font-size:84%;
color:#aaa;
margin: 1ex;
border-bottom: 1px solid gray;
padding-bottom: 1ex;
}

/* was "Import standard blog elements styles" from rsc/css/blog_elements.css */
table.prevnext_post {
width:95%;
margin:0 auto;
}
table.prevnext_post a {
text-decoration:none;
}
.bMore {
text-align:left;
}
.bMore a {
font-weight:bold;
font-size:110%;
}
div.podplayer {
margin:1em 0;
}
a.permalink_right, span.bIcons {
float:right;
border:0px;
margin:0 0 0 1em;
}
p.baseline a.contact_link, a.contact_link {
text-decoration:underline;
}
span.NonExistentWikiWord {
border-bottom:1px dotted #ccc;
}
div.videoblock {
text-align:center;
margin:auto;
overflow:auto;
}
div.codeblock {
background-color:#eee;
border:1px dotted #aaa;
margin:1ex;
padding:1ex;
overflow:auto;
}
div.codeblock pre {
margin:0;
}
pre {
overflow:hidden;
}

td#prev, td#next {
font-weight:bold;
font-size:105%;
padding:.5ex;
white-space:nowrap;
}
td#prev a, td#next a {
padding:.5ex;
}
td#prev {
text-align:left;
}
td#next {
text-align:right;
}
div.powered_by {
margin:16px 0;
text-align:center;
}

/* BEGIN STYLES FOR THE PHOTOBLOG SKIN */
body {
padding: 0px;
margin: 0px;
color: #aaa;
font: 84% Arial, Helvetica, sans-serif;
background-color: black;
}

#ContentArea {
width: 820px;
margin: 0 auto;
padding: 0;
}

#MultiPosts {
width: 480px;
float: left;
margin: 0 auto;
padding: 0;
}

#Sidebar {
width: 300px;
float: right;
margin: 0 auto;
padding: 0;
}

#SinglePost {
width: 820px;
margin: 0 auto;
padding: 0;
}

#pageFooter {
clear: both;
margin: 0;
padding: 0 0 1ex 0;
}

a {
color: #eee;
text-decoration: none;
}

a:visited {
color: #eee;
}

a:hover {
color: #fff;
text-decoration: underline;
}

p.baseline {
text-align: center;
font-size: 84%;
padding: 6ex 0 4ex 0;
margin: 0;
}

div.pageHeader {
padding: 5px;
border-bottom: 1px solid #aaa;
background: #333;
color: #aaa;
}

h1#pageTitle {
font-size: 100%;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding: 0;
text-align:left;
}

div.PageTop ul {
background: #333;
border-bottom: 1px solid #aaa;
margin: 0 1px;
padding: 0;
list-style-type:none;
padding: 5px 0;
}

div.PageTop li {
border-right: 1px solid #aaa;
display: inline;
padding: 5px 1em;
}

div.PageTop a {
font-weight: bold;
text-decoration: none;
}

div.PageTop a.default {
color: #aaa;
}

div.PageTop a.selected, div.PageTop a.selected:visited {
color: #eee;
}

div.PageTop a:hover {
text-decoration: underline;
color: #fff;
}


/* Styles for main area (left) */
h2 {
margin: 0;
padding: 1ex 0 0 0;
}

/* Styles for posts */
div.action_messages {
margin: 0 2ex;
}

.nav_right img, .nav_left img {
vertical-align: top;
}

.nav_right a, .nav_left a {
display: block;
margin: 1ex 0;
float: right;
border: 1px solid #666;
}

.nav_left a {
float: left;
}

.nav_right a:hover, .nav_left a:hover {
border: 1px solid #fff;
}

img.no_nav {
margin: 1ex 0;
border: 1px solid black;
}

.bPost {
clear: both;
}

div.image_block img {
margin: 0;
border: 4px solid #555555;
padding: 4px;
}

.bDetails {
width: 90%;
font-family: verdana, sans-serif;
background: #222222;
margin: 2em auto;
border: 1px solid #AAAAAA;
}

h3.bTitle {
font-size: 100%;
display:inline;
letter-spacing: 2px;
}

.bText {
margin: 0;
padding: 0 12px;
}

.bSmallHead {
margin: 0;
padding: 12px 12px 6px 12px;
}

.bSmallPrint {
margin: 0;
font-size: 84%;
padding: 6px 12px 12px 12px;
}

.action_right {
font-size: 84%;
float: right;
margin: 0 0 0 1em;
}

.timestamp {
margin: 0 0 0 1em;
font-size: 84%;
}

input.bComment, textarea.bComment {
background-color: #eee;
border: 1px solid #ccc;
width: 97%;
padding: 2px;
margin: 0ex;
}

select.bComment  /* Used by the profile form */ {
background-color: #eee;
border: 1px solid #ccc;
padding: 1px;
margin: 0ex;
}

.comments_popup {
margin: 1em;
}

table.image_index {
margin: 1ex auto;
}

table.image_index td {
width: 88px;
height: 88px;
background: #555;
text-align: center;
vertical-align: middle;
border: 1px solid #333;
}

table.image_index td:hover {
background: #777;
}

#pageFooter a {
color: #aaa;
}

/* custom toolbar background style */
.edit_toolbar {
background-color: silver;
margin:4px;
border-top:2px solid grey;
border-bottom:2px solid grey;
padding:2px;
text-align:center;
}
/* custom navigation links */
.navi_left a, .navi_left_end, .navi_right a, .navi_right_end {
width: 66px;
margin:0;
border: none;
padding: 66px 0 0 0;
text-align: center;
}
.navi_left a, .navi_left_end {
background: url('../../rsc/icons/prev.png') no-repeat;
}
.navi_right a, .navi_right_end {
background: url('../../rsc/icons/next.png') no-repeat;
}
.navi_left a:hover {
background-position: -66px 0;
border: none;
}
.navi_right a:hover {
background-position: -66px 0;
border: none;
}
.navi_left_end {
background-position: -132px 0;
float: left;
}
.navi_right_end {
background-position: -132px 0;
float: right;
}

.post_link {
background: url(img/redtoblack.png) left center repeat-y;
margin:2px;
border-left:2px dotted red;
padding:2px 1ex;
}