/* BARTRAM V.2 - layout by manual@dw
For the BRITTLE theme
a slightly less impractical version with more borders
also the comment pages are functional but they are ugly, pls turn custom comment pages off */

body {
    padding: 0;
    background: #fff url(http://i.imgur.com/gfpzs.png);
    font-family: Tahoma, Arial, sans-serif; font-size: 1em;
    color: #222;
    line-height: 1.6em;
    }

    html body {
        margin-left: 0em;
        margin-right: 0em;
        }

.entry img {
    border: none; opacity: 0.7;
    filter: alpha(Opacity=70);
    padding: 3px;
    }

.entry img:hover {
    opacity: 1;
    filter: alpha(Opacity=1);
    }

a { text-decoration: none; text-transform: uppercase; }
a, a:link { color: #999; font-weight: bolder; }
a:visited { color: #353535; }
a:hover { color: #999; }
q { font-style: italic; }

#canvas {
    margin: 0 auto;
    padding: 5% 0;
    padding-left: 15%;
    text-align: justify;
    width: 85%;
}

#primary {
    float: left;
    width: 60%;
    text-align: justify;
    margin-left: 10%;
    margin-right: 10%;
    }

#secondary {
    float: left;
    width: 15em;
    margin: 1px 0 0 0;
    padding: 0 1em;
    font-size: 1em;
}

#tertiary {
    background-color: #ffffff;
    clear: both;
    color: #7a7a7a;
    line-height: 125%;
    margin-right: auto;
    width: 45%;
    }

#tertiary > .inner:first-child { }

#tertiary .separator-after { clear: both; }


/*--- header + footer ---*/

#header {
    display: inline-block;
    width: 60%;
    background: transparent!important;
    color: #353535;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 20px;
}
 
h1#title {
    font-family: 'Century Gothic', 'Geneva', sans-serif;
    font-weight: lighter;
    font-size: 1.4em;
    letter-spacing: 3pt;
    line-height: 1.8em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px 0 0 0;
}
 
h2#subtitle  {
    display: none;
}

h2#pagetitle {
    display: none;
}

#footer {
    background: transparent url();
    width: 60%;
    font-size: 0.75em;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    clear: both;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 10%;
}

#footer a, #footer a:link, #footer a:active { color: #353535; }
#footer a:visited { color: #353535; }
#footer a:hover { color: #999999; }

#footer .inner { padding: 10px; text-align: center; }


/*--- prev/next navigation ---*/

li.page-back, li.page-forward {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
    background: transparent url();
    width: 60%;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: bolder;
    text-transform: uppercase;
    }

li.page-separator { display: none; }

div.navigation ul {
    display: inline;
    padding: 0;
    margin: 0;
    }

/*--- entry ---*/

.entry {
    background: transparent;
    color: #111;
    padding: 20px;
    margin: 0 0 10px 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.80em;
    text-align: justify;
    }

.entry a:hover, #tertiary a:hover {
    color: #353535;
    }

.entry-content { margin: 20px 0; padding: 18px; background: #fff; border: 1px solid #999; box-shadow: #ccc 2px 2px 1px; text-align: justify; }

.entry .header {
    padding: 0;
    margin: 0 0 10px 0;
    text-align: center;
    }

h3.entry-title {
    margin: 0;
    padding: 10px 0;
    font-family: 'Century Gothic', 'Geneva', sans-serif;
    font-size: 1.2em;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #000;
    color: #fff;
    padding: 10px;
    box-shadow: #ccc 2px 2px 1px;
    }

h3.entry-title a, a:visited { color: #999; }
h3.entry-title a:hover { color: #fff; }

.datetime {
    display: none;
    }

div.entry div.userpic {
    display: none;
    }

div.entry div.userpic img {
    display: none;
    }

span.poster {
    display: none;
    }

.metadata { display: none; }

.metadata.top-metadata { margin: 10px 0 1.25em 0; }

div.metadata ul {
    padding: 0;
    margin: 0;
    }

div.metadata ul li {
    display: none;
    }

span.tag-text {
    display: none;
    }

div.tag ul {
    display: none;
    }

div.tag ul li {
    display: none;
    }

ul.module-list {
    list-style: none;
    padding-bottom: 20px;
    }

ul.module-list li {
    padding: 0;
    list-style: none;
    }

ul.module-list-item {
    list-style: none;
    }

ul.module-list-item li {
    padding: 0;
    list-style: none;
    }

ul.entry-management-links {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.80em;
    color: #000;
    }

ul.entry-management-links li {
    display: inline-block; float: left; margin-right: 2px; padding: 2px; background-color: #fff; border: 1px solid #999; box-shadow: #ccc 2px 2px 1px;
    }

ul.entry-interaction-links {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.80em;
    color: #000;
    }

ul.entry-interaction-links li {
    display: inline-block; float: right; margin-right: 2px; padding: 2px; background-color: #fff; border: 1px solid #999; box-shadow: #ccc 2px 2px 1px;
    }

/*-- archive --*/

li.active {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 10px;
    }

.month {
    background-color: #ffffff;
    color: #7a7a7a;
    padding: 20px;
    margin: 0;
    }

.month h3 {
    font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.7em;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
    text-align: right;
    }

.month a {
    color: #5f8a92;
    }

.month a:visited {
    color: #8da8ad;
    }

.month a:hover {
    color: #acc5c9;
    }

.navigation ul { display: inline; }
.navigation li { display: inline; list-style: inside; }

table.month { border: 0; }
.month caption { display: none; }
.month th {
    text-align: center;
    margin: 0 2px;
    text-transform: lowercase;
    font-weight: normal;
    }
.month td.day {
    font-weight: normal;
    color: #939393;
    }
.month td.day-has-entries {
    font-weight: normal;
    color: #939393;
    }
.month td.day-has-entries p {
    padding: 0 0 0 5px;
    margin: 0;
    display: inline;
    }
.month table {
    width: 100%;
    border: 0;
    margin: auto;
    }

td.day {
    padding: 10px;
    border: 0;
    text-align: center;
    }


/*-- tags --*/

.page-tags .tags-container {
    background-color: #ffffff;
    color: #7a7a7a;
    font-family: Georgia, Georgia, sans-serif; font-size: 0.95em;
    padding: 10px;
    margin: 0 0 10px 0;
    }

.page-tags .tags-container h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-family: Georgia, Georgia, sans-serif; font-size: 0.7em;
    border-width: 0 0 1px 0;
    border-style: dotted;
    border-color: #d4d4d4;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: #939393;
    }

.page-tags .ljtaglist { margin: 0; padding: 0; }
.page-tags .ljtaglist li {
    padding: 0 0 0 10px;
    margin: 0;
    text-transform: lowercase;
    letter-spacing: 0;
    list-style: none;
    }

.page-tags .tags-container a {
    color: #5f8a92;
    }

.page-tags .tags-container a:visited {
    color: #8da8ad;
    }

.page-tags .tags-container a:hover {
    color: #acc5c9;
    }

.page-tags .tags_cloud { text-align: center; }

/*--- comments ---*/

.comment-pages {
    padding: 0.5em;
    text-align: center;
    text-transform: uppercase; }


#comments {
    font-family: Tahoma, Arial, sans-serif; font-size: 0.80em;
    }

.comment-title {
    font-family: Tahoma, sans-serif;
    background-color: #fff;
    color: #000;
    padding: 14px;
    border-bottom: 2px solid #ccc;
    }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

hr.above-entry-interaction-links, hr.below-reply-container { display: none; }

input, textarea {
    background-color: #ffffff;
    color: #454545;
    padding: 2px;
    border: 1px solid #d4d4d4;
    font-family: Helvetica, Tahoma, sans-serif; 
    font-size: 80%;
    }

textarea.textbox  { width: 90%!important; }

.poster-ip {
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #939393;
    display: block;
    text-align: left;
    }

div.comment div.userpic {
    display: block;
    margin: 0;
    }

div.comment div.userpic img {
    width: 80px; height: 80px; background: #000; padding: 6px; box-shadow: #ccc 2px 2px 1px;
    }

.comment {
    background: #fff;
    color: #353535;
    padding: 0 10px;
    margin: 0; box-shadow: #ccc 2px 2px 1px; border: 1px solid #999; margin-top: 2em;
}

.comment-wrapper { margin: 10px 0; padding: 0; }
.comment-content { margin: 10px; }

.bottomcomment, .comments-message {
    background: #fff;
    color: #353535;
    padding: 0 10px;
    margin: 0;
    }

.comment a,
.bottomcomment a {
    color: #353535;
    }

.comment a:visited,
.bottomcomment a:visited {
    color: #353535;
    }

.comment a:hover,
.bottomcomment a:hover {
    color: #999;
    }

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; width: 100%; }

#qrform table { border: 0!important; }

.comment-poster {
    font-family: Tahoma, Arial, sans-serif; font-size: 0.6em;
    text-transform: uppercase;
    color: #939393;
    }

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; width: 100%; }

table.talkform {
    background: #ffffff;
    color: #7a7a7a;
    font-family: Tahoma, Arial, sans-serif; font-size: 0.95em;
    padding: 10px;
    margin: 0 0 10px 0;
    }

table.talkform b {
    color: #7a7a7a;
    }

table.talkform a {
    color: #5f8a92;
    }

table.talkform a:visited {
    color: #8da8ad;
    }

table.talkform a:hover {
    color: #acc5c9;
    }

/*-- modules --*/

#secondary .module {
    display: none;
    }

#tertiary .module {
    display: none;
    }

#module-jump-link {
    display: none;
    }

/*-- extras --*/

div.ContextualPopup {
    position: relative;
    margin: 0;
    text-align: justify;
    font-weight: normal;
    font-family: Helvetica, Tahoma, sans-serif; 
    font-size: 80%;
    color: #939393;
    line-height: 1.8em;
    }

div.ContextualPopup div.Inner {
    color: #939393 !important;
    border: 1px dotted #d4d4d4;
    background: #ffffff !important;
    padding: 10px;
    }

div.ContextualPopup .Userpic {
    margin: 5px;
    border: 1px dotted #d4d4d4;
    background: #ffffff !important;
    padding: 5px;
    }

blockquote {
    background: #efefef url();
    border: 1px dotted #e6e6e6;
    font-size: 0.9em;
    padding: 40px 20px;
    margin: 20px;
    color: #222;
    }

hr {
    color: transparent;
    height: 1px;
    border-style: none;
    border-bottom: 3px double #e6e6e6;
    }


        div.entry div.userpic,
        div.comment div.userpic {
            float: left;
            text-align: right;
            }
        div.entry div.userpic {
            margin-left: -105px;
            }
        div.comment div.userpic {
            margin-left: -115px;
            }

/*--- Journal Navigation ---*/

.navigation {
    font-family: 'MS Gothic', 'Geneva', sans-serif; font-size: 0.9em;
    background: #transparent;
    color: #111;
    border-bottom: none;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 5px;
    }

.topnav, .topnav a { display: none; }
        
/*--- Navigation Bar ---*/

table#lj_controlstrip td {
    background: #000 url();
    border: none;
    color: #fff;
    }

#lj_controlstrip input {
    background: #fafafa;
    border: 1px solid #000;
    color: #000;
    padding: 3px;
    }

#lj_controlstrip a {
    color: #fff; text-shadow: none;
    }

#lj_controlstrip_statustext {
    color: #fff;
    }

#lj_controlstrip .ljuser a b {
    color: #fff;
    }

/* ENTRY TINYICON REPLACEMENTS */

#canvas img[src*="locked.png"]  {
    float: left;
    width: 0 !important;
    height: 0 !important;
    background: transparent!important;
    background-image: url(http://i.imgur.com/Ju8zWZA.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0; !important; !important;
    margin: -32px 0 5px 5px;
    padding: 16px 16px 0 0 !important; }

#canvas img[src*="private.png"]  {
    float: left;
    width: 0 !important;
    height: 0 !important;
    background: transparent!important;
    background-image: url(http://i.imgur.com/LYPYXaM.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0; !important; !important;
    margin: -32px 0 5px 5px;
    padding:16px 16px 0 0 !important; }