/* Designed by the Whittler - www.whittlingwood.com/ , based on the "custom" skin designed by François PLANQUE - http://fplanque.net/ */

/* modified by EdB (http://wonderwinds.com) */

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

@import url(css/comments.css);	/* Import default comment styles */



body {

background: #000000;

padding: 0px;

margin: 0px;

color: #000;

font: 84% Arial, Helvetica, sans-serif;

}

div#wrapper {

width: 800px;

margin: 0 auto;

padding: 0;

}

a {

color: #FF3300;

}

a:visited {

color: #000000;

}

a:hover {

color: #009966;

}

h2 {

color: #000000;

font-size: 180%;

margin: 0;

}

h3 {

color: #000000;

font-size: 120%;

margin-top: 0;

margin-bottom: 5px;

}

h4 {

color: #000000;

font-size: 110%;

}

h5 {

color: #78a;

font-size: 80%;

}

h6 {

color: #000000;

font-size: 75%;

text-align: right;

margin: 2px;

}

table.invisible {

margin: 1ex;

border-collapse: collapse

}

table.invisible td {

padding: 0ex 1ex;

}

td.right {

text-align: right;

}

div#pageFooter {

clear: both;

background: #000000;

width: 100%;

margin: 0 auto;

padding: 0 0 2ex 0;

}

p.baseline {

border-top: 1px solid #ddd;

text-align: center;

font-size: 74%;

color: #999;

padding: 1ex;

margin: 0;

}

hr {

clear: both;

height: 0;

border: 0;

border-top: 1px solid #78a;

}

div.pageHeader {

background: #b2771e;

background-position: bottom left;

background-repeat: no-repeat;

width: 100%;

height: 30px; /* this value to be the height of the background image in this div */

padding: 0;

margin: 0;

border-bottom : 4px solid #000000;

text-align: right;

}

div.pageHeaderContent {

padding: 0;

padding-top: 1ex;

margin-left: 198px; /* this value leaves room for the background image in div.pageHeader */

}

div.pageTitle {

font-family: Tahoma, Helvetica, sans-serif;

font-size: 400%;

margin-top: 10px;
margin-left: 80px;

text-align: left;

}

a.BlogButton {

text-decoration: none;

border: 1px solid #000000;

padding-top: 2px;

padding-right: 4px;

padding-bottom: 2px;

padding-left: 4px;

white-space: nowrap;

margin-right: 3px;

margin-top: 3px;

background: #000000;

}

a.BlogButtonCurr {

text-decoration: none;

border: 1px solid #000000;

text-align: left;

vertical-align: top;

padding-top: 2px;

padding-right: 4px;

padding-bottom: 2px;

padding-left: 4px;

white-space: nowrap;

margin-top: 3px;

margin-right: 3px;

background: #000000;

}

a.BlogButton:link, a.BlogButton:visited, a.BlogButton:active, a.BlogButtonCurr:link, a.BlogButtonCurr:visited, a.BlogButtonCurr:active {

color: #FFFFFF;

}

a.BlogButton:hover {

color: #000000;

background: #a06b1a;

}

a.BlogButtonCurr:hover {

color: #a06b1a;

}

.pageSubTitle {

background: #b2771e;

font-size: 109%;

color: #660066;

font-family: Tahoma, Helvetica, sans-serif;

letter-spacing: 4px;

text-align: center;

vertical-align: middle;

border: 0px;

padding-right: 6px;

padding-top: 6px;

padding-bottom: 4px;

padding-left: 6px;

}



/* Styles for main area (left) */

h2 {

margin: 1ex;

}



/* Styles for posts */

.bPosts {


vertical-align: top;

text-align: left;

float: left;

width: 100%;

overflow: hidden;

}

div.action_messages {

margin: 0 2ex;

}

.bPost, .bPostpublished {
/* This is the section for changing the post colours*/
clear: both;

background: #cd9139;

text-align: left;

margin-right: 8px;

margin-left: 8px;

margin-top: 8px;

margin-bottom: 8px;

border: 2px solid #000000;

padding-right: 8px;

padding-left: 8px;

}

.bSmallHead {

font-size: 80%;

color: #000066;

margin: 2ex 0 1ex 0;

text-align: center;

}

.bTitle {

color: #000000;

margin: 1ex 0;

}

.bText {

margin-top: 0px;

margin-bottom: 0px;

}

.bMore {

text-align: center;

}

.bMore a {

font-weight: bold;

font-size: 110%;

}

.bSmallPrint {

clear: both;

color: #999;

font-size: 80%;

margin: 1ex 0 2ex 0;

}

.bComments_etc {

clear: both;

color: #999;

font-size: 80%;

text-align: center;

margin: 1ex 0 2ex 0;

}

.bAuthor {

color: #003366;

margin: 1ex 0;

}

div.moderation_msg {

margin: 1ex 2ex;

padding: 0 1ex;

border: 1px dotted #FFAA99;

color: #EE7700;

}



/* Styles for sidebar (underneath) */

div.bSideBar {

clear: both;

width: 100%;

height: 360px;

background: #a06b1a;

border-top : 4px solid #000000;

overflow: auto;

}

div.bSideBarb {

clear: both;

width: 100%;

background: #a06b1a;

border-top: 4px solid #000000;

padding-bottom: 4px;

}

div.bSideItem {

background : #FFFFFF;

float: left;

text-align: left;

width: 28%;

margin-right: 0px;

margin-left: 10px;

margin-top: 0px;

margin-bottom: 0px;

border-top : none; 

border-bottom : 1px solid #000000; 

border-left : 1px solid #000000; 

border-right : 1px solid #000000;

padding: 8px;

overflow: hidden;

}

.bSideItem ul {

margin-left: 8px;

padding-left: 8px;

margin-top: 8px;

margin-bottom: 8px;

list-style-type: square;

}

.bSideItem ul ul {

margin-left: 8px;

padding-left: 8px;

margin-top: 0px;

margin-bottom: 0px;

}

.bSideItem form {

margin-top: 0px;

margin-bottom: 0px;

background: #FFFFFF;

border: none;

}

.dimmed {

color: #aaa;

font-size: 84%;

}

input.SearchField {

background: #eee;

border: 1px solid #ccc;

padding: .5ex;

width: 96%;

margin: 0ex;

}

input.submit, input.reset {

background: #FFCC66;

color: #78a;

border: 1px solid #000;

font-weight: bold;

padding: 1px;

}

input.submit:hover {

color: #000;

text-decoration: underline;

}



/* 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 {

background-color: #a06b1a;

border: 4px solid #000000;

}

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;

}



input.bComment, select.bComment, textarea.bComment {

background: #eee;

border: 1px solid #000000;

width: 97%;

padding: 2px;

margin: 0ex;

}

select.bComment {

width: 98%;

}



/* 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;

}



/* styles for the archive calendar */

caption.bCalendarCaption {

font-size: 105%;

font-weight: bold;

margin: auto;

padding: .5ex 0;

white-space: nowrap;

border: 1px solid #000000;

background: #a06b1a;

border-bottom: 0;

}

table.bCalendarTable {

margin: 0 auto 1em auto;

font-size: 77%;

border: solid 1px #000000;

border-collapse: separate; 

border-spacing: 0px;	

}

tr.bCalendarRow {

text-align: center;

}

th.bCalendarHeaderCell {

font-size: 84%;

width: 4ex;

color: #000000;

}

td.bCalendarCell {

width: 4ex;

height: 3.5ex;

}

.bCalendarLinkPost {

font-weight: bold;

}

table.bCalendarTable tfoot td {

background: #a06b1a;

border-top: 1px solid #000000;

}

table.bCalendarTable tfoot a {

text-decoration: none;

}

table.bCalendarTable tfoot a:hover {

background: #78a;

color: #fff;

}

#bCalendarToday {

background: #FFCC66;

}

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 {

background: #a06b1a;

margin: 0 0 10px 10px;

padding: 10px;

}