Journal Layout: Take the Shot

[whiskyinmind]

This is my first attempt at offering a complete layout, it's nothing especially fancy coding wise, but I thought I'd give you the option of it.

Banner 1: http://i187.photobucket.com/albums/x111/fandomsbitca/ljbanner-shot.png
Banner 2 (alternate): http://i187.photobucket.com/albums/x111/fandomsbitca/ljbanner-shot2.png

Icons:
 
 
 
 
 

Friends Only Banner:

Please upload all images to your own server or image host.

Code Details:
Select 'Quite Lickable' as your layout option under 'Look & Feel'
Go to Custom Options and select Custom CSS
Where it asks 'Use layout's stylesheet?' select 'No' and copy and paste the following code into the 'Custom Stylesheet' box.

body {
background: #000000;
font-family: "Tahoma", "Georgia";
color: #F5E7CE;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
}

body, td, table, th, tr {
font-size: 10px;
}

#shadowhack1 {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width: 100%;
min-height: 150%;
}

#shadowhack2 {
margin: 0;
background: none;
min-height: 100%;
}

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

a:hover {
color: #F5E7CE;
}

#title {
overflow: hidden;
background-color: # 000000;
background-image: url(http://i187.photobucket.com/albums/x111/fandomsbitca/ljbanner-shot2.png);
background-repeat: no-repeat;
background-position: top center;
height: 300px;
width: 750px;
border: 0;
}

#title h1 {
display: none;
}

#title #journal_subtitle {
display: none;
}

#pagecontainer {
background-color: #000000;
color: #F5E7CE;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #66453E;
border-right: 1px solid #66453E;
width: 750px;
}

#main {
float: left;
margin: 20px 0px 0px 10px !important;
margin: 20px 0px 0px 5px;
min-height: 1024px;
padding: 0;
width: 550px;
background-color: transparent;
}

* html #main {
height: 1024px; /* IE-only hack */
}

.day h2 {
font-family: "Georgia", "Helvetica";
font-size: 13px;
font-weight: bold;
letter-spacing: 1.5px;
color: #C8DDE9;
background-color: #000000;
border: 0;
margin: 10px;
padding: 3px 3px 3px 6px;
}

.entry {
margin: 16px 16px 16px 10px;
background-color: transparent;
}

.entry .entryheader {
font-weight: bold;
text-align: left;
border-bottom: 1px solid #F5E7CE;
font-size: 12px;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: left;
margin: 12px 6px 6px 6px;
clear: right;
display: block;
padding: 0px;
background-color: transparent;
border: 1px solid #F5E7CE;
}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}

.entryheader .entryposter:after {
content: ": ";
}

.entryposter img, .collapsed_entry img {
height: 12px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpost {
text-align: right;
}

.entrylinkbarpre {
display: none;
}

.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: none;
}

.entryheader .entrytimestampdate {
display: none;
}

.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
display: inline;
}

.entry .entrycontent {
margin: 8px;
font-family: "Helvetica", "Tahoma";
font-size: 8pt;
text-align: justify;
line-height: 16px;
color: #F5E7CE;
padding: 0px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}

.entrymeta .entrymetacaption {
font-weight: bold;
}

.entrymeta li {
white-space: no-wrap;
}

div.ljtags {
display: inline;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0;
padding: 0em;
white-space: no-wrap;
text-align: center;
}

.entryfooter .entrycmdlinks:before {
content: "(";
}

.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}

* html .entrycmdlinks li {
margin-left: 1em;
}

.entrycmdlinks li:before {
content: " - ";
}

.entrycmdlinks li a:link {
padding: 0 5px 0 5px;
}

.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
list-style: none;
padding: 0;
margin-left: 50px;
}

.comments .comments {
margin-left: 25px;
}

.comments > li {
margin: 0;
padding: 0;
}

#paraphernalia {
float: right;
width: 160px;
font-family: "Tahoma", "Georgia";
background-color: #000000;
margin-top: 20px;
margin-right: 8px !important;
margin-right: 4px;
padding-bottom: 15px;
border: #F5E7CE solid 1px;
}

#paraphernalia h2 {
font-family: "Helvetica", "Arial";
font-size: 14px;
font-weight: bold;
text-align: left;
color: #F5E7CE;
margin-top: 16px;
margin-bottom: 8px;
border-bottom: #F5E7CE solid 1px;
}

#paraphernalia .pbox {
margin-left: 8px;
margin-right: 8px;
clear: both;
}

#journalinfouserpic {
text-align: center;
margin-top: 15px;
}

.journallinkbar {
display: none;
}

#journalinfo h2 {
display: none;
}

.pboxcontent {
margin-left: 8px;
margin-right: 8px;
}

.pbox dt {
font-weight: normal;
margin-top: 4px;
}

.pbox dd {
padding: 0;
margin-left: 10px;
}

.pbox ul {
margin: 0;
padding: 0;
list-style: none;
}

.pbox ul ul {
margin-left: 10px;
padding-bottom: 15px;
}

.pbox li {
margin: 0;
padding: 0;
}

.pbox li.current {
color: #F5E7CE;
font-weight: bold;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #AC3E26;
width: 120px;
}

.pbox li a {
color: #F5E7CE;
display: block;
text-decoration: none;
width: 120px;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #AC3E26;
}

.pbox li a:hover {
color: #F5E7CE;
background-color: # D3D8DB;
text-align: right;
}

.pbox p {
margin: 8px 0;
}

.comments .entry {
margin-left: 0;
margin-bottom: 8px;
}

.comments .entry .entryheader {
background-color: transparent;
}

input, textarea {
font-family: "Tahoma", "Georgia";
font-size: 10px;
}

.page_month #main form, .page_month #main dl {
margin: 8px;
}

.calendarmonth {
width: 60%;
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
margin-bottom: 2em;
}

.calendarmonth td, .calendarmonth th {
padding: 0.5em;
margin: 0;
}

.calendarmonthlink {
text-align: center;
}

.calendarmonthheader h2 {
font-size: 12px;
margin: 0;
}

.calendardaynum {
text-align: right;
}

.calendardaycount {
text-align: center;
}

.calendarday {
width: 14%;
}

.itemrange {
list-style: none;
padding: 0;
margin: 0.5em;
text-align: center;
}

.itemrange li {
display: inline;
margin: 0 0.25em;
}

.itemrange li a:before, .itemrange li.current:before {
content: "[";
}

.itemrange li a:after, .itemrange li.current:after {
content: "]";
}

#server_sig {
font-size: 1em;
text-align: center;
clear: both;
width: 750px;
background: none;
}

Layout: S2: Quite Lickable
Account type: Should work with all account types (not trialled in plus though, let me know if there's any problems with ads?)
Working preview

This layout should work with LiveJournal and InsaneJournal - and any other like-site which uses the 'Quite Lickable' layout.
The images used here may be taken for use in other layouts, but credit must be given to mara_sho or fandomsbitca.
Comments = love!

Just in case you wondered, the IP Anonymiser that I have on my links bar is a work related thing - I work in a library with electronic resources and have to check whether links work from outside our network or not.