/*
================================

* CHUNK (PERSONAL)

supported modules:
* Connect
* Profile Pic
* Display Name
* Meta
* About
* Following
* Groups
* Circles
* Tumblelog
* Likes
* VirbTunes
* Interests
* Comments

================================
*/





/*************************************************
* GLOBAL
*************************************************/
.core_container {
	background: #121212;
}           
	#profile_wrapper {
		margin: 0 auto;
		padding: 20px 0 20px 0;
		width: 1000px;
		overflow: hidden;
	}
	#profile_container { font-family: Georgia, "Times New Roman", serif; }
		#profile_container a, #profile_container a:visited {
			color: #c1c1c1;
			border: 0;
		}
		#profile_container a:hover { text-decoration: underline; }
		#profile_container a, #profile_container a:visited, img {
			border: none;
		}
		#profile_container p, #profile_container ul li {
			font-size: 12px;
			line-height: 150%;
			color: #c1c1c1;
		}
		div#virb_banner {
			background-color: #262626;
		}
		.module { clear: none; }





/*************************************************
* ERROR CHECKING FOR MISSED STYLES
*************************************************/
/*.module { background: yellow; }*/





/*************************************************
* CONTENT BLOCKS & CONTENT TITLES
*************************************************/

#header, div.date_group, #footer .module {
	background: #262626;
	border: solid 20px #5f5f5f;
	padding: 30px 30px 30px 190px;
	margin: 0 0 15px 0;
	width: 740px;
	clear: both;
	position: relative;
}
#header { padding-bottom: 20px; }
div.date_group { padding-bottom: 5px; }
	div.date, #footer .module h3 {
		padding: 12px 20px 12px 20px;
		/*margin: -30px 0px 0px -160px;*/
		margin: 0;
		top: 0;
		left: 30px;
		width: 90px;
		font-size: 10px;
		text-transform: uppercase;
		font-style: normal;
		font-weight: normal;
		color: #c1c1c1;
		background: #262626;
		position: absolute;
	}
	div.date p { padding: 0px; }
	div.date em { font-style: normal; font-size: 10px; color: #c1c1c1; }
	div.date .day, #footer .module h3 a { font-size: 16px; padding-left: 10px; }
	.month_full, .day { font-weight: normal; }
	.month_abbr, .day_name, .day_name_abbr, .year { display: none; }
	#footer h3 span.left_paren, #footer h3 span.right_paren { display: none; }

#header {
	position: relative;
	display:inline-block;
}
#header_please_dont_use_after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
#header #left_side {
	width: 510px;
	float: left;
}
#header #right_side {
	padding: 0 0 0 30px;
	width: 170px;
	display: block;
	border-left: 1px solid #121212;
	float: right;
}





/*************************************************
* HEADER MODULES
*************************************************/

	/*** GENERIC RULES **********************************/
	#header .module {
		margin: 15px 0 15px 0;
		padding: 0;
		background: none;
	}
	#header #right_side .module { margin: 10px 0 10px 0; }
		#header .module h3 {
			margin: 0 0 5px 0;
			padding: 0;
			font-size: 10px;
			line-height: 15px;
			font-weight: normal;
			text-transform: uppercase;
			color: #5f5f5f;
		}
			#header .module h3 .left_paren { padding-left: 5px; }
			#header .module h3 .right_paren { padding-right: 5px; }
			#header .module h3 a .left_paren,
			#header .module h3 a .right_paren { color: #5f5f5f; }
			#header .module h3 a:hover .left_paren,
			#header .module h3 a:hover .right_paren { text-decoration: none; }
		#header .module h4 {
			font-size: 18px;
			line-height: 150%;
			font-weight: normal;
			color: #c1c1c1;
		}
		#header .module img {
			margin: 0 5px 5px 0;
			padding: 0;
			width: 35px;
		}
		#header #left_side .module p { font-size: 12px; line-height: 150%; }
		#header #right_side .module p { font-size: 10px; line-height: 150%; }

	/*** CONNECT **********************************/
		#connect.module {
			margin: 0;
			padding: 0;
			top: 0px;
			width: 740px;
			position: absolute;
		}
		#left_side #connect.module { margin: -50px 0 0 -175px; text-align: left; }
		#right_side #connect.module { margin: -50px 0 0 -570px; text-align: right; }
			#connect ul {  }
			#connect ul li {
				padding: 0 0 0 15px;
				display: inline;
				font-size: 10px;
				font-family: Georgia, "Times New Roman", serif;
				text-transform: uppercase;
			}
			#connect ul li a, #connect ul li a:visited { color: #262626; }
			#connect ul li a:hover { text-decoration: underline; }

	/*** PROFILE IMAGE **********************************/
		#profile_image.module {
			margin: 0;
			padding: 0;
			top: 30px;
			border: 0;
			position: absolute;
		}
		#left_side #profile_image.module { margin: 0 0 0 -160px; }
		#right_side #profile_image.module { margin: 0 0 0 -730px; }
		#profile_image.module img { width: 130px; }

	/*** DISPLAY NAME **********************************/
	#display_name.module { }
		#display_name h1 {
			margin: 0;
			padding: 0;
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			text-transform: uppercase;
			color: #ededed;
		}
		#right_side #display_name h1 { font-size: 20px; line-height: 150%; }

	/*** META **********************************/
	#meta.module { }
		#meta h2 {
			margin: 0;
			padding: 0 10px 0 0;
			font-size: 10px;
			line-height: 10px;
			font-weight: normal;
			text-transform: uppercase;
			color: #5f5f5f;
			display: inline;
		}
		#right_side #meta h2 { display: block; line-height: 12px; }
		#meta h2 em { font-style: normal; }
		#meta .clear { display: none; }

	/*** STATUS **********************************/
	#status.module {  }
		#status h3 { display: none; }

	/*** PHOTOS **********************************/
	#header .module div.virb_image_wrap { float: left; }
	#left_side #photos.module img {
		width: 100px;
		border: 5px solid #121212;
		background: #121212;
	}

	/*** ABOUT **********************************/
	#about.module {  }
		#about h3 { display: none; }
		#about p { margin-bottom: 15px; }

	/*** PROFILE NAV **********************************/
	#profile_nav.module {
		margin-top: 25px;
	}
		#profile_nav ul {
			margin: 0;
			padding: 0;
			height: 40px;
		}
		#profile_nav li {
			margin: 0;
			padding: 0 5px 5px 0;
			display: block;
			float: left;
		}
		#profile_nav li a,
		#profile_nav li a:visited {
			display: block;
			height: 12px;
			padding: 13px 20px 13px 20px;
			border: 0;
			color: #c1c1c1;
			font-family: Georgia, "Times New Roman", serif;
			font-size: 12px;
			text-transform: uppercase;
			line-height: 100%;
			background: #5f5f5f;
		}
		#profile_nav li.selected a,
		#profile_nav li.selected a:visited,
		#profile_nav li a:hover,
		#profile_nav li:hover a {
			background: #121212;
			text-decoration: none;
		}





/*************************************************
* TUMBLELOG
*************************************************/

#tumblelog {  }
#tumblelog .module {
	margin: 0 0 25px 0;
	padding: 0 0 15px 0;
	width: 740px;
	background: none;
	border-bottom: 1px solid #262626;
	display:inline-block;
}
#tumblelog .module_please_dont_use_after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
	#tumblelog .module h4 {
		margin: 0 0 15px 0;
		padding: 0;
		width: 510px;
		font-size: 18px;
		line-height: 150%;
		font-weight: normal;
		color: #c1c1c1;
	}
	#tumblelog .module p {
		margin: 0 0 15px 0;
		padding: 0;
		width: 510px;
		font-size: 12px;
		line-height: 150%;
		color: #c1c1c1;
	}
	#tumblelog .module a, #tumblelog .module a:visited { color: #c1c1c1; }
	#tumblelog .module a.permalink { color: #5f5f5f; }

	#tumblelog .module img, #tumblelog .module p.link_video object, #tumblelog .module div.virb_video object {
		margin: 15px 0 15px 0;
		max-width: 720px;
		border: 10px solid #121212;
		background: #121212;
		position: relative;
		display: inline-block;
	}
	#tumblelog .photos.module img, #tumblelog .module p.link_video object, #tumblelog .module div.virb_video object {
		margin: 0px 0 15px 0;
	}
	

	/*** Links *********************************/
	#tumblelog .links.module h4 {  }

	/*** Quotes *********************************/
	#tumblelog .quotes.module h4 {
		padding-left: 30px;
	    font-style: italic;
	}
	#tumblelog .quotes.module h4 .quotation {
		margin: 0 0 0 -30px;
		font-size: 42px;
		line-height: 42px;
		font-weight: bold;
		font-style: normal;
		position: absolute;
	}
	#tumblelog .quotes.module .quotation_right { display: none; }
	#tumblelog .quotes.module p.source {
		padding-left: 30px;
		font-size: 14px;
		line-height: 150%;
		color: #5f5f5f;
	}

	/*** Status *********************************/
	#tumblelog .status.module h4 {
		float: left;
	}
	#tumblelog .status.module p.status_meta {
		margin: 0;
		padding: 5px 0px 5px 30px;
		width: 170px;
		position: relative;
		float: right;
		font-size: 10px;
		text-transform: uppercase;
		color: #5f5f5f;
		border-left: 1px solid #121212;
	}

	/*** Text *********************************/
	#tumblelog .text.module h4, #tumblelog .text.module p {
		clear: left;
		float: left;
	}
	#tumblelog .text.module pre {
		margin: 0px;
		padding: 15px;
		width: 470px;
		overflow: auto;
		clear: left;
		float: left;
		background: #FFF;
		border: 10px solid #121212;
	}
	#tumblelog .text.module p.comments, #tumblelog .text.module p.via {
		margin: 0 0 0 540px;
		padding: 5px 0px 5px 30px;
		width: 170px;
		position: absolute;
		font-size: 10px;
		text-transform: uppercase;
		color: #5f5f5f;
		border-left: 1px solid #121212;
	}

	/*** Photos *********************************/
	#tumblelog .photos.module p.image {
		float: left;
	}
	#tumblelog .photos.module p.body {
		position: relative;
		clear: left;
		float: left;
	}
	#tumblelog .photos.module p.comments {
		margin: 0 0 0 540px;
		padding: 5px 0px 5px 30px;
		width: 170px;
		position: absolute;
		font-size: 10px;
		text-transform: uppercase;
		color: #5f5f5f;
		border-left: 1px solid #121212;
	}
	#tumblelog .photos.module p.body strong { font-size: 18px; line-height: 150%; font-weight: normal; }
	#tumblelog .photos.module p.body .colon { display: none; }
	#tumblelog .photos.module p.body .description { display: block; }

	/*** Videos *********************************/
	#tumblelog .videos.module div.virb_video {
		float: left;
		width: 500px;
	}
	#tumblelog .videos.module p.description, #tumblelog .videos.module p.comments {
		margin: 0;
		padding: 5px 0px 5px 30px;
		width: 170px;
		position: relative;
		clear: right;
		float: right;
		border-left: 1px solid #121212;
	}
	#tumblelog .videos.module p.comments { font-size: 10px; text-transform: uppercase; color: #5f5f5f; }





/*************************************************
* PAGING
*************************************************/
#tumblelog p#chrono_paging {
	margin: 0;
	padding: 10px 0 25px 0;
	display: block;
	clear: both;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #262626;
}
	#tumblelog p#chrono_paging a { color: #262626; }
	#tumblelog p#chrono_paging span { padding: 0 25px 0 25px; }





/*************************************************
* FOOTER
*************************************************/

#footer {  }
#footer .module {
	display:inline-block;
}
#footer .module_please_dont_use_after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
	#footer .listening h3 a { padding-left: 0px; }
	#footer .listening ul li {
		margin: 0 0 15px 0;
		padding: 5px 20px 5px 30px;
		width: 124px;
		height: 60px;
		font-size: 12px;
		line-height: 150%;
		/*overflow: hidden;*/
		/*display: inline-block;*/
		display: block;
		float: left;
		border-left: 1px solid #121212;
	}
	#footer .listening .note {
		margin-left: -17px;
		padding-right: 3px;
		color: #5f5f5f;
		position: absolute;
	}

	#footer .interests p { line-height: 20px; color: #262626; }
	#footer .interests a { padding-right: 10px; margin-right: 5px; border-right: 1px solid #262626; }

	#footer #likes div.likes_single {
		margin: 0 0 15px 0;
		padding: 5px 20px 5px 30px;
		width: 190px;
		height: 90px;
		/*overflow: hidden;*/
		/*display: inline-block;*/
		display: block;
		float: left;
		border-left: 1px solid #121212;
	}
	#footer #likes img { margin: 0 10px 10px 0; padding: 5px; max-width: 100px; background: #121212; float: left; }
	#footer #likes .likes_photo p strong,
	#footer #likes .likes_video p strong,
	#footer #likes .likes_audio_album p strong,
	#footer #likes h4 { margin: 0 0 5px 0; font-size: 14px; line-height: 18px; font-weight: normal; color: #c1c1c1; }
		#footer #likes .likes_quote h4 { font-style: italic; }
		#footer #likes .likes_quote h4 strong { margin-right: 5px; font-size: 20px; line-height: 0; vertical-align: -5px; }
	#footer #likes p, #footer #likes p strong { font-size: 10px; line-height: 15px; font-weight: normal; color: #5f5f5f; }
	#footer #likes p a { color: #5f5f5f; }
	#footer #likes p strong a { color: #c1c1c1; }
	/*#footer #likes .likes_link p { display: none; }*/
	#footer #likes .likes_link h4 { font-size: 10px; line-height: 15px; }
	#footer #likes .likes_link h4 a { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
	#footer #likes .likes_link h4 a.permalink { color: #5f5f5f; }





/*************************************************
* AUDIO PLAYER
*************************************************/
#tumblelog .audio.module { }

	/*** Audio Player *******************************/
	.virb_artist_player {
		padding: 0;
		margin: 0 0 20px 0;
		width: 500px;
		border: 10px solid #121212;
		background: #121212;
	}

		/***** Album Image *****/
		.virb_artist_player .album_image {
			float: left;
			margin: 0 10px 10px 0;
			height: 58px;
		}
		#tumblelog .virb_artist_player .album_image img {
			margin: 0;
			padding: 0;
			height: 48px;
			width: 48px;
		}

		/***** Marquee *****/
		.virb_artist_player .marquee {
			position: relative;
			margin: 0;
			padding: 5px 7px 0px 7px;
		}
		.virb_artist_player .marquee .track_name { display: none; }
		.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 {
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-weight: normal;
				color: #c1c1c1;
				white-space: nowrap;
				overflow: hidden;
			}
			.virb_artist_player .marquee .artist_album_name {
				position: absolute; 
				top: 3px;
				right: 5px;
				display: inline;
			}
			.virb_artist_player .marquee h2,
			.virb_artist_player .marquee h3 {
				font-size: 12px;
				font-weight: normal;
				color: #5f5f5f;
				position: relative;
				text-align: right;
				white-space: nowrap;
				overflow: hidden;
			}
			.virb_artist_player .marquee h2 { display: none; }

		/***** Controls *****/
		.play_pause .play {
			background: url(http://virb.com/_assets/_graphics/_player/play.gif) no-repeat center center;
		}
		.play_pause .pause {
			background: url(http://virb.com/_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;
				display: block;
			}
			#tumblelog .controls a:hover { text-decoration: none; }
			.virb_artist_player.has_image .play_pause { margin-left: 0; }
			.virb_artist_player .play_pause { margin-left: -5px; }
				.play_pause strong,
				.previous_track strong,
				.next_track strong {
					visibility: hidden;
					overflow: hidden;
					white-space: nowrap;
				}
			.time_elapsed {
				margin-top: 6px;
				margin-right: 10px;
				float: right;
				font-size: 12px;
				line-height: 14px;
				color: #5f5f5f;
			}

		/***** Loader *****/
		.loader {
			background: #262626;
			height: 10px;
			margin: 10px 55px 0 30px;
			position: relative;
		}
		.virb_artist_player.has_image .loader {
			margin: 11px 45px 5px 80px;					
		}
			.progress {
				background: #5f5f5f;
				height: 10px;
				width: 0%;
				position: absolute;
				z-index:1;
				cursor:pointer;
			}
			.playhead {
				background: #c1c1c1;
				height: 10px;
				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: 1px solid #262626;
			margin: 0 0 10px 0;
			overflow: auto;
		}
			.virb_artist_player .track_listing li {
				position: relative;
				border-bottom: 1px solid #262626;
				padding: 5px;
				font-size: 10px;
				line-height: 12px;
				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: #262626;
				background: none;
			}
					.virb_artist_player .track_listing li .track_details {
						background: none;
			/*			background: #262626;*/
					}
					.virb_artist_player .track_listing li.odd .track_details {
						background: none;
			/*			background: #262626;*/
					}
			.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 {
				border: 1px solid #262626;
				border: none;
				background: #262626;
				background: none;
				color: #c1c1c1;
				display: block;
				font-weight: normal;
				font-size: 10px;
				padding: 1px 6px 2px 6px;
				line-height: 12px;
				float: right;
				margin-left: 4px;
			}
			.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.selected a.track,
			.virb_artist_player .track_listing li.selected a.track:visited {
				font-weight: bold;
			}

			.virb_artist_player .track_listing li .details {
				display: none;
				position: relative;
				z-index: 100;
				padding-top: 7px;
			}





/*************************************************
* COMMENTS
*************************************************/

#comments.module {
}
#comments.module form {
    margin: 0;
    padding: 0;
}

#comments.module .awaiting_approval,
#comments.module p {
	font-size: 12px;
	font-weight: normal;
}
#comments.module .awaiting_approval {
	color: ;
}
#comments.module #add_comment_wrapper p {
    padding-bottom: 0;
	color: #5f5f5f;
}
#comments.module #add_comment_wrapper p strong { font-weight: normal; }
#comments.module .comment {
    position: relative;
    padding: 15px 15px 15px 65px;
    border-bottom: 1px solid #262626;
}

#comments.module #add_comment_wrapper.comment {
	background: #262626;
}
    #comments.module .comment.firstRow { }
    #comments.module .comment.odd { }
    #comments.module p.avatar {
        position: absolute;
        top: 15px;
        left: 15px;
    }
	#comments.module p.avatar img {
		width: 35px;
		height: 35px;
	}
	
#comments.module p {
    padding-bottom: 10px;
	line-height: 140%;
}
#right_side #comments.module p {
	font-size: 10px;
}
#comments.module p.meta {
    padding-bottom: 15px;
    color: #5f5f5f;
}
#comments.module p.meta strong { font-weight: normal; }
#comments.module p.meta .edit_delete {
    position: absolute;
    right: 15px;
    top: 15px;
	font-size: 10px;
}
    #comments.module p.meta .edit_delete a.delete_comment,
    #comments.module p.meta .edit_delete a.delete_comment:visited {
        color: ;
		margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        border: none;
		border-left: 1px solid #262626;
    }        
#comments.module .comment form.reply_form,
#comments.module .comment form.edit_form,
#comments.module .replies form.edit_form,
#unsaved_comment,
#unsaved_comment_reply {
    display: none;
}
#comments.module .replies {
    padding: 0 0 0 65px;
}
#comments.module .comment_reply {
    position: relative;
    border-bottom: 1px solid #262626;
    padding: 10px 10px 10px 65px;
} 
#comments.module .comment_reply p.meta {
    padding-bottom: 0px;
    padding-top: 3px;
}
#comments.module textarea {
	margin-top: 5px;
	height: 45px;
	width: 95%;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
}

.btn-form_post {
    background: #5f5f5f;
    margin: 10px 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	font-weight: normal;
    color: #c1c1c1;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
    text-transform: uppercase;
    padding: 8px 15px;
}
.btn-form_post:hover {
	cursor: pointer;
	background: #121212;
	text-decoration: none;
}




/*************************************************
* NO FLASH
*************************************************/

.no_flash {
	padding: 20px 20px 10px 80px;
	background: #262626 url(/_assets/_graphics/_icons/icn-no_flash.png) no-repeat 20px 18px;
	display: none;
}
	.no_flash h2 {
		font-size: 18px;
		color: #c1c1c1;
	}
	.no_flash p {
		font-size: 12px;
		color: #c1c1c1;
	}



/*************************************************
* LOADING FLASH
*************************************************/

.loading_flash {
	padding: 10px;
	background: #262626;
	display: block;
}
	.loading_flash h2 {
		font-size: 18px;
		color: #c1c1c1;
	}



/*************************************************
* PRIVACY
*************************************************/

div#private {
     background: url(/_assets/_graphics/_frontend/private_lock.png) no-repeat top right;
     padding: 50px 30px 60px 30px;
     margin: 0 0 10px 0;
}
	#private p {
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 150%;
		color: #c1c1c1;
		text-align: center;
	}
	#private p strong {
		font-size: 42px;
		font-weight: bold;
		text-transform: uppercase;
		color: #c1c1c1;
	}
