hetalia | [Layout] Here comes little Italy

NOTE: This looks best in Mozilla Firefox. In Internet Explorer the text is pushed down a bit, and I'll be working on fixing that -- someday. It doesn't look too bad, though.

o1. Go to Select Journal Style and pick a Flexible Squares layout. (I used Nautical.)
o2. Go to Customize Journal Style and do the following:

Disable customized comment pages for your journal

Custom CSS

b, strong {
	font-weight : bold;
	color : #bb8071;
	}

i, em {
	font-style : italics;
	color : #c37178;
	}

textarea {
	font-family : Arial;
	font-size : 9pt;
	color : #68ba6b;
	background-color : #fff;
	border : 1px solid #84c687;
	padding : 3px;
	}

blockquote {
	font-family : Arial;
	font-size : 9pt;
	color : #68ba6b;
	background-color : #fff;
	border-bottom : 4px solid #84c687;
	padding : 5px;
	}

::-moz-selection {
	background-color : #fe7c3e;
	color : #f2f0f0;
	}

body {
	background-image : url('http://i39.tinypic.com/xofvic.png');
	background-repeat : repeat-x: repeat-y;
	text-align : center;
	font-family : Arial;
	font-size : 9pt;
	color : #3d3d40;
	line-height : 12pt;
	}

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

a:hover {
	color : #333;
	}

p, td {
	font-size : 9pt;
	}

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

#content {
	margin : 6px auto 6px;
	background-color : #f3f3f3;
	width : 621px;
	}

#maincontent {
	margin : 6px auto 6px;
	background-color : #f3f3f3;
	width : 621px;
	}

.subcontent {
	margin : 0px;
	}

#sidebar, .title, .subtitle, .defaultuserpic {
	display : none;
	}

.userpic, .userpicfriends {
	background: #fff;
	padding: 10px;
	margin: 10px;
	text-align: center;
	position: relative;
	float: right;
	z-index: 15;
	}

#header {
	font-family : Arial;
	font-size : 18px;
	color : #f68173;
	text-transform : uppercase;
	text-align : center;
	padding-top : 12px;
	}

.headerimage {
	height : 262px;
	background-image : url('http://i43.tinypic.com/243rzq0.png');
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : center;
	}

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

ul.navheader li  {
	display : inline;
	padding : 0 3px 0 3px;
	}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
	font-family : Arial;
	font-size : 18px;
	color : #f68173;
	text-transform : uppercase;
	background-color : #e4e3e3;
	padding-top : 4px;
	padding-left : 8px;
	padding-right : 8px;
	padding-bottom : 4px;
	}

div#header a:hover, div#footer a:hover {
	color : #e7b5d2;
	background-color : #fff;
	}

.entry	{
	padding : 5.5pt;
	background-color : #f3f3f3;
	color: #8f8f8f;
	font-family : Arial;
	font-size : 9pt;
	text-align : justify;
	width : 596px;
	}

.entry ul li, .entry ol li {
	padding: 0px;
	margin: 0px;
	}

.date {
	color : #8ca3ee;
	font-family : Arial;
	font-size : 8pt;
	margin-top : 3px;
	margin-bottom : 0px;
	text-transform : lowercase;
	}

.subject {
	color : #eda062;
	font-family : Century Gothic;
	font-size : 15px;
	padding-left : 10px;
	text-align : left;
	}

.subject a, .subject a:link, .subject a:visited {
	color : #eda062;
	}

.subject a:hover {
	color : #e1b474;
	}

.datesubject {
	padding-left : 10px;
	text-align : left;
	}

.currents, .currentmood, .currentmusic {
	font-family : Arial;
	font-size : 8pt;
        color : #555;
	}

.comments {
	font-family : Impact;
	font-size : 18px;
	text-transform : uppercase;
	text-align : center;
	padding-top : 18px;
	}

div.comments a, div.comments a:link, div.comments a:visited{
	color : #ad9daa;
	}

div.comments a:hover {
	color : #444444;
	}

.ljtags {
	font-size : 8pt;
	color : #dd3255;
	margin-bottom : -10px;
	margin-top : 20px;
	}

.separator{
	background-color : #f5f5f5;
	height: 6px;
	}

#footer {
	font-family : Arial;
	font-size : 8pt;
	color : #8ca3ee;
	text-transform : uppercase;
	text-align : center;
	clear: both;
	}

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

ul.navfooter li  {
	display : inline;
	margin : 0 5px 0 5px;
	}

.clearfoot {
	clear: both;
	}

.clear {
	height : 6px;
	}

.ljuser a:link b, .ljuser a:visited b, .ljuser a:active b, .ljuser a {
	color : #4aa6e1;
	background : transparent;
	}

.ljuser a:hover b {
	color : #a3c3d7;
	background : transparent;
	}

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ display : none; }
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ display : none; }
img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { display : none; }

.ljuser img { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { display : none; }

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/syndicated.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/newsinfo.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/partnercomm.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/sponcomm.gif"] { display : none; }

img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ display : none; }
    img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ display : none; }

And again, I apologize in advance for any horrible coding errors I might have keybashed in there. I'm learning. Really.

[Layout] Here comes little Italy

no subject