/*
* Original Design: WordPress Kubrick  1.6 by Michael Heilemann - http://binarybonsai.com/
* Ported to b2evolution 2.0 by The Skin Faktory - http://skinfaktory.com/
* Distributed with b2evolution with written permission from Michael Heilemann (2007-01-25).
*/

@import url(../../rsc/css/basic.css);	/* Import basic styles */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */


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

#page {
background-color: white;
border: 1px;
border-style: solid;
text-align: left;
}

#header {
/*background: #73a0c5 url('img/kubrickheader.jpg') no-repeat bottom center;
 background: #73a0c5 url('img/top_bg.jpg') no-repeat bottom center;*/
background-image:url('img/top_bg.jpg');
background-repeat: repeat-x;
background-position: top;
}

#headerimg 	{
font-size: 1.2em;
text-align: center;
color: white;
}

#content {
clear: both;
font-size: 1.2em;
}

.widecolumn .bText p {
font-size: 1.05em;
}

.narrowcolumn .bText,
.widecolumn .bText {
line-height: 1.4em;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {
text-align: center;
}
 
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#footer {
background: url('img/kubrickfooter.jpg') no-repeat bottom;
border: none;
}

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

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 340%;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
font-size: 1.6em;
}

#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}

h3 {
font-size: 1.3em;
}

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

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, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.bText p a:visited {
color: #b85b5a;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight: bold;
}

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

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}

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

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */
body {
margin: 0 0 20px 0;
padding: 0;
}

#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 965px;
/* 2/7/2010 - width changed from 700px */
/* border: 1px solid #959596; */
background: url("img/kubrickbg-ltr.jpg");
}

#header {
background-color: #73a0c5;
margin: 0 0 0 1px;
padding: 0;
height: 107px;
width: 965px;
/* 2/7/2010 - width changed from 700px */
}

#headerimg {
margin: 0;
width: 965px;
/* 2/7/2010 - width changed from 740px */
text-align: center;
}

/* 2/7/2010 - Narrow column below effects the main content area of the home page when there is data in the right column. Making this wider made the right column unusable. Need to figure out how to control that next.*/ 
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 600px;
/* 2/7/2010 - Width from 475px to 600px */
}

/* 2/7/2010 - Widecolumn is used when a visitor clicks on an article. It is what is shown when there is no data in the right column */
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
/* 2/7/2010 - Left margin, above, controls where content begins from the left side (looks like a center command but it isn't */
width: 650px;
/* 2/7/2010 - Width to 650 from 450 */
}

.post {
margin: 0 0 40px;
text-align: justify;
}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: left;
}

#footer {
padding: 0;
margin: 0 auto;
width: 965px;
/* 2/7/2010 - width changed from 700px */
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */



/*	Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}

h2 {
margin: 30px 0 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 30px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */



/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal 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, #sidebar ul ul li:before {
content: "\00BB \0020";
}

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

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

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

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

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End bText Lists */




/* Begin Sidebar */
/* 2/7/2010 - Sidebar section controls the blog description and recent posts array location */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 700px;
width: 190px;
}

#sidebar form {
margin: 0;
}


#sidebar .note,
#sidebar .notes {
margin-top: 1ex;
font-size: 100%;
}

table.bCalendarTable {
font-size: 100%;
width: 155px;
}
table.bCalendarTable caption {
font-size: 130%;
}
table.bCalendarTable th {
font-size: 100%;
}

input.SearchField {
width: 182px;
padding: 2px;
}
/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

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

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

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

.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/


/* Default styles overriden for this skin: */
table.prevnext_post {
width: 100%;
}

/* Styles for comments */
div.bComment, /* Entire comment block */
form.bComment /* New comment form */
{
margin: 1ex 0;
border: 1px dotted #999;
}

div.moderation_msg
{
margin: 1ex 0;
}


/*
* Header / bloglist on top:
*/
div#header ul {
float:right;
margin: 19px 24px;
padding: 0;
list-style-type:none;
padding: 8px 0;
}
div#header li {
display: inline;
padding: 0 1ex 0 0;
}
div#header li a {
font-weight: bold;
font-style:italic;
color: #fff;
}
div#header li a:hover {
color: #666;
text-decoration: underline;
}
div#header li a.selected {
text-decoration: underline;
}

/* Top menu */
div.top_menu {
	width: 965px;
    /* 2/7/2010 - width changed from 600px */
}
div.top_menu ul {
float:left;
margin: 0 24px;
padding: 0;
list-style-type:none;
padding: 8px 0 8px 0;
font-size: 108%;
}
div.top_menu li {
display: inline;
padding: 0 1em 0 0;
}
div.top_menu a {
font-weight: bold;
}
div.top_menu a:hover {
color: #666;
text-decoration: underline;
}
div.top_menu a.selected {
text-decoration: underline;
}