/* 
    Document   : speechbubbles
    Created on : 02.06.2011, 13:43:20
    Author     : Alfred Neuman
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/***** INTERVIEWS ********************/

/*+=+= General interviewer/interviewee name styles =+=+*/
.intername, .inteename {
    position:relative; /* Gives it the correct placement */
    padding:3px 5px 5px; /* Give it some room around the letters */
    margin:0 8px 0 0; /* Give the bubble some room to breath */
    color:#ffffff; /* Color the letters */
    font-size:110%; /* Make the speech bubble text a little larger */
    float:left; /* Make it stay left instead of stacking on top */
    -moz-border-radius: 8px; /* Round edges for Firefox */
    -khtml-border-radius:8px;
    -webkit-border-radius: 8px; /* Round edges for Safari & Chrome */
	}

/*+=+= Interviewer's bubble colors =+=+*/
.intername {
	background:#075698; /* default background for browsers without gradient support */
    background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#2e88c4), to(#075698)); /* Safari & Chrome gradient */
    background:-moz-linear-gradient(50% 100% 90deg, #075698, #2e88c4); /* Firefox gradient */
    background:linear-gradient(top, #2e88c4, #075698); /* Catch-all gradient */
}

/*+=+= Interviewee's bubble colors =+=+*/
.inteename {
    background:#c81e2b; /* default background for browsers without gradient support */
    background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#f04349), to(#c81e2b)); /* Safari & Chrome gradient */
    background:-moz-linear-gradient(50% 100% 90deg, #c81e2b, #f04349); /* Firefox gradient */
    background:linear-gradient(top, #f04349, #c81e2b); /* Catch-all gradient */
}



/*+=+= Interviewer's paragraph style =+=+*/
.question {
    display:block; /* Correctly positions paragraphs */
    line-height:1.5em; /* Space between paragraph lines */
    margin:20px 0 15px 40px; /* Give it some room */
    font-style:italic; /* Changes font style to italic */
    background:#f2f2f2; /* Gives a background color to paragraph */
    -moz-border-radius:8px; /* Rounded corners in Firefox */
    -khtml-border-radius:8px;
    -webkit-border-radius:8px; /* Rounded corners in Safari & Chrome */
}

.question p {
	padding:5px 10px 10px; /* Add padding around the paragraphs */
	}

/*+=+= Interviewee's paragraph style =+=+*/
.answer {
    display:block; /* Correctly positions paragraphs */
    line-height:1.5em; /* Space between paragraph lines */
    margin:20px 0 15px 40px; /* Give it some room */
    font-weight: bold;
    -moz-border-radius:8px; /* Rounded corners in Firefox */
    -khtml-border-radius:8px;
    -webkit-border-radius:8px; /* Rounded corners in Safari & Chrome */
}

.answer p {
	padding:5px 10px 10px; /* Add padding around the paragraphs */
	}