/*  Have your say
================================== */
.dolphinPicture, .footballPicture, .flowerPicture, .starPicture, .happy_facePicture, .angry_facePicture {
	height: 63px;
	width: 63px;
	display: block;
	margin: 0 auto -10px auto;
	text-indent: -9999px;
	cursor:pointer;
	}
	
.dolphinPicture {
	background: url(../images/dolphin.gif) no-repeat;
	}
	
.footballPicture {
	background: url(../images/footie.gif) no-repeat;
	}
	
.flowerPicture {
	background: url(../images/flower.gif) no-repeat;
	}

.starPicture {
	background: url(../images/star.gif) no-repeat;
	}
	
.happy_facePicture {
	background: url(../images/happy_face.gif) no-repeat;
	}
	
.angry_facePicture {
	background: url(../images/angry_face.gif) no-repeat;
	}
	
.greenPicture, .pinkPicture, .yellowPicture, .bluePicture, .purplePicture, .redPicture {
	height: 53px;
	width: 53px;
	display: block;
	margin: 0 auto -0px auto;
	text-indent: -9999px;
	cursor:pointer;
	}
	
.greenPicture {
	background: url(../images/hys_green.gif) no-repeat;
	}
	
.pinkPicture {
	background: url(../images/hys_pink.gif) no-repeat;
	}
	
.yellowPicture {
	background: url(../images/hys_yellow.gif) no-repeat;
	}

.bluePicture {
	background: url(../images/hys_blue.gif) no-repeat;
	}
	
.purplePicture {
	background: url(../images/hys_purple.gif) no-repeat;
	}
	
.redPicture {
	background: url(../images/hys_red.gif) no-repeat;
	}
	
.hysChosenPicture {
	float: right;
	padding-right: 1em; 
	}

.hysPicture label {
	float: left;
	width: 7.5em;
	text-align: center;
	}

#haveYourSayPinboard {
	padding:1em 0em;
	background: url(../images/graphic_pinboard.jpg) #C3A243;
	}

.haveYourSay a, .featuredProfileRight a {
	color: #990000;
	font-weight: bold;
	}
	
#emailOfTheWeek {
	background: #FCFC98 url(../images/graphic_postit_corner.gif) bottom right no-repeat;
	margin: 4em 1em 1em 2em;
	padding:1.25em;
	width: 20%;
	text-align: center;
	float: left;
	}
	
#emailOfTheWeek h2 a {
	font-size: 1.6em;
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Bright", Verdana;
	font-style: italic;
	font-weight: normal;
	}
	
.featuredProfile {
	width: 55%;
	padding: 0.5em;
	margin: 1em 0em 1em 16em;
	}
/* change margin for feature-profile wider to take up whole screen*/
.featuredProfileWider {
	margin: 1em auto;
	}
	
#sendComment {
	width: 35%;
	padding: 0.5em;
	background-color: #FFF;
	border: #35B2F2 solid 4px;	
	height:4em;
	} 	
	
#sendComment a {	
	position: relative;
	top: 0.5em;
	} 
	
.backToStory {
	width: 35%;
	padding: 0.5em;
	background-color: #FFF;
	border: #35B2F2 solid 4px;	
	height:4em;
	margin-bottom: 0.5em;
	text-align: center;
	} 	
	
.backToStory a {	
	position: relative;
	top: 1.3em;
	} 

.featuredProfile h2, .featuredProfileLeft h2, .featuredProfileRight h2, #profilePage h2 {
	font-weight: bold;
	font-size: 1.4em;
	}
	
.featuredProfile h3, .featuredProfileLeft h3, .featuredProfileRight h3, #profilePage h3 {
	font-weight: bold;
	font-size: 1.1em;
	}

.featuredProfile h4, #profilePage h4 {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0.5em;
	}
	
.featuredProfileLeft {
	float: left;
	}
	
.featuredProfileRight {
	float: right;
	}
	
.featuredProfileLeft, .featuredProfileRight {
	width: 21.5em;
	margin: 0.5em 0;
	padding: 0.5em;
	}
	
.avatar h4 {
	font-weight: bold;
	font-size: 1em;
	}	

.avatar {
	text-align: right;
	padding-left: 0.5em;
	}	
		
#profilePage {
	width: 55%;
	padding: 0.5em;
	margin: 1em auto;
	}
	
	
/* Rounded corner box
==================================
Generic styles below, see 
profile-colours.css for profile 
specific colour schemes
================================== */

.haveYourSay-box {
	line-height: 2em;
	}

.haveYourSay-box-outer {
	padding-bottom: 1em;
	}

.haveYourSay-box-inner {
	padding-left: 1.3em;
	}

.haveYourSay-box h2 {
	padding-top: 0.7em;
	}

.haveYourSay-box h2, .haveYourSay-box h3, .haveYourSay-box p {
	padding-right: 1.3em;
	font-weight: bold;
	}
	
.haveYourSay-box h3 {	
	font-size: 1.4em;
	font-weight: bold;
	}
	
.haveYourSay-box .right img {
	padding: 1em 2em 0 0;
	}
	
.haveYourSay label {
	font-weight: bold;
	}
	
.longQuestion {
	width: 39em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}