/* ========= Annotations ==============

    Colors
    Grey Background:        #EAEAEA 
    pink links:             #EC008C
    blue links:             #00AEEF
    Black Text:             #000000
  
  ==================================== */

body, a:link, a:visited { color: #000; }

/*----Grey bacground changes----*/
body div#page div.columnA,
body div#page div.columnB,
body div#page div.columnC,
body div#page div.columnD,
body div.columns,
#button-links-container,
.parent li, .parent li.left-child {
    background-color: #EAEAEA;
}

body div.branding, body div.hero {
	background-color: #EAEAEA;
}

div#page {
	background: transparent url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/bodyshadow.png) repeat-y scroll center top;
}


h2.promoTitle a {
	color: #ec008c !important;
}

/*----Change article link and icon to blue----*/
a.article_link, form.comment-create input.comment-submit {
	background: transparent url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/arrow_cyan.png) no-repeat scroll left center;
	color: #00aeef !important;
}

a.seeAllLink {
	background: transparent url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/arrow_cyan.png) no-repeat scroll left center;
	color: #00aeef !important;
	padding-left: 24px !important;
}

	/*----nav neon border----*/
	div#button-links-container {
		background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/nav-top.png) no-repeat left top;
		padding-top: 20px;
	}
	
	body div.columnA div.section ul.parent {
		background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/nav-bottom.png) no-repeat left bottom;
		padding-bottom: 20px;
	}
	
	body div.columnA div.section ul.parent li.left-parents {
		background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/nav-repeat.png) repeat-y;
		padding: 0 20px 0 15px;
	}

.navBorder { border-bottom: none; }

/*----selected nav ----*/
body li.selected, body div.selected, body .selected a, li.root-selected a { background-color: transparent !important; color: #ec008c !important; }

/*----related links border ----*/
div.columnA div.section ul { border-bottom-color: #ec008c !important; }
div.columnA div.section ul.parent { border-bottom: none; }

/*----sub nav arrows ----*/
.collapsedArrowWhite { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/arrow-right-pink.gif) no-repeat left -4px !important; }

.expandedArrowWhite { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/arrow-down-pink.gif) no-repeat left -4px !important; }

.collapsedArrowPurple { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/arrow-right-black.gif) no-repeat left -4px !important; }

.expandedArrowPurple { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/arrow-down-black.gif) no-repeat left -4px !important; }


/*----small arrow img ----*/
ul.link li, ul.related li ul li { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/small-arrow-cyan.gif) no-repeat left 3px; }

	/*----comment boxes large ----*/
	body.columnA510 div.columnA div#comment-component, body.columnB510 div.columnB div#comment-component, body.columnC510 div.columnC div#comment-component, body.columnD510 div.columnD div#comment-component, .layoutD div.columnB div#comment-component {
		background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/comment-box-top-510.gif) no-repeat left top !important; 
	}
	
	body.columnA510 div.columnA p.character_count, body.columnB510 div.columnB p.character_count, body.columnC510 div.columnC p.character_count, body.columnD510 div.columnD p.character_count,	.layoutD div.columnB p.character_count {
		background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/comment-box-bottom-510.gif) no-repeat left bottom !important; 
	}
	
	/*----comment boxes small ----*/
	body.columnA300 div.columnA div#comment-component, body.columnB300 div.columnB div#comment-component, body.columnC300 div.columnC div#comment-component, body.columnD300 div.columnD div#comment-component, body.columnA302 div.columnA div#comment-component, body.columnB302 div.columnB div#comment-component, body.columnC302 div.columnC div#comment-component, body.columnD302 div.columnD div#comment-component, .layoutA div.columnC div#comment-component, .layoutB div.columnC div#comment-component, .layoutC div.columnC div#comment-component {
		background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/comment-box-top-300.png) no-repeat left top !important;
	}
	
	body.columnA300 div.columnA p.character_count, body.columnB300 div.columnB p.character_count, body.columnC300 div.columnC p.character_count, body.columnD300 div.columnD p.character_count, .layoutA div.columnC p.character_count, .layoutB div.columnC p.character_count, .layoutC div.columnC p.character_count {
		background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/comment-box-bottom-300.png) no-repeat left bottom !important;
	}
	
/*---- gallery nav greyed----*/
div.navigation span#gallery-navigation-previous {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/prev-greyed.gif) no-repeat left center !important;
}

div.navigation span#gallery-navigation-next {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/next-greyed.gif) no-repeat right center !important;
}

div.navigation span#gallery-navigation-first {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/first-greyed.gif) no-repeat left center !important;
}

div.navigation span#gallery-navigation-last {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/last-greyed.gif) no-repeat right center !important;
}

/*---- gallery nav active----*/

div.navigation a#gallery-navigation-previous {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/prev.gif) no-repeat left center !important;
}

div.navigation a#gallery-navigation-next {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/next.gif) no-repeat right center !important;
}

div.navigation a#gallery-navigation-first {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/first.gif) no-repeat left center !important;
}

div.navigation a#gallery-navigation-last {
	background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/last.gif) no-repeat right center !important;
}

div.unrated input, span#user-rating {
	color: #EC008C !important;
}

/*---- quiz styling----*/
div.quizContainer .quizControlBar {
	background: #EC008C !important;
}

div.quizContainer .quizContent {
	background: #EAEAEA !important;
}

div.quizContainer .quizContent a.playAgain:link, div.quizContainer .quizContent a.playAgain:visited, div.quizContainer .quizContent a.playAgain:hover {
	color: #EC008C !important;
}

div#footer { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/footer-bg.png) no-repeat left bottom; }

/*----footer icons ----*/
div#footer ul#grouplinks { background: #EAEAEA; }
div#footer ul#grouplinks li a.fourdotcom { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/c4-icon.gif) no-repeat left top !important; }
div#footer ul#grouplinks li a.filmfour { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/film4-icon.gif) no-repeat left top !important; }
div#footer ul#grouplinks li a.more4 { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/more4-icon.gif) no-repeat left top !important; }
div#footer ul#grouplinks li a.fourod { background: url(http://www.e4.com/images/mb/E4/HOLLYOAKS/morning-after-the-night-before/Styles/4od-icon.gif) no-repeat left top !important; }

#include-query-container .narrative {
	border-bottom: solid 3px #EC008C;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.columnB ul {
margin-left: 30px;
list-style-type: disc;
}