/*************************************************************/
/* 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)
#FFFFFF (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)
#A0A0A0 (grey for text in footer)
transparent
*/

/************************/
/* styles for all pages */
/************************/

html,body{
	background-color:#ffffff; 
	color:#999999;
}

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

/* the headings in the sidebar - for the colour, */
/* edit the file for the flash headings */
#side h2{
	background:transparent;
}

/* 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-blackonwhite.gif);
	color:#00b6e4;
}

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

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

/* the headings of the intros under NEW */
.mblock h2,
.mblock h2 a{
	color:#000000;
}

/* all text everywhere, as long as not a link or heading */
.mblock p,
.flexcontentitem p,
div#contentfeature p,
div#contentfeature li,
div#contentfeature table td,
#search p{
	color:#999999;
}

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

/* the horizontal lines above and below the top navigation menu */
#nav{
	border-top-color:#cccccc;
	border-bottom-color:#cccccc;
}
/* the colour of the borders around the banner at the top of the page */
#banner{
/*    border-color:#c8c8c8;
    border-width:1px;
    border-style:solid;
	height:105px;
    padding-top:15px; */
}

/*** #side ***/

/* colour of headings in sidebar */
/* when Flash is not available   */
#side h2{
	color:#000000;
}

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

/* colour of text in the sidebar */
#side #mostread,
#side #subscribe,
#side #forum{
	color:#999999;
	background:transparent;
}

/* colour of the links in the sidebar, if different from general links */
#side #mostread li a{
	color:#000000;
}
#side #mostread li a:focus,
#side #mostread li a:hover,
#side #mostread li a:active{
	color:#00b6e4;
}

/* styles for the advertisement space in the sidebar */
#side #advert{
	background:#ffffff;
	color:#999999;
	border-color:#cccccc;
}

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


/*********************************/
/* styles for channel pages only */
/*********************************/

/* the horizontal line below the channel heading */
div.titlepadding{
	border-bottom-color:#cccccc;
}

/* colour of the channel heading text */
/* if Flash is not available */
h2.channeltitle{
	color:#000000;
}

/* colour of linked text on big image on channel homepages, */
/* if no coverleft or coverright is specified               */
#top a{
	color:#FFFFFF;
	/* make sure to contrast with background of div.channelhome */
}

/* colours for the big images and text on channel homepages */
div.channelhome,
div.channelhome span.coverright,
div.channelhome span.coverleft{
	background-color:#FFFFFF; /* to read the text and links if no images are shown or if image is too small */
	/* needs to contrast with color as mentioned below */
	color:#FFFFFF;
}

/* colour of linked text on channel homepage big images */
div.channelhome .coverright a,
div.channelhome .coverleft a{
	color:#FFFFFF !important;
}

/* colour of the vertical coloured border on the left of the big image on channel homepages */
div.channelhome a{
	border-left-color:#000000;
	border-left-width:0;
}

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

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

/* colour of the line that separates the NEW intro teaesrs */
/* from the four smaller image blocks on channel homepages */
#middle div.line{
	border-top-color:#cccccc;
}

/* colour of the NEW heading on channel homepages */
/* when Flash is not available                    */
#middle h3.morenews{
	color:#000000;
}

/* colour of the links in the lists on the right of   */
/* the advertisement in the page on channel homepages */
#bottom li a{
	color:#000000;
}
#bottom li a:focus,
#bottom li a:hover,
#bottom li a:active{
	color:#00b6e4;
}

/* colour of ALSO IN [this channel] heading on */ 
/* feature pages where Flash is not available  */
div#contentfeature div.alsoin h3{
	color:#000000;
}

/* colour of the links in the lists on the right of */
/* the advertisement in the page on feature pages   */
#bottom .listalsoin li a{
	color:#000000;
}

#bottom .listalsoin li a:focus,
#bottom .listalsoin li a:hover,
#bottom .listalsoin li a:active{
	color:#00b6e4;
}

/* bullets on the lists on the right of the       */
/* advertisement in the page on channel homepages */
#bottom li{
	background-image:url(images/bullet-blackonwhite.gif);
	background-color:transparent;
}

/* long horizontal lines above the summary headings */
#summaries .sumrow{
	border-top-color:#cccccc;
}

/* short horizontal lines under the summary headings */
#summaries h3{
	border-bottom-color:#cccccc;
}

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

/* bullets on the summaries at the bottom of the channel homepage */
#summaries li{
	background-image:url(images/bullet-blackonwhite.gif);
	background-color:transparent;
}

/* colour of the "by " text that gives the */
/* initials of the author of a feature     */
div.authorname,
p.authorname{
	color:#999999;
}

/* headings in content */
span.headsm,
h2.componentheading,
h2.contentheading,
h2.sectionname,
div.channelhome strong,
div#contentfeature h2,
div#contentfeature h3,
div#contentfeature h4,
div#contentfeature h5,
div#contentfeature h6{
	color:#000000;
}

/* bullets on bulleted lists inside content of features */
div#contentfeature ul li{
	background-image:url(images/bullet-blackonwhite.gif);
	background-color:transparent;
}


/* the 'bar' below a feature that has the links to 'email a friend' and 'back to channel main page' */
div.emailback,
div.emailback a{
	background-color:#ffffff;
	color:#999999;
}
/* the bullets on the links in the above mentioned bar */
div.emailback a{
	background-image:url(images/bullet-blackonwhite.gif);
	background-color:transparent;
}

/***********************************/
/* styles for the comments section */
/***********************************/

h4.revsBoxheader{
	border-top-color:#cccccc;
	border-bottom-color:#cccccc;
}
div.revText {
	background-color:#ffffff;
	color:#999999;
	border-top-color:#cccccc;
}
div.revText {
	border-bottom-color:#cccccc;
}
div.revUpdateDate,
div.revUpdate {
	background-color:#ffffff;
	color: #999999;
}

.gallerythumbs a{
   border-color:#cccccc;
}
#contentfeature table td p{
    font-size:71%;
}
#contentfeature table td strong{
    color:#8cd535;
}
/***************************************************************/
/***************************************************************/

#nav a:focus,
#nav a:hover,
#nav a:active,
#nav li.mainlevel_current a,
#nav li.mainlevel_active a{
 color:#ff01bb;
}