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

/* styles for k2e_blue skin */
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_blue.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 2 lines of blog links displayed change "-2.5em" (above) to "-4.8em".
If you've got 3 lines of blog links try "-7.1em" and see how that works out.
If you've got NO blog links you'll want to change that bit to "0".
*/
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;
white-space : nowrap;
}

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

textarea.bComment {
background : url(img/comment_bkgnd.jpg) bottom right no-repeat;
background-color : #E3E7E8;
}


/* 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!
 */
.GrayBox, .bPostMetaData {
/* background-color : #F8F8F8; */
background-color : #E3E6FB;
border-top : 1px solid #D3D3D3;
border-bottom : 1px solid #D3D3D3;
margin : 30px 0;
padding : 10px;
color : #696969;
}

.bPostMetaData {
margin : 30px 0;
padding : 10px;
color : #696969;
}

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