@charset "UTF-8";
/* www.pinkfestival.com */


/* ---------    COLOURS    -----------

Page Blue: #ADEFFF
Body text: #333
Pink:      #FF2066
Links:     #FF2066
Mid Blue:  #00CCFF

----------------------------------- */

/* --------- COLUMN WIDTHS -----------

HOME PAGE
Full width (maincol-full-width): 846 px

TEXT COLUMNS
col-1:				   159px
Middle column (col-2): 447 px
Advert column (col-3): 131 px

----------------------------------- */


*,
html, body, img { /*check this out*/
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	color: #333;
	font-weight: normal;
	font-size: 80%;
	font-family: Georgia, "Georgia", Verdana, Arial, Helvetica, sans-serif;
	background: #adefff url('/assets/pink_bg.jpg') center top no-repeat;
	/*border-top: 1px solid #333;*/
}

img {
	border: none;
}

input
{
border: 1px solid #999;
padding: 1px;
}

submit
{
color: #FFF;
background: #FF2066;
font-weight: bold;
border: 1px solid #999;
padding: 1px;
}

a {
	outline: none;
}

a:link, a:visited, a:active { color: #FF2066; }
			
a:hover { color: #666; }

.text-standout {
	color: #00CCFF;
	font-weight: bold;
}

.clearer {
	clear: both;
	height: 0px;
	line-height: 0px;	}

br.clearer {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 1px;
	}
	

		
img.padright { padding-right: 10px;}

	
img.padright-plus { padding-right: 24px;}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left */
	float: left;
	margin-right: 8px;
}

	

/**/

div.container {
	width: 870px;
	margin: 0 auto;
	text-align: left;
	background: none;
}

	/********* HEADER *********/
	
	div.header {
		float: left;
		width: 870px;
		height: 225px; /*375px home page*/
		margin-top:0;
	}
	
		div.pink-festival {
			float: left;
			display: inline;
		}
	
	/********* TOP NAVIGATION *********/
					
		div.top-navigation {
			float: right;
			font-size: 11px;
			line-height: normal;
			}
	
			div.top-navigation ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				width: auto;
				position: relative;
				display: block;
				height: 50px;
				background: transparent url('/assets/bg_top_nav.jpg') top left repeat-x;
				font-size: 11px;
				font-weight: bold;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}

				div.top-navigation ul li {
					display: block;
					float: left;
					margin: 0;
					pading: 0;
					border-left: 1px solid #222;
				}

					div.top-navigation ul li a {
						display: block;
						float: left;
						color: #fff;
						text-decoration: none;
						padding: 18px 12px 0 12px;
						height: 32px; /* 50px - 18px = 32px*/
						/*height: 32px; ? */
					}

						div.top-navigation ul li a:hover, div.top-navigation ul li a:hover.active {
							background:transparent url('/assets/bg_top_nav_hover.jpg') top left repeat-x;
						}
						
						div.top-navigation ul li a.active {
							background:transparent url('/assets/bg_top_nav_active.jpg') top left repeat-x;
						}
							
		/*page-info*/
		
			div.page-info {
				float: left;
				display: inline;
				width: 860px;
				margin-left: 12px;
				background: none;
			}
			
			/*page-info-col-1*/
			
				div.page-info-col-1 {
					float: left;
					display: inline;
					width: 475px; /* for larger page title check in IE */
					background: none;
					position: relative;
					top: 25px;
				}
				
				div.page-info-col-1-long {
					float: left;
					display: inline;
					width: 790px;
					background: none;
					position: relative;
					top: 25px;
				}
				
					div.page-info-col-1 h1, div.page-info-col-1-long h1 {
						font-size: 600%;
						font-weight: normal;
						font-family: Georgia, "Georgia", "Times New Roman", Times, serif; /* size was 75px */
						color: #FF2066;
						letter-spacing: -4px;
						line-height: 50%;
						/*margin-bottom: 12px;*/
					}
					
						div.page-info-col-1 p {
							/*width: 310px; /* for smaller <p> check in IE *** BREAKS LINE TOO EARLY phc */
							font-size: 160%;
							line-height: 130%;
							font-weight: normal;
							font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
							color: #666;
							margin-bottom: 12px;
						}
				
				/*page-info-col-2*/
				
						div.page-info-col-2 {
							float: right;
							display: inline;
							width: 342px;
							padding-right: 20px;
							background: none;
							position: relative;
							top: 110px;
						}
						
							div.page-info-col-2 p {
								font-size: 110%;
								font-weight: bold;
								font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
								color: #666; /* was #936 */
								line-height: normal;
								margin-bottom: 12px;
							}
						
				
	/********* CONTENT *********/
	
	div.content {
		width: 870px;
		float: left;
		display: inline;
		background: none;
		color: #777;
	}
			div.maincol-full-width { /* e.g. home page */
			width: 846px;
			background-color: #FFF;
			padding: 10px 12px 14px 12px;
			margin-bottom: 0;
			font-size: 100%;
			line-height: 140%;
			}
			
			div.maincol { /* e.g. most main text pages */
			background-color: #FFF;
			width: 646px; /* -2px to allow for 1px border, -24px to allow for padding  */
			float: left;
			padding: 10px 12px 14px 12px;
			overflow: hidden;
			font-size: 100%;
			line-height: 140%;
			}
			
			
					div.col-1,
					div.col-1-plus,
					div.col-pics,
					div.col-2,
					div.col-3,
					div.col-1-full {
					padding: 10px 12px;
					border: 1px solid #FFF;
					}
					
					div.content p {
					margin-bottom: 7px;
					}
					
					div.content .small {
					margin-bottom: 5px;
					font-size: 90%;
					line-height: 110%;
					}
					
					div.content h2 {
					margin: 6px 0 14px 0;
					font-size: 165%;
					font-weight: bold;
					letter-spacing: -1px;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					color: #666;
					line-height: 100%;
					}
					
					div.content h2:link, div.content h2:active, div.content h2:visited {
					text-decoration: none;
					margin: 6px 0 14px 0;
					font-size: 165%;
					font-weight: bold;
					letter-spacing: -1px;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					color: #FF2066;
					line-height: 100%;
					}
					
					div.content h2:hover {
					text-decoration: underline;
					margin: 6px 0 14px 0;
					font-size: 165%;
					font-weight: bold;
					letter-spacing: -1px;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					color: #FF2066;
					line-height: 100%;
					}
					
					div.content h3 {
					margin-bottom: 10px;
					font-size: 130%;
					font-weight: normal;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					color: #666;
					line-height: 130%;
					}
					
					div.content h4 {
					margin-bottom: 10px;
					font-size: 130%;
					font-weight: bold;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					line-height: 130%;
					}
					
					div.content h5 {
					margin-bottom: 3px;
					font-size: 110%;
					font-weight: bold;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					line-height: 110%;
					}
					
					
					div.content ul {
					font-weight: bold;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					margin: 15px 0 15px 20px;
					line-height: 120%;
					}
					
					div.content li {
					font-weight: bold;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					margin-bottom: 9px;
					}
					
					div.content p.blocklink a {
					display: block;
					text-decoration: none;
					font-weight: bold;
					padding: 10px 30px;
					border: #ADEFFF 1px solid;
					background-color: #EEE;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					margin-bottom: 9px;
					}
					
					div.content p.blocklink a:hover {
					display: block;
					border: #ADEFFF 1px solid;
					background-color: #FFF;
					}
					
					div.content div.small-row {
					margin-bottom: 9px;
					}
					
					div.content div.small-row p {
					width: 100%;
					color:#00CCFF;
					font-size: 110%;
					padding: 1px 0 4px 12px;
					margin-bottom: 4px;
					line-height: 100%;
					border-bottom: 1px solid #DDD;
					background-image: url(../assets/icons/small-row_star2.gif);
					background-repeat: no-repeat;
					background-position: left top;
					}
					
					div.content .breaker1 {
					width:100%;
					clear: both;
					height: 1px;
					padding: 4px 0 4px 0;
					margin-bottom: 32px;
					border: solid;
					border-top-width: 0px;
					border-right-width: 0px;
					border-bottom-width: 3px;
					border-left-width: 0px;
					border-bottom-color: #EEE;
					}
					
					div.content .breaker2 {
					width:100%;
					clear: both;
					height: 1px;
					padding: 0;
					margin-bottom: 4px;
					border: solid;
					border-top-width: 0px;
					border-right-width: 0px;
					border-bottom-width: 3px;
					border-left-width: 0px;
					border-bottom-color: #EEE;
					}
					
					div.content .breaker3 {
					width:100%;
					clear: both;
					height: 1px;
					padding: 0;
					margin-bottom: 12px;
					}
					
					/****   THE FESTIVAL > WHAT'S ON   ****/
					
					div.content .row-artist { /* same as div.content .row-album */
					clear: both;
					padding: 8px;
					margin: 10px 0 14px 0;
					border: 1px #DDD solid;
					border-bottom: 3px #EEE solid;
					}
					div.content .row-artist .artist-info {
					float: right;
					width: 270px;
					}
					div.content .row-artist .artist-info h5 {
					margin-bottom: 6px;
					font-size: 135%;
					font-weight: bold;
					color: #666;
					}
					div.content .row-artist .photowidth-artist {
					width: 140px;
					}
					
					
					/****   THE FESTIVAL > EVENTS   ****/
					
					div.content .row-event {
					clear: both;
					padding: 8px 11px 5px 11px;
					margin: 10px 0 14px 0;
					border: 1px #DDD solid;
					border-bottom: 3px #EEE solid;
					}
					
					div.content span.listdate {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #666;
					font-size: 85%;
					font-weight: bold;
					}
					
					/****   NEWS > PHOTOS   ****/
					
					div.content .row-album {
					clear: both;
					padding: 8px;
					margin: 10px 0 14px 0;
					border: 1px #DDD solid;
					border-bottom: 3px #EEE solid;
					}
				
					
						/* SMALL NAV FOR MULTIPLE PAGES & RESULTS */


						div.multipage-nav {
							color:#999;
							text-align: left;
							font-family: Arial, Helvetica, sans-serif;
							font-weight: bold;
							font-size: 11px;
							line-height: 150%;
							margin-bottom: 16px;
							margin-top: 16px; 
							}
						
						.multipage-nav a, .multipage-nav a:visited, .multipage-nav a:active {
							color:#FF2066;
							text-decoration: none;
							background: #DDD;
							padding: 4px;
							margin: 0px 2px; 
						}
						
						.multipage-nav a:hover {
							color:#FFF;
							text-decoration: none;
							padding: 3px;
							margin: 1px;
							background: #999;
						}
						
						.multipage-nav span.selected {
							color:#FFF;
							text-decoration: none;
							padding: 4px;
							background: #FF2066;
							margin: 0px 2px; 
						}
						
						.multipage-nav a:hover {
							color:#FFF;
							text-decoration: none;
							padding: 3px;
							margin: 1px 3px;
							background: #CCC;
						}
						
						
						
					/****   CONTACT FORMS   ****/
						
						
					#contact-area {
						width: 440px;
						margin-top: 25px;
					}
					
					#contact-area input, #contact-area textarea {
						padding: 5px;
						width: 320px;
						font-family: Helvetica, sans-serif;
						font-size: 1.4em;
						margin-left: 15px;
						border: 2px solid #ccc;
					}
					
					#contact-area textarea {
						height: 90px;
					}
					
					#contact-area textarea:focus, #contact-area input:focus {
						border: 2px solid #900;
					}
					
					#contact-area input.submit-button {
						width: 100px;
						float: right;
						margin-top: 10px;
					}
					
					#contact-area td.left {
						width: 80px;
						text-align: left;
						font-weight: bold;
						font-size: 105%;
					}
					
							
					
					div.content .minilinks, div.footer .minilinks {
					color: #999;
					margin: 12px 0;
					font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
					font-weight: normal;
					font-size: 85%;
					line-height: 100%;
					}
					
					
	
	
							/********* SIDE NAVIGATION *********/
						
							div.col-nav {
								width: 161px;
								float: left;
								display: inline;
								overflow: hidden;
								margin: 0 27px 32px 12px;
							}
							
							div.col-nav ul {
								margin: 0 0 10px 0;   /* adds space after each group of primary and sub items */
								padding: 0;
								color: #333;
								font-family: Georgia, "Georgia", "Times New Roman", Times, serif;
								font-size: 100%;
								line-height: 100%;
								list-style: none;
							}
							
							div.col-nav ul li {
								margin: 0 0 0 0;
								margin-bottom: 0;   /* adds space after each primary nav item */
								padding: 0;
								font-weight: bold;
								border: none;
								line-height: 170%;   /* adds space between all items */
								list-style: none;
							}
							
							/** sub level items **/
							div.col-nav li ul li {
								font-weight: normal;
								font-size: 95%;    /* different text size */
								margin: 0 0 5px 0;   /* adds space after each sub nav item */
								padding: 0;
								border: none;
								margin-left: 6px;    /* indent */
								line-height: 120%;
								list-style: none;
							}
							
							div.col-nav a:link, div.col-nav a:visited, div.col-nav a:active {
								color: #333;
								text-decoration: none;
								}
								div.col-nav a:hover {
								color: #FF2066;
								text-decoration: none;
								}
							div.col-nav a:link.active , div.col-nav a:visited.active, div.col-nav a:active.active  {
								color: #FF2066;
								text-decoration: none;
								}
						
			
		/********* COL 1 *********/
	
		div.col-1 {
			width: 159px; /* -2px to allow for 1px border, -24px to allow for padding */
			float: left;
			display: inline;
			overflow: hidden;
			margin-right: 15px;
		}
		
			div.col-1-plus {
				width: 244px; /* -2px to allow for 1px border, -24px to allow for padding  */
				float: left;
				/*display: inline;*/
				margin-right: 15px;
			}
			
			div.col-1-full {
				width: 818px;
				float: left;
				/*display: inline;*/
				margin-right: 0;
			}
			
			div.col-1-middle {
				width: 364px; 
				padding:12px;
				float: left;
				/*display: inline;*/
				margin-right: 0;
			}
		
				div.col-last {
					margin-right: 0;
				}
				
		
			
		/*********       COL 2       *********/
		
		div.col-2 {
			background-color: #FFF;
			width: 447px;
			float: left;
			display: inline;
			overflow: hidden;
			margin-right: 15px;
		}
		
			div.col-last {
				margin-right: 0;
			}
			
				
		/********* COL 3 NARROWEST COLUMN *********/
	
		div.col-3 {
			padding: 10px 16px 10px 5px;
			background-color: #FFF;
			width: 131px;
			color: #999;
			float: right;
			display: inline;
			overflow: hidden;
			margin-right: 15px;
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 150%;
		}
		
				div.col-last {
					margin-right: 0;
				} /* order makes a difference */
				
				
				/********* COL PICS *********/
	
		div.col-pics {
			width: 140px; /* -2px to allow for 1px border, -24px to allow for padding */
			float: left;
			display: inline;
			overflow: hidden;
			margin-right: 15px;
		}
		
		
		/*********    TWITTER FEED    *********/
		
  .twitter {
	display: block;
	float:left;
	width: 44px;
	height: 44px;
	background: transparent url('/assets/icons/twitter44x44.jpg') left top no-repeat;
	text-indent: -99999px;}
	
  .twitter:hover {
	background: transparent url('/assets/icons/twitter44x44-pink.jpg') left top no-repeat;}

  .tweet {width:790px;float:left;font-family: Georgia, serif;font-size: 100%;color: #085258; }
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #D0F2FC; }
    .tweet .tweet_list li {
      overflow: auto;
      padding: .5em; }
      .tweet .tweet_list li a {
        color: #666; }
    .tweet .tweet_list .tweet_even {
      background-color: #D0F2FC; }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }
		
		
				
				
				
				
			
/********* FOOTER *********/
	
	div.footer {
		float: left;
		display: inline;
		width: 822px;  /*-48px to allow for padding  */
		margin: 15px 0 20px;
		background: transparent url('/assets/bg_footer.jpg') left top repeat-x;
		padding: 10px 24px;
	}
	
	div.footer p {
		font-size: 90%;
	}
		
		div.footer .breaker {
			clear: both;
			height: 1px;
			margin-bottom: 16px;
			}
			
			div.footer .quiet {
			font-size: 90%;
			color: #666;
			}
			
			div.footer .quiet a:link, div.footer .quiet a:visited, div.footer .quiet a:active {
			color: #936;
			text-decoration: none;
			}
			div.footer .quiet a:hover {
			color: #FF2066;
			text-decoration: underline;
			}
				
			
						/**/
					
		
			
			/********* SITEMAP *********/