/* Basic Customization
********************************************/
div#body_container {
margin: 0 auto;
}
div#body_container, div#profile_container {
color: #D3D3D3;
font: normal 12px Lucida Grande;
}
div#body_container {
width: 100%;
border-top: 3px solid #231f20;
background: #231f20 url(http://www.advirb.com/templateImages/treeBlue/body_bg.jpg) top left repeat-x;
}
div#profile_container {
background: none;
}
p em {
font-family: Lucida Grande;
}
h1 {
font-size: 25px;
color: #333333;
}
h1.header {
display: block;
width: 619px;
height: 380px;
background: #231f20 url(http://www.advirb.com/templateImages/treeBlue/h1_bg.jpg) top left no-repeat;
text-indent: -5000px;
overflow: hidden;
float: left;
}
div#header_connect {
width: 200px;
float: right;
}
div.profile_meta p.tagline {
color: #54c1f2;
font-size: 15px;
}
div#meta_music p.tagline,
div#meta_music p.location {
color: #54c1f2;
font-size: 15px;
}
div.profile_meta h2 {
color: #C4C4C4;
font-size: 14px;
}
div.profile_photo {
border: 2px solid #ffffff;
background: #dddddd;
}
img.virb_image {
border: 1px solid #dddddd;
background: #000;
}
a:hover img.virb_image {
background: #dddddd;
}
div.module {
color: #D3D3D3;
margin-bottom: 25px;
/* border-left: 1px solid #fff; */
}
div.module p {
color: #D3D3D3;
}
div#comments {
}
div.comment_box,
div.comment_box_alt,
#shows tr,
#shows tr.row_odd {
background-color: #efefef;
}
#shows tr { background-color: transparent; }
div.comment_box,
div.comment_box_alt,
#shows tr td,
#shows tr.row_odd td {
}
h3 {
font-size: 11px;
color: #FFF;
}
p.tagline {
font-size: #15px;
}
.comment_box p,
.comment_box_alt p,
.comment_box p.comment_post,
.comment_box_alt p.comment_post,
#show tr p,
#shows tr.row_odd p {
color: #ccc;
font-size: 12px;
}
.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
color: #ccc;
font-size: 12px;
}
a,
a:link,
a:visited {
color: #cccccc;
}
a:hover {
color: #808080;
}
p.comment_author a,
p.comment_author a:visited {
color: #55aeff;
}
p.comment_author a:hover {
color: #fff;
}
#connect ul li {
display: block;
width: 180px;
border-bottom: none;
padding-left: 5px /* important not allowed */;
}
#connect ul li a:hover {
color: #A20101;
border-left: 1px solid #dddddd;
}
/* Advanced Customization
********************************************/
img { border: 0; }
hr {
height: 0;
width: 0;
border: 0;
}
ul, li { list-style-type: none; }
table, tr, td {
border: 0;
border-collapse: collapse;
vertical-align: top;
}
* { padding: 0; margin: 0; }
body, div#profile_container {
text-align: center;
}
div#profile_container {
width: 900px;
margin: 0 auto;
padding: 15px 35px;
}
div#left_side {
float: left;
width: 550px /* important not allowed */;
margin: 0 10px 35px 0;
}
div#right_side {
float: left;
width: 300px;
margin: 0 0 35px 10px;
}
div.module {
display: block;
padding: 0;
text-align: left;
line-height: 150%;
}
#connect { padding-right: 0; background: none; }
#meta, #meta_music, #connect { border: 0; }
#connect ul {
font-size: 11px;
margin-top: 5px;
}
#connect ul li a,
#connect ul li a:visited {
display: block;
width: 100%;
padding: .2em .2em;
text-decoration: none;
}
#connect ul li em {
font-family: Arial, Verdana, sans-serif;
}
#connect ul li#isFriend,
#connect ul li#friendshipPending,
#connect ul li#isYou {
padding: .2em 0;
}
img.virb_image {
float: left;
padding: 3px;
margin: 0;
}
#videos img.virb_image,
.videos_alt img.virb_image,
#photos img.virb_image,
.photos_alt img.virb_image {
margin: 0 0 14px 14px;
}
#photos_flickr div {
height:100px;
width:100px;
float:left;
margin: 0 20px 20px 0;
}
#meta_music table, #shows table {
width: 100%;
}
#shows tr {
border-bottom: 1px solid #e3e3e3;
}
#shows tr.row_odd {
background: #f5f5f5;
}
#shows td {
text-align: left;
padding: .5em 0;
vertical-align: top;
}
#shows td.col1 {
width: 6em;
}
#shows td.col4 {
width: 2.5em;
}
#comments {
padding-right: 0;
margin-bottom: 35px;
}
div.comment_box,
div.comment_box_alt {
display: block;
padding: 4px 15px 4px 2px;
margin: 0 0 15px 20px;
background: none;
border-left: 3px solid #666;
background: #333;
}
.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
margin-top: 15px;
}
div#add_comment {
display: none;
margin: 0 0 10px 0;
}
#meta_music, #player_personal {
padding-right: 0;
}
div.profile_photo {
float: left;
width: auto;
padding: 10px;
text-align: center;
}
.profile_photo img {
position: relative;
display: block;
}
div.profile_meta {
float: left;
padding: 15px;
}
.profile_meta ul {
margin: 10px 0 0 0;
}
.profile_meta ul li {
float: left;
padding: 0 10px 0 0;
}
.clear {
position: relative;
clear: both;
}
#friends a img {
margin: 0;
}
#friends a:hover img {
}
/* Typography
*****************************************************/
h1 {
letter-spacing: -1px;
}
h2 {
font-weight: normal;
line-height: 100%;
margin: 0 0 .2em 0;
letter-spacing: 0;
}
.profile_meta h2 em {
font-style: normal;
}
.profile_meta h2 span {
font-weight: normal;
}
h3 {
letter-spacing: 0;
padding: 6px 0;
border-top: 3px solid #fff;
margin: 10px 0 5px 0;
background: none; /* Change this */
color: #fff;
width: 100%;
font-size: 18px;
}
h3 a {line-height: 18px; font-size: 12px;}
h4 {
font-size: 12px;
color: #666666;
padding-bottom: 10px;
}
h4 strong { color: #333333; }
h5 {
position: absolute;
top: 88px;
left: 360px;
width: 135px;
height: 12px;
font: normal 9px "Lucida Grande", Tahoma, sans;
color: #99ea00;
line-height: 12px;
}
h5 em { font-style: normal; }
p {
margin: 0 0 0 15px;
}
p.tagline {
margin: .5em 0 1em 0;
line-height: 125%;
}
div#blogs p {
margin: 0 0 1.5em 15px;
}
div#blogs p.blog_post {
margin: 0 0 .5em 15px;
color: #fff;
}
.comment_box p,
.comment_box_alt p,
.comment_box p.comment_post,
.comment_box_alt p.comment_post {
margin: 0 0 .5em 115px;
}
.comment_box p em,
.comment_box_alt p em {
margin-top: 2.5em;
font-size: 10px;
}
div.comment_box form p textarea {
width: 99%;
}
* html div.comment_box form p textarea {
margin-right: -100px;
width: 620px;
}
div.comment_box_alt form p textarea {
width: 99%;
}
* html div.comment_box_alt form p textarea {
margin-right: -100px;
width: 620px;
}
#player_personal p {
text-align: center;
}
input,
textarea {
font: bold 12px Arial, Helvetica, Verdana, sans;
color: #333;
padding: .2em;
width: 100%;
margin: 1em 0 .5em 0;
letter-spacing: -1px;
}
input.comment_btn {
width: auto;
padding: 0;
}
textarea.comment_text {
height: 90px;
margin: 0;
font-weight: normal;
}
/* Links
********************************************/
a,
a:link,
a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.module h3 a,
.module h3 a:visited {
font-weight: normal;
}
div#blogs p.blog_post a,
div#blogs p.blog_post a:visited {
font-weight: bold;
color: #55aeff;
font-size: 14px;
}
Nevada-Dawn says:
i miss you already.
posted Apr 7