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

* GAZETTE (PERSONAL)

Modified By: Melissa Garcia

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

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


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

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

a,
a:visited {
color: #2ba7ad;
border: 0;
}

a:hover {
color: #45c5d9;    
}

h1, h2, h3, h4, h5 {
font-family: "Baskerville", "Palatino", Myriad Pro;
text-transform: uppercase;
}

p {
font: normal 11px/140% Myriad Pro, Georgia, Times, serif;
color: #333;
padding: 0 0 20px 0;
}

div#virb_banner {
background-color: #fff;
}


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

.core_container {
background: #71c7cf;
}
   
#profile_wrapper {
margin: 0 auto;
padding: 35px 0 0 0;
width: 960px;
}

#profile_container {
background:#fff;
padding: 25px 0;
text-align: center;
}              
        
#left_side {
text-align: left;
float: left;
width: 700px;
margin-left: 0;
padding: 0 20px 0 0; 
overflow: hidden;
}   

#left_side img {
background-color: #F8F8F8; 
padding: 5px; 
border: 1px solid #ccc;
}
       
#right_side {
text-align: left;
float: right;
width: 190px;
margin-right: 20px;
overflow: hidden;
}

/***** Profile Nav *****/
	
/*#status {
margin: 0;
padding: 10px;
}*/
       
#profile_nav {
float: right;
width: 400px;
padding: 10px 20px 10px 0;
font: italic 11px Myriad Pro, Georgia, Times, serif;
margin: 0;
}
#profile_nav ul {
float: right;
}

#profile_nav li {
display: block;
float: left;
padding: 0;
margin: 0 0 0 25px;
}

#profile_nav li:hover {
cursor: pointer;
}

#profile_nav li a,
#profile_nav li a:visited {
display: block;
line-height: 100%;
border: 0;
color: #E41E35;
font-size: 11px;
}
#profile_nav li a:hover,
#profile_nav li:hover a {
color: #45c5d9;
}

#profile_nav.module {border:0;}

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

.module {
border-top: solid 1px #ccc;
padding: 30px 20px 0 20px; 
margin: 0 0 10px 0;
}

#right_side .module {
padding: 20px 0 0 0; 
margin: 0 0 20px 20px;
}

.module h3 {
margin: 0 0 15px 0;
letter-spacing: 3px;
}

#right_side .module h3 {
color: #DD0A23;   
font-size: 16px;
text-transform: uppercase;
}
	
.module h3 span,
.module h3 a,
.module h3 a:visited {
color: #E41E35;
font: normal 13px Myriad Pro, Georgia, Times, serif;
font-size: 13px;
margin-right: 0;
}

.module h3 a:hover {
color: #45c5d9;
}

.module h3 span.left_paren {
margin-left: 5px;
}

#right_side .module h3 span,
#right_side .module h3 a,
#right_side .module h3 a:visited {
font-size: 10px;
}

.module p {
font-size: 12px;
line-height: 150%;
}

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

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

#display_name.module {
border:0;
margin: 0;
padding: 0;
clear: none;
text-align: center;
}

#display_name.module h1 {
border-bottom: 3px solid #71c7cf;
font: normal 40px "Baskerville", "Palatino", Myriad Pro, serif;
line-height: 100%;
text-transform: uppercase;
color: #c32525;
letter-spacing: 2px;
padding-bottom: 25px;
margin: 10px 20px 30px 20px;
}
		
/*************************************************
* CONNECT
*************************************************/

#connect.module {
float: left;
clear: none;
border: 0;
padding: 10px 0 10px 20px;
margin: 0;
width: 450px;
font: italic 11px Myriad Pro, Georgia, Times, serif;
}

#connect.module ul li {
float: left;
padding: 0 15px 0 0;
color: #cf1d1d;
}

#connect.module ul li#isContact { display: none; }
#connect.module ul li a,
#connect.module ul li a:visited {
color: #cf1d1d;
}

#connect.module ul li a:hover {
color: #45c5d9;
}

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

#profile_image.module {
padding-top: 30px;
padding-left: 20px;
margin-left: 0;
border-top:0;
}

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

.virb_image {
padding: 3px;
margin: 0 0 3px 0;
}

a:hover .virb_image {
background: #f5e298;
}


#right_side .virb_image {
padding: 0;
margin-right: 3px;
}

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

#status.module {
boder: 0;
padding: 0 50px 20px 50px;
margin: 0;
text-align: center;
/*margin: 0;
padding: 10px;
*/	
}
	
#status.module h3 {
display: none;
}

#status.module h4 {
color: #666666;
font-family: "Century Gothic", Myriad Pro;
font-weight: normal;
font-size: 15px;
margin-top: 20px;
}
	
#status.module h4 a,
#status.module h4 a:visited {
color: #53788c;
}

#status.module h4 a:hover {
color: #45c5d9;
}

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

div.date_group {
clear: both;
}

div.date {
display: block;
float: left;
text-align: center;
width: 160px;
padding: 15px 0 20px 0;
margin: 30px 0;
background: #DD0A23;
}

.date p {
text-transform: uppercase;
font-size: 28px;
font-family: "Baskerville", "Palatino", Myriad Pro, serif;
color: #fff;
font-weight:bold;
line-height: 80%;
margin: 0;
padding: 0;
letter-spacing: 4px;
}

.date p em {
line-height: 100%;
font-style: normal;
}

.day_name {
display: block;
text-transform: uppercase;
font-family: "Century Gothic", Myriad Pro;
margin-top:8px;
font-size: 11px;
line-height: 11px;
color: #ddd;
letter-spacing: 7px;
}

.year,
.month_full,
.day_name_abbr {
display: none;
}
		
.chrono.module {
float: right;
width: 500px;
padding-left: 0;
padding-right: 0;
margin: -1px 0 0 0;
}
	
.module p.comments {
font-size: 11px;
color: #db7d39;
}

.module p.comments a,
.module p.comments a:visited {
color: #53788c;
}

.module p.comments a:hover {
color: #45c5d9;
}


	
/*** Status *********************************/
	
.status.module h4 {
font-weight: normal;
font-size: 18px;
line-height: 125%;
color: #856649;
margin-bottom: 10px;
}

.status.module p.status_meta {
font-size: 11px;
line-height: 125%;
color: #db7d39;
}

.status.module p a,
.status.module p a:visited {
color: #53788c;
}

.status.module p a:hover {
color: #45c5d9;
}
	
/*** Links **********************************/

.links.module h4 {
margin-bottom: .4em;
}

.links.module h4 a,
.links.module h4 a:visited {
font-weight: normal;
font-size: 16px;
color: #2ba7ad;
}

.links.module h4 a:hover {
color: #45c5d9;
border-bottom: none;
}

.links.module h4 a.permalink,
.links.module h4 a.permalink:visited {
color: #db7d39;
border: 0;
}

.links.module h4 a.permalink:hover {
color: #45c5d9;
}

.links.module .link_photo,
.links.module .link_video {
padding-bottom: 20px;
position: relative;
}

.links.module .link_photo img {
max-width: 500px;
}

/*** Quotes *********************************/
	
.quotes.module h4 {
font-weight: normal;
font-size: 24px;
line-height: 125%;
color: #856649;
margin-bottom: 10px;
}

.quotes.module h4 em,
.quotes.module h4 span {
font-size: 11px;
}

.quotes.module h4 span {
font-size: 50px;
line-height: 0;
color: #db7d39;
vertical-align: -19px;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}

.quotes.module h4 span a,
.quotes.module h4 span a:visited {
color: #db7d39;
}
	
.quotes.module h4 span a:hover {
color: #45c5d9;
}
	
.quotes.module h4 span.quotation {
padding-right: 2px;
}

.quotes.module h4 span.quotation_right {
padding-left: 2px;
}

.quotes.module p.source {
font-size: 14px;
color: #db7d39;
position: relative;
z-index: 10;
}
	
/*** Photos/Videos ******************************/
		
.photos.module img {
margin: 0;
padding: 0;
}
		
.module p.description {
padding-top: 15px;
}
		
/*** Text ***************************************/
		
.text.module h4 {
font-weight: normal;
font-size: 21px;
line-height: 125%;
margin-bottom: 15px;
}

.text.module h4 a,
.text.module h4 a:visited {
color: #2ba7ad;
border-bottom: solid 1px #2ba7ad;
}

.text.module h4 a:hover {
color: #45c5d9;
border-bottom: 0;
}
		    
.text.module blockquote {
font: normal 11px/17px Georgia, Times, "Times New Roman", serif;
padding: 1em;
margin: 0 1em;
background: #f5e39d;
}

.text.module ul,
.text.module li {
font: normal 11px/17px Georgia, Times, "Times New Roman", serif;
list-style: disc;
}

.text.module ul {
padding: 0 40px;
}

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

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

/***** 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 #f5e298;
height: 48px;
width: 48px;
}

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

.virb_artist_player .marquee {
position: relative;
padding: 6px 7px 3px 7px;
border-bottom: solid 1px #f5e298;
background: #f7eab5;
}

.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: #db7d39;
white-space: nowrap;
overflow: hidden;
}

.virb_artist_player .marquee h1 strong {
color: #856649;
}

.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 Georgia, Times, "Times New Roman", serif;
color: #856649;
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: #db7d39;
margin-top: 8px;
}

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

.loader {
background: #cf1d1d;
height: 7px;
margin: 11px 45px 0 20px;
position: relative;
}

.virb_artist_player.has_image .loader {
margin: 11px 45px 5px 80px;					
}

.progress {
background: #f5e298;
height: 7px;
width: 0%;
position: absolute;
z-index:1;
cursor:pointer;
}

.playhead {
background: #2ba7ad;
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 #f5e298;
margin: 0 0 10px 0;
overflow: auto;
}

.virb_artist_player .track_listing li {
position: relative;
border-bottom: solid 1px #f5e298;
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: #f7eab5;
}

.virb_artist_player .track_listing li .track_details {
background: none;
/*background: #f7eab5;*/
}

.virb_artist_player .track_listing li.odd .track_details {
background: none;
/*background: #f7eab5;*/
}

.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 #f5e298;
background: #f7eab5;
color: #2ba7ad;
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: #856649;
}

.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: #45c5d9;
}

.virb_artist_player .track_listing li.selected a.track,
.virb_artist_player .track_listing li.selected a.track:visited {
color: #2ba7ad;
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: #45c5d9;
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;
border-top: 1px solid #f5e298;
height: 50px;
font-size: 14px;
text-align: center;
}

#chrono_paging a,
#chrono_paging a:visited {
position: absolute;
top: 25px;
background: #f5e39d;
padding: 4px 7px;
}

#chrono_paging a:hover {
background: none;
}

a#page_older { right: 0; }
a#page_newer { left: 0; }

#chrono_paging span { display: none; }


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

#about.module {
margin-bottom: 10px;
}

#about.module p {
padding-right: 15px;
}

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

#right_side .circle.module .virb_image,
#right_side #following.module .virb_image {
width: 35px;
}

#followers.module .virb_image {
width: 35px;
}

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

#right_side #groups.module .virb_image {
width: 35px;
}

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

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

div.likes_single {
border-bottom: 1px dotted #ccc;
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: #333;
}

/*#right_side .likes_single.likes_photo p,
#right_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: #E41E35;
}

.likes_single p strong a,
.likes_single p strong a:visited {
font-weight: normal;
color: #E41E35;
}

.likes_single p a:hover,
.likes_single p strong a:hover {
color: #45c5d9;
}

.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: Georgia, Times, "Times New Roman", serif;
line-height: 130%;
border: 1px solid #ccc;
color: #333;
}

#right_side ul.virb_tunes {
font-size: 11px;
}

ul.virb_tunes li {
padding: 7px 7px 8px 7px;
border-bottom: 1px solid #ccc;
background: #F3F3F3;
}

ul.virb_tunes li.odd {
background: #EBEBEB;
}

ul.virb_tunes li.bottom {
border-bottom: 1px solid #fff;
}

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

.interests.module p {
color: #2ba7ad;
padding: 0;
}

#right_side .interests.module p {
font-size: 11px;
}


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

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

* MISCELLANEOUS

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

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

.no_flash {
padding: 20px 20px 10px 80px;
background: #f7eab5 url(/_assets/_graphics/_icons/icn-no_flash.png) no-repeat 20px 18px;
display: none;
}

.no_flash h2 {
font-size: 18px;
color: #856649;
}

.no_flash p {
font: normal 11px Georgia, Times, "Times New Roman", serif;
color: #db7d39;
margin: 0;
padding: 0 0 5px 0;
}
	

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

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

.loading_flash h2 {
font-size: 18px;
color: #856649;
}
	
.audio.module p.description {
padding-top: 0;
color: #db7d39;
}


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

div#private {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #f5e298;
background: #f7eab5 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: #856649;
line-height: 125%;
margin: 0;
padding: 0;
text-align: center;
}

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

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

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

#footer {
clear: both;
}