/*
================================

* WINTER HYMNAL (PERSONAL)

supported modules:
* Connect
* Display Name
* Profile Pic
* Status
* Tumblelog
* Audio Player
* Following
* Circles
* Groups
* Interests
* Comments
* VirbTunes

================================
*/


/*************************************************
* GLOBAL
*************************************************/

a,
a:visited,
img {
    border: none;
}

a,
a:visited {
    color: #355e88;
	border: 0;
}
a:hover {
    color: #333333    
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

p {
    font: normal 11px/140% Helvetica, Arial, Verdana, sans-serif;
    color: #6a747f;
    padding: 0 0 20px 0;
}

div#virb_banner {
    background-color: #355e88;
}


/*************************************************
* CONTENT
*************************************************/

.core_container {
    background: #000000;
}           
    #profile_wrapper {
        margin: 0 auto;
        padding: 0;
		width: 810px;
    }
        #profile_container {
            padding: 0;
			text-align: left;
        }              
        
        #left_side {
			text-align: left;
			float: left;
            width: 150px;
            margin: 0 50px 0 0;
			overflow: hidden;
        }   
        
        #right_side {
			text-align: left;
			float: right;
            width: 610px;
            margin: 0;
			overflow: hidden;
        }

		/*** Header *****************************/
		
		#header {
			display: block;
			position: relative;
			background: url(/_assets/_skins/_hymnal/_graphics/bookmark.gif) no-repeat;
		}



/*************************************************
* MODULES
*************************************************/            

.module {
    border-bottom: solid 5px #e2e6eb;
    padding: 0 0 40px 0; 
    margin: 0 0 40px 0;
}

#left_side .module {
    padding-bottom: 25px; 
    margin-bottom: 25px;
	border-bottom-width: 1px;
}

	.module h3 {
		font-size: 17px;
        color: #393f46;        
        margin: 0 0 15px 0;
	}
	#left_side .module h3 {
		font-size: 14px;
	}
	
	.module h3 span,
	.module h3 a,
	.module h3 a:visited {
        color: #939ca7;
		font: normal 12px Helvetica, Arial, Verdana, sans-serif;
        margin-right: 0;
    }
	.module h3 a:hover {
		color: #333333;
	}
	.module h3 span.left_paren {
        margin-left: 5px;
    }

.module p {
	font-size: 12px;
	line-height: 150%;
}
#left_side .module, 
#left_side .module p {
	font-size: 11px;
	line-height: 140%;
}


/*************************************************
* DISPLAY NAME
*************************************************/

#display_name.module {
	border: none;
    margin: 0;
    padding: 110px 80px 30px 200px;
	clear: none;
}

	#display_name.module h1 {
	    font-size: 80px;
		line-height: 90%;
	    color: #355e88;
	    letter-spacing: -4px;
		margin: 0;
	}
		
		
/*************************************************
* CONNECT
*************************************************/

#connect.module {
	position: absolute;
	top: 0;
	right: 80px;
	border: 0;
	padding: 40px 0 0 0;
	margin: 0;
	font: normal 11px Helvetica, Arial, Verdana, sans-serif;
}
	#connect.module ul li {
		float: left;
		padding: 0 0 0 15px;
		color: #939ca7;
	}
	#connect.module ul li#isContact { display: none; }
	
		#connect.module ul li a,
		#connect.module ul li a:visited {
			color: #939ca7;
		}
		#connect.module ul li a:hover {
			color: #333333;
		}


/*************************************************
* PROFILE PIC
*************************************************/

#profile_image.module {
	margin-bottom: 0;
	padding-bottom: 20px;
	border: 0;
}


/*************************************************
* IMAGES
*************************************************/

.virb_image {
    padding: 0;
	margin: 0;
    border: solid 1px #000000;
}
a:hover .virb_image {
    border-color: #e2e6eb;
}


/*************************************************
* STATUS
*************************************************/

#status.module {
    border: 0;
    padding: 25px;
	margin: 0 80px 30px 0;
	background: #eef2f5;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
	
	#status.module h3 {
		display: none;
	}

	#status.module h4 {
	    color: #6a747f;
	    font-weight: normal;
	 	font-size: 18px;
		line-height: 140%;
		margin: 0;
	}
	
	#status.module h4 a,
	#status.module h4 a:visited {
	    color: #bb2828;
	}
	#status.module h4 a:hover {
		color: #333333;
	}
	

/*************************************************
* PROFILE NAV
*************************************************/

#profile_nav.module {
	padding: 10px 0;
	margin: 0 80px 43px 0;
	border-top: 1px solid #e2e6eb;
	border-bottom: 1px solid #e2e6eb;
}

	#profile_nav ul {
		padding: 0;
		margin: 0;
	}
		#profile_nav li {
			display: block;
			float: left;
			padding: 0;
			margin: 0 7px 0 0;
		}
		#profile_nav li:hover {
			cursor: pointer;
		}

			#profile_nav li a,
			#profile_nav li a:visited {
				display: block;
				border: 0;
				color: #000000;
				font: bold 11px/100% Helvetica, Arial, Verdana, sans-serif;
				background: #bb2828;
				padding: 8px 18px;
				-moz-border-radius: 13px;
				-webkit-border-radius: 13px;
				border-radius: 13px;
			}
			#profile_nav li a:hover,
			#profile_nav li:hover a {
				background: #355e88;
			}


/*************************************************
* TUMBLELOG
*************************************************/

div.date_group {
	clear: both;
}

	div.date {
		display: block;
		float: right;
		width: 60px;
		padding: 40px 0 0 0;
		margin: -45px 0 0 20px;
		border-top: 5px solid #eef2f5;
	}
	.date p {
		font: bold 14px/110% Helvetica, Arial, Verdana, sans-serif;
		color: #939ca7;
		margin: 0;
		padding: 0;
		opacity: 0.4;
		-moz-opacity: 0.4;
		filter:alpha(opacity=40);
	}
		.date p em {
		    line-height: 100%;
			font-style: normal;
		}
		.day_name_abbr {
			display: block;
		}
		.day_name,
		.year,
		.month_full {
		    display: none;
		}
		
	.chrono.module {
		float: left;
		width: 530px;
	}
	
.module p.comments {
    font-size: 11px;
    color: #939ca7;
	padding-bottom: 0;
}
       .module p.comments a,
       .module p.comments a:visited {
           color: #bb2828;
       }
       .module p.comments a:hover {
           color: #333333;
       }
	
	
	/*** Status *********************************/
	
	.status.module h4 {
	    font-weight: normal;
	 	font-size: 18px;
		line-height: 125%;
	    color: #6a747f;
	    margin-bottom: 10px;
	}

	.status.module p.status_meta {
		font-size: 11px;
		line-height: 125%;
		color: #939ca7;
		padding: 0;
	}
	    .status.module p a,
	    .status.module p a:visited {
		    color: #939ca7;
		}
		.status.module p.status_meta a,
		.status.module p.status_meta a:visited {
			color: #939ca7;
			text-decoration: underline;
		}
	    .status.module p a:hover {
		    color: #333333;
			text-decoration: none;
		}
	

	/*** Links **********************************/

	.links.module {
		padding-bottom: 20px;
	}
	
		.links.module h4 {
		    margin-bottom: .4em;
		}
		.links.module h4 a,
		.links.module h4 a:visited {
		    font-weight: normal;
			font-size: 18px;
		    color: #355e88;
		    text-decoration: underline;
		}
		.links.module h4 a:hover {
		    color: #333333;
		    text-decoration: none;
		}
		    .links.module h4 a.permalink,
		    .links.module h4 a.permalink:visited {
		        color: #939ca7;
		        text-decoration: none;
		    }
		    .links.module h4 a.permalink:hover {
		        color: #333333;
		    }

			.links.module .link_photo,
			.links.module .link_video {
			    padding-bottom: 20px;
				position: relative;
			}
			.links.module .link_photo img {
				max-width: 530px;
			}
	
	
	/*** Quotes *********************************/
	
	.quotes.module h4 {
	    font-weight: bold;
		font-size: 28px;
		line-height: 115%;
	    color: #6a747f;
		padding: 0 0 0 40px;
	    margin-bottom: 10px;
		letter-spacing: -1px;
	}
	    .quotes.module h4 em,
	    .quotes.module h4 span {
	        font-size: 11px;
	    }

	    .quotes.module h4 span {
	        font-size: 80px;
			font-weight: normal;
	        line-height: 0;
	        color: #939ca7;
			margin: 40px 0 0 -40px;
	        opacity: 0.5;
	        -moz-opacity: 0.5;
	        filter:alpha(opacity=50);
	    }
	    .quotes.module h4 span a,
	    .quotes.module h4 span a:visited {
	        color: #939ca7;
		}
	    .quotes.module h4 span a:hover {
	        color: #333333;
		}
	    .quotes.module h4 span.quotation {
	        float: left;
	    }
	    .quotes.module h4 span.quotation_right {
	        display: none;
	    }
	    .quotes.module p.source {
	        font-size: 14px;
	        color: #939ca7;
			position: relative;
			z-index: 10;
			padding: 0 0 0 40px;
			clear: both;
	    }
	
		
		/*** Photos/Videos ******************************/
		
		.photos.module img,
		.videos.module div.virb_video {
			padding: 0;
			margin: 0;
			border: 15px solid #eef2f5;
			-moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		    border-radius: 5px;
		}
		.photos.module a:hover img,
		.videos.module div.virb_video:hover {
			border-color: #e2e6eb;
		}
		
		.photos.module p a strong {
			display: block;
			font-size: 20px;
			padding: 5px 0 15px 0;
			letter-spacing: -1px;
		}
		
		.photos.module p span.colon { display: none; }
		
		.module p.description {
			padding-top: 15px;
		}
		
		
		/*** Text ***************************************/
		
		.text.module h4 {
			font-size: 32px;
			line-height: 125%;
		    margin-bottom: 15px;
			letter-spacing: -1px;
		}
		    .text.module h4 a,
		    .text.module h4 a:visited,
		 	.text.module p a,
			.text.module p a:visited {
		        color: #355e88;
				text-decoration: underline;
		    }
			.text.module p a:hover,
		    .text.module h4 a:hover {
		        color: #333333;
		        text-decoration: none;
		    }
		
			.text.module p.comments a,
			.text.module p.comments a:visited {
		        color: #bb2828;
				text-decoration: none;
		    }
		
		.text.module br {
			display: block;
			margin: 0 0 15px 0;
		}
		    
	    .text.module blockquote {
	        font: normal 11px/17px Helvetica, Arial, Verdana, sans-serif;
	        padding: 1em;
	        margin: 0 1em;
	        background: #eef2f5;
	    }

	    .text.module ul,
	    .text.module li {
	        font: normal 11px/17px Helvetica, Arial, Verdana, sans-serif;
	        list-style: disc;
	    }
	    .text.module ul {
	        padding: 0 40px;
	    }


		/*** Audio Player *******************************/

		.virb_artist_player {
			padding: 10px;
			margin: 0;
			border: solid 1px #e2e6eb;
			-moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		    border-radius: 5px;
			background: #000000;
		}

			/***** Album Image *****/

			.virb_artist_player .album_image {
				float: left;
				margin: 0 10px 10px 0;
				height: 58px;
			}
			.virb_artist_player .album_image img {
				border: 1px solid #e2e6eb;
				height: 48px;
				width: 48px;
			}

			/***** Marquee *****/

			.virb_artist_player .marquee {
				position: relative;
				padding: 6px 7px 3px 7px;
				border-bottom: solid 1px #e2e6eb;
				background: #eef2f5;
			}
			.virb_artist_player .marquee .track_name {
				display: none;
				font-weight: normal;
			}
			.virb_artist_player .marquee .artist_album_name {
				visibility: hidden;
			}

			.virb_artist_player.has_image .marquee {
				margin: 0 0 0 58px;
			}
				.virb_artist_player .marquee h1 {
					font-size: 12px;
					margin-bottom: 1px;
					color: #6a747f;
					white-space: nowrap;
					overflow: hidden;
				}
				.virb_artist_player .marquee h1 strong {
					color: #355e88;
				}

				.virb_artist_player .marquee .artist_album_name {
					position: absolute; 
					height: 15px;
					top: 5px;
					right: 5px;
					display: inline;
				}
					.virb_artist_player .marquee h2,
					.virb_artist_player .marquee h3 {
						font: normal 10px Helvetica, Arial, Verdana, sans-serif;
						color: #355e88;
						position: relative;
						text-align: right;
						white-space: nowrap;
						overflow: hidden;
					}

					.virb_artist_player .marquee h2 {
						display: none;
					}

			/***** Controls *****/

			.play_pause .play {
				background: url(/_assets/_graphics/_player/play.gif) no-repeat center center;
			}
			.play_pause .pause {
				background: url(/_assets/_graphics/_player/pause.gif) no-repeat center center;
			}
			.previous_track,
			.next_track {
				display: none;
			}
			.play_pause,
			.previous_track,
			.next_track {
				float: left;
				width: 20px;
			}
				.play_pause a,
				.previous_track a,
				.next_track a {
					padding: 5px 0;
					display: block;
				}
				.virb_artist_player.has_image .play_pause {
		            margin-left: 0;
			    }
				.virb_artist_player .play_pause {
				    margin-left: -10px;
				}
					.play_pause strong,
					.previous_track strong,
					.next_track strong {
						visibility: hidden;
						overflow: hidden;
						white-space: nowrap;
					}
				.time_elapsed {
					float: right;
					font: 14px/14px Helvetica, Arial, sans-serif;
					color: #939ca7;
					margin-top: 8px;
				}

			/***** Loader *****/

			.loader {
				background: #e2e6eb;
				height: 7px;
				margin: 11px 45px 0 20px;
				position: relative;
			}
			.virb_artist_player.has_image .loader {
				margin: 11px 45px 5px 80px;					
			}
				.progress {
					background: #eef2f5;
					height: 7px;
					width: 0%;
					position: absolute;
					z-index:1;
					cursor:pointer;
				}
				.playhead {
					background: #355e88;
					height: 7px;
					width: 0%;
					position: absolute;
					z-index:2;
					cursor:pointer;
				}

			/* Volume */
			.volume {
				visibility: hidden;
			}	

			/* Track Listing */
			.virb_artist_player .track_listing {
				position: relative;
				clear: both;
				border-top: solid 1px #e2e6eb;
				margin: 0 0 10px 0;
				overflow: auto;
			}
				.virb_artist_player .track_listing li {
					position: relative;
					border-bottom: solid 1px #e2e6eb;
					padding: 6px 5px 7px 5px;
					font: 10px/12px Georgia, Times, "Times New Roman", serif;
					cursor: pointer;
					overflow: hidden;
				}
				.virb_artist_player .track_listing li .bullet {
					display: none;
				}
				.virb_artist_player .track_listing li.selected .bullet {
					display: inline;
					font-weight: normal;
				}
				.virb_artist_player .track_listing li.odd {
					background: #eef2f5;
				}
				.virb_artist_player .track_listing li .track_details {
					background: none;
		/*			background: #000000;*/
				}
				.virb_artist_player .track_listing li.odd .track_details {
					background: none;
		/*			background: #eef2f5;*/
				}
				.virb_artist_player .track_listing li .track_details {
					position: absolute;
					top: 4px;
					right: 0px;
					padding: 0 5px;
				}
				.virb_artist_player .track_listing li a.show_hide_details,
				.virb_artist_player .track_listing li a.show_hide_details:visited,
				.virb_artist_player .track_listing li a.buy_track,
				.virb_artist_player .track_listing li a.buy_track:visited,
				.virb_artist_player .track_listing li a.download_track,
				.virb_artist_player .track_listing li a.download_track:visited,
				.virb_artist_player .track_listing li .details a,
				.virb_artist_player .track_listing li .details a:visited,
				.virb_artist_player a.embed,
				.virb_artist_player a.embed:visited,
				.virb_artist_player a.view_track,
				.virb_artist_player a.view_track:visited {
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					border: solid 1px #e2e6eb;
					background: #000000;
					color: #355e88;
					display: block;
					font-weight: normal;
					font-size: 10px;
					padding: 1px 6px 2px 6px;
					line-height: 12px;
					float: right;
					margin-left: 4px;
					cursor: pointer;
				}
				.virb_artist_player.single a.embed,
				.virb_artist_player.single a.embed:visited,
				.virb_artist_player .track_listing li a.view_track,
				.virb_artist_player .track_listing li a.view_track:visited {
				    line-height: 10px;
				    margin-right: 0px;
				}
				.virb_artist_player .track_listing li a.track,
				.virb_artist_player .track_listing li a.track:visited {
					color: #6a747f;
				}
				.virb_artist_player .track_listing li a.track:hover,
				.virb_artist_player .track_listing li:hover a.track,
				.virb_artist_player .track_listing li:hover a.track:visited {
					color: #333333;
				}

				.virb_artist_player .track_listing li.selected a.track,
				.virb_artist_player .track_listing li.selected a.track:visited {
					color: #355e88;
					font-weight: bold;
				}

				.virb_artist_player .track_listing li a.buy_track:hover,
				.virb_artist_player .track_listing li a.download_track:hover,
				.virb_artist_player .track_listing li a.show_hide_details:hover,
				.virb_artist_player .track_listing li .details a:hover {
					cursor: pointer;
					color: #333333;
					border-color: ;
				}

				.virb_artist_player .track_listing li .details {
					display: none;
					position: relative;
					z-index: 100;
					padding-top: 7px;
				}

p#chrono_paging {
	display: block;
	position: relative;
	clear: both;
	height: 50px;
	font-size: 14px;
	text-align: center;
	margin-right: 80px;
}
	#chrono_paging a,
	#chrono_paging a:visited {
		position: absolute;
		font-weight: bold;
		top: 0;
	}
	#chrono_paging a:hover {
		background: none;
	}
	a#page_older { right: 0; }
	a#page_newer { left: 0; }

	#chrono_paging span { display: none; }

/*************************************************
* ABOUT
*************************************************/

#about.module {
	padding-bottom: 5px;
}
#about.module h3 {
	display: none;
}


/*************************************************
* FOLLOWING/FOLLOWERS/CIRCLES
*************************************************/

#left_side .circle.module .virb_image,
#left_side #following.module .virb_image {
	width: 48px;
}


/*************************************************
* GROUPS
*************************************************/

#left_side #groups.module .virb_image {
	width: 48px;
}


/*************************************************
* LIKES
*************************************************/

#likes h3 {
	padding-bottom: 15px;
	border-bottom: 1px dotted #e2e6eb;
}

div.likes_single {
	border-bottom: 1px dotted #e2e6eb;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

	.likes_single img {
		float: left;
		margin: 0 10px 0 0;
		max-width: 60px;
	}

	.likes_single p {
		float: none;
		margin: 0;
		padding: 0;
		font-size: 11px;
		color: #939ca7;
	}
	/*#left_side .likes_single.likes_photo p,
	#left_side .likes_single.likes_video p {
		width: 135px;
		overflow: hidden;
		float: left;
		margin: 5px 0 0 0;
		font-size: 11px;
	}*/
		.likes_single p a,
		.likes_single p a:visited {
			color: #939ca7;
		}
		.likes_single p strong a,
		.likes_single p strong a:visited {
			font-weight: normal;
			color: #bb2828;
		}
		.likes_single p a:hover,
		.likes_single p strong a:hover {
			color: #333333;
		}

	.likes_single h4 {
		font-size: 11px;
		font-weight: normal;
		line-height: 130%;
		margin: 0 0 3px 0;
	}
	.likes_text h4 {
		font-size: 12px;
	}
	
	
/*************************************************
* VIRB TUNES
*************************************************/

ul.virb_tunes {
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 130%;
	border-top: 1px solid #e2e6eb;
	color: #6a747f;
}
#left_side ul.virb_tunes {
	font-size: 11px;
}
	ul.virb_tunes li {
		padding: 7px 7px 8px 7px;
		border-bottom: 1px solid #e2e6eb;
	}
	ul.virb_tunes li.odd {
		background: #eef2f5;
	}
	ul.virb_tunes li.bottom {
		border: 0;
	}


/*************************************************
* INTERESTS
*************************************************/

.interests.module p {
	color: #355e88;
	padding: 0;
}


/*************************************************
* CUSTOM MODULES
*************************************************/



/*
================================

* MISCELLANEOUS

================================
*/


/*************************************************
* NO FLASH
*************************************************/

.no_flash {
	padding: 20px 20px 10px 80px;
	background: #eef2f5 url(/_assets/_graphics/_icons/icn-no_flash.png) no-repeat 20px 18px;
	display: none;
}
	.no_flash h2 {
		font-size: 18px;
		color: #393f46;
	}

	.no_flash p {
		font: normal 11px Helvetica, Arial, Verdana, sans-serif;
		color: #939ca7;
		margin: 0;
		padding: 0 0 5px 0;
	}
	

/*************************************************
* LOADING FLASH
*************************************************/

.loading_flash {
	padding: 10px;
	background: #eef2f5;
	display: block;
}

	.loading_flash h2 {
		font-size: 18px;
		color: #393f46;
	}
	
.audio.module p.description {
	padding-top: 0;
	color: #6a747f;
}


/*************************************************
* PRIVACY
*************************************************/

div#private {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #e2e6eb;
     background: #eef2f5 url(/_assets/_graphics/_frontend/private_lock.png) no-repeat top right;
     padding: 50px 20px 60px 20px;
     margin: 0 0 10px 0;
}

	#private p {
		font-size: 11px;
		color: #6a747f;
		line-height: 125%;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#private p strong {
		font: bold 24px Helvetica, Arial, Verdana, sans-serif;
		color: #bb2828;
		letter-spacing: -1px;
	}

/***** Personal Player ********/

#left_side #player_personal.module .flash {
	text-align: center;
}

#footer {
	clear: both;
}