/*************************************************************/
/* do not swap background for background-color or vice versa */
/*************************************************************/
/* after changing all the colours, check on all affected pages  */
/* whether the links are still standing out, and if they remain */
/* visible when hovering over them with the mouse.              */
/* if this is not the case, add :focus, :hover and :active      */
/* styles for those links with a colour that contrasts the      */
/* background                                                   */
/****************************************************************/


/* Used colours: */
/*
#FFFFFF (white)
#000000 (black)
#C0C0C0 (silver)
#FF2123 (red)
#676767 (grey for text)
#D3D3D3 (grey for horizontal lines that aren't 'silver')
#C8C8C8 (grey for titles in flash)
#969696 (grey for text in sidebar)
#EEEEEE (background for adspace in sidebar, and background for 'email to friend / back to channel homepage links)
#A0A0A0 (grey for text in footer)
transparent
*/

/*********************************************/
/* this stylesheet only affects the homepage */
/*********************************************/


html,body{
	background-color:#FFFFFF; 
	color:#676767;
}
/* the Urban Junkies logo - if the image is absent, */
/* the replacement text will be displayed in these colours */
h1{
	background-color:transparent;
	color:#ff0000;
}

/* added styles for CB login and logout module */

form#mod_loginform input.button,
form#mod_login_logoutform input.button{
	background-image:url(http://www.urbanjunkies.com/london/css/images/gobutton.gif);
	color:#000000;
}

/* end added styles for CB login and logout module */

/* the links throughout the page */
a{
	color:#000000;
}
a:focus,
a:hover,
a:active{
	color:#ff0000;
}

/* the border of the search box on the top right of all pages */
#search input#mod_search_searchword{
	border-color:#666666;
}

/* colour of text "First time?" next to log in/register links */
#search p{
	color:#000000;
}

/* the colour of the borders around the banner at the top of the page */
#banner{
    border-top-color:#666666;
    border-bottom-color:#666666;
    border-left-color:#666666;
    border-right-color:#666666;
    border-width:1px;
    border-style:solid;
    padding-top:15px;
    height:105px;
}

/* the horizontal lines above and below the top navigation menu */
#nav{
    border-top-color:#666666;
    border-bottom-color:#666666;
}

/**********************************************************/
/* do not change the following two sets of styles, unless you have a different */
/* transparent png image to show behind text in front of the image on the homepage */
.large h2 a{
	background-image:url(images/clear.gif);
}
.large .contentpaneopen div p.overlay{
	background-image:url(images/lightgrey.png);
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/london/css/images/lightgrey.png',
	  sizingMethod = 'scale'
	);
}

/* end of do not change */
/**********************************************************/

/* colours and image for large image */
/* to read the links if no images are shown, or if */
/* the image is too small, the background colour   */
/* needs to contrast with color as mentioned below */
.large{
	background-color:#000000; 
	color:#FFFFFF;
	background-image:url(images/300x285-brandnew.gif);
}
/* text on overlay on large image on homepage */
#top a,
.large p.overlay{
	color:#FFFFFF;
}

/* colour of thick left border on large image on homepage */
.large .contentpaneopen div p.overlay{
	border-left-color:#ff0000;
}

/* colours on the four linked image blocks */
/* to read the links if no images are shown, or if */
/* the images are too small, the background colour */
/* needs to contrast with color as mentioned below */
ul#mainlevelfourblocks li,
ul#mainlevelfourblocks li a{
	background-color:#000000;
	color:#FFFFFF;
}

/* bullets on the links on four image blocks */
.mainlevelfourblocks span{
	background-image:url(images/bullet-black.gif);
}

/* colour of line above NEW and COLUMNS sections */
#middle div.line{
	border-top-color:#666666;
}

/* colour of headings NEW and COLUMNS */
/* when Flash is not available        */
#middle h3.morenews{
	color:#ff0000;
}

/* the headings of the intros under NEW and COLUMNS */
.mblock h2,
.mblock h2 a,
.flexcontentitem h2,
.flexcontentitem h2 a{
	color:#ff0000;
}

/* text of intros under NEW and COLUMNS */
.mblock p,
.flexcontentitem p{
	color:#000000;
}

/* colour of heading LATEST FORUM POSTS */
/* when Flash is not available          */
div#content div.blog_more h3{
	color:#ff0000;
}

/* bullets in list of titles of latest forum posts */
#bottom li{
	background-image:url(images/bullet.gif);
	background-color:transparent;
}

/*** #summaries ***
#summaries .sumrow{
	border-top-color:#666666;
}
#summaries h3{
	border-bottom-color:#666666;
}

/* colour of summary headings */
/* when Flash is not available */
#summaries h3{
	color:#FF0000;
}

/* bullets for summary links */
#summaries li{
	background-image:url(images/bullet.gif);
	background-color:transparent;
}

/*** #side ***/

/* colour for headings in sidebar */
/* when Flash is not available    */
#side h2{
	color:#969696;
	background:transparent;
}

/* bullets on link lists in the sidebar */
#side #mostread li{
	background-image:url(images/bullet.gif);
}

/* colours of text in sidebar */
#side #mostread,
#side #subscribe,
#side #forum{
	background:transparent;
	color:#969696;
}

/* colour of the links in the sidebar, if different from general links */
#side #mostread li a{
	color:#FF0000;
}

/* styles for the advertisement space in the sidebar */
#side #advert{
	background:#EEEEEE;
	color:#969696;
	border-color:#C0C0C0;
}

/* styles for the footer */
#footer{
	color:#A0A0A0;
	border-top-color:#666666;
}