/********** Layout & Structure **********/

/* body not allowed */
div#body_container {
width: 100%;
background-image: url("http://astromono.com/virb/wrap-bg.jpg");
background-repeat: repeat;
padding: 0;
margin: 0;
}

div#profile_container {
border: 0;
clear: both;
width: 787px;
margin: 0 97px;
padding: 0 25px;
background-image: url("http://astromono.com/virb/content-bg.jpg");
background-repeat: repeat-y;
}

div#header {
background-image: url("http://astromono.com/virb/header-bg.jpg");
background-repeat: no-repeat;
width: 980px;
height: 375px;
margin: 0;
padding: 0;
}

div#header img {border: 0;}

div#intro {
position: relative;
top: 200px;
left: 510px;
width: 30em;
}

div#intro a {
position: absolute;
top: 120px;
height: 65px;
border: 0;
text-decoration: none;
}

div#intro a i {visibility: hidden;}

a#friends {
background-image: 

url("http://astromono.com/virb/add-friends.jpg");
left: -100px;
width: 100px;
}

a#comment {
background-image: 

url("http://astromono.com/virb/add-comment.jpg");
left: 0;
width: 120px;
}

a#message {
background-image: 

url("http://astromono.com/virb/add-message.jpg");
left: 120px;
width: 110px;
}

a#group {
background-image: url("http://astromono.com/virb/add-group.jpg");
left: 230px;
width: 100px;
}

a#friends:hover {
background-image: 

url("http://astromono.com/virb/rollover-friends.jpg");
}

a#comment:hover {
background-image: 

url("http://astromono.com/virb/rollover-comment.jpg");
}

a#message:hover {
background-image: 

url("http://astromono.com/virb/rollover-message.jpg");
}

a#group:hover {
background-image: 

url("http://astromono.com/virb/rollover-group.jpg");
}

.module {display: block;}

div#module_designs, div#module_friends {
clear: both;
float: left;
width: 390px;
padding: 0 0 10px 0;
margin: 0;
text-align: left;
}

div#module_blog {
clear: both;
float: left;
width: 345px;
padding: 0 0 10px 0;
margin: 0;
text-align: left;
}

div#module_designs img.title_image, 
div#module_friends img.title_image, 
div#module_blog img.title_image, 
div#module_photos img.title_image {
      float: left;
}

div#module_blog img.title_image {margin-bottom: 10px;}

.title_image {
border: 0;
}

.comment_post img {
display: none;
}
  
a:link img.virb_image, 
a:visited img.virb_image, 
#photos_flickr a:link img.virb_image, 
#photos_flickr a:visited img.virb_image {
      float: left;
      border: 2px solid #e98225;
      background: #e98225;
      margin: 0 1px 3px 0;
}

a:hover img.virb_image, 
#photos_flickr a:hover img.virb_image {
border: 2px solid #000000;
background: #000000;
}

div#groups {
float: right;
padding-right: 15px;
}

div#groups img.virb_image {float: right;}

div#module_music, div#module_groups {
float: left;
width: 345px;
margin-left: 15px;
padding: 0 0 10px 0;
}

div#module_comments {
float: left;
width: 373px;
margin-left: 15px;
padding: 0 0 10px 0;
}

div#module_music img.title_image, 
div#module_groups img.title_image {
      float: right;
      padding-right: 15px;
           }

div#module_comments img.title_image {
float: right;
padding: 0;
margin-bottom: 3px;
}
 
div.rightmodule_content {clear: right;}

div.leftmodule_content {clear: left;}

div#module_photos {
clear: both;
width: 765px;
float: left;
margin: -5px 0 0 0;
padding-right: 16px;
}

div.comment_box,
div.comment_box_alt,
#shows tr {
    background-color: #996600;
}

#shows tr.row_odd {background-color: #7a5203;}

#shows tr { background-color: transparent; }

.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: #000;
    font-weight: normal;
    }

div#module_comments img.virb_image {
margin-left: 5px;
float: right;
}

div#module_comments a img.virb_image,
div#module_comments a:visited img.virb_image {border: 3px solid 

#e98225;}

div#module_comments a:hover img.virb_image {border: 3px solid 

#efb025;}

.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
    color: #000;
    font-size: 11px;
}

    #comments {
        width: 375px;
        clear: both;
        padding-right: 0;
        margin-bottom: 5px;
    }

    div.comment_box,
    div.comment_box_alt {
        display: block;
        padding: 15px 15px 30px 10px;
        margin: -10px 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;
    }

div#module_blog .blogimage {
text-align: center;
margin: 2px #e98225 solid;
padding: 0;
}

div#personalstuff {clear:both;}

div.misc {
float: left;
width: 183px;
display: block;
}

div.misc_list {clear: left;}

div#footer_container {
clear: both;
background-image: url("http://astromono.com/virb/footer-bg.jpg");
background-repeat: no-repeat;
width: 980px;
height: 130px;
padding: 0;
margin: 0;
}

div#footer_image {
position: relative;
height: 36px;
width: 248px;
top: 10px;
left: 375px;
padding: 0;
margin: 0;
}

div#footer_image img {border: 0;}

div.spacer {
clear: both;
}

#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;
        }

/********* TYPOGRAPHY *********/

div#body_container, div#profile_container {
color: #000;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}

div#header p{
font-family: Arial, Verdana, sans-serif;
text-align: justify;
font-weight: 800;
}

p.more_left, p.more_right {clear: both;}

a.more_left, a.more_left:visited {
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
margin-top: 3px;
color: #000;
margin-right: 10px;
float: left;
}

a.more_left:hover {
color: #e98225;
font-weight: bold;
}

.rightmodule_content p {
text-align: left;
font-size: 1.4em;
font-weight: 600;
padding: 5px 15px 0 0;
}

.rightmodule_content a, .rightmodule_content a:visited {
color: #000;
text-decoration: none;
}

.rightmodule_content a:hover {background-color: #e98225;}

a.more_right, a.more_right:visited {
font-size: 1.3em;
text-decoration: none;
font-weight: bold;
color: #000;
margin-right: 15px;
margin-bottom: 5px;
float: right;
}

a.more_right:hover {
color: #e98225;
font-weight: bold;
}

div#module_comments a.more_right {
margin-right: 0;
margin-top: 15px;}

div.misc a, div.misc a:visited {
color: #000;
font-weight: bold;
text-align: center;
text-decoration: none;
display: list-item;
list-style-type: none;
}

a.misc:hover {color: #e98225;}

div#module_blog p {
        font-weight: bold;        
        margin: 0 0 1.5em 0;
}

div#module_blog p.blog_post {
        clear: both;
        background-color: #999900;
	margin: 1em 0 .5em 0;
}

div#module_blog p.blog_post a, div#module_blog p.blog_post a:visited {
        text-decoration: none;
	font-weight: bold;
        font-size: 1.2em;
	color: #000;       
}

div#module_blog p.blog_post a:hover {background-color: #e98225;}

div#module_blog a, div#module_blog a:visited {
        text-decoration: underline;
        color: #000;
	font-weight: bold;
        font-size: 1em;       
}

div#module_blog a:hover {
        background-color: #999900;
        color: #000;
        text-decoration: none;
}

div#module_blog a.more_left, div#module_blog a:visited.more_left {
        text-decoration: none;
	font-weight: bold;
        font-size: 1.3em;
	color: #000;       
}

div#module_blog a:hover.more_left {
        background-color: transparent;
        color: #e98225;
}

h3, hr {visibility: hidden;}

p.comment_author a,
p.comment_author a:visited {color: #000;}

div#interest_667836 p, 
div#interest_667838 p, 
div#interest_667839 p, 
div#interest_667841 p {
padding: 0;
margin: -15px 0 15px 0;}

