S2 Smooth Sailing Support

Ask and thou shall receive help

Recent Entries

Welcome to S2 Smooth Sailing Support Community!

This community is a support community for users of the S2 layout Smooth Sailing. Anyone can join and post to the community without moderation. If a post is inappropriate, it will be removed.

Please make sure you visit the following useful sites before asking your question(s): Tutorial Index, Community Rules, Layout Changelog/Requests, Smooth Sailing Source Code, HTML-for-LiveJournal Modification Tool.

8th-May-2008 04:25 am

forever3330

Alright, I give. The maker of the style is no longer taking questions [I have great timing like that 8D;;] so could someone possibly tell me what on earth I've done wrong to have the little navigation thinger off to the side slightly? I changed NOTHING except the links, and I followed all the instructions [and quadruple checked] so I really, honest to goodness haven't the slightest idea what it is I'm doing wrong. And I've checked everything I know how to, read quite a few tutorials that shed no light whatsoever and...yeah. So here I am.

I'm sure it's something simple. though, so I hope someone could possibly point it out to me.

forever3330, and my css is:

/* JOE : style sheet based on the Smooth Sailing layout. By newkidfan at interlinea. */

/* ------------------------------------- TYPOGRAPHY ------------------------------------- */

body, p, td, tr, ul, ol, li, dl, dd {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 7pt;
	color: #777777;
	cursor: default;
	text-align: justify;
	scrollbar-base-color: #FFFFFF; /* Scrollbar colors only work in I.E. */
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #E5E5E5;
	scrollbar-darkshadow-color: #E5E5E5;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #F9F9F9;
	}

a, a:link, a:active, a:visited {
	color: #8FCFEA;
	text-decoration: none;
	}
	
a:hover {
	color: #CCCC33;
	}

.header-menu a, .header-menu a:visited {
	font-size: 8pt;
	font-variant: small-caps;
	font-weight: none;
	color: #CCCCCC; 
	}

.header-menu a:hover {
	color: #BBBBBB;
	}

.bodyheaderblock {
	font-size: 14pt;
	font-variant: small-caps;
	font-weight: none;
	letter-spacing: 2px;
	color: #E5E5E5;
	}

.entryHeader {
	padding-left: 23px; /* The padding value will change according to the date and time formats you choose */
	}

.entryHeaderDate {
	color: #E5E5E5;
	font-weight: none;
	padding-right: 22px; /* The padding value will change according to the date and time formats you choose */
	}

.entryHeaderSubject {
	color: #66AAD6;
	font-weight: bold;
	}

.entryMetadata-label {
	color: #E5E5E5;
	font-weight: bold;
	}

.entryLinkbar {
	text-transform: lowercase;
	}

.sideboxTitle {
	color: #CCCC33;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
.listtitle {
	letter-spacing: 2px;
	}

.commentHeader {
	padding-left: 10px; /* The padding value will change according to the date and time formats you choose */
	color: #E5E5E5;
	font-weight: none;
	}

.commentLinkbar {
	text-transform: lowercase;
	}
	
#footer-menu a {
	font-size: 8pt;
	color: #E1E1E1;
	font-variant: small-caps;
	text-decoration: none;
	}

#footer-menu a:hover {
	color: #CCCCCC;
	}
	
.pagefooterblock {
	font-size: 8pt;
	color: #E1E1E1;
	font-variant: small-caps;
	}

hr {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 1px dashed #8FCFEA;
	}
	
.entryText li {
	list-style: lower-roman;
	list-style-position: inside;
	padding-left: 20px;
}

blockquote {
	margin: 0px 10px 0px 10px;
	padding: 10px;
	color: #777777;
	background-color: #F8F8F8;
	border: 1px solid #E5E5E5;
	text-align: justify;
	}

::-moz-selection {
	color: #FFF;
	background: #8FCFEA;
	}

/* ------------------------- DO NOT ALTER ANYTHING BELOW THIS POINT ------------------------- */
/* ---------------------------------- except when indicated  ------------------------------------- */

/* ------------------------------------- MAIN STRUCTURE ------------------------------------- */

body {
	background-color: #F8F8F8;

/* Remove this line if you wish to have a background pattern
	background-image: url(http://YOURhtml.jpg); /* Type in your URL. */
	background-repeat: repeat;
/* Remove this line if you wish to have a background pattern */

width: 700px;
	margin: auto;
	}

.pageblock {
	background-color: transparent;
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	}

.pageheaderblock {
	background-color: transparent;
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/nambanner.jpg); /* Replace with the URL of your own header image (500x200px) */
	background-position: 3px 0px;
	background-repeat: no-repeat;
	height: 250px;
	}

.pagefooterblock {
	background-color: transparent;
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgfooter.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 3px 0px;
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 20px;
	padding-left: 120px;
	}
	
.bodyblock {
	background-color: transparent;
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgsidebar.gif); /* Type in your URL. Do not alter the image.*/
	background-position: top right;
	background-repeat: no-repeat;
	}

.bodyheaderblock {
	background-color: transparent;
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/navigation.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 530px 0px;
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 0px;
	}

.bodynavblock {
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	}

.body-title {
	background-color: transparent;
	padding-left: 50px;
	padding-top: 10px;
	}

*html #.body-title { /* tricks I.E. */
	padding-top: 5px;
	}

.body-midtitle {
	background-color: transparent;
	padding-left: 50px;
}

.entryHolder { 
	background-color: transparent;
	width: 486px;
	margin-left: 3px;
	margin-bottom: 2px;
	padding: 30px 7px 20px 7px;
	border-bottom: 1px dashed #E5E5E5; /* OK to customize */
	border-top: 1px dashed #CCCCCC; /* OK to customize */
	}

.sidebar {
	background-color: transparent;
	width: 140px;
	height: 300px;
	overflow: auto;
	margin-top: 15px;
	margin-left: 27px;
	margin-right: 20px;
	padding-right: 10px;
	}

/* ------------------------------------- HEADER / FOOTER ------------------------------------- */

.header-title {
	display: none;
	}
	
.header-subtitle {
	display: none;
	}

.header-icon {
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgheadericon.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 530px 25px;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-right: 45px;
	padding-bottom: 0;
	height: 150px;
	text-align: right;
	}
	
.header-menu {
	background-color: transparent;
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgheadermenu.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 50px;
	margin-top: -12px;
	}

.header-menu li {
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/thbmenu.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 70px;
	height: 33px;
	display: block;
	float: left;
	padding-top: 17px;
	padding-right: 2px;
	text-align: center;
	}

*html #.header-menu li { /* tricks I.E. */
	padding-top: 19px;
	}

.header-menu li a:hover {
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/thbmenuover.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 70px;
	height: 33px;
	display: block;
	float: left;
	padding-top: 17px;
	margin-top: -17px;
	margin-bottom: -17px;
	}

*html #.header-menu li a:hover {  /* tricks I.E. */
	padding-top: 19px;
	margin-top: -19px;
	margin-bottom: -19px;
	}

.header-menu ul {
	text-align: center;
	}

#footer-menu {
	background-color: transparent;
	}

#footer-menu li {
	display: inline;
	padding-right: 10px;
	}

#footer-menu ul {
	text-align: left;
	}

/* ------------------------------------- ENTRIES ------------------------------------- */

.entryUserinfo {
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgusericon.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-right: 7px;
	}

.entryUserinfo-usericon img {
	border: 0px;
	padding: 8px;
	margin: auto;
	}

.entryUserinfo-username {
	text-align: center;
	}

.entryHeader {
	padding-bottom: 5px;
	}

.entryMetadata {
	background-color: transparent;
	padding-top: 7px;
	}

.entryMetadata  ul {
	list-style-type: none;
	}

.entryLinkbar {
	background-color: transparent;
	}

.entryLinkbar li {
	display: inline;
	padding-right: 7px;
	}

.entryLinkbar ul {
	list-style-type: none;
	}

/* ------------------------------------- SIDEBAR ------------------------------------- */

.sidebox { 
	padding-bottom: 10px;
	}

.sideboxContent #Search input{
	width: 80%;
	}
	
.sideboxTitle { 
	padding-bottom: 5px;
	}
	
.profile-userpic { 
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgusericon.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 8px;
	}
	
.sidebox #profile {
	text-align: center;
	}
	
.sidebox #systemlinks {}

.sidebox #latestmonth table{
	width: 80%;
	padding: 2px;
	border: 1px solid #E5E5E5; /* OK to customize */
	}

/* ------------------------------------- COMMENTS ------------------------------------- */

.commentHolder {
	background-color: #F9F9F9; /* DO NOT CHANGE THE COLOR */
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgcomments.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 0px bottom;
	background-repeat: repeat-x;
	padding: 7px;
	margin-bottom: 2px;
	margin-left: 3px;
	}

.commentUserinfo {
	background-image: url(http://i103.photobucket.com/albums/m137/megguicons/Layout/Namine/bgusericoncomments.gif); /* Type in your URL. Do not alter the image.*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-right: 7px;
	}

.commentUserinfo-usericon img {
	border: 0px;
	padding: 8px;
	margin: auto;
	}

.commentUserinfo-username {
	text-align: center;
	}

.commentLinkbar li {
	display: inline;
	padding-right: 7px;
	}

.commentLinkbar ul {
	list-style-type: none;
	}

/* ------------------------------------- FORM ------------------------------------- */

.replyform {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 7pt;
	color: #777777;
	cursor: default;
	text-align: justify;
	}

.textbox {
	margin-top: 5px;
	margin-bottom: 5px;
	}

.replyform textarea {
	width: 450px;
	}

input {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 7pt;
	color: #8FCFEA;
	background-color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #CCCCCC;
	font-size: small;
	margin: 0;
	}

/* ------------------------------------- CALENDAR ------------------------------------- */

.daytitles { 
	text-align: center;	
	background-color: #8FCFEA; 
	color: #FFFFFF;
	padding: 7px;
}

.daysubjects {
	padding-left: 7px;
	}

.month {
	margin: 7px auto 7px auto;
	padding: 10px;
	border: 1px solid #CCCCCC;
	}

.yearlinks { color: #8FCFEA; }
.yearlink { color: #8FCFEA; }

.day-blank { 
	padding: 1px;
	}

.day {
	padding: 1px;
	text-align: center;	
	}

.day-date {
	background-color: #EEEEEE;
	padding: 1px 10px 1px 10px;
	text-align: center;	
	}

.day-count {
	padding: 7px;
	background-color: #F7F7F7;
	}
.day-count a { }

/* ------------------------------------- TAG PAGE ------------------------------------- */

.tagstable {
	width: 90%;
	text-align: center;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	margin-top: 7px;
	margin-bottom: 7px;
	}

.tagstable td {
	text-align: left;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding-left: 7px;
	}

/* ------------------------------------- LJ USER ICON ------------------------------------- */
/* ---- If you have a paid account, it's better to change the user icon via layers than css ----*/

span.ljuser img {
	visibility: hidden;
	}

span.ljuser a {
	background-color: #fff;
	width: 16px;
	height: 16px;
	background-image: url(http://YourURL/user.png); /* Type in your URL. */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 0;
		}

span.ljuser b {
	padding: 2px 0 2px 0;
	background: #FFFFFF;
	}

http://community.livejournal.com/interlinea/2111.html?page=6#comments These are the instructions I followed.

Mood:confused

5th-May-2008 03:35 pm

odaku

I have recently places custom CSS on

warped_canvas that uses scrolling in the pageblock and sidebar. The only problem is that in IE, the background image in the pageblock scrolls with the text and I want it to stay fixed in the body block so that the text scrolls over it.

/* Cleaned CSS: */
/* Cleaned CSS: */
/* Cleaned CSS: */
/* Cleaned CSS: */
/* PAGE */

body {
     font-family: verdana, sans-serif;
     font-size: 6pt;
     margin: 0px;
     padding: 0px;
     color: #b4b4b4;
     background: #ffffff url(http://i150.photobucket.com/albums/s98/odaku/my%20layouts/bg_white_grey.gif);
     background-repeat: repeat;
     background-position: top right;
     margin-bottom: 30px; 
     }
div,td {
scrollbar-base-color: #c06256;
scrollbar-track-color: #c06256;
scrollbar-face-color: #d8a18d;
scrollbar-highlight-color:#eabaa8;
scrollbar-3dlight-color: #eabaa8;
scrollbar-darkshadow-color: #976958;
scrollbar-shadow-color: #ba826d;
scrollbar-arrow-color: #ffffff;
}
  a {
     color: #7adc9c; 
     font-weight: bold;
     text-decoration: none;
     }
  a:visited {
     color: #7adc9c; 
     font-weight: bold;
     text-decoration: none;
     }
  a:hover {
     color: #ffffff;
     font-weight: bold;
     text-decoration: none;
    text-decoration: underline;
     }

.pageblock{
     width:580px;
     height: 582px;
     margin: 0px auto;
     }
  .pagefooterblock{
     background-color: transparent;
     color: #9cb28e;
     padding-top: 14px;
     font-size: 9px;
     text-transform: uppercase;
     padding-bottom: 39px;
     margin-top: 0px;
     text-align: center;
     background: url();
     background-repeat: no-repeat;
     background-position: top center;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #9e1004;

}

/* HEADER */

.pageheaderblock {
     text-align: left;
     margin-top: 30px;
     background: url();

}

.header-title {
     position: absolute;
     font-size: 34px;
     font-weight: regular;
     margin: 0px auto;
     width: 820px;
     color: #858256;
     text-align: left;
     margin-left: -165px;
     top: 70px;
     font-family: century gothic;
     }
  .header-subtitle {
     position: absolute;
     font-size: 12px;
     font-weight: regular;
     margin: 0px auto;
     width: 820px;
     color: #a7a260;
      text-align: left;
     margin-left: -165px;
     top: 110px;
     font-family: century gothic;
     letter-spacing: 10px;
     text-transform: uppercase;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;

}
  .header-menu {
     font-family: verdana;
     font-size: 10px;
     text-transform: uppercase;
     margin: 0px auto;
     width: 165px;
     text-align: left;
     position: absolute;
     top: 150px;
     height: 20px;
     margin-left: -161px;
     height: 584px;
     background-color: #604f40;
     }
  .header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     text-align: left;
     padding: 6px;
     display: block;
     color: #e3d0b0;
     margin-bottom: 10px;
     text-decoration: none;
     background: #858256;
     background-position: center left;
     width: 152px;
     }
  .header-menu a:hover {
     color: #ffffff;
     font-weight: bold;
     background-color: #6c704f;

}
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
width:580px;
height: 584px;
margin: 0px auto;
overflow-x: hidden;
overflow: auto;
overflow-y: scroll;
margin-top: 105px;
background-image: url(http://i150.photobucket.com/albums/s98/odaku/my%20layouts/warped-canvas-banner-ver1-1.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top left;
}
  .bodyheaderblock {
     display: none;
     }
  .bodynavblock {
     background-color: transparent;
     color: #4e4e4e;
     margin: 10px 0px 4px 0px;
     padding: 9px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: pink;
     text-align: center;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     font-family: verdana;
     font-size: 18px;
     color: #4e4e4e;
     text-align: left;
     padding-left: 8px;
     }

/*ENTRIES*/
  .entryHolder {
     color: #ffffff;
     background-color: transparent;
     font-family: verdana;
     font-size: 11px;
     line-height: 13px;
     margin-left: 7px;
     text-align: left;
     padding: 20px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     
     background-color: transparent;
     }
  .entryUserinfo-usericon img { 
     padding: 2px; 
     border: 1px solid #e0e0e0;
     } 
  .entryText {
     padding: 6px;
     }
  .entryHeader {
     background-color: transparent;
     color: #de5352;
     text-align: left;
     font-family: verdana;
     font-size: 10px;
     line-height: 13px;
     margin: 4px 0px 4px 0px;
     text-align: left;
     text-transform: uppercase;

}
  .entryHeader a{
     color: #4e4e4e;
     }
  .entryHeaderSubject {
     font-weight: regular;
     display: block;
     color: #b44444;
     font-size: 11px;
     letter-spacing: 10px;
     }
  .entryHeaderDate a {
     color: #000000;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color: #000000;
     text-decoration : underline;
     }
  .entryMetadata {
     padding-left: 6px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: verdana;
     font-size: 10px;
     color: #4e4e4e;
     text-align: right;
     padding:5px 5px 4px 5px;
     margin-right: 5px;
     margin-bottom: 10px;
     background-color: #604f40;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 2px px 5px;
     margin: 0px;     
     display: inline;
     margin-left: 5px;
     }
   blockquote{
     background-color: #420001;
     color: #d4d4d4;
     padding: 5px;
     border: 1px dotted pink;
     }
/*FOOTER*/

#footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #604f40;
     white-space: nowrap;
     padding: 6px;
     text-align: left;     font-size: 11px;
     }

/*SIDEBAR*/
  
  .sidebar {
     text-align: left;
     font-family: verdana;
     font-size: 10px;
     line-height: 13px;
     text-align: left;
     margin-right: 0px;
     width: 200px;
     background-color: #604f40;
     margin: 0px 0px 0px 20px;
     padding: 0px;
     position: absolute;
     height: 583px;
overflow-x: hidden; 
overflow: auto; 
overflow-y: scroll; 
     top: 150px;
     }
  .sidebox {
     color: #e4d2b2;
     background-color: #604f40;
     margin-top: 0px;
     margin-bottom: 0px;

}
  .sideboxTitle {
     background-color: #858256;
     color: #e0cdae;
     font-family: tahoma;
     font-size: 10px; 
     text-align: center;
     text-transform: uppercase;
     font-weight: normal;
    padding-top: 5px;
     padding-bottom: 5px;
     }
  .sideboxContent {
     text-align: left;
     padding: 10px 4px 10px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;

}
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #b4b4b4;
     background-color: transparent;
     font-family: verdana;
     font-size: 10px;
     line-height: 13px;
     margin-left: 7px;
     text-align: left;
     padding: 20px;
     }
  .commentUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     background-color: transparent;
     }
  .commentUserinfo-usericon img { 
     border: 1px solid #efefef; 
     padding: 2px;
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: transparent;
     color: #710100;
     text-align: left;
     font-family: verdana;
     font-size: 10px;
     line-height: 13px;
     margin: 4px 0px 4px 0px;
     text-align: left;
     text-transform: uppercase;

}
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: verdana;
     font-size: 10px;
     color: #4e4e4e;
     text-align: right;
     padding:5px 5px 4px 5px;
     margin-right: 5px;
     margin-bottom: 10px;
     background-color: #5e0507;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: #7b0100;
     color: #000000;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #d4d4d4;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     color: #d4d4d4;
     }
  .day-blank {

}
  .day {
     }
  .day-date {
     color: #d4d4d4;
     width: 50%;
     text-align: center;
     background-color: #5c0001;
     margin: 3px;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #5597f5;

}

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 400px; }

Any suggestions?

5th-May-2008 11:57 pm - no indent?

artic_fox

Is there any way in Smooth Sailing to stop comments from indenting? Mine skew out my layout, so I'd rather they didn't indent at all. Can anyone help please?

My CSS:

layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";
set layout_sidebox_summary_visibility = "hide";
set text_sidebox_freetext_title = "Current Favourites:";
set layout_sidebox_latestmonth_visibility = "4";
set text_nosubject = "///";
set layout_custom_css = "/* Cleaned CSS: */
/*---------------------------------------------------
S2 Smooth Sailing Layout Coding
Layout by hikaru 
http://hikaru__sama.livejournal.com @ community.livejournal.com/hikkie_heaven
DO NOT REMOVE THIS AREA
-----------------------------------------------------*/

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

GENERAL

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

body
{
font-family: Lucida grande , sans-serif;
font-size: 11px;
background-color: #161616;
background: #414141 url() repeat top fixed center;
color: #202020;
}

a, a:link, a:visited
{
color: #6a6045;
text-decoration: none;
font-weight: bold;
}

a:hover
{
color: #ae975a;
text-decoration: none;
font-weight: bold;
}

.pageblock
{
width:950px;
padding-top: 2px;
margin-left: 150px;
background-color: #161616;
background-image: url(\"\") 
border: 1px solid #202020;
padding-top: 0px;
}

.pagefooterblock
{
display: none;
}

.pagefooterblock a, .pagefooterblock a:visited
{
color: #999999;
}

#welcomenoteHolder
{
border-bottom: 0px solid #ffffff;
border-top: 0px solid #ffffff;
background-color: transparent;
text-align: justify;
margin-bottom: 20px;
}

#welcomenoteSubject
{
text-align: center;
color: #999999;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}

#welcomenoteText
{
color: #999999;
text-align: left;
padding-top: 0px;
font-size: 10px;
}

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

HEADER

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

.pageheaderblock
{
text-align: none;
}

.header-title {
     background-color: #161616;
     background-image: url('http://img.photobucket.com/albums/v697/artic_fox/journal/christianbale.png');
     height: 350px;
     background-repeat: no-repeat;
     background-position: center ;
     font-family: Trebuchet MS;
     font-size: 0px;
     color: #000000;
     padding: 0px 20px 0px 20px;
	}

.header-subtitle
{
display: none;
}

.header-icon
{
display: none;
}

.header-menu
{
background-color: #232323;
text-align: right;
text-transform: lowercase;
padding: 3px 0px 3px 6px;
display: yes;
}

.header-menu a, .header-menu a:visited
{
white-space: nowrap;
text-align: right;
font-size: 11px;
padding: 2px 6px 2px 6px;
color: #a36429;
text-decoration: none;
}

.header-menu a:hover
{
background-color: #232323;
color: #d2832e;
}

.header-menu ul, #footer-menu ul
{
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li
{
display: inline;
}

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

BODY

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

.bodyblock
{
padding: 0px 0px 0px 0px;
}

.bodyheaderblock
{
display: none;
}

.bodynavblock
{
background-color: #a36429;
font-weight: bold;
color: #a36429;
margin: 4px 0px 4px 0px;
}

.bodynavblock a, .bodynavblock a:visited
{
margin: 0px 4px 0px 4px;
}

.body-midtitle
{
font-size: 10px;
color: #000000;
text-align: left;
padding-left: 8px;
}

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

ENTRIES

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

.entryHolder
{
color: #646461;
background-color: #161616;
font: georgia 11px;
border: 1px solid #232323;
padding-top: 0px;
margin-top: 10px;
width: 700px;
}

.entryUserinfo
{
text-align: center;
     margin: 10px;
padding: 6px;
padding-right: 6px;
padding-bottom: 6px;
}

.entryUserinfo-usericon img
{
border: 1px solid #292929;
padding: 5px;
}

.entryText
{
padding: 4px;
text-align: justify;
padding: 8px 4px 14px 0;
}

.entryText{
margin-bottom:15px;
}

.entryHeader
{
background-color: #262626;
border-bottom: 1px dash #d4d4d4;
color: #999999;
font-size: 10px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.entryHeader a
{
color: #999999;
}

.entryHeaderSubject
{
color: #84603e;
text-align: left;
font-size: 11px;
text-transform: uppercase;
padding: 0px 5px 0px 4px;
font-weight: bold;
}

.entryHeaderDate
{
color: #666666;
font-size: 10px;
text-transform: uppercase;
}

.entryHeaderDate a
{
color : #999999;
text-decoration : none;
}

.entryHeaderDate {
     background-image: url(http://img.photobucket.com/albums/v697/artic_fox/journal/clock.gif);
     background-position: left center;
     background-repeat: no-repeat;
     padding-left: 17px;
font-weight: bold;
}

.entryHeaderDate a:hover
{
color : #999999;
text-decoration : underline;
}

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

CURRENT MOOD, MUSIC, LOCATION, AND TAGS

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

.entryMetadata {
	padding-left: 5px;
	}
  .entryMetadata a {
	color: #666;
	}
  .entryMetadata ul{
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	}
  .entryMetadata li{
	list-style: none;
	display: block;
	padding-right: 10px;
	}
  .entryMetadata-label{
	font-weight: bold;
	padding-right: 4px;
    color: #84603e;
	font-family: Trebuchet MS;
	} 	 
	
.entryLinkbar
{
font-size: 10px;
color: #000000;
text-transform: lowercase;
text-align: right;
border-bottom: 1px solid #29261c;
padding: 4px 0px 0px 0px;
padding-bottom: 6px;
}

.entryLinkbar ul
{
margin: 0px;
padding: 0px;
}

.entryLinkbar li
{
background-image: url(http://img.photobucket.com/albums/v697/artic_fox/journal/arrow.gif);
     background-position: left center;
     background-repeat: no-repeat;
padding: 0px 5px 0px 15px;
margin: 0px;
display: inline;
}

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

FOOTER

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

#footer-menu
{
font-size: 10px;
color: #666666;
text-align: center;
background-color: #222222;
}

#footer-menu a, .footer-menu a:visited
{
color: #555555;
white-space: nowrap;
}

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

SIDEBAR

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

.sidebar
{

font-size: 10px;
width: 210px;
background-color: #161616;
padding: 3px 10px 0 10px;

}

.sidebox
{
color: #555555;
background-color: #161616;
}

.sideboxTitle
{
color: #646461;
font-size: 10px;
text-transform: none;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #232323;
background-color: #161616;
width: 97%;
padding: 3px 0px 3px 4px;

}

.sideboxContent
{
padding: 4px;
border-bottom: 0px solid #FFFFFF;
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search
{
text-align: center;
}

.sidebox #tags_sidebox
{
text-align: center;
}

.sidebox #systemlinks
{
text-align: left;
}

.sidebox #latestmonth table
{
width: 90%;
margin-left: auto;
margin-right: auto;
}

.listtitle
{
border-top: 0px solid #000000;
font-weight: bold;
}

.profile-label
{
display: none;
}

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

COMMENT PAGE

---------------------------------------------------- */	
.commentHolder {
color: #666;
background-color: #161616;
font-family: Tahoma;
font-size: 10.5px;
padding: 2px;
margin: 2px 0px 2px 0px;
border: 1px solid #232323;	
}
.commentUserinfo {
border: 1px solid #232323;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
background-color: #383838;
display: inline;
}
.commentUserinfo-usericon img { 
border: 0; 
display: inline;
} 
.commentText {
line-height:12px;
margin: 5px;
padding: 0px;
text-align: left;
}
.commentHeader {
background-color: #363636;
padding-bottom: 0.2em;
padding-right: 0.2em;
font-family: \"century gothic\", sans-serif;	
font-size: 10px;
font-weight: bold;
text-align: right;
border-bottom: 5px solid #6a6045;	
color: #555;	
text-transform: uppercase;
}
.commentHeader a{
color: #888;
}
.commentHeaderScreened {
font-family: ;
font-size: 9px;
background-color: #323232;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 9px;
color: #6a6045;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

.replyform {
     border: 0;
     background-color: #161616;
     color: #6a6045;
     padding: 10px;
     }

#commenttext{
width:100%;
}

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

ARCHIVE PAGE

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

.yearlinks
{
text-align: right;
}

.yearlink
{
padding-left:4px;
padding-right: 4px;
letter-spacing: 2px;
padding-bottom: 20px;
margin-bottom: 8px;
margin-left: 6px;
margin-right: 4px;
list-style-type: none;
font-weight: bold;
}

.month
{
width: 99%;
border: 1px solid #EEEEEE;
margin: 4px 4px 4px 4px;
}

.daysubjects
{
color: #999999;
padding: 8px 8px 8px 40px;
}

.daytitles
{
text-align: center;
border: 1px solid #EEEEEE;
background: #EEEEEE;
color: #999999;
}

.day-blank
{
border: 1px solid #EEEEEE;
}

.day
{
border: 1px solid #EEEEEE;
}

.day-date
{
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
color: #999999;
width: 50%;
text-align: center;
}

.day-count
{
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}

.day-count a
{
text-decoration: none;
color: #999999;
}

.tagstable, .tagstable td
{
border: 1px solid #EEEEEE;
}

.tagstable
{
width: 99%;
}

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

/* USER, COMMUNITY, PROTECTED ICONS */

.ljuser img { 
	 /* fallback code for older browsers */
	 width: 0;
	 height: 0;
	 padding: 17px 20px 0 0;
	 /* for some reason IE doesn't understand 
	 background shortcuts for this one */
	 background-image: url(http://img.photobucket.com/albums/v697/artic_fox/journal/user.gif);
	 background-repeat: no-repeat;
	 background-position: left center;
	}
	.ljuser img[src=\"http://p-stat.livejournal.com/img/userinfo.gif\"]{
	 width: 0;
	 height: 0;
	 padding: 0 0 15px 10px;
	 background-image: url(http://img.photobucket.com/albums/v697/artic_fox/journal/user.gif);
	 background-repeat: no-repeat;
	 background-position: left center;
	}
	.ljuser img[src=\"http://p-stat.livejournal.com/img/community.gif\"]{
	 width: 0;
	 height: 0;
	 padding: 0 0 18px 15px;
	 background-image: url(http://img.photobucket.com/albums/v697/artic_fox/journal/community.png);
	 background-repeat: no-repeat;
	 background-position: left center;
	}
/* ----------------------------------------------------

TAG PAGE

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

.tagstable {
		width: 90%;
		text-align: center;
		border-top: 1px solid #E1E1E1;
		border-left: 1px solid #E1E1E1;
		margin-top: 7px;
		margin-bottom: 7px;
		}

.tagstable td {
		text-align: left;
		border-right: 1px solid #E1E1E1;
		border-bottom: 1px solid #E1E1E1;
		padding-left: 7px;
		}

";
set include_default_stylesheet = false;
set text_sidebox_freetext_text = "<lj user=\"who_daily\">
<lj user=\"bale_daily\">
<lj user=\"lilyrose_icons\">
<lj user=\"tennant_love\">
<lj user=\"hires_hunks\">
<lj user=\"miloventimiglia\">
<lj user=\"thesatanpit\">
<lj user=\"time_and_chips\">
<lj user=\"janeaustenfans\">
<lj user=\"josephs_jeans\">
<lj user=\"australiamovie\">";
set layout_sidebox_multisearch_visibility = "hide";
set layout_sidebox_tags_alignment = "left";
set layout_sidebox_links_visibility = "3";
set text_sidebox_profile_namelabel = "";
set layout_sidebox_title_alignment = "left";
set layout_sidebox_freetext_visibility = "2";
set text_sidebox_freetext_2_title = "";
set layout_arrangement_metadata = "block";
set text_sidebox_profile_userlabel = "";

function Entry::print_metadata() {
  var string tags_header         = "tags:"; # text for tags header,    "Current Tags"
  var string tags_joiner         = " ";            # text for tags joiner,    ":"
  var string tags_sep            = ", ";           # text for tags separator, ", "
  var bool   show_edit_tags_link = false;          # set to true if you want edit tags link as tags header

var string currents_open       = """<div class="clear"> </div>
            <div class="clear"> </div>
	    <div class="currents">"""; # html for opening of currents container
  var string currents_close      = """</div>"""; # html for closing of currents container

var bool   loc_after_mood      = false;               # set to true to print location after mood
  var bool   vanilla_loc         = false;               # set to true to delinkify location

# if you need data specific to the meta to be in these strings you'll have to set those individually down further
  # one example is provided with meta_label_open
  var string meta_label_open     = "";               # html for opening of metadata label
  var string meta_label_close    = """</strong> """; # html for closing of metadata label
  var string meta_val_open       = "";               # html for opening of metadata value
  var string meta_val_close      = """</div>""";     # html for closing of metadata value

var Link   edit_tags           = $this->get_link("edit_tags"); # helper var to see if remote user can edit tags

if ((size $.metadata > 0) or ((size $.tags > 0) and ($*tags_aware))){
    if($.metadata{"mood"} == "" and $loc_after_mood) {
      # if we're printing loc after mood but we have no mood, set loc_after_mood to false
      $loc_after_mood = false;
    }
    var string currents = "";             # make var for printing
    $currents           = $currents_open; # add opening of currents container

if(defined $.mood_icon) {
      var Image i = $.mood_icon;
      $currents = $currents + """<table border="0"><tr><td><img src="$i.url" width="$i.width" height="$i.height" alt="$.metadata{"mood"}" title="$.metadata{"mood"}" /></td><td>""";
    }

foreach var string k ($.metadata){  # step thru metadata
      var string text = $k;             # set text to key
      var string val  = $.metadata{$k}; # get val
      if ($k == "mood"){                # if mood, set text to mood property
        $text = """mood:""";
      } 
      elseif ($k == "music") {          # if music, set text to music property
        $text = """music:""";
      } elseif ($k == "location") {     # if location, set text to loc variable
        $text = """location:""";
        if($vanilla_loc) {              # if vanilla loc, striphtml() it
          $val = striphtml($val);
        }
      }
      if(not ($k == "location" and $loc_after_mood)) {
        # if we're doing loc right now and printing loc after mood, skip it
        # if we're doing loc right now and we're not printing loc after mood, print it now
        # if we're not doing loc right now, print this piece of meta

# in this layout, each piece of meta gets its own class
        $meta_label_open  = """<div class="current$k"><strong>""";

# add the meta
        $currents = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close""";
      }

if($k == "mood" and $loc_after_mood) {
        # if we just now did the mood and we're printing loc after mood, print the loc
        $k    = "location";           # set meta key to "location"
        $text = $*text_meta_location; # set text to loc variable
        $val  = $.metadata{$k};       # get val

# if we have a loc, do stuff
        if($val != "") {

# if vanilla loc, striphtml() it
          if($vanilla_loc) {
            $val = striphtml($val);
          }

# in this layout, each piece of meta gets its own class
          $meta_label_open  = """<div class="current$k"><strong>""";

# add the meta
          $currents         = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close""";
        }
      }
    }
    if ((size $.tags > 0) and $*tags_aware) {
      var string k      = "tags"; # set key to "tags"

# in this layout, each piece of meta gets its own class
      $meta_label_open  = """<div class="current$k"><strong>""";

var int tcount = 0; # set counter for tags
      if($edit_tags.url != "" and $show_edit_tags_link) { # if remote user can edit tags, let's give them a link
        $tags_header = """<a href="$edit_tags.url">$tags_header</a>""";
      }

# add text, open val container
      $currents = $currents + """$meta_label_open$tags_header$tags_joiner$meta_label_close$meta_val_open""";

# build tag list
      foreach var Tag t ($.tags) {
        $currents = $currents + """<a rel="tag" href="$t.url">$t.name</a>""";
        $tcount++;

# if we haven't hit the last tag, add a separator
        if ($tcount != size $.tags) { $currents = $currents + $tags_sep; }
      }

# close val container
      $currents = $currents + $meta_val_close;
    }

if(defined $.mood_icon) {
      $currents = $currents + """</td></tr></table>""";
    }

# close currents container
    $currents = $currents + $currents_close;

# print currents
    println "$currents";
  }
}

Thank you!

Tags:comment page
Mood:annoyed

4th-May-2008 05:02 am

writing_light

I'm working on a layout at

wlbluestars. I had everything working how I wanted but then I went and tried to clean up the code a little bit. Now I'm having a problem where if there is a link directly below another one you won't be able to click on the one on top. The click area is to big and covers the other link. It's not really noticeable except on the links list on the sidebar. Does anyone know how to shrink the click area back down?

ETA: FIXED! Thank you

babyelefant

Tags:text

4th-May-2008 12:35 pm - Changing ad background colors

outinspace

The community rules didn't say anything about asking about lj ads, so here goes. Hopefully I'm not doing anything wrong. XD

I've just recently changed to a plus account, and I'm using this smooth sailing layout from

fanmedley ~~with ad placement set to in between entries. I don't mind the ads, but I do mind the white background that they come with.~~

( example here )

~~Is there any way to remove or change the background color so that the ads don't contrast as much with the rest of the page?~~

EDIT: Nvm, fixed it using the color editing page on Customize Journal. Silly me.

Tags:background

4th-May-2008 01:36 am - comment page issues

artic_fox

A few minor issues:

1. On my comments/reply page, when I have the 'reply' box open, the text for 'anonymous', and 'login' are almost the same colour as my background. The answer is probably completely obvious, but the css I'm using doesn't seem to have this part customised? Or maybe its late and I just can't see it. FIXED.

Here is a picture of the issue. FIXED.

2. For the most part all the comments in my entries stay within the width I have set for the journal. But sometimes I get comments that make it go like this and it won't stay in line. Is it individual to the entry and how it is replied to, or is it something to do with my code? As I said, other entries such as here don't seem to be affected. I understand that people posting pictures in the comments can skew out the page, but this doesn't seem to be the issue above.

3. If people do post pictures in the comments, it is possible to keep the width of the journal the same, and let the picture just spread beyond it? Otherwise it stretches the rest of the comments and people have to scroll across like in this entry and it gets annoying.

Basically I just want the width of the journal to be fixed no matter what is happening in the comments. Or even a way to stop comments decreasing in width and having them always a fixed size. That would be perfect.

Here is my css:

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

GENERAL

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

body
{
font-family: Lucida grande , sans-serif;
font-size: 11px;
background-color: #161616;
background: #414141 url() repeat top fixed center;
color: #202020;
}

a, a:link, a:visited
{
color: #6a6045;
text-decoration: none;
font-weight: bold;
}

a:hover
{
color: #ae975a;
text-decoration: none;
font-weight: bold;
}

.pageblock
{
width:950px;
padding-top: 2px;
margin-left: 150px;
background-color: #161616;
background-image: url(\"\") 
border: 1px solid #202020;
padding-top: 0px;
}

.pagefooterblock
{
display: none;
}

.pagefooterblock a, .pagefooterblock a:visited
{
color: #999999;
}

#welcomenoteHolder
{
border-bottom: 0px solid #ffffff;
border-top: 0px solid #ffffff;
background-color: transparent;
text-align: justify;
margin-bottom: 20px;
}

#welcomenoteSubject
{
text-align: center;
color: #999999;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}

#welcomenoteText
{
color: #999999;
text-align: left;
padding-top: 0px;
font-size: 10px;
}

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

HEADER

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

.pageheaderblock
{
text-align: none;
}

.header-subtitle
{
display: none;
}

.header-icon
{
display: none;
}

.header-menu
{
background-color: #232323;
text-align: right;
text-transform: lowercase;
padding: 3px 0px 3px 6px;
display: yes;
}

.header-menu a, .header-menu a:visited
{
white-space: nowrap;
text-align: right;
padding: 2px 6px 2px 6px;
color: #a36429;
text-decoration: none;
}

.header-menu a:hover
{
background-color: #232323;
color: #d2832e;
}

.header-menu ul, #footer-menu ul
{
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li
{
display: inline;
}

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

BODY

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

.bodyblock
{
padding: 0px 0px 0px 0px;
}

.bodyheaderblock
{
display: none;
}

.bodynavblock
{
background-color: transparent;
font-weight: bold;
color: #a36429;
margin: 4px 0px 4px 0px;
}

.bodynavblock a, .bodynavblock a:visited
{
color: #a36429
font-weight: bold;
margin: 0px 4px 0px 4px;
}

.body-midtitle
{
font-size: 10px;
color: #000000;
text-align: left;
padding-left: 8px;
}

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

ENTRIES

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

.entryHolder
{
color: #646461;
background-color: #161616;
font: georgia 10px;
border: 1px solid #232323;
padding-top: 0px;
margin-top: 10px;
width: 700px;
}

.entryUserinfo
{
text-align: center;
     margin: 10px;
padding: 6px;
padding-right: 6px;
padding-bottom: 6px;
}

.entryUserinfo-usericon img
{
border: 1px solid #292929;
padding: 5px;
}

.entryText
{
padding: 4px;
text-align: justify;
padding: 8px 4px 14px 0;
}

.entryText{
margin-bottom:15px;
}

.entryHeader
{
background-color: #262626;
border-bottom: 1px dash #d4d4d4;
color: #999999;
font-size: 10px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.entryHeader a
{
color: #999999;
}

.entryHeaderSubject
{
color: #84603e;
text-align: left;
font-size: 11px;
text-transform: uppercase;
padding: 0px 5px 0px 4px;
font-weight: bold;
}

.entryHeaderDate
{
color: #666666;
font-size: 10px;
text-transform: uppercase;
}

.entryHeaderDate a
{
color : #999999;
text-decoration : none;
}

.entryHeaderDate a:hover
{
color : #999999;
text-decoration : underline;
}

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

CURRENT MOOD, MUSIC, LOCATION, AND TAGS

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

.entryLinkbar ul
{
margin: 0px;
padding: 0px;
}

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

FOOTER

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

#footer-menu
{
font-size: 10px;
color: #666666;
text-align: center;
background-color: #222222;
}

#footer-menu a, .footer-menu a:visited
{
color: #555555;
white-space: nowrap;
}

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

SIDEBAR

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

.sidebar
{

font-size: 10px;
width: 210px;
background-color: #161616;
padding: 3px 10px 0 10px;

}

.sidebox
{
color: #555555;
background-color: #161616;
}

}

.sideboxContent
{
padding: 4px;
border-bottom: 0px solid #FFFFFF;
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search
{
text-align: center;
}

.sidebox #tags_sidebox
{
text-align: center;
}

.sidebox #systemlinks
{
text-align: left;
}

.sidebox #latestmonth table
{
width: 90%;
margin-left: auto;
margin-right: auto;
}

.listtitle
{
border-top: 0px solid #000000;
font-weight: bold;
}

.profile-label
{
display: none;
}

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

COMMENT PAGE

---------------------------------------------------- */	
.commentHolder {
color: #666;
background-color: #161616;
font-family: Tahoma;
font-size: 10px;
padding: 2px;
margin: 2px 0px 2px 0px;
border: 1px solid #232323;	
}
.commentUserinfo {
border: 1px solid #232323;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
background-color: #363636;
display: inline;
}
.commentUserinfo-usericon img { 
border: 0; 
display: inline;
} 
.commentText {
line-height:12px;
margin: 5px;
padding: 0px;
text-align: left;
}
.commentHeader {
background-color: #363636;
padding-bottom: 0.2em;
padding-right: 0.2em;
font-family: \"century gothic\", sans-serif;	
font-size: 10px;
font-weight: bold;
text-align: right;
border-bottom: 5px solid #6a6045;	
color: #555555;	
text-transform: uppercase;
}
.commentHeader a{
color: #888;
}
.commentHeaderScreened {
font-family: ;
font-size: 10px;
background-color: #323232;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 10px;
color: #6a6045;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
#commenttext{
width: 100%;
}

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

ARCHIVE PAGE

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

.yearlinks
{
text-align: right;
}

.yearlink
{
padding-left:4px;
padding-right: 4px;
letter-spacing: 2px;
padding-bottom: 20px;
margin-bottom: 8px;
margin-left: 6px;
margin-right: 4px;
list-style-type: none;
font-weight: bold;
}

.month
{
width: 99%;
border: 1px solid #EEEEEE;
margin: 4px 4px 4px 4px;
}

.daysubjects
{
color: #999999;
padding: 8px 8px 8px 40px;
}

.daytitles
{
text-align: center;
border: 1px solid #84603e;
background: #84603e;
color: #999999;
}

.day-blank
{
border: 1px solid #84603e;
}

.day
{
border: 1px solid #84603e;
}