/* This theme was designed and built by Michael Heilemann, whose blog you
 * will find at http://binarybonsai.com/  The CSS, XHTML and design is 
 * released under GPL: http://www.opensource.org/licenses/gpl-license.php
 *
 * Modified for b2evolution by EdB @ http://wonderwinds.com/
 */

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

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

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

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

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

.description {
font-size : 2em;
margin-left:24px;
text-align : left;
color : white;
width : 358px;
padding : 55px 45px 20px 45px;
}

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

#bPostsWide {
margin : 5px 0 0 120px;
border : none;
padding : 10px 0 20px 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 : #eee;
border : none;
padding : 0;
margin : 0 auto;
width : 760px;
clear : both;
}


/* Begin styles for bloglist */
#BlogListL, #BlogListC, #BlogListR {
margin : -4em 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 #000;
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 #000;
display : inline;
padding : .5ex 1em;
line-height: 2.2em;
}

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

a.BlogButton {
color : #000;
}

a.BlogButton:hover {
text-decoration : underline;
color : #9ae;
}

a.BlogButtonCurr, a.BlogButtonCurr:visited {
color : #78a;
}

a.BlogButtonCurr:hover {
text-decoration : underline;
color : #9ae;
}
/* End styles for bloglist */


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

#bPostsWide .bPost {
margin : 0;
}

.bTitle {
margin : .6ex 0 .2ex 0
}

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

.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 : #b85b5a;
}

/* 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: #999;
color : #777;
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 */
div.bComment, form.bComment { 
margin : 1ex 2ex;
padding : 0 1ex;
border : 1px dotted #999;
}

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

#bPostsWide h4 {
margin-bottom : .4em;
}
/* End styles for comments */


/* Begin styles for stats page */
div.statbloc {
margin: 0 2% 2ex 2%; 
padding: 1ex;
}

div.statbloc h3 {
margin: 1em 0 .5em 0;
padding: 0;
color : #333;
}

table.invisible {
margin: 1ex;
border-collapse: collapse
}

table.invisible td {
padding: 0ex 1ex;
}

td.right {
text-align: right;
}
/* End styles for stats page */

/* End styles for posts */


/* 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 : white;
}

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

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

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 : #06c;
}

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 ;
}
/* End styles for headers */



/* 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 : #777;
}

#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;
}
/* End Entry Lists */


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

#bSideBar input.submit, #bSideBar input.reset {
background-color : #f0f0f0;
color : #06c;
border : 1px solid #000;
font-weight : bold;
padding : 1px;
}

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

#bSideBar form {
margin : 0 0 12px 0;
}
/* End sidebar search styles */

/* End styles for the sidebar */


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

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 #000;
}
/* End image styles */


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

acronym, abbr {
border-bottom : 1px dashed #999;
}

blockquote {
margin : 15px 30px 0 10px;
padding-left : 20px;
border-left : 5px solid #ddd;
color : #777;
}

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

code {
font-family : 'Courier New', Courier, Fixed, monospace;
font-size : .9em;
}

#bPostsWide code {
font-size : 1.1em;
color : #777;
}

hr {
display : none;
}

strike {
color : #777;
}

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

a {
color : #06c;
text-decoration : none;
}

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

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

.bMore {
margin-left : 4em;
}

.bMore a {
font-weight : bold;
}

.center {
text-align : center;
}
/* End Various Tags & Classes*/


/* 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 : 77%;
border-collapse : separate; 
border-spacing : 0px;	
}
tr.bCalendarRow {
text-align : center;
}
th.bCalendarHeaderCell {
font-size : 84%;
width : 4ex;
}
td.bCalendarCell {
width : 4ex;
height : 3.5ex;
}
.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;
}
/* End generic calendar styles */

/* 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 #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
color: #777;
}
.GrayBox {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
color: #777;
}
.bCommentMetaData {
margin: 0;
display: block;
font-weight: normal;
}
#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;
}