/*
Theme Name: CS2
Theme URI: http://wordpress.org/
Description: <img src="http://localhost/wpcs2/wp-content/themes/cs2/sm-leaves-pic.gif" style="float: left; margin-right: 12px; border: none; width: 150px; height: 130px;">CS2 is a customization of the R.J. Kaplan's theme, Leaves v1.2, which he based on the original &#8220;<a href="http://openwebdesign.org/viewdesign.phtml?id=2435">Leaves</a>&#8221; design by <a href="http://openwebdesign.org/userinfo.phtml?user=Anthonyy">Anthonyy</a> @ <a href="http://openwebdesign.org">OpenWebDesign.org</a>.
Version: v0.1 - customization by me<br />based on the Leaves v1.2<br />
Author: R.J. Kaplan
Author URI: http://openwebdesign.org/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	A personal customization of the theme that 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

*/

/* BODY */

body {
font-family: Arial, Helvetica, sans-serif;
background: #F0D191 url(img/bg.gif);
margin: 12px;
scrollbar-3dlight-color: #A07046;
scrollbar-darkshadow-color: #EDC068;
scrollbar-arrow-color: #A07046;
scrollbar-base-color: #EBBB68;
}

/* CONTAINER */
/* Lucida Grande for the Macs, Tahoma for the PCs */

#container {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

table.page {
border: 2px solid #A06020;
}

/* GENERAL MOJO AND MULA */

a {
color:#CA4000;
text-decoration: underline;
}
a:hover {
color:#A02000;
background: #FFE8BF url(img/linkhover.gif) 50% 50%;
text-decoration: none;
}

table.coverfocus td a img {
margin: 0 !important;
padding: 0 !important;
}

/* STATIC PAGE MENU */

td.menu {
border: 1px solid #906649;
background: url(img/headbg2.jpg);
width: 102px;
padding: 2px;
}

td.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 120px;
}

.menu a.nav_item, .menu a.nav_item:link, .menu a.nav_item:visited {
display: block;
color: #8E3E1A;
background: #F9E2B8 url(img/notebg.gif);
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1em;
text-decoration: none;
width: 88px;
padding: 5px 8px;
margin: 1px;
border: 2px solid #906649;
outline: none;
}
.menu a.nav_item:hover, .menu a.current_nav_item {
display: block;
color: #DD6000;
background: #FBF3D4 url(img/lightparchment.gif);
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1em;
text-decoration: none;
width: 88px;
padding: 5px 8px;
margin: 1px;
border: 2px solid #FA0;
outline: none;
}

/* TITLE */

td.headtitle {
background: url(img/bottombg.gif) bottom repeat-x;
width: 94%;
padding: 8px 10px 0px 10px;
}
a img.logo {
color:#FBF3D4;
background: url(img/nocom.gif);
}
a:hover img.logo {
color:#FBF3D4;
background: url(img/dotcom.gif);
}
td.headtitle p {
color: #942;
font-size: 15px;
font-weight: bold;
margin: 8px 0px 0px 15px;
}


td.pp {
background: url(img/bottombg.gif) bottom repeat-x;
padding: 8px 8px 0px 0px;
}
td.pp div {
overflow: hidden;
height: 70px;
width: 126px;
color: #942;
background: transparent url('img/bg.gif');
font-size: 12px;
font-weight: bold;
text-align: center;
padding-top: 3px;
margin: 0;
border: 3px double #FBEFC9;
}
td.pp div img {
background: transparent;
margin: 0;
border: none;
}
td.pp div form {
background: transparent;
margin: 0;
border: none;
}
td.pp div form input {
background: transparent;
margin: 0px;
border: none;
}

td.pp div a {
color: #842 !important;
text-decoration: none;
}
td.pp div a:hover {
color: #642 !important;
text-decoration: none;
background: #F9E2B2 url('img/announce.gif');
}


/* MEMBERSHIP */

td.memb {
border: 1px solid #906649;
background: url(img/headbg2.jpg);
width: 126px;
padding: 2px;
}
td.memb ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 112px;
}
.memb a.nav_item, .memb a.nav_item:link, .memb a.nav_item:visited {
display: block;
color: #8E3E1A;
background: #F9E2B8 url(img/notebg.gif);
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1em;
text-decoration: none;
width: 112px;
padding: 5px 8px;
margin: 1px;
border: 2px solid #906649;
outline: none;
}
.memb a.nav_item:hover, .memb a.current_nav_item {
display: block;
color: #CF6600;
background: #FBF3D4 url(img/parchment.gif);
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1em;
text-decoration: none;
width: 112px;
padding: 5px 8px;
margin: 1px;
border: 2px solid #FA0;
outline: none;
}


/* --------------- */
/* == MAIN AREA == */

.main {
background: url(img/darkbg.gif);
padding: 10px;
}

#content {
color: #000;
background: #F9E2B8 url(img/parchment.gif);
border: 2px solid #842;
}

/* SIDEBAR ELEMENTS */
/* LEFTNAV */

#content td.leftnav {
padding: 16px 0px 14px 16px;
}

#content td.leftnav h3 {
color: #A62;
background: #FBF3D4 url(img/lightparchment.gif);
font-size: 14px;
width: 100%;
margin-top: 12px;
margin-bottom: 5px;
padding: 2px 14px 2px 6px;
border: 2px solid #EB8;
}

#content td.leftnav h4 {
color: #A62;
background: #FBF3D4 url(img/lightparchment.gif);
font-size: 12px;
margin-top: 8px;
margin-bottom: 4px;
border-bottom: 1px solid #EB8;
}

#content td.leftnav ul a, #content td.leftnav ul a:link, #content td.leftnav ul a:visited {
font-weight: bold;
text-decoration: none;
padding: 2px 4px 2px 5px;
}
#content td.leftnav ul a:hover {
color: #842;
background: #F9E2B8 url(img/hover.gif) 50% 50%;
font-weight: bold;
text-decoration: none;
}
#content td.leftnav ul li.current-cat a, #content td.leftnav ul li.current_page_item a {
color: #842;
background: #F9E2B8 url(img/hover.gif) 50% 50%;
font-weight: bold;
text-decoration: none;
}

#content td.leftnav ul li {
margin: 3px -4px;
}
#content td.leftnav ul {
margin-left: -8px;
}
#content td.leftnav ul ul {
margin-left: 8px;
}


#sidebar {
width: 166px;
}

#sidebar p {
padding-bottom: 10px;
border-bottom: 1px solid #DDDDDD;
}

#sidebar ul, #sidebar li {
padding-left: 7px;
margin: 0;
list-style: none;
}


.topform {
font-size: 9px;
text-align: left;
}
.topform input.grab {
width: 150px;
border: 1px solid #EB8;
}
.topform input.gograb {
height: 22px;
border: 1px solid #EB8;
}


/* MAIN DISPLAY AREA */

/* CONTENT ELEMENTS */

#content td.mainarea {
padding: 14px 14px 14px 16px;
background: transparent url(img/cs2picbg.gif) repeat-y top center;
}

#content td.mainarea ul, #content td.mainarea ol {
margin-top: 14px;
margin-bottom: 14px;
}

#content td.mainarea ul li, #content td.mainarea ol li {
margin-top: 8px;
margin-bottom: 8px;
}

#content td div.arts {
color: #000;
background: #FFF;
padding: 14px 20px;
border: 1px solid #DB8;
}



#content td div.arts div.pages p {
font-size: 124%;
line-height: 132%;
}
#content td div.arts div.pages ul, 
#content td div.arts div.pages ol {
margin-top: 0px;
margin-bottom: 28px
}
#content td div.arts div.pages li {
font-size: 124%;
margin-top: 0px;
margin-bottom: 12px
}
#content td div.arts div.pages blockquote {
margin-top: 0px;
margin-bottom: 28px
}

#content td div.arts div.post {
font-size: 124%;
line-height: 132%;
}
div.arts div.class.post big {
font-size: 98%;
}


div.arts div div dd {
margin-bottom: 0px;
}



div.commentinfo {
color: #000;
background: #FFF url('img/lightparchment.gif');
padding: 6px 12px;
border: 1px solid #DB8;
}
div.commenttext {
color: #000;
background: #FFF;
font-size: 124%;
line-height: 132%;
padding: 2px 24px;
margin-bottom: 8px;
border-color: #DB8;
border-style: solid;
border-width: 0px 1px 1px 1px;
}


div.pages {
background: #FEFBF2 url(img/page.gif);
}
div.pages p {
padding: 0px 12px;
}

.post p {
padding: 0px 12px;
}

.post, .borderbottom {
border-bottom: 1px solid #DDBB88;
}

.navigation {
font-size: 12px;
border-bottom: 1px solid #db8;
}
.navigation td {
padding: 3px 6px 4px 0px;
}
.navigation a, .navigation a:link, .navigation a:visited {
font-weight: bold;
text-decoration: none;
padding: 0px 4px 0px 5px;
border: 1px solid #EB8;
}
.navigation a:hover {
color: #842;
background: #F9E2B8 url(img/hover.gif) 50% 50%;
font-weight: bold;
text-decoration: none;
border: 1px solid #EB8;
}
.navigation td b {
font-size: 12px;
padding: 0px 5px 0px 6px;
border: 1px solid #FFF;
}


.navbot {
margin-top: 4px;
}
.navbot td {
padding: 4px 6px 4px 0px;
}
.navbot a, .navbot a:link, .navbot a:visited {
font-weight: bold;
text-decoration: none;
padding: 0px 4px 0px 5px;
border: 1px solid #EB8;
}
.navbot a:hover {
color: #842;
background: #F9E2B8 url(img/hover.gif) 50% 50%;
font-weight: bold;
text-decoration: none;
border: 1px solid #EB8;
}
.navbot td b {
font-size: 11px;
padding: 0px 5px 0px 6px;
border: 1px solid #FFF;
}



h2.pagetitle {
color: #A62;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
margin-bottom: 0px;
}

p.pageauthor {
color: #A62;
text-align: center;
font-size: 104%;
font-weight: bold;
margin: 0px 20px;
}


.bordertop {
border-top: 1px solid #DDBB88;
margin-top: 6px;
}

#content p.postmetadata {
color: #876;
font-size: 11px;
line-height: 14px;
text-align: center;
margin: 3px 0px 4px 0px;
}
small {
color: #876;
font-size: 11px;
line-height: 14px;
}


#wpcf {
width: 88%;
margin-left: auto;
margin-right: auto;
}
#wpcf_response { font-size: 14px; width: 3.4em; }
#wpcf_your_name { font-size: 14px; width: 18em; }
#wpcf_email { font-size: 14px; width: 18em; }
#wpcf_website { font-size: 14px; width: 18em; }
#wpcf p {
margin: 8px;
}
#wpcf label {
color: #876;
font-size: 11px;
font-weight: bold;
line-height: 14px;
}
#wpcf_msg {
width: 88%;
height: 14em;
}
#wpcf .alert {
color: #F00;
font-weight: bold;
font-size: 11px;
padding: 0px 4px 0px 5px;
margin: 8px;
border: 1px solid #F00;
}
input.contacterror {
border: 1px solid #F00;
}
textarea.contacterror {
border: 1px solid #F00;
}
#wpcf p.button {
margin-top: 22px;
}



small.edit {
color: #F00;
font-weight: bold;
font-size: 11px;
padding: 0px;
margin: 0px 12px;
border: 1px solid #F00;
}
small.edit a {
color: #F00;
font-size: 11px;
text-decoration: none;
padding: 0px 4px 0px 5px;
margin: 1px;
}
small.edit a:hover {
color: #FFF;
background: #F00;
font-size: 11px;
text-decoration: none;
padding: 0px 4px 0px 5px;
margin: 1px;
}


.comment-page-numbers strong {
color: #000;
background: #FDC;
padding: 2px 5px;
margin: 1px;
border: 1px solid #000;
}
.comment-page-numbers a {
background: transparent;
padding: 2px 5px;
margin: 1px;
border: 1px solid #FFF;
}
.comment-page-numbers a:hover {
color: #640;
background: #FED;
padding: 2px 5px;
margin: 1px;
border: 1px solid #E08000;
}


/* FRONT PAGE */

table.coverstripe {
background: #e0af47 url('img/lightbg.gif') repeat scroll 0% 50%;
font-weight: bold;
font-size: 12px;
width: 100%;
border: 2px solid #806040;
}
table.coverstripe td a {
color: #842 !important;
background: transparent url('img/bg.gif');
text-decoration: none;
padding: 0px 8px;
border: 2px solid #D08000;
}
table.coverstripe td a:hover {
color: #864 !important;
background: #F9E2B2 url('img/announce.gif');
text-decoration: none;
border: 2px solid #FA0;
}
table.coverstripe td.sleft {
color: #000;
padding-left: 30px;
}
table.coverstripe td.scenter {
color: #000;
padding-left: 10px;
}
table.coverstripe td.sright {
color: #6f4f2f;
padding-right: 30px;
}



table.covertop td a {
color: #842 !important;
text-decoration: none;
border: 2px solid #D08000;
background: transparent url('img/bg.gif');
}
table.covertop td a:hover {
color: #864 !important;
text-decoration: none;
border: 2px solid #FA0;
background: #F9E2B2 url('img/announce.gif');
}



table.cover td a {
display: block;
color: #fff !important;
text-decoration: none;
border: 2px solid #906649;
background: transparent url('../../uploads/2007/08/darkredtrans.gif') repeat scroll 0% 50%; 
}
table.cover td a:hover {
display: block;
color: #fdf5d7 !important;
text-decoration: none;
border: 2px solid #F4EABB;
background: transparent url('../../uploads/2007/08/darktrans.gif') repeat scroll 0% 50%;
}



table.cover td.firstissue a {
display: block; 
color: #840 !important;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 8px;
border: 2px solid #cc6633;
background: transparent url('img/bottombg.gif') repeat-x scroll 50% bottom; 
}
table.cover td.firstissue a:hover {
display: block;
color: #000 !important;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
border: 2px solid #F4EABB;
background: transparent url('img/headbg2.jpg') repeat-x scroll 50% top;
}



table.coverfocus td a {
display: block;
color: #fdf5d7 !important;
text-decoration: none;
border: 2px solid #806040;
background: transparent url('../../uploads/2007/08/darktrans.gif') repeat scroll 0% 50%;
}
table.coverfocus td a:hover {
display: block;
color: #fff !important;
text-decoration: none;
border: 2px solid #F4EABB;
background: transparent url('../../uploads/2007/08/darkredtrans.gif') repeat scroll 0% 50%; 
}



table.cover td.itemlinks a {
display: block;
color: #000 !important;
font-size: 12px;
font-style: normal !important;
text-decoration: none !important;
padding: 0px;
margin: 0px 0px 10px 0px;
border: 2px solid #D08000;
background-color: #F2ECD0;
background-image: none;
}
table.cover td.itemlinks a:hover {
display: block;
color: #642 !important;
font-size: 12px;
font-style: normal !important;
text-decoration: none !important;
padding: 0px;
margin: 0px 0px 10px 0px;
border: 2px solid #FA0;
background: #FBF7E6 url('img/lightparchment.gif') repeat;
}






/* FOOTER ELEMENTS */

#footer {
color:#a86;
background: url(img/lightbg.gif);
text-decoration: none;
padding: 5px;
border-top: 1px solid #A06020;
}

#footer p {
color:#a86;
padding: 5px;
}

#footer a {
color:#A04000;
text-decoration: none;
padding: 0px 5px;
}
#footer a:hover {
text-decoration: none;
padding: 0px 5px;
}


/* Form errors */
#login_error {
color: #E00;
padding: 6px 10px;
margin-top: 6px;
border: 1px solid #F00;
}



/* And they lived happily ever after. The End. */



/* MORE GENERAL MOJO AND MULA */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 32px;
color: #CC6633;
margin: 0px;
}
h2 {
color: #A62;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
h3 {
color: #A62;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0px;
}
h3 small {
color: #8F5F2F;
font-size: 13px;
}

hr {
color: #dca !important;
background: #db8 !important;
height: 1px;
}



h3.headers {
background: #FFF url(img/headerbg.gif) top repeat-x;
padding: 2px 0px;
}
div.artlist {
padding: 0px 0px 4px 0px;
margin-bottom: 4px;
}
div.columns {
padding: 0px 0px 4px 0px;
margin: 4px -2px;
border: 2px solid #EB8;
}

div.cathead {
color: #862;
background: #FBF3D4 url(img/lightparchment.gif);
font-size: 12px;
margin-top: 4px;
padding: 4px 8px;
border: 1px solid #EB8;
}
div.cathead p {
margin: 0;
}
div.cathead h4 {
font-size: 14px;
margin: 0;
}
div.cathead b {
font-size: 14px;
}
div.cathead td p {
font-size: 14px;
margin: 6px 0 0 0;
}
div.cathead td img {
margin: 3px 12px 4px 0;
border: 1px solid #EB8;
}
blockquote.list-entry {
margin-top: 0px;
margin-bottom: 10px;
}
blockquote.list-entry p {
margin-top: 6px;
margin-bottom: 6px;
}


blockquote.blurb {
margin-top: 0px;
margin-bottom: 0px;
}
blockquote.blurb p {
margin-top: 6px;
margin-bottom: 6px;
}


li blockquote {
margin-top: 0px;
margin-bottom: 26px;
}

input {
color: #960;
background-color: #FFF;
border: 1px solid #CCC;
font-size: 11px;
padding: 3px;
}

.button {
padding: 2px;
}

/* some WP stuff */

.alignleft {
float: left;
}

.alignright {
float: right;
}

/* WP SPECIALS */

ul.nostyle {
list-style: none;
margin: 0;
padding: 0;
}


b.cathead {
font-size: 12px;
padding-left: 7px;
margin-bottom: 0px;
}
hr.catheadline {
margin-top: -4px;
}

div.dodads a:hover {
background: #F9E2B8;
}
div.dodads a.stbutton:hover {
background: #F9E2B8 url(http://w.sharethis.com/images/share-icon-16x16.png?CXNID=1000014.0NXC) no-repeat scroll 0px 0px !important;
}

u.sp{
color: #888;
}

blockquote.spblurb {
margin-top: 0px;
margin-bottom: 0px;
background: transparent url('img/spbg.gif') repeat-x 50% 50%;
}
blockquote.spblurb p {
color: #808080;
margin-top: 6px;
margin-bottom: 6px;
}