@charset "utf-8";
/*---------------------------------------------------------------*\
|                                                                 |
|    A Film About Race CSS                                        |
|    Birthed immaculately at Oast One by James Marett, Feb 2009   |
|                                                                 |
|    IMPORTANT NOTES:                                             | 
|    purple: #8D0980;                                             |
|    blue: #084BA1                                                |
|    italics background blue: #E6EDF5;                            |
|    italics background pink: #F3E6F2;                            |
|    text grey: #231F20;                                          |
|                                                                 |
\*---------------------------------------------------------------*/

body {
	background: url(../images/afar_bg.jpg) repeat-x top #999;
	margin: 0 5px 20px 5px;
	font-family: Helvetica, Arial, sans-serif;
	color: #231F20;
}

#purple {
	background: #000 url(../images/afar_purple_bottom.gif) no-repeat bottom;
	width: 950px;
	padding-bottom: 9px;
}

#white {
	background: #fff;
	width: 940px;
	min-height: 300px;
}

#header {
	background: #000;
	width: 940px;
	height: 154px;
}

#strapline {
	background: #fff;
	width: 940px;
	padding-top: 12px;
	padding-bottom: 15px;
}

#header h1, #strapline p {
	display: none;
}

#outermenu {
	border-top: solid #eee 1px;
	border-bottom: solid #eee 1px;
	padding: 30px 0;
}

#menu {
	height: 26px;
}
#menu img {
	border: 0;
}
#menu .menugap {
	width: 43px;
	display: block;
	float: left;
}
#menu .menuitem {
	display: inline;
	float: left;
}

#page {
	width: 870px;
	font-size: 14px;
}
#page h2, #page h3, #page p, #page h4, #page h5, #page h6 {
	margin-top: 0;
}
#page p, #page li {
	line-height: 22px;
}
#page em {
	background: #F3E6F2;
}
#page h2 {
	font-size: 22px;
	text-transform: uppercase;
	color: #8D0980;
	margin-bottom: 20px;
}
#page h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #8D0980;
	margin-bottom: 10px;
}
#page h4 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#page h5 {
	font-size: 18px;
	color: #8D0980;
	margin-bottom: 10px;
}
#page h6 {
	font-size: 18px;
	margin-bottom: 10px;
}
#page a {
	color: #8D0980;
	text-decoration: none;
}
#page a:hover {
	color: #8D0980;
	text-decoration: underline;
}

#content {
	width: 540px;
	float: left;
	text-align: left;
	padding-top: 10px;
}
#content li {
	color: #084BA1;
	list-style-type: disc;
	/*list-style-image: url(../images/bullet.gif);*/
}
#content .grey {
	color: #231F20;
}
#content .section {
	background: #F3E6F2 url(../images/afar_bluebottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#content .sectioninner {
	background: url(../images/afar_bluetop.gif) no-repeat top;
	padding: 10px;
}
#content .otherside { /* this div simply holds the cartoon face background image*/
	/*padding-left: 260px;
	border-left: none;
	padding-left: 20px;*/
	padding-bottom: 10px;
}
#content .smallcredit { 
	color: #999;
	font-size: 10px;
}

.sectionvote {
	border-top: 2px dotted #fff;
	padding-top: 10px;
}
.dottedline {
	border-top: 2px dotted #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 1px;
	clear: both;
}
.intervieweepic {
	margin-left: 20px;
	margin-bottom: 10px;
	border: 2px solid #F3E6F2; /*8D0980*/
}
.eventpic {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #fff; /*8D0980*/
}

#content #comments {
	padding-top: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
}
#content #comments p {
	margin-bottom: 5px;
	padding: 0 4px;
}

#content #comments .commentend {
	/*border-top: 1px solid #eee;*/
	border-bottom: 2px dotted #eee;
	padding-bottom: 3px;
	padding-left: 4px;
	margin-bottom: 20px;
	font-size: 12px;
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
}
#content .download {
	padding-left: 20px;
	background: url(../images/afar_download_icon.gif) no-repeat left;
}
#content .feedbacktable tr {
	padding-bottom: 5px;
}

#sidebar {
	width: 280px;
	float: right;
	text-align: left;
}
#sidebar .section {
	background: #F3E6F2 url(../images/afar_pinkbottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#sidebar .sectioninner {
	background: url(../images/afar_pinktop.gif) no-repeat top;
	padding: 10px;
}

#sidebar img {
	border: 2px solid #fff; /*#8D0980;*/
}
#sidebar img:hover {
	border: 2px solid #8D0980;
}
#sidebar .blacksection {
	background: #000 url(../images/afar_blackbox_bottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#sidebar .blacksectioninner {
	background: url(../images/afar_blackbox_top.gif) no-repeat top;
	padding: 10px;
}
#sidebar .blacksectioninner img {
	border: 2px solid #000;
}
#sidebar .blacksectioninner p {
	color: #fff;
	line-height: 18px;
	margin: 5px 0; 
	font-size: 12px;
}

#footer {
	font-size: 14px;
	border-top: solid #eee 1px;
	padding: 10px 0;
	font-weight: bold;
	line-height: 14px;
}
#footer a {
	text-decoration: none;
	color: #8D0980; 
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#footer li {
	list-style-type: none;
	display: inline;
	padding-left: 2px;
}
#footer .leftside {
	float: left;
	text-align: left;
}
#footer .rightside {
	float: right;
	text-align: right;
}

#credits {
	width: 950px;
	padding-top: 10px;
	color: #FFF;
	font-size: 10px;
}
#credits a {
	color: #FFF;
	text-decoration: none;
}

.clear40 {
	clear: both;
	height: 40px;
}
.clear1 {
	clear: both;
	height: 1px;
}


/*coloured boxes for teams */

#content .sectionyellow {
	background: #FFFF7F url(../images/afar_teamyellow_bottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#content .sectioninneryellow {
	background: url(../images/afar_teamyellow_top.gif) no-repeat top;
	padding: 10px;
}
#content .sectiongreen {
	background: #7FCC7F url(../images/afar_teamgreen_bottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#content .sectioninnergreen {
	background: url(../images/afar_teamgreen_top.gif) no-repeat top;
	padding: 10px;
}
#content .sectionblue {
	background: #7FCCFF url(../images/afar_teamblue_bottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#content .sectioninnerblue {
	background: url(../images/afar_teamblue_top.gif) no-repeat top;
	padding: 10px;
}
#content .sectionred {
	background: #FF7F7F url(../images/afar_teamred_bottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#content .sectioninnerred {
	background: url(../images/afar_teamred_top.gif) no-repeat top;
	padding: 10px;
}
#content .sectionorange {
	background: #FFB27F url(../images/afar_teamorange_bottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#content .sectioninnerorange {
	background: url(../images/afar_teamorange_top.gif) no-repeat top;
	padding: 10px;
}
#content .sectionpurple {
	background: #CC7FCC url(../images/afar_teampurple_bottom.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#content .sectioninnerpurple {
	background: url(../images/afar_teampurple_top.gif) no-repeat top;
	padding: 10px;
}