/*  

 * Theme Name: Kopachi / Reclamation

 * Theme URI: http://www.ninabottaccini.com and http://www.theenglishguy.co.uk/reclamation-theme/

 * Description:  A highly customized version of the Reclamation Theme by <a href="http://www.theenglishguy.co.uk/">The English Guy</a>.

 * Author: Nina Bottaccini, based on a theme by Richard Dows

 * Author URI: http://www.ninabottaccini.com and http://www.theenglishguy.co.uk/

 * Tags (for Reclamation Theme): two column,grunge,fixed width,left sidebar,right sidebar,valid xhtml

 * Version: 1.1.3

 */
/****************************************************************************/
/* INITIALIZATION */
/****************************************************************************/

* {margin:0; padding:0;}

/****************************************************************************/
/* BACKGROUNDS */
/****************************************************************************/
body {background-color:#616942; /* background-image:url(images/EosSpringx1c.gif); background-repeat:repeat; */}
#topcolor {background-color:#85b1d4; /* background-image:url(images/EosSpringx12c.gif); */}
/* #header-container {background-color:#85b1d4;} */
#header {background-image:url(images/header-tile.jpg); background-repeat:repeat-x;}
#header-image {background-image: url(images/tinyoak3.jpg); background-position:right; 
background-repeat:no-repeat;}
#header #text {background-image:url(images/headersq.png); background-repeat:repeat-xy;/*background-image:url(images/header.png); background-repeat:repeat-y;*/} 
#menu-container {background-color:#85b1d4;}
#top-menu {background-color:#8da334;}
#top-menu a {background-color:#f4f5f5; }
#sidebar .block_title {background-color: #8da334;} /* This is sidebar-title */
/* insert additional kopachi divs here */
#footer1 {background-color:#8da334;}
/* #footer2-container {background-color:#85b1d4;} */
#footer2 {background-color:#f4f5f5; }
.fill {background-color:#eeeeee;} /* For contact form */

/****************************************************************************/
/* TEXT FONTS, SIZES, COLORS, ALIGNMENT */
/****************************************************************************/
body {font-family: Arial, Helvetica, sans-serif; font-size:100%; color: #000000; /* color:#2a3f2a; */}
#header h1 {font-size:54px; font-family: Arial Black, Arial, Helvetica, sans-serif; color:#a9b040;}
#header h2 {color:#666600;}
#header .ron {color:#cd1c2d;}
#header a {text-decoration:none;}
#header h2 {font-size:	18px;  font-weight: 100; }
#top-menu a {font-weight:bold; text-decoration:none; color:#666600;}
#top-menu a.selected {color:#cd1c2d;}
#sidebar .block_title {color:#ffffff;  text-decoration: none;} /* This is defined using sidebar-title h2 in kopachi-style */
/* Insert Additional kopachi stuff here */
#footer2 {font-size:60%; }
.language {font-weight:bold; font-style:italic;} /* For phrases in a non-English language */
.book-title {font-style:italic;}
#sidebar li.cat-item {
font-size:12px; 
background-image:url(images/gtbullet.png);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:20px;
text-decoration:underline;
} /* These are the items in the category list - author and title names */
/****************************************************************************/
/* BORDERS */
/****************************************************************************/
a img {border-style:none;} /* Image Links */
#topcolor {border-bottom:9px #1f3707 solid;}
#header {border:1px #ffffff; border-style:solid solid none solid;}
#top-menu{border:1px #ffffff; border-style:none solid solid solid;}
#top-menu a {border:1px #666600 solid;}
#top-menu a.selected {border:1px #cd1c2d solid;}
#middle {border-top:1px #805231 dotted;;} /* invisible border somehow prevents drop of sidebar */ /* middle is main-content */
/* Insert additional kopachi divs here *.
.fill {border:1px #666666 inset;} /* For contact form */
#sidebar .block_title {border:1px #ffffff solid; } /* .section-title in kopachi-style */
.col-pic {border:1px #222222 solid;}
.col-pic-trans {border:none;}
.amazonlinks {border:1px #000000 solid; }
#footer1 {border:1px #ffffff; border-style:solid solid none solid;}
#footer2  {border:1px #ffffff solid;}

/****************************************************************************/
/* LAYOUT */
/****************************************************************************/
html { height: 100%; margin-bottom: 1px; } /* Causes vertical scrollbar to appear on every page. Prevents content jumping. Doesn't work in IE 5 Mac. */
#topcolor {position:absolute; top:0; left:0; height:128px; width:100%; z-index:-1;}
.big-spacer {height:200px;}
#wrap {text-align:left; width:1004px; margin:0 auto;} /* wrap is container */
body.login {border-top-width:0;} /* Do I need this? It was in Recl theme */
#header-container {padding:20px 20px 0 20px; }
#header {height:121px;}
#header a {padding:0 12px 0 8px; }
#header #text {margin: 0 400px 0 10px;} 
#header-image {height:121px;}
#header h1 {margin:0; padding:0;}
#header h2 {margin:0; padding:0 12px 0 8px; } 
#top-menu {margin:0 20px 0 20px;  padding:15px 10px 15px 10px;}
#top-menu a {padding:5px 10px 5px 10px; margin-right:5px;}
#middle {text-align:left; padding:0 20px 0 20px;} /* THis could be renamed main-content */
.catalog-item {margin:0 0 20px 0;}
#sidebar {float: left; width: 183px; margin: 15px 0 0 0; padding:0; text-align: left;}
#sidebar .block_title {height:2em; margin:0; padding: 0;} /* THis is sidebar-title in kopachi-style */
/* Insert additional kopachi divs here */
#sidebar ul, #sidebar p {margin: 0 0 0 5px; list-style-type: none;}
#sidebar ul {padding: 5px 0 5px 0;}
#sidebar li {padding:5px 0 0 10px;}
.col-pic {margin:10px 0 10px 0;}
.col-pic-trans {margin:10px 0 10px 0;}
#content {margin: 15px 0 0 200px;} /* Equivalent to text-column */
/* Insert additional kopachi divs here */
.fill {width:300px;} /* For contact form */
.news {margin-left:10px;padding-left:10px;}
.newsline {padding-left:1em; padding-bottom:1em;}
.amazonlinks {margin:0 10px 10px 10px; padding:10px; text-align:left; }
.amazonlinks p {margin:0; padding:0 0 0.5em 0; }
.amazonlinks ul {margin: 0; padding: 0; list-style:none;}
.amazonlinks li {padding-bottom:1em;}
#footer1{margin:15px 0 0 0; padding:5px;}
#footer2 {padding:10px; margin-bottom:10px;}
.quote {margin: 0 5em;} /* Used for block quotations */
.quote-credit {padding-left: 5em; font-size:85%;} /* Used to list the author of a block quote */




/*-------------------------- divs specific to the wordpress pages - for now -------*/


/* #sidebar {float: right; width: 183px; margin: -4px 0 0 0; padding:0; text-align: left;} */
/* All of these sidebar block things are together equivalent to pageicon */
#sidebar .block {color: #000; margin: 0 0 15px 0;}
#sidebar .block_top, #sidebar .block_bottom {height: 5px; background-color:#f4f5f5;} /* Get rid of this if you can */
#sidebar .block_top { border-width:1px; border-color: #ffffff; border-style:none solid none solid;}
#sidebar .block_bottom  {border-width:1px; border-color: #ffffff; border-style:none solid solid solid;} 
#sidebar .block_middle {background-color:#f4f5f5; border-width:1px; border-color: #ffffff; border-style:none solid none solid;}
* html #sidebar .block_middle {margin-top: -13px; margin-bottom: 13px;}
#sidebar .block_bottom {/* background-image: url(images/sidebar_bottom.png); */}

#sidebar h3 {font-size: 14px; font-weight: bold; text-align: left; margin: 0; padding: 0 0 0 5px; color:#000000;} 
#sidebar .block_title h3 {font-size: 16px; margin:0;  padding: 5px 0 0 0; text-align:center; color:#ffffff;} /* equiv sidebar-title h2 */

#sidebar ul.children {list-style-type: disc; margin: 2px 0 0 15px;}
#searchform input {width: 162px; margin: 0 6px 0 5px; padding: 4px;}

/*---------------------------- old footer stuff - prob not used? --------*/


#footer ul {
    list-style-type:                none;
}
#footer ul ul {
    list-style-type:                none;
        margin:                                        0 20px;
        color:                                        #333;
        font-size:                                14px;
}
#footer ul ul li {
    padding:                5px 0;
       border-bottom:                        1px solid #ebe5e0;
}
#footer h2 {
    font-size:                                16px;
        font-weight:                        bold;
        color:                                        #000;
        text-align:                                left;
        padding:                0 0 10px 20px;
}

/*----------------------------- post ---post-content is equivalehnt to .section--note post top and bottom tho----*/

.post {
        margin:                 0;
        padding:                0;
}
.post-content {
        line-height:                        1.3em;
        /* padding:                5px 0 0 0; */
        padding:5px 5px 0 5px; /* I prefer padding all around. Doesn't seem needed at bottom */
        margin:                                        0 0 15px 0; /* Which is the bottom margin on .section? */
        font-size:                                13px;
		background-color:#f4f5f5;
		border:1px #ffffff; border-style:none solid solid solid;
		text-align:justify;

}
* html .post-content {
    margin-top:                                -13px;
}
.post-content ul, .post-content ol, .post-content dl {margin: 5px 5px 10px 25px;}
.post-main {
    padding:                0 5px 10px 5px;
}
.post-top {
        padding:                0;
        margin:                                        0;
        background-image:                url(images/main_top.png);
        background-repeat:                no-repeat;
        height:                                        5px;
}
.post-bottom {
    padding:                0;
        margin:                                        0 0 15px 0; /* Which is the bottom margin on .section? */
        background-image:                url(images/main_bottom.png);
        background-repeat:                no-repeat;
        height:                                        5px;
}
.post-title {height: 28px; background-color: #8da334; color:#ffffff; padding:0;
	/* margin: 0 0 10px 0; */ margin: 0.25em 0 0 0; border:1px #ffffff solid;}
.post-title h2 {margin:0; padding:5px 0 0 10px; font-size:16px; color:#ffffff;}
.post-title h2 a {color:#ffffff;}
.posted-by {
    background-color:                #000;
        padding:                0;
        margin:                                        0;
        height:                                        20px;
}
.posted-by p {
    padding:                0;
        margin:                                        0 0 3px 5px;
        color:                                        #fff;
        line-height:                        11px;

        font-size:                                11px;}

/*-------------------------- comments --------*/

#respond, #commentsdiv {
        margin:                                        0;
       width:                                        593px;}

.comments {
        width:                                        593px;}
.comment .top, .trackback .top, .comment .bottom, .trackback .bottom {
    background-repeat:                no-repeat;
        height:                                        5px;}
.comment .top, .trackback .top {
    background-image:                url(images/main_top.png);}
.comment .middle, .trackback .middle {
    background-image:                url(images/main_middle.png);
        background-repeat:                repeat-y;}
.comment .bottom, .trackback .bottom {
    background-image:                url(images/main_bottom.png);}
.comments-title {
    background-color:                #000;
        height:                                        35px;
        margin:                                        0 0 10px 0;}
.comments-title h2, .comments-title h3 {
    padding:                7px 0 0 0;}
.comments-middle, .comments-top {
        color:                                        #000;
        text-align:                                left;}
.comments-number { 
        font-size:                                24px;
        font-weight:                        bold;
        font-family:                        Arial, Helvetica, sans-serif;
        color:                                        #000;
        float:                                        right;
        padding:                5px;}
.comment-author {
    padding:                3px 5px 10px 5px;
        margin:                 5px 5px 5px 10px;
        width:                                        120px;
        text-align:                                center;
        border-left:                        1px solid #000;
        float:                                        right;
        clear:                                        right;}
.comment-author .avatar {
    margin:                                        0 auto;
        width:                                        50px;
        height:                                        50px;
        clear:                                        both;}
.comments-text {
    float:                                        right;
        width:                                        420px;
        padding:                2px 5px;}
.comments-gravatar {
    margin:                                        0 auto;}
.comments-date {
    font-size:                                11px;}
.comments-middle {
    padding:                0 0 0 5px;}
.comments-middle p {
    padding:                2px 0 7px 0;
        font-size:                                13px;
        line-height:                        1.4em;}
.comment .comments-middle {
    min-height:                                100px;
        height:                      auto !important;
        height:                                        100px;}
.comments-post {
        width:                                        500px;
        margin:                                        0 auto;}
.comment h4 {
    color:                                        #000;
        font-size:                                20px;
        font-family:                        Arial, Helvetica, sans-serif !important;
        margin:                                        0 0 0 5px;}
.comment h5 { 
    font-family:                        Arial, Helvetica, sans-serif;
        font-size:                                12px;
        padding:                0 0 10px 0;}
.comment label {
    width:                                        100px;
        float:                                        left;
        margin-left:                        5px;
        font-size:                                13px;}
.comment input {
    margin:                                        0 0 3px 0;
        padding:                1px 3px;
        border:                                        1px solid #605737;}
.comments-textarea { }
.comments-textarea textarea {
    width:                                        498px;
        margin:                 0 auto 35px auto;
        border:                                        1px solid #605737;}
.comment input#submit {
        float:                                        right;
       margin:                 0 50px 0 0;
        padding:                2px 5px;
        font-size:                                13px;
        font-weight:                        bold;
        font-variant:                        small-caps;}
.commentlist, .commentlist .children {
    list-style:                                none;}
.commentlist li {
    margin:                                        10px 0 0 0;
        border:                                        1px solid #000;
        padding:                5px;
        background-color:                #fff;}
.commentlist li.comment:after {
    content:                                 ".";
    display:                                 block;
    clear:                                         both;
    visibility:                         hidden;
    line-height:                         0;
    height:                                 0;}
html[xmlns] .commentlist li.comment {
    display:                                block;}
* html .commentlist li.comment {
    height:                                 1%;}
.commentlist p {
    padding:                0 5px 5px 5px;}
.commentlist ul, .commentlist ol, .commentlist dl {
    margin:                                        5px 5px 10px 35px;}
.commentlist li li {
        padding:                0;
        margin:                 0;
        border:                                        0;}
.commentlist .children {
    margin:                                        20px 0 0 10px;}
.commentlist .children li {
    border-left:                        3px solid #ddd;
        padding:                5px 5px 5px 10px;}

/*----------------------------- calendar -----*/

#wp-calendar { 
        margin:                                        0 3px;
        width:                                        177px;}
#wp-calendar thead th { 
    border-right:                        1px solid #333;
        border-bottom:                        1px solid #666;}
#wp-calendar caption { 
    font-weight:                        bold;}
#wp-calendar tbody td { 
    border-right:                        1px solid #333;
        border-bottom:                        1px solid #444;
        text-align:                                center;}
#wp-calendar tbody td:hover {
    background-color:                #eee;
}
#wp-calendar tbody td#today {
    background-color:                #eee;
        border-right:                        1px solid #600;
        border-bottom:                        1px solid #600;
}
#wp-calendar tbody td#today:hover {
    background-color:                #ccc;
}
#wp-calendar tbody td a:link, #wp-calendar tbody td a:visited {
    font-weight:                        bold;
}

/*----------------------------- links --------*/

a:link, a:visited {
    color:                                        #600;
       text-decoration:                none;
}
a:hover {
    color:                                        #000;
}
.posted-by a:link, .posted-by a:visited {
    color:                                        #c66;
}
.posted-by a:hover {
    color:                                        #eee;
}
#sidebar ul a {
    color:                                        #600;
        text-decoration:                none;
}
#sidebar ul a:hover {
    color:                                        #000;
}
#footer a, #footer a:visited {
    color:                                        #333;
}
#footer a:hover {
    color:                                        #000;
}
#footer #right a:link {
    text-decoration:                underline;
}
#footer #right a:hover {
    text-decoration:                none;
}
.navigation a:link, .navigation a:visited {
    color:                                        #fff;
}
.navigation a:hover {
    color:                                        #600;
}

/*----------------------------- misc ---------*/

.spacer {
    clear:                                        both;
}
.justify {
    text-align:                                justify;
}
.navigation {
    text-align:                                center;
        height:                                        30px;
        /* background-color:                 #000; */
        color:                                        #fff;
        padding:                8px 10px 0 10px;
}
abbr, acronym {
    border:                                        0;
}
.small {
    font-size:                                87%;
}
.uppercase {
    text-transform:                        uppercase;
}
.centered {
   text-align:                                center;
        margin:                                        0 auto;
}
.align-left {
    margin:                                        0 0 0 10px;
        float:                                        left;
}
.align-right {
    margin:                                        0 10px 0 0;
        float:                                        right;
}
img {
   border:                                        0;
}

.post p {
    padding:                5px 0;
}
blockquote {

        border:none;
        margin:5px 25px;
        padding:2px 5px 5px 5px;
}
.post-main .floatright { 
    float:                                        right;
}
.post-main .floatleft { 
    float:                                        left;
}

/*---------------------------- login ---------*/

p#backtoblog {
    display:                                none;
        background-color:                transparent;
}
h1 {
    width:                                        243px;
        background-color:                #000;
        height:                                        35px;
        margin:                                        0 0 0 17px;}
div.loginform {
    width:                                        243px;
        margin-left:                         15px;
        padding:                     4px 2px 0 2px;
}
div.loginform form {width: 233px; margin: 0;
        padding:0;
        font-weight:bold;
        background-color:transparent;
        /* border-radius:5px; */
}
div.loginform form label[for~="user_pass"], div.loginform form label[for~="user_login"] { 
    color:                                        #000;
        margin:                                        0 0 0 4px;
}
div.loginform form .submit input {
    margin:                                        0 -5px 0 0;
}
div.loginform form .forgetmenot {
    margin:                                        0 0 0 5px;
}
p#nav {  
        padding:                8px 0 0 12px; 
}
p#nav a:link, #nav a:visited {
    color:                                        #000;
}
p#nav a:hover {
    color:                                        #600;
}
#loginformtop, #loginformbottom {
    height:                                        5px;
        background-repeat:                no-repeat;
}
#loginformtop { 
    background-image:                url(images/login_top.png);
}
#loginformmiddle {
    background-image:                url(images/login_middle.png);
        background-repeat:                repeat-y;
}
#loginformbottom {
    background-image:                url(images/login_bottom.png);
}
#user_pass, #user_login, #user_email {
        font-size:                                 14px !important;
        width:                                         223px !important;
        padding:                0 1px;
        margin:                                        0 5px 0 5px;
}
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   /* border-radius: 3px; */
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}