/* This theme was designed by Michael Heilemann @ http://binarybonsai.com/ 
 * Modified for use with b2evolution by EdB @ http://wonderwinds.com/
 *
 * Thanks to Oriana @ http://www.carnivalesque.net for the original pinkification.
 *
 * The CSS, XHTML and design are released under the The GNU General Public License (GPL)
 * http://www.opensource.org/licenses/gpl-license.php
 *
 * Thanks to Oriana @ http://www.carnivalesque.net for the original pinkification.
 */

/* Begin Typography & Colors */
body {
background : url(img/kubrickbgcolor.jpg);
background-color : #CCCCCC;
color : #333333;
font-size : 62.5%; /* Resets 1em to 10px */
font-family : 'Lucida Grande', Verdana, Arial, sans-serif;
text-align : center;
margin : 0;
padding : 0; 
}

#wrapper, #wrapperWide {
background : url(img/kubrickbg.jpg) repeat-y top;
background-color : #FFFFFF;
color: inherit;
text-align : left;
border : none; 
margin : 20px auto;
padding : 0;
width : 760px;
}

#wrapperWide {
background : url(img/kubrickbgwide.jpg) repeat-y top;
}

#header {
background : url(img/kubrickheader.jpg) no-repeat bottom center;
background-color : #CCCCCC;
color: inherit;
margin : 0 0 0 1px;
border : none; 
padding : 0;
height : 200px;
width : 758px;
}

#bPosts {
float : left;
margin : 0;
border : none;
padding : 0 0 8px 45px;
width : 450px;
font-size : 1.2em;
}

#bPostsWide {
margin : 5px 0 0 120px;
border : none;
padding : 10px 0 8px 0;
width : 510px;
font-size : 1.2em;
line-height : 1.6em;
}

#bSideBar {
margin-left : 545px;
padding : 20px 0 10px 0;
width : 190px;
font-size : 1em;
font-family : 'Lucida Grande', Verdana, Arial, sans-serif;
}

#pageFooter {
background : url(img/kubrickfooter.jpg) no-repeat bottom;
background-color : #CCCCCC;
color: inherit;
border : none;
padding : 0;
margin : 0 auto;
width : 760px;
clear : both;
}

.description {
font-size : 1.2em;
text-align : center;
color : #FFFFFF;
}

/* Begin styles for bloglist */
#BlogListL, #BlogListC, #BlogListR {
margin : -2.5em 32px 0 32px;
/* for people with lots of blogs (more than one line of blog links in 
the header) you can uncomment this line instead so that your second 
line of blog links is 'inside' the blue header image area.  If you 
try -7.1em you will see that the bloglinks overlap the tagline. */
/* margin : -4.8em 32px 0 32px; */
border : 0px solid #000000;
padding : 0;
}
#BlogListC {
text-align : center;
}
#BlogListR {
text-align : right;
}

ul#bloglist {
margin : 0 1px;
padding : 0;
list-style-type : none;
padding : .5ex 0;
}

ul#bloglist li {
background-color : #FFFFFF;
border : 1px solid #000000;
display : inline;
padding : .5ex 1em;
line-height: 2.2em;
}

a.BlogButton, a.BlogButtonCurr {
font-weight : bold;
text-decoration : none;
}

a.BlogButton {
color : #333333;
}

a.BlogButton:hover {
text-decoration : underline;
color : #3300FF;
}

a.BlogButtonCurr, a.BlogButtonCurr:visited {
color : #3399FF;
}

a.BlogButtonCurr:hover {
text-decoration : underline;
color : #3399FF;
}


/* Begin styles for posts */
div.action_messages {
margin: 0 2ex;
}
.bPost, .bPostpublished {
clear : both;
margin-bottom : 24px;
border-bottom : 1px solid #666666;
padding-bottom : 12px;
text-align : justify;
}

.bPostprotected {
border-left: 2px solid #FFCC00;
padding-left: 1ex;
}

#bPostsWide .bPost {
margin : 0;
}

h2.bTitle {
/* background : url(img/title_back_blue.png);
background-repeat : repeat-x;
background-position : bottom; */
margin : .2em 0;
padding : .6em .2ex .2em .8ex;
}

.bSmallHead {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.9em;
line-height : 1.5em;
color: #999999;
}

.bText, .bCommentText {
margin : 0;
border : none;
padding : 0;
line-height : 1.4em;
}

#bPostsWide .bText, #bPostsWide .bCommentText {
line-height : 1.4em;
}

#bPostsWide .bText p, #bPostsWide .bCommentText p {
font-size : 1.05em;
}

.bText p a:visited, .bCommentText p a:visited {
color : #3300FF;
}

/* Special stylized non-IE bullets */
html>body .bText ul {
margin-left : 0px;
padding : 0 0 0 30px;
list-style : none;
padding-left : 10px;
text-indent : -10px;
}

html>body .bText li {
margin : 7px 0 8px 10px;
}

.bText ul li:before, .bCommentText ul li:before, #bSideBar ul li:before {
content : "\00BB \0020";
}

.bText ol, .bCommentText ol {
padding : 0 0 0 35px;
margin : 0;
}

.bText ol li, .bCommentText ol li {
margin : 0;
padding : 0;
}

.bSmallPrint, .bCommentSmallPrint {
clear : both;
color : #666666;
font-size: 96%;
margin : 1ex 0 2ex 0;
}

.bCommentSmallPrint {
font-family : Arial, Helvetica, sans-serif;
font-size : 92%;
margin : 1ex 0;
}


/* Begin styles for comments */
form.bComment, div.bComment { 
margin : 1ex;
padding : 0 1ex;
border : 1px dotted #3300CC;
}

div.bCommentTitle {
margin : .5ex 0 1ex 0;
font-weight : bold;
color : #333333;
}

#bPostsWide h4 {
margin-bottom : .4em;
}

div.moderation_msg {
margin: 1ex 2ex;
padding: 0 1ex;
border: 1px dotted #FFAA99;
color: #EE7700;
}


/* 18/80% forms: comments and profile */
form.bComment fieldset { /* one form line */
margin : 2ex 0ex;
padding : 0ex;
border : none;
}

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-color : #DCFFFF;
border : 1px solid #33CCFF;
padding : .5ex;
margin : 0ex;
width : 97%;
color : #000000;
}

textarea.bComment {
background : url(img/comment_bkgnd.jpg) center center;
}


/* Begin styles for headers */
h1, h2, h3 {
font-family : 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
font-weight : bold;
}

h1 {
font-size : 4em;
text-align : center;
padding-top : 70px;
margin : 0;
}

h1, h1 a, h1 a:hover, h1 a:visited {
text-decoration : none;
color : #FFFFFF;
}

h2 {
font-size : 1.6em;
margin : 30px 0 0;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color : #333333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #bSideBar h2, cite {
text-decoration : none;
}

h2 a:hover, h3 a:hover {
color : #00008B;
}

h2.pagetitle {
font-size : 1.5em;
margin-top : 18px;
margin-bottom : 12px;
text-align : center;
}

h3 {
font-size : 1.3em;
padding : 0;
margin : 30px 0 0;
}

h3.comments {
padding : 0;
margin : 40px auto 20px ;
}


/* Begin styles for the sidebar */
#bSideBar h2, #bSideBar h3, #bSideBar h4 {
font-family : 'Lucida Grande', Verdana, sans-serif;
font-size : 1.3em;
margin : .6em 0 0 0;
padding : 0;
}

#bSideBar h3 {
font-size : 1.2em;
}

#bSideBar h4 {
font-size : 1.1em;
}

#bSideBar ul ul li, #bSideBar ul ol li {
color : #666666;
}

#bSideBar ul, #bSideBar ul ol, #bSideBar ul li {
list-style-type : none;
list-style-image : none;
margin : 1px 0 1px 4px;
padding : 0;
}

#bSideBar ul p, #bSideBar ul select {
margin : 4px 0 8px;
}

#bSideBar ul ul, #bSideBar ul ol {
margin : 4px 0 0 8px;
}

#bSideBar ul ul ul, #bSideBar ul ol {
margin : 0 0 0 12px;
}

ol li, #bSideBar ul ol li {
list-style : decimal outside;
}

#bSideBar ul ul li, #bSideBar ul ol li {
margin : 4px 0 0;
padding : 0;
}
.bSideItem {
padding-bottom : 1em;
}


/* Begin sidebar search styles */
#bSideBar input.SearchField {
background-color : #FFFFFF;
border : 1px #3300CC solid;
padding : .5ex;
width : 96%;
margin : 0ex;
}

#bSideBar input.submit, #bSideBar input.reset {
background-color : #F0F0F0;
color : #666666;
border : 1px solid #3300CC;
font-weight : bold;
padding : 0px 1px;
}

#bSideBar input.submit:hover, #bSideBar input.reset:hover {
color : #333333;
text-decoration : underline;
cursor : pointer;
}

#bSideBar form {
margin : 0 0 12px 0;
}


/* Begin image styles */
img, a img {
border : none;
}

img.top {
vertical-align : top;
border : 0px;
}

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;
}

img.flag {
vertical-align : middle;
border : 1px solid #000000;
}

div.image_block {
/* WARNING: this will screw out backoffice layout (fulltext edit screen) in firefox! 
overflow: hidden; */
text-align: center;
background-color: #fff;
border: 1px solid #999;
}

/* We only float image_blocks when in multiple image zone */
div.multi_image_zone div.image_block {
margin: 1ex;
float: left;
}

div.image_block img {
margin: 1ex;
}

div.image_legend {
font-size: 84%;
color: #aaa;
margin: .5ex;
}


/* Begin Various Tags & Classes */
acronym, abbr {
font-size : 0.9em;
letter-spacing : .07em;
cursor : help;
}

blockquote {
background-color : #99FFFF;
margin : 1em 2em;
padding : 0 1ex;
border : 2px dotted #CCCCCC;
border-left : 5px solid #3300FF;
color : #696969;
}

acronym, abbr {
border-bottom : 1px dashed #3300FF;
cursor : help;
}

blockquote cite {
margin : 5px 0 0;
display : block;
}

code {
font-family : 'Courier New', Courier, Fixed, monospace;
font-size : .8em;
text-align: left;
color : #333333;
}

#bPostsWide code {
font-size : 1em;
}

hr {
display : none;
}

strike {
color : #AAAAAA;
}

.baseline {
margin : 0;
padding : 2ex 0 2ex 0;
text-align : center;
font-size : 96%;
}

a {
color : #3366FF;
text-decoration : none;
}

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

a.permalink_right {
float : right;
border : 0px;
}

.bMore {
margin-left : 4em;
}

.bMore a {
font-weight : bold;
}

.center {
text-align : center;
}

.right {
text-align : right;
}


/* Begin generic calendar styles */
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 : 92%;
border-collapse : separate; 
border-spacing : 0px;	
}

tr.bCalendarRow {
text-align : center;
}

th.bCalendarHeaderCell {
font-size : 88%;
width : 4ex;
}

td.bCalendarCell {
width : 4.2ex;
height : 3.6ex;
}

.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;
}


/* Stylish styles for the feedback and lastcomments pages
 * Thanks to mattbta @ http://www.brotherson.com/ for it!
 */
.bPostMetaData {
background-color : #F8F8F8;
margin : 30px 0;
border-top : 1px solid #D3D3D3;
border-bottom : 1px solid #D3D3D3;
padding : 10px;
color : #696969;
}

.GrayBox {
background-color : #F8F8F8;
border-top : 1px solid #D3D3D3;
border-bottom : 1px solid #D3D3D3;
}

small {
font-family : Arial, Helvetica, Sans-Serif;
font-size : 0.9em;
line-height : 1.5em;
color : #696969;
}

.bCommentMetaData {
margin : 0;
display : block;
font-weight : normal;
}


/* Basic styles */
del {
color : #CC0099;
}

ins {
color : #FF33CC;
text-decoration : none;
}

.nobr, .line {
white-space : nowrap;
}

.center {
text-align : center;
}

.right {
text-align : right;
}

.clear {
clear: both;
}

div.error {
padding : 0 1ex;
margin : 1ex auto;
background-color : #CCCCCC;
border : 1px solid #CC0000;
color : #FF0000;
}

div.error ul, div.error ol {
margin-bottom : 0ex;
}

p.error, span.error {
margin : 1ex;
color : #FF0000;
font-weight : bold;
}


/* Shared form styles */
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 : #999999;
}

input.large, textarea.large {
width : 97%;
margin-left : 0;
margin-right : 0;
}

label.radiooption {
margin-right : 1em;
}

#CommentForm input, #CommentForm textarea {
font : 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#CommentForm input {
width : 170px;
padding : 2px;
margin : 5px 5px 1px 0;
}

#CommentForm input.chekbox {
width : auto;
}

#CommentForm textarea {
width : 100%;
padding : 2px;
}

#CommentForm #submit {
margin : 0;
float : right;
}

#CommentForm p {
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin : 5px 0;
}

.bCommentList {
padding : 0;
font : 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align : justify;
}

.bCommentList li {
margin : 15px 0 3px;
padding : 5px 10px 3px;
font-weight : bold;
list-style : none;
}

.bCommentList cite, .bCommentList cite a {
font-weight : bold;
font-style : normal;
font-size : 1.1em;
}

.bCommentList p {
margin : 10px 5px 10px 0;
font-weight : normal;
line-height : 1.5em;
text-transform : none;
}


/* 24/75% forms - Fast Forms */
form.fform fieldset {
border : 1px solid #DDDDDD;
margin-bottom : 1ex;
background-color : #FFFFFF;
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 {
border : none;
margin : 2ex 0ex;
padding : 0ex;
border : none;
}

form.bComment fieldset label {
font-weight : bold;
}

form.bComment fieldset div.label {
float : left;
width : 18%;
text-align : right;
padding-top : .5ex;
font-weight : bold;
border : none;
}

form.bComment fieldset div.input {
margin : 0 0 0 20%;
border : none;
}

form.bComment fieldset.input {
margin : 0;
border : none;
}

form.bComment fieldset div.info {
margin : 0 0 0 20%;
padding-top : .5ex;
border : none;
}


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