J David Macor

/* Basic Customization
********************************************/
div#body_container, div#profile_container {
color: #444444;
font: normal 11px Arial Narrow;
}div#body_container {
width: 100%;
background: #E7E7E7;
}

div#profile_container {
background: url(”http://jdavidmacor.com/Virb_Resources/blog_bg.jpg”) repeat-y top;
width: 740px;
}

p em {
font-family: Arial Narrow;
}

h1 {
font-size: 25px;
color: #333333;
}

div.profile_meta p.tagline {
color: #;
font-size: ;
}

div#meta_music p.tagline,
div#meta_music p.location {
color: #;
font-size: ;
}

div.profile_meta h2 {
color: #999999;
font-size: 14px;
}

div.profile_photo {
border: 1px solid #dddddd;
margin-left:15px;
}

img.virb_image {
border: 1px solid #dddddd;
background: #F1F1F1;
}
a:hover img.virb_image {
background: #dddddd;
}

div.module {
border-top: 4px solid #6699cc;
color: #444444;
}
div.module p {
color: #444444;
padding-left: 5px;
padding-right: 5px;
}
div#comments {
border-top: 4px solid #6699cc;
}

div.comment_box,
div.comment_box_alt,
#shows tr,
#shows tr.row_odd {
background-color: #DDE6F0;
}
#shows tr { background-color: transparent; }
div.comment_box,
div.comment_box_alt,
#shows tr td,
#shows tr.row_odd td {
border-top: 1px solid #6699cc;
}

h3 {
font-size: 16px;
color: #444444;
margin-left: 5px;
margin-right: 5px;
}

p.tagline {
font-size: #;
}

.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: #444444;
font-size: 11px;
}

.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
color: #888888;
font-size: 11px;
}

a,
a:link,
a:visited {
color: #6699cc;
}
a:hover {
color: #0281ca;
}

p.comment_author a,
p.comment_author a:visited {
color: #6699cc;
}
p.comment_author a:hover {
color: #0281ca;
}

#connect ul li {
border-bottom: 1px solid #dddddd;
}
#connect ul li a:hover {
background: #DDE6F0;
color: #6699cc;
}

/* 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: 740px;
margin: 0 auto;
padding: 15px 35px;
}

div#left_side {
float: left;
width: 540px;
margin: 0 10px 35px 0;
}

div#right_side {
float: left;
width: 180px;
margin: 0 0 35px 10px;
}

div.module {
display: block;
padding: 2px 15px 25px 0;
text-align: left;
line-height: 150%;
}
#connect { padding-right: 0; }
#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 0;
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: 10px 13px 13px 10px;
}
#videos img.virb_image,
.videos_alt img.virb_image,
#photos img.virb_image,
.photos_alt img.virb_image {
margin: 10px 10px 10px 10px;
}

#videos img { margin-left: 10px; }

#photos_flickr div {
height:100px;
width:100px;
float:left;
margin: 0 20px 20px 0;
}
#photos_flickr img {
margin-left: 10px;
}

#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: 15px;
margin: 0 0 10px 0;
}

.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
margin-top: 15px;
}

div#add_comment {
display: none;
margin: 0 0 20px 0;
}

#meta_music, #player_personal {
padding-right: 0;
}

div.profile_photo {
float: left;
width: auto;
padding: 5px;
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;
}

#recentSong li {
margin-left: 10px;
display: block;
border: 0px solid #000000;
}
.odd {
background: #DDE6F0;
}

/* 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: 0 0 1em 0;
margin: 0;
}

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;
}

p.tagline {
margin: .5em 0 1em 0;
line-height: 125%;
}

div#blogs p {
margin: 0 0 1.5em 0;
}
div#blogs p.blog_post {
margin: 0 0 .5em 0;
}

.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: none;
}
a:hover {
text-decoration: underline;
}

.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;
}