/*----------------------------------------------

layout name: margarita in passionfruit
layout base: crisped
updated: 8/03/14

chimney.dreamwidth.org / pastries.dreamwidth.org
do not redistribute!

----------------------------------------------*/


#lj_controlstrip{position:fixed;}

@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}

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

H1, H2, H3 {
margin: .25em 0;
padding: .25em 0;
}

img {
border: none;
}

hr {
display: none;
}
.entry-content hr,
.comment-content hr {
display: block;
margin: 1em 10%;
}

body {
font-family:tahoma, sans-serif; font-size: 12pt;
padding:0;
background:url(http://i.imgur.com/JGmeD.png) repeat;
color: #000;
margin:0;

}

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

a, a:active, .ljuser, a:hover{ color: #000; font-weight:normal!important; text-decoration:none!important;
}

a:visited { color: inherit }

.entry-content a:hover, .ljuser:hover, .ljuser a:hover {color:#C36!important; background:#000;!important; font-weight:normal!important;}

q { font-style: italic; }

.one-column #content { float: none; }
.two-columns-left #content,
.three-columns-sides #content {
border-left: 20em solid transparent;
}
.two-columns-right #content,
.three-columns-sides #content {
border-right: 20em solid transparent;
}
.three-columns-left #content {
border-left: 40em solid transparent;
}
.three-columns-right #content {
border-right: 40em solid transparent;
}
.column-right #content {
min-width: 20em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
}

#content-footer {
height: 0;
font-size: 0; /*to make IE happy*/
clear: both;
}

#header, #footer {
margin: 0;
clear: both;
padding: 0;
}

#footer {
margin:0 0 0 125px;
width:150px;
background: transparent;
}

#footer a, #footer a:visited, #footer a:active { color:#000; }
#footer a:hover {color:#C36; background:#000; }

#primary {
float: left;
width:100%;
margin:0;
}

#secondary{
background:#C36;
padding: 130px 0 0 0;
width:180px;
height:100%;
float:left;
margin-left:-250px;
border-left:0px solid #C36;
border-right:0px solid #C36;
position:fixed;}

.one-column #primary { float: none; }

#primary > .inner:first-child {
padding: 1em;
}

.one-column #secondary { width: auto; }

.two-columns-left #secondary,
.three-columns-sides #secondary {
}
.two-columns-right #secondary {
float: right;
width: 20em;
margin-right: -20em;
}
.three-columns-left #secondary {
float: left;
width: 20em;
margin-left: -40em;
}
.three-columns-right #secondary {
float: right;
width: 20em;
margin-right: -20em;
}

#secondary > .inner:first-child {
padding: 1em;
}

.one-column #tertiary { width: auto; }

.two-columns-left #tertiary,
.two-columns-right #tertiary {
clear: both;
}
.two-columns-left #tertiary { margin-left: -20em; }
.two-columns-right #tertiary { margin-right: -20em; }
.two-columns-left #tertiary .module,
.two-columns-right #tertiary .module {
float: left;
width: 20em;
}
.three-columns-left #tertiary {
float: left;
width: 20em;
margin-left: -20em;
}
.three-columns-right #tertiary {
float: right;
width: 20em;
margin-right: -40em;
margin-left: 20em; /* so that #tertiary won't overlay #secondary in IE7 */
}
.three-columns-sides #tertiary {
float: right;
width: 20em;
margin-right: -20em;
}

#tertiary > .inner:first-child {
padding: 1em;
}

.navigation ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.navigation li {
display: inline;
padding: 0 .5em;
}

.navigation li a:hover, .module-typelist a:hover{color:#C36; background:#000;}

.noentries {
text-align:center;
text-transform:uppercase;
padding: 0 .5em;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
list-style-position: inside;
}

.metadata ul {
display: inline;
list-style: none;
margin-left: .5em;
padding-left: 0;
}
.metadata li {
margin-bottom: .5em;
}
.metadata.top-metadata ul {
margin: 0;
}
.metadata.top-metadata {
margin-bottom: 1em;
}

.tag ul {
display: inline;
list-style:square;
margin-left: .5em;
padding-left: 0;
}
.tag ul li {
display: inline;
padding: .25em;
} /* same for month view */

ul.entry-management-links {
list-style: none;
margin-left: 0;
padding-left: 0;
}
ul.entry-management-links li {
display: inline;
padding: 0 .25em;
}

ul.entry-interaction-links {
list-style: none;
margin-left: 0;
padding-left: 0;
text-align: right;
}

.entry-interaction-links a { color: #757575;
}

ul.entry-interaction-links li {
display: inline;
padding: 0 .25em;
}

/* comments */

.comment-wrapper {
padding: .5em 0;
min-width: 15em;
}

.comment .comment-title {
font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif;
margin: 0;
}

.comment .comment-title, .comment .comment-title a {
color: #757575;
background-color: transparent;

}

.no-subject .comment .comment-title {
background: none;
border: none;
}

ul.comment-management-links {
list-style: none;
margin-left: 0;
padding-left: 0;
text-align: right;
}
ul.comment-management-links li {
display: inline;
padding: 0 .25em;
}

ul.comment-interaction-links {
list-style: none;
margin-left: 0;
padding-left: 0;
}
ul.comment-interaction-links li {
display: inline;
padding: 0 .25em;
}

textarea#commenttext {
width: 100%; /* fix for FF form width glitch */
}

/* archive */

table.month {
margin: 0 auto;
border-collapse: collapse;
}
table.month td {
height: 3.25em;
}
table.month td,
table.month th {
border: 1px solid; /* ? */
padding: 3px;
}
table.month td p {
margin: 0;
padding: 3px;
}

.month dl dt {
font-weight: bold;
}
.month dl .time {
padding-right: .5em;
}
.month dl h3 {
display: inline;
font-size: medium;
}
.page-month .month .entry-poster {
margin-right: .5em;
}
.month dl .tag ul {
margin-top: 0;
}

/* icons */

.sorting-options ul {
list-style: none;
margin-left: 0;
}

.sorting-options ul li {
display: inline;
}

.icon-keywords ul {
display: inline;
list-style: none;
margin-left: .5em;
padding-left: 0;
}

.icon-keywords ul li {
display: inline;
padding: 0 .25em 0 0;
}

/* modules */

.module {
margin:0;
background: transparent;
border: 0;
padding:0;

}

.module-navlinks a, .module-navlinks a:visited, .module-navlinks a:active { color: #000; font-family:tahoma!important, sans-serif;
}
.module-navlinks a:hover{
background:#000;
color:#C36
}

.module-navlinks {width:180px; padding-top:35px;}

.module-typelist {
margin: 15px 0 0 0;
width: 180px;
font-size: 10pt;
text-align: center;
letter-spacing: 0.2em;
list-style: none;
}

.module h2 {
color: #757575;
background-color: transparent;
font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em;
}

.module-content {
font-family: 'tahoma', sans serif;
}

.module-content ul {
list-style: outside;
margin-left: 0;
padding-left: 0;
}
.module-content li {
margin:0;
}

ul.userlite-interaction-links.icon-links {
list-style: none;
margin-left: 0;
padding-left: 0;
}

ul.userlite-interaction-links.icon-links li {
display: inline;
padding: 0 0;
}

ul.userlite-interaction-links.text-links {
text-align: left;
}

.module-calendar .module-content {
text-align: center;
}

.one-column .module-calendar .module-content {
text-align: left;
}


.module-calendar table {
margin: 0 auto;
}

.one-column .module-calendar table {
margin: 0;
}

.module-calendar td {
padding: 1px;
}
.module-calendar td a {
display: block;
padding: 2px;
}

.module-search, .module-cuttagcontrols, .module-credit, .module-syndicate, .module-calendar, .module-header, .module-pagesummary, .module-powered, .module-time, .page-top, #footer, .module-tags_list, .manage-link{display:none;}
.search-box {
margin: .2em auto;
max-width: 100%;
}

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {
white-space: normal !important;
}
.module-pagesummary .module-content {
word-wrap: break-word;
}
.module-credit dt, .module-credit dd {
display: inline;
margin: 0;
padding: 0;
}
.module-credit dt {
font-weight: bold;
margin-right: 0.5em;
}

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

.module-syndicate .module-content {
text-align: center;
}

.one-column .module-syndicate .module-content {
text-align: left;
}


.entry .userpic,
.comment .userpic {
text-align: right;
}



/* Crisped */
/* by timeasmymeasure*/

/* Main
***************************************************************************/

body {
margin: 30px 0 0 0;
}

a, a:link, a:visited {
text-decoration: none;
}

code, kbd, pre, tt, textarea {
font-family: monospace;
}

input, textarea {
background-color: #ffffff;
border: 1px solid #5f5f5f;
color: #5f5f5f;
}

::-moz-selection {
background-color: #ededed;
color: #757575;
}

blockquote {
background-color: transparent;
color: #444;
margin: 0 auto 0 auto;
padding: 0;
width:90%;
}

ul {
margin: 5px 0 5px 15px;
list-style-position: inside;
list-style-type: square;
}

ol {
margin: 5px 0 5px 15px;
list-style-position: inside;
list-style-type: decimal;
}

.poster {
color:#000;
font-size:10pt;
padding: 0 15px 0 15px;
}

hr,
.page-separator {
display: none;
}

/* Page Containers
***************************************************************************/

#canvas {
padding:0;
height:100%;
margin: 0 auto 0 -20px;
width: 875px;
}

#primary > .inner:first-child {
padding: 0;
}

#secondary > .inner:first-child {
padding: 0;
}

.two-columns #secondary > .inner:first-child,
.three-columns #secondary > .inner:first-child {
padding-top: 0;
}

#tertiary > .inner:first-child {
padding: 0;
}

.three-columns #tertiary > .inner:first-child {
padding-top: 0;
}

/* Header
***************************************************************************/

#header {
font-family:'Open Sans Condensed';
text-transform:uppercase;
text-align:right;
float:right;
width:700px;
background: transparent;
margin: 0 0 10px 0;
}

h1#title {
line-height:1em;
padding:0 0 3px 0;
margin:0;
font-size: 20pt;
font-weight:normal;
}

h1#title span, h2#subtitle span{color:#C36; background:#000;}

h2#subtitle{
line-height:1em;
padding:0;
margin:0;
font-size: 14pt;
font-weight:normal;
}

#pagetitle{display:none;}

/* Navigation
***************************************************************************/

.navigation {
margin: 5px 0;
font-size: 10pt;
text-transform: uppercase;
}

/* Entries
***************************************************************************/
.entry {
width:100%;
border:0;
padding-bottom: 10px;
margin: 0 0 30px 0;
background: transparent;
color: #5f5f5f;
border-bottom:15px solid #C36;;

}

.entry .header{
background:#C36;
margin-bottom: 0;
padding: 5px 25px;
text-align: left;}
.entry .entry-title {
font-family: verdana, sans-serif; font-size:12pt;
padding:0;
margin:0;
}

.entry .entry-title, .entry .entry-title a {
color: #000;

}

.no-subject .entry .entry-title {
background: none;
border: none;
}

.entry-title a:hover{color: #C36!important; background:#000;}

.entry a, .entry a:visited, .entry a:active { color: #000;
}
.entry a:hover {
}


h3.entry-title {
font-weight: normal;
text-transform: uppercase;
}

.datetime {
color: #000;
font-size: 8pt;
text-transform: uppercase;
}

.datetime:hover{color:#C36, background:#000;}

.entry .userpic {display:none;}

.entry .userpic img {
background-color: transparent;
width:60px;
height:60px;
}

.entry-content {font-family:'helvetica', arial, sans-serif;
color:#000;
font-size:10pt;
line-height:1.1em;
padding: 15px 15px 0 15px;
}

.metadata {
margin-top: 5px;
padding: 10px 15px 5px;
text-transform: uppercase;
}

.metadata-item-location,
.metadata-item-music,
.metadata-item-mood,
.tag ul {
color: #7b98c1;
text-align: right;
text-transform: uppercase;
}

.tag {
color:#000;
font-size:10pt;
margin: 5px 0;
padding: 15px;
text-transform: uppercase;
}

.tag-text {
text-transform: uppercase;
}

.tag ul li {
font-weight: normal;
margin: 5px 5px 0 0;
text-align: right;
}

.tag ul li a{color:#C36; background:#000;}

.entry .footer {
clear: both;
}

.year .footer {font-size:10pt; color:#000; background:#C36; padding:5px 0;}
.year .footer a:hover {font-color:#C36; background:#000;}

ul.entry-management-links {
margin-top: 5px;
text-align: center;
}

ul.entry-management-links li {
display: inline;
margin: 0 auto;
text-align: center;
}

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

ul.entry-interaction-links li {
display: inline;
font-size: 1.05em;
margin-right: 5px;
text-transform: uppercase;
}

ul.entry-interaction-links li a{font-size:.8em; color:#000;}
ul.entry-interaction-links li a:hover{color:#C36; background:#000;}

/* Comments
***************************************************************************/

.comment-wrapper .comment {
background-color: #ffffff;
border-right: 1px solid transparent;
border-bottom: 2px solid transparent;
color: #5f5f5f;
padding-bottom: 10px;
margin-bottom: 15px;
}

.comment-wrapper .comment a { color: #7b98c1; }
.comment-wrapper .comment a:visited { color: #7b98c1; }
.comment-wrapper .comment a:hover { color: #757575; }
.comment-wrapper .comment a:active { color: #7b98c1; }

.comment .header {
background-color: transparent;
color: #757575;
padding: 5px 10px;
margin-bottom: 5px;
text-align: right;
}

.comment .comment-title a {
color: #757575;
}

.partial .comment-title {
margin-bottom: 5px;
padding: 5px 10px;
text-align: right;
}

.comment-poster {
text-transform: uppercase;
}

.comment .userpic img {
background-color: transparent;
padding: 10px;
}

.comment-content {
margin-top: 10px;
padding: 15px;
}

.comment .footer {
clear: both;
color: #5f5f5f;
font-weight: bold;
padding: 0 10px;
text-align: left;
text-transform: uppercase;
}

ul.comment-management-links {
text-align: left;
}

.bottomcomment {
background-color: #ffffff;
border-right: 1px solid transparent;
border-bottom: 2px solid transparent;
color: #5f5f5f;
padding: 10px;
}

.bottomcomment a { color: #7b98c1; }
.bottomcomment a:visited { color: #7b98c1; }
.bottomcomment a:hover { color: #757575; }
.bottomcomment a:active { color: #7b98c1; }

#qrformdiv input {
margin: 1px;
}

table.talkform {
background-color: #ffffff;
border-right: 1px solid transparent;
border-bottom: 2px solid transparent;
color: #5f5f5f;
margin-bottom: 10px;
padding: 10px;
width: 100%;
}

table.talkform input {
margin: 1px;
}

/* Archive Pages
***************************************************************************/

.month {
line-height:1em;
background-color: transparent;
border: 0;
color: #000;
margin-bottom: 15px;
}

.month a, .month a:visited, .month a:active { color: #000; }
.month a:hover { color: #C36; backgorund:#000!important; }

.month table {
line-height:1em;
padding:none;
margin:none;
border: none;
margin: auto;
width: 100%;
}

.month caption {
line-height:1em;
padding:none;
margin:none;
display: none;
}

.month h3 {
line-height:1em;
font-size:14pt;
color:#000;
background:#C36;
font-weight: normal;
padding:none;
margin:none;
text-transform: uppercase;
}

table.month th {
background-color: transparent;
border: 0;
color: #000;
margin: 0 2px;
padding: 5px 2px;
font-size: 10pt;
font-weight: normal;
text-align: center;
text-transform: uppercase;
}

table.month td {
border: none;
}

table.month td.day {
font-size:10pt;
border: 1px solid transparent;
padding: 0;
text-align: center;
}

.month td.day-has-entries {
background-color: transparent;
color: #000;
}

.month td.day-has-entries p {
display: inline;
font-size: 1.05em;
font-weight: bold;
padding-left: 0;
}

.month td.day-has-entries p a, .month td.day-has-entries p a:visited, .month td.day-has-entries p a:hover, .month td.day-has-entries p a:active, .month dl, .month dt, .month dd {
color:#C36; background:#000;
margin: 0;
padding: 0;
}

/* Tags Page
***************************************************************************/

.page-tags .tags-container {
font-size:10pt;
background-color: transparent;
border-right: 1px solid transparent;
border-bottom: 2px solid transparent;
color: #000;
margin-bottom: 10px;
}

.page-tags .tags-container a, .page-tags .tags-container a:visited, .page-tags .tags-container a:active { color: #000; }

.page-tags .tags-container a:hover{color:#C36; background:#000;}

.page-tags .tags-container h2 {
background:#C36;
color: #000;
font-size: 14pt;
font-family:arial;
font-weight: normal;
padding: 0;
margin:0;
text-transform: uppercase;
}

.page-tags .tags-container h2:hover{color:#C36; background:#000;}

.page-tags .tags-container .ljtaglist {
padding: 10px;
}

.page-tags .tags-container .manage-tags-link {
padding: 10px;
}

/* Icons Page
***************************************************************************/

.icons-container {
background-color: #ffffff;
border-right: 1px solid transparent;
border-bottom: 2px solid transparent;
color: #5f5f5f;
margin-bottom: 10px;
}

.icons-container a { color: #7b98c1; }
.icons-container a:visited { color: #7b98c1; }
.icons-container a:hover { color: #757575; }
.icons-container a:active { color: #7b98c1; }

.icons-container h2 {
background-color: transparent;
color: #757575;
font-size: 1.17em;
font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em;
font-weight: normal;
padding: 5px 10px;
text-transform: uppercase;
}

.icons-container .contents,
.icons-container .footer {
padding: 15px;
}

.sorting-options ul {
padding-left: 0;
}

.icons-container .icon {
margin: 1em 0;
}

.icon-image {
float: left;
clear: left;
margin-bottom: .25em;
min-width: 100px;
padding-right: 1em;
}

.icon-info {
min-height: 100px;
}

.icon-info span {
font-weight: bold;
}

.icon-info .default {
text-decoration: underline;
}

/* Modules
***************************************************************************/

.module {
}

h2.module-header {
background-color: transparent;
color: #757575;
font-weight: normal;
margin: 0 0 5px 0;
padding: 5px 10px;
text-align: right;
text-transform: uppercase;
}

h2.module-header a {
color: #757575;
}

.module-content {
margin:0;
padding:0;
}

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

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

.module-content .userpic {
background:#000;
text-align: center;
width:100px;
height:100px;
margin:10px auto 0 40px;
border-radius:50px;
}

.module-content .userpic img {
margin: -7px -14px 0 0;
border-radius:50px;
background-color: transparent;
padding: 0;
}

.journal-name {
width:150px;
letter-spacing:0;
width:180px;
font-size:10pt;
margin-top: -60px;
text-align: center;
text-transform: uppercase;
color:#C36;
background:#000;
}

.journal-website-name {
display:none;
text-align: center;
text-transform: uppercase;
}

ul.userlite-interaction-links {
display:none;
margin: 0;
list-style: none;
text-align: center;
}

ul.userlite-interaction-links.icon-links li {
display: inline;
margin: 0 auto;
text-align: center;
}

.module-customtext {
width: auto;
padding: 20px;
margin: 20px 0 0 0;
font-size: 10pt;
}

.module-navlinks {
margin:20px 0 0 0;
font-size: 10pt;
text-align: center;
letter-spacing: 0.2em;
list-style: none;
}

.module-navlinks ul.module-list {
text-transform: uppercase;
}

.manage-link,
.manage-tags-link {
margin-top: 10px;
text-align: right;
text-transform: uppercase;
}

.module-calendar table {
margin: 0 auto;
text-align: center;
}

.module-calendar th {
background-color: #ededed;
border: 1px solid transparent;
color: #757575;
margin: 0 2px;
padding: 3px 8px;
text-transform: uppercase;
}

.module-calendar td.empty-day {
border: 1px solid transparent;
margin: 0 2px;
text-transform: uppercase;
}

.module-calendar td.entry-day {
background-color: #ededed;
border: 1px solid transparent;
color: #757575;
margin: 0 1px;
text-transform: uppercase;
}

.module-calendar td.entry-day a {
color: ;
}

.module-calendar td.entry-day a:visited {
color: ;
}

.module-calendar td.entry-day a:hover {
color: ;
}

.module-calendar td.entry-day a:active {
color: ;
}

.module-search .search-box {
margin-right: 2px;
}

/* Contextual Pop-ups
***************************************************************************/

div.ContextualPopup {
text-transform: uppercase;
}

div.ContextualPopup div.Inner {
background-color: #ffffff;
color: #000;
border: 1px solid #000;
}

div.ContextualPopup .Userpic {
background-color: transparent;
margin: 5px;
padding: 5px;
}

div.ContextualPopup .Content {
background-color: #ffffff;
color: #000;
border: none;
margin: auto;
}

div.ContextualPopup div.Inner a,
div.ContextualPopup div.Inner a:visited,
div.ContextualPopup div.Inner a:link {
color: #000;
text-decoration: none;
}

div.ContextualPopup .Relation {
color: #5f5f5f;
text-transform: uppercase;
}