/****************************/
/* CUSTOM STYLE CSS         */
/****************************/
/* 
Put your custom css and css overrides in this file.  By restricting your css changes to 
custom-style.css, your changes will not be overwritten when upgrading to a new version of this theme.

Steps to customize your ABC theme:                       
1. Add your custom css to this file;
2. Uncomment different examples and modify data as you wish;
3. Clear cached data at admin/settings/performance or, if you use Administration Menu module, "Flush all caches".
   You can also check "Rebuild theme registry on every page" at /admin/appearance/settings/abc during development;
4. Clear browser cache (Shift + F5);
5. Don't forget to save a copy of this file with a different name to avoid loosing it after a theme update.
*/



/*******************************/
/* CUSTOM FIXED or FLUID WIDTH */
/*******************************/ 
/* Set "Layout width" as "Fluid width (custom)" or "Fixed width (custom)" in theme's settings page.
 * Uncomment the corresponding line below and modify the value as you wish. 
 * E.g. 1000px for fixed width or 85% for fluid width */
/*
.layout-fluid .sizer0 {
	width: 90%;
}
.layout-fixed .sizer0 {
	width: 980px;
}
*/


/*******************************/
/* CUSTOM Equal width sidebars */
/*******************************/ 
/* Set "Sidebars layout " as "Equal width sidebars (custom)" in theme's settings page, 
 * Uncomment the lines below and modify the values keeping pair values. */
/*
.two-sidebars.eq .colleft, .sidebar-second.eq .colleft, .sidebar-first.eq .colleft {
	width: 199px;
	margin-left: -199px;
}
.two-sidebars.eq .colright, .sidebar-second.eq .colright, .sidebar-first.eq .colright {
	width: 199px;
	margin-right: -199px;
}
.two-sidebars.eq .outer, .sidebar-first.eq .outer, .sidebar-first.eq .outer {
	margin-left: 199px;
}
.two-sidebars.eq .outer, .sidebar-second.eq .outer, .sidebar-second.eq .outer {
	margin-right: 199px;
}
.sidebar-first.eq .colleft {
	width: 199px;
	margin-left: -199px;
}
.sidebar-second.eq .colright {
	width: 199px;
	margin-right: -199px;
}
*/


/*********************/
/* CUSTOM BACKGROUND */
/*********************/
/* Set "Background Image Set" as None (custom) in ABC settings page and uncomment the following lines: */

/* static background */
/*
.bi0.bgs #bg1 { background: transparent url(t1-.png) 0 0 repeat-x; }
.bi0.bgs #bg2 { background: transparent url(top-.png) 50% 0 no-repeat; }
*/

/* fixed background */
/*
.bi0.bgf #bg1 { background: transparent url(t1-.png) 0 0 repeat-x fixed; }
.bi0.bgf #bg2 { background: transparent url(top-.png) 50% 0 no-repeat fixed; }
*/

/* Background bottom*/
/*
.bi0.bgs, .bi0.bgf { background: transparent url(t2-.png) 0 100% repeat-x; }
*/


/***********************/
/* CUSTOM TITLE COLORS */
/***********************/
/* Set "Site Name Color" and "Node Title Color" as None (custom) in ABC settings page and uncomment the following lines: */

/* Site name color */
/*
.sn0 p#site-name a, .sn0 p#site-name a:hover, .sn0 h1#site-name a, .sn0 h1#site-name a:hover { color: red; }
*/

/* Node title color */
/*
.nt0 .title, .nt0 .title a { color: red; }
*/


/*********************************/
/* HIDE some TITLES and READMORE */
/*********************************/
/* Uncomment the first declaration below to hide all titles on the front page 
 * Addapt the second declaration to hide a certain title on the frontpage. 
 * Third one is for no "Read more" on the front page. */ 
/*
.front #main h2.title a {
	display: none;
}
.front #main #node-XXX h2.title a {
	display: none;
}
.front .node-readmore {
	display: none;
}
*/


/*********************/
/* CUSTOM MENU ITEMS */
/*********************/

/* PRIMARY MENU ITEMS FONT */
/*
#navlinks ul li a, #navlist a {
	text-transform: uppercase;
	font-family: "times new roman", sans-serif, Arial, Verdana, Helvetica;
}
*/

/* SECONDARY MENU ITEMS STYLE */
/*
#subnavlist a {
	border: 1px solid #555;
}
#subnavlist li a:hover {
	background-color: #fff;
}
*/

/* Set "Menu item colors" as None (custom) in ABC settings page and uncomment the following lines: */

/* First menu item color */
/*
.fb0 #navlinks li.first a { background: green; }
*/

/* Menu item color */
/*
.mb0 #navlinks ul li a, .mb0 #navlist a, .mb0 #navlinks ul li.expanded a, .mb0 #navlinks ul li.expanded a { background-color: red; color: #fff !important; }
.mb0 #navlinks ul li.expanded a.expandfirst { background: red url(../images/nav-down.png) no-repeat 4px 50%; }
.mb0 #navlinks ul li.expanded a.expand, .mb0 #navlinks ul li.expanded ul li a.expand { background: red url(../images/nav-right.png) no-repeat 95% 50%; }
*/

/* Individual colours are possible for static menu only). Change the values below accordingly: XXX=menu item number; YYY=background color. */
/* 
.mb0 #navlist li.menu-XXX a { background: #YYY;}
*/

/* Menu item rollover color */
/*
.mr0 #navlinks ul li a:hover, .mr0 #navlist li a:hover, .mr0 #navlinks ul li ul li a:hover { background-color: blue; }
.mr0 #navlinks ul li.expanded a.expandfirst:hover { background: blue url(../images/nav-down.png) no-repeat 4px 50%; }
.mr0 #navlinks ul li ul li.expanded a.expand:hover { background: blue url(../images/nav-right.png) no-repeat 95% 50%; }
*/

/* Last menu item color */
/*
.lb0 #navlinks li.last a { background: green; }
*/

/* Tertiary menu items rollover color */
/*
.tr0 #above a:hover { color: #fff !important; background: transparent url(b-.png) 50% 100% no-repeat; }
*/


/*************************/
/* USER BLOCKS ALIGNMENT */
/*************************/

/* user blocks aligned at bottom instead of top: */

/*
.section {
	vertical-align: bottom;
}
*/

/* equal height user blocks: */

/*
#section1 .themed-block {
	min-height: 250px;
}
*/


/*******************************************************/
/* THEMED BLOCKS and REGION CONTENT BACKGROUND COLOURS */
/*******************************************************/
/*
.themed-block .content {
  border: 1px solid #ddd;
  background-color: #f8fff0;
}
#main .region-content, #mission {
  border: 1px solid #ddd;
  background-color: #f8fff0;
}
*/


/***************************************/
/* CUSTOM BLOCK TITLE COLORS and ICONS */
/***************************************/
/* Set "Block Title Color" to None (custom) and "Block icons" to No in ABC settings page and uncomment the following lines: */

/* Block title colors */
/*
.bt0 .block .title { color: red; }
*/

/* block icons */
/*
.bt0.bicons .block-icon { background: transparent url(sg-.png) no-repeat; }
*/


/********************/
/* HIDE FOOTER MENU */
/********************/
/*
#navlist2 {	
	display: none; 
}
*/


/***********************/
/* CHANGE HEADER IMAGE */
/***********************/
/* Deactivate the image rotator in theme's settings, change the path to your image and uncomment the lines below */
/*
#headimg {
    background: #fff url(path to your image) no-repeat 100% 100%;
}*/


/************************/
/* OTHER SOCIAL NETWORK */
/***********************/
#toplinks .myother { 
	background: transparent url(myother-social-network_32.png) no-repeat scroll center center; 
}