Unique Artistic Layout - Artsy Animal Myspace Layout

1.0 LAYOUT PREVIEW
MYSPACE 1.0 THEMECODE:
1.0 INSTRUCTIONS
MYSPACE 2.0 THEMECODE:
2.0 INSTRUCTIONS
/*Layout by PROFILErehab.com*/

DIV.wrap
{
	width: auto;
	color: #9ab7bd;
	margin-left: auto;
	margin-right: auto;
	background: transparent no-repeat center top;
	margin-bottom: -50px;
	padding-bottom: 0;
	border-style: none;
}
div[class~="friendSpaceModule"] .moduleBody {
   padding-left: 25px;
   padding-right: 10px;
   margin-bottom: 0;
   margin-top: 0;
}
DIV.blogsModule UL.moduleList LI SPAN.date
{
	display: block;
	float: left;
	width: auto;
	padding-right: 20px;
}

HTML
{
	background: #00162d url(http://www.profilerehab.com/pb/bramleech/middle_bramleech.jpg) repeat-y scroll center 505px;
	color: #9ab7bd;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	border-style: none;
}

#topnav ul li a:hover small, #topnav ul li a.hover small
{	color: #9ab7bd;

}
#topnav ul.subMenu li.divider {
	border-style: none;
}
#topnav ul.subMenu{
	border-left: 1px solid #9ab7bd;
	border-bottom: 1px solid #9ab7bd;
	border-right: 1px solid #9ab7bd;
}

BODY
{

	margin-right: 0px;
	color: #9ab7bd;
	background: #00162d url(http://www.profilerehab.com/pb/bramleech/farmland_bramleech_myspace.jpg) no-repeat center top;
	border-style: none;
}
DIV.profileDemographics
{
	clear: both;
	min-height: 65px;
	padding-right: 10px;
	padding-top: 9px;
	padding-left: 0;
	color: #9ab7bd;
	border-style: none;
}

div#header.clearfix.globalWidth{
	width: 790px;
	color: #9ab7bd;
	padding-top: 440px;
	border-style: none;
}

#topnav
{
	background-color: #185981;
	margin-left: auto;
	margin-right: auto;
	color: #9ab7bd;
	width: 720px;
	border-style: none;
}
#topnav UL
{
	border-right: 1px solid #ebdebc;
	color: #9ab7bd;
	border-style: none;
}
#topnav UL LI
{
	border-left: 1px solid #ebdebc;
	color: #9ab7bd;
	border-style: none;
}
#topnav UL LI A:hover
{
	background-color: #3d6ea0;
	color: #9ab7bd;
	border-style: none;
}
#topnav UL LI.dropDown:hover A, #topnav UL LI.hover A, #topnav UL LI.hover A:hover
{
	background-color: #153e5a;
	color: #9ab7bd;
	border-style: none;
}
#topnav LI.dropDown UL.subMenu A
{ /*[e]#ebdebc*/
	background: #153e5a center center;
	color: #9ab7bd;
	border-style: none;
}
#topnav LI.dropDown:hover UL.subMenu A:hover, #topnav LI.hover UL.subMenu A:hover
{
	background: #153e5a none;
	color: #9ab7bd;
	border-style: none;
}
	DIV#header,DIV#googlebar{
			margin-left: auto;
			margin-right: auto;
	background-color: transparent;
	color: #9ab7bd;
	width: 710px;
	border-style: none;
}


DIV#footer
{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	height: 95px;
	padding-bottom: 80px;
	color: #9ab7bd;
	background: url(http://www.profilerehab.com/pb/bramleech/bottom_bramleech.png) no-repeat center bottom;
	border-style: none;
}
DIV#footer A
{
	color: #9ab7bd;
	border-style: none;
}
DIV#footer DIV
{
	padding: 10px 0;
	color: #9ab7bd;
	border-style: none;
}
H1, H2, H3, H4
{
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9ab7bd;
	border-style: none;
}
H3.moduleHead
{
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	height: 73px;
	text-transform: uppercase;
	background: url(http://www.profilerehab.com/pb/bramleech/TT_bramleech.png) no-repeat center top;
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #9ab7bd;
	border-style: none;
}
H3.moduleHead SPAN SPAN
{
	position: relative;
	top: ;
	color: #9ab7bd;
	font-size: 16px;
}
DIV.module A:hover
{
	text-decoration: none;
	padding: 1px 2px;
	color: #9ab7bd;
	border-style: none;
}
.blurbsModule H3.moduleHead
{
	background-position: right top;
	color: #9ab7bd;
	border-style: none;
}
.blurbsModule
{
	background-position: 12px 216px;
	background-repeat: repeat-y;
	color: #9ab7bd;
	border-style: none;
}
DIV.basicInfoDetails
{
background: url(http://www.profilerehab.com/pb/bramleech/header_details_bramleech.png) no-repeat center center;
	height: 315px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 125px;
	width: auto;
	padding-left: 210px;
	color: #9ab7bd;
	border-style: none;
}
DIV.photo
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	width: 190px;
	height: 186px;
	padding-left: 0px;
	left: 13px;
	padding-top: 125px;
	color: #9ab7bd;
	border-style: none;
}
DIV.photo IMG
{
	max-height: 170px;
	max-width: 150px;
	color: #9ab7bd;
	border-style: none;
}
DIV.photo IMG.nophoto
{
	width: 170px;
	height: 170px;
	color: #9ab7bd;
	border-style: none;
}
DIV.moduleMid2
{
	border: 2px none #261103;
	color: #9ab7bd;
}
DIV.contentMid2
{
	width: 755px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	color: #9ab7bd;
	border-style: none;
}
DIV#header *
{
	font-size: 11px;
	color: #9ab7bd;
	border-style: none;
}

div.blurbsModule h4{margin:.6em 0;
	padding-left: 3px;
	color: #9ab7bd;
	border-style: none;
}

.autoResize{overflow:hidden;width:100%;
	padding: 0;
	color: #9ab7bd;
	border-style: none;
}
DIV.basicInfoModule DIV.moduleTop DIV
{
	background: transparent no-repeat center bottom;
	height: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 3;
	width: 100%;
	color: #9ab7bd;
	border-style: none;
}
DIV.module UL.contactLinks LI A:link, DIV.module UL.contactLinks LI A:visited, DIV.module UL.contactLinks LI A:hover
{
	padding: 6px 2px 1px 25px;
	color: #9ab7bd;
	border-style: none;
}
DIV.module A.url:link, DIV.module A.url:visited, DIV.module A.url:hover
{
	padding-left: 35px;
	color: #9ab7bd;
	border-style: none;
}
DIV.profileHeaderDetails H2
{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #9ab7bd;
	border-style: none;
}
H4
{
	font-size: 110px;
	color: #9ab7bd;
	border-style: none;
}
DIV.module
{
	padding: 10px;
	line-height: 18px;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #9ab7bd;
	border-style: none;
}
DIV.basicInfoDetails H2
{
	font-size: 190%;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 20px 0 0px;
	text-transform: uppercase;
	background-position: 30px top;
	background-repeat: no-repeat;
	margin-top: -16px;
	color: #9ab7bd;
	border-style: none;
}
DIV.module A:link, DIV.module A:visited
{
	padding: 1px 2px;
	color: #9ab7bd;
	border-style: none;
}
DIV.module .count
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #9ab7bd;
	border-style: none;
}
DIV.detailsModule LI STRONG
{
	display: block;
	float: left;
	width: 40%;
	height: 1.2em;
	overflow: hidden;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #9ab7bd;
	border-style: none;
}
DIV.blogsModule UL.moduleList SPAN.date
{
	padding-left: 8px;
	color: #9ab7bd;
	border-style: none;
}
DIV.moduleMid2 LI.moduleItem
{
	background-color: transparent;
	color: #9ab7bd;
	border-style: none;
}
DIV.moduleBody LI
{
	color: #9ab7bd;
	border-style: none;
}
DIV.musicPlayerModule H3.moduleHead
{
	display: none;
	color: #9ab7bd;
	border-style: none;
}
DIV.musicPlayerModule DIV
{
	padding: 0;
	background: none;
	color: #9ab7bd;
	border-style: none;
}
DIV.detailsModule LI
{
	color: #9ab7bd;
	border-style: none;
}
DIV.detailsModule LI SPAN
{
	display: inline-block;

	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	font: 12px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #9ab7bd;
	border-style: none;
}
DIV.blogsModule UL.moduleList, DIV.calendarModule UL.moduleList
{
	/*[empty]border-top:;*/
	padding: 20px 8px 0!important;
	color: #9ab7bd;
	border-style: none;
}
DIV.blogsModule UL.moduleList LI, DIV.calendarModule LI.moduleItem
{
	color: #9ab7bd;
	border-style: none;
}
DIV.commentsModule A.profileLink, DIV.commentsModule P.datePosted
{
	font-weight: bold;
	color: #9ab7bd;
	border-style: none;
}
DIV.commentsModule UL.moduleList DIV.userComment
{
	background: url() no-repeat center top;
	padding: 18px 10px 10px 30px;
	color: #9ab7bd;
	border-style: none;
}
DIV.commentsModule P.datePosted
{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px;
	display: inline;
	color: #9ab7bd;
	border-style: none;
}
DIV.commentsModule DIV.user A:link, DIV.friendSpaceModule .moduleList A:link, DIV.commentsModule DIV.user A:visited, DIV.friendSpaceModule .moduleList A:visited
{
	padding: 0;
	background: transparent;
	color: #9ab7bd;
	border-style: none;
}
DIV.commentsModule DIV.user A:hover SPAN, DIV.friendSpaceModule .moduleList A:hover SPAN
{
	text-decoration: underline;
	padding-right: 0;
	padding-left: 0;
	color: #9ab7bd;
	border-style: none;
}
DIV.commentsModule UL.moduleList LI UL.commentsInfo LI
{
	font-size: 80%;
	line-height: 1.2em;
	background-color: transparent;
	border-right: 1px solid #7CC296;
	color: #9ab7bd;
	border-style: none;
}
DIV.commentsModule UL.moduleList LI UL.commentsInfo LI.last
{
	border-right: none;
	color: #9ab7bd;
	border-style: none;
}
OL.squarePhotos LI.odd
{
	background-color: transparent;
	color: #9ab7bd;
	border-style: none;
}
DIV.friendSpaceModule OL.moduleList LI
{
	width: 105px;
	color: #9ab7bd;
	border-style: none;
}
Art by Bramleech. Visit his Deviant Art Gallery to view more of his amazing artwork. To find more of our layouts using his art, visit his featured artist page on our website.
Back to Unique Artistic Layout - Artsy Animal Myspace Layout - Artistic Myspace Theme