Layout #13-Itachi Grungy Boxed (& icons,FOB,Headers)

[orlandogirl]

Well this was due a while ago and though this isnt my favorite layout,i love the header image a lot i dunno why XD but hopefully you guys like it!This was requested by witchofgaia and miharu_mun!i had to change a few things but if you guys do not like it and want something different just let me know :) ill understand!

Layout Style: S2 Flexible Squares
Website:MUST HAVE!
Best view: Any
Browser(s) Compatible:Any
Sidebar Or Simple?Sidebar
Work with Nav bar?:Yes
Work with Ads?Yes
Credit:orlandogirl@twistedcuteness
Preview:




Matching Add On's
[X]Icons-7
[X]Change Hble Headers-3
[X]FOB-1



RULES And Instructions!
1.Credit orlandogirl@twistedcuteness In Your Profile Page!
2.Do NOT reuse,giveaway,change any of these codes without asking first!
3.Make Sure TO Comment if Using Anything!
4.To Change The Header of the layout just look for the one link and switch it with the other header link.
5.Adds-
Add Links in sidebar -Here!
Add text in the sidebar-Here!

Overrides:

body {
background-color: #000000;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}

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

a:hover {
color: #000000;
text-decoration: underline;
}

p, td, blockquote {
font-size: 11px;
}

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

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 80%;
margin-left: auto; margin-right: auto;
background-color: #000000;
border-width: 1px;
border-style: solid;
border-color: #b3b3b3;
padding: 15px;
}

#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #d0cdcd;
color: #000000;
border-style: solid;
border-color: #999999;
border-width: 1px;
margin-right: 180px;
text-align: left;
}

#sidebar {

padding-top: 15px;
margin-top: 15px;
background-color: #d0cdcd;
border-color: #999999;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
width: 160px;
float: right;
text-align: left;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #999999;
border-width: 1px;
background-color: #cecece;
color: #000000;
}

.headerimage{
background: #000000 url(http://img149.imageshack.us/img149/7471/itachibanner2li8.png) no-repeat top center;
padding-top:300px;
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #8a8a8a;
}

div#header a:hover, div#footer a:hover {
color: #585757;
text-decoration: none;
}

/*title and subtitle*/
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}

.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

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

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

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/

.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #cecece;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 1px;
border-color: #8a8a8a;
border-style: solid;
}

.userpic {
position: relative;
float: left;
background-color: #cecece;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #8a8a8a;
border-style: solid;
}

.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.subject {
font-weight: bold;
padding: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

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

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

.datesubject {
background-color: #8a8a8a;
padding: 5px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: #8a8a8a;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

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

div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}

/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #8a8a8a;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #8a8a8a;
}

div#sidebar a:hover {
color: #585757;
text-decoration: none;
}

/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #000000;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #cecece;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 15px;
list-style: none;
}

li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 1px;
border-color: #999999;
background-color: #8a8a8a;
margin-bottom: 10px;
margin-top: 10px;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
width: 100%;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #cecece;
color: #000000;
border-color: #999999;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}

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

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

.clearfoot {
clear: both;
}

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

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #999999;
}

table.yeartable td.yearday {
background-color: #cecece;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #8a8a8a;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #cecece;
background-color: #cecece;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #8a8a8a;
border-style: solid;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #cecece;
color: #000000;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #cecece;
color: #000000;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
}

.commentbox {

border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #cecece;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}

.datesubjectcomment a:hover {
color: #b0b9c8;
}

.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #cecece;
}

.commentinfo {
background-color: #cecece;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}

Matching Icons







Matching FOB's


Change Able Headers-





_________________________________________________________________________

RULES:
*Credit
*Comments (this is why i mostly make Graphics!need comments!so comments!!*_*)
*Wanna request your own Icon/Layout/Profile Page? comment here!

-How To Credit for Icons-


______________________________________________________________________________________
Graphic Tags. Become a Affiliate. Buttons. My Awards. Request A Graphic/resource. resource's