/* SAVIN - layout by manual@dw
For the Five AM theme on Dreamwidth
Textures from http://subtlepatterns.com/, tiny icons from http://p.yusukekamiyamane.com/, icon bg from http://longlongwaydown.deviantart.com/ (used with permission under Creative Commons License)
comment pages are functional but they are ugly, pls turn off custom comment pages */

body {
    padding: 0;
    background: #fff url();
    font-family:  'Avant Garde', Geneva, Tahoma, Arial, san-serif; font-size: 1em;
    color: #222;
    line-height: 1.6em;
    text-align: center;
    }

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

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

.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: 80%;
}

#primary {
    float: right;
    width: 700px;
    text-align: justify;
    margin-right: 15%;
    }

#secondary {
    float: left;
    width: 25%;
    margin-top: -25%;
    margin-left: -10%;
    padding: 0 1em;
    font-size: 1em;
}

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

#tertiary > .inner:first-child { }

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


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

#header {
    display: inline-block;
    width: 700px;
    height: 240px;
    background: #444 url(http://i.imgur.com/IrCX4GI.png);
    color: #fff;
    margin-left: 20%;
    margin-right: 15%;
    margin-bottom: 20px;
}
 
h1#title {
    font-family: 'Avant Garde', 'Geneva', Tahoma, Arial, sans-serif;
    font-weight: lighter;
    font-size: 1.4em;
    letter-spacing: 3pt;
    line-height: 1.8em;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 3px 3px #000;
    padding-top: 20px 0 0 0;
    position: relative;
    top: 90px;
}
 
h2#subtitle  {
    display: none;
}

h2#pagetitle {
    display: none;
}

#footer {
    background: #fff url();
    width: 700px;
    font-family: 'Avant Garde', 'Geneva', Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    clear: both;
    margin-top: 10px;
    margin-left: 20%;
    margin-right: 15%;
}

#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: #fff url();
    width: 65%;
    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: #fff;
    color: #111;
    padding: 20px;
    margin: 0 0 10px 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.80em;
    }

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

.entry-content { margin: 20px 0; }

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

h3.entry-title {
    margin: 0;
    padding: 10px 0;
    font-family: 'Avant Garde', 'Geneva', Tahoma, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #353535;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;
    }

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

.datetime {
    display: none;
    }

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

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

span.poster {
    font-family: 'Avant Garde', 'Geneva', Tahoma, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #353535;
    }

.metadata { display: none; }

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

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

div.metadata ul li {
    list-style: none;
    font-size: 90%;
    font-weight: normal;
    text-transform: lowercase;
    color: #666;
    letter-spacing: 0;
    padding: 0;
    }

span.tag-text {
    display: none;
    }

div.tag ul {
    padding: 0 0 0 13px;
    margin: 30px 0 0 0;
    display: inline;
    }

div.tag ul li {
    display: inline;
    list-style: none;
    font-size: 90%;
    font-weight: normal;
    text-transform: lowercase;
    color: #353535;
    letter-spacing: 0;
    margin-top: 25px;
    margin-left: -10px;
    padding-top: 10px;
    }

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 {
    padding: 0;
    margin: 30px 0 0 0;
    text-align: center;
    }

ul.entry-management-links li {
    display: inline;
    list-style: none;
    font-size: 90%;
    font-weight: normal;
    text-transform: uppercase;
    color: #353535;
    letter-spacing: 0;
    padding: 0 5px 0 0;
    }

ul.entry-interaction-links {
    padding: 0 0 5px 0;
    margin: 10px 0 0 0;
    text-align: center;
    }

ul.entry-interaction-links li {
    display: inline;
    list-style: none;
    font-size: 90%;
    font-weight: normal;
    text-transform: uppercase;
    color: #353535;
    letter-spacing: 0;
    padding: 0 5px 0 0;
    }

/*-- 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: 'Avant Garde', Geneva, Tahoma, Arial, 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 ---*/

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

.comment-title {
    font-family: Tahoma, sans-serif;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #222;
    }

.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: #fff;
    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 {
    border: 10px solid #000;
    }

.comment {
    background: #fff;
    color: #353535;
    padding: 0 10px;
    margin: 0;
}

.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: 2px; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; }

#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: 2px; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; }

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 {
    font-family: 'Avant Garde', Geneva, Tahoma, Arial, sans-serif; font-size: 0.8em; background: #fff; padding: 0; width: 80%; }

#tertiary .module {
    display: none;
    }
#secondary .module-navlinks {
    font-family: 'Avant Garde', 'Geneva', Tahoma, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: lighter;
    color: #353535;
    text-transform: uppercase;
    }

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

.module-navlinks {
    margin: 0;
    margin-left: 0;
    }

.module-navlinks ul.module-list {
    padding: 10px;
    margin: 0;
    list-style: none;
    }
.module-navlinks ul.module-list li {
    padding: 0;
    margin: 0;
    list-style: none;
    }
.module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color: #353535; }
.module-navlinks ul.module-list li a:visited { color: #353535; }
.module-navlinks ul.module-list li a:hover { color: #999; }


.module-calendar { text-align: center; }
.module-customtext, .module-customtext .module-content {
    padding: 10px;
    margin: 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.2em;
    text-align: justify;
    }

.module-header {
    font-family: 'Avant Garde', Geneva, Tahoma, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    padding: 10px;
    }

.module-customtext .module-header { text-align: center; padding: 10px; }

.module-userprofile .journal-name,
.module-userprofile .userpic
    { text-align: center; padding: 10px 10px 20px 10px; }

.module-userprofile .userpic img { background: #fff; border:10px solid #999; padding: 10px; margin-bottom: -10px; }

ul.userlite-interaction-links.icon-links {
    display: none;
    }

ul.userlite-interaction-links.icon-links li {
    display: none;
    }

.module-tags_cloud, .module-time, .module-powered { width: 90%; }

.tags_cloud li, .module-tags_cloud li { display: inline;
    list-style-type: none; }

.manage-link {
    font-size: smaller;
    text-align: right;
    text-transform: uppercase;
    display: none;
    }

.module-time, .module-powered {
    border-style:dotted;
    border-width: 0 0 1px 0;
    border-color: #d4d4d4;
    letter-spacing: 1px;
    line-height: 125%;
    text-align: center;
    padding-top: 1em;
    }

.module-search .search-form { margin: .2em auto; }
.module-search .search-box { margin: .2em; }

/*-- 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();
    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 {
    background: #transparent;
    font-family: 'Avant Garde', 'Geneva', Tahoma, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: lighter;
    color: #353535;
    border-bottom: none;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 5px;
    }

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

#lj_controlstrip {
   background: #000000 url();
   height: 55px;
   }


#lj_controlstrip_userpic {
   padding-top: 5px;
   padding-left: 5px;
   width: 45px;
   }

#lj_controlstrip td {
   font-family: Arial, sans-serif;
   font-size: 0.8em;
   line-height: auto;
   letter-spacing: 1pt;
   color: #fff;
   border: none;
   }

#lj_controlstrip input {
   background: #ffffff;
   border: 1px solid #333;
   color: #333;
   padding: 2px;
   }

#lj_controlstrip_statustext {
   color: #fff;
   font-weight: normal;
   font-family:  Tahoma, Arial, sans-serif;
   font-size: 0.8em;
   letter-spacing: 1pt;
   margin-bottom: 5px;
   }

#lj_controlstrip a, #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; }