@import "http://services.igloocommunities.com/download-noauth/lib/css/gridcss";
@import "http://services.igloocommunities.com/download-noauth/lib/boxes/css/boxcss";

#box-banner-image {
  	background: url(http://www.bringiton.ca/download/gallery/img/biobanner1);
	height: 304px;
}

#box-banner-imagesm .box-inner { margin-top: 30px; width: 220px; }

#box-banner-imagesm {
  	background: url(http://www.bringiton.ca/download/gallery/banners/girlwithcircuitbrdgif);
	height: 182px;
}

#box-banner-image .box-inner { margin-top: 30px; width: 380px; }

hr.blkhr {
border: 0;
color: #000000;
background-color: #000000;
height: 3px;
width: 100%;
text-align: left;
}


/*--------------------------------------------- */
/*	        >>> PAGE LAYOUT  <<<      	*/
/*--------------------------------------------- */
/*#page { margin: 0 auto; width: 960px; }*/
#customcontent .grid-row { margin: 0 -10px; }
#customcontent .grid-row-nested { margin: 0; overflow: hidden; }
* html #customcontent .grid-row { margin: 0 -10px; width: 980px; }
* html #customcontent .grid-row .grid-row { margin: 0; width: auto; }

/*--------------------------------------------- */
/*          	>>> CUSTOM CONTENT <<<		*/
/*--------------------------------------------- */	

ul.nobullets { margin-left: 0; padding-left: 0; }
ul.nobullets li { list-style: none; }

#whats-happening.nobullets { margin-left: 0; padding-left: 0; }
#whats-happening li { margin-bottom: 1.5em; }

/* box.css Overrides */
.box { background-color:#f1e5d9; padding: 0; }

.box-head, .box-head div,  
.box-foot, .box-foot div,
.box-head h1, .box-head h2, .box-head h3,
.box-head h4, .box-head h5, .box-head h6
{
	background: url(http://services.igloocommunities.com/download-noauth/lib/boxes/img/10png) 0 0 no-repeat;
}

.box-head div,
.box-foot div 				{ line-height: 10px; } 

.box-head h1, .box-head h2, .box-head h3,
.box-head h4, .box-head h5, .box-head h6
{
	margin-bottom: 0;
	padding: 15px 10px 0;
}
/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */


a                { color: #379497; text-decoration: none; }
#tinymce a       { color: #379497 !important; text-decoration: none !important; }

a:hover          { color: #658408; text-decoration: none;}
#tinymce a:hover { color: #658408 !important; text-decoration: none !important; }

h1, h2, h3 { color: #4d3222;}

h2 { margin-bottom: 1em; }



body { color: #715f54; font-family: Verdana, Arial; }

/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */


body           { background: #99a234 url(/download/gallery/img/bodypng) 50% 27px no-repeat; }

#navigation    { background:         url(/download/gallery/img/navpng) 0 0 repeat-x; }

#primarynav    { background:         url(/download/gallery/img/navrightpn) 100% 0 no-repeat;  }

#content       { background: #ffffff url(/download/gallery/img/contentrig) 100% 0 no-repeat; }

#content-inner { background:         url(/download/gallery/img/leavesgif) 100% 100% no-repeat; }

#footer        { background: #dd322f url(/download/gallery/img/footergif) 0 100% repeat-x; }

#footer-inner  { background:         url(/download/gallery/img/footerbtmg) 0 100% no-repeat; }
#powered-helix { 
background: url(http://www.bringingiton.ca/download-noauth/gallery/img/poweredhelixpng) no-repeat; 
 height: 0 !important; overflow: hidden; padding-top: 30px; width: 77px;
position: absolute; margin-top: 3px; margin-left: 790px;
}


#page {
	margin: 0 auto;
	width: 960px;
}

#header { height: 61px; position: relative; z-index: 100;}

#content-inner { padding: 10px; }




/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */



/* LOGO/TAGLINE
=============================================== */
#logo { position: relative; z-index: 99 !important; }

#logo a {
    background: url(/download/gallery/img/logopng) 0 0 no-repeat;
    display: block;
    height: 0!important;
    overflow: hidden;
    padding: 144px 0 0;
    position: absolute; left: -50px;
    width: 400px;
}



/* PRIMARYNAV
=============================================== */

#primarynav ul {
	height: 34px;
	overflow: hidden;
	margin-left: 360px;
}

#primarynav li { float: left; }

#primarynav a {
	display: block;
	color: #fff;
	padding: 9px 10px 7px;
	text-decoration: none;
}

#primarynav a:hover { color: #bcdfff; }

#primarynav .here a { color: #e6e8c6; }

#nav-home{ display:none; }


#subnav ul { list-style: none; margin-left: 0; }
#subnav li { background: url(/download/gallery/img/arrownavpn) no-repeat 0 50%; padding-left: 10px; }
#subnav a { color: #8f931b; display: block; }

#subnav a:hover { background-color: #e2e4ba background-image: url(/download/gallery/img/arrownavpn);  }

.box-feature { background: #fff url(/download/gallery/img/bg_greenpn) repeat-x; }

/* GREEN BOX */
.box-feature1 { background: url(/download/gallery/img/bggradgree) repeat-x scroll 0pt 0pt;) }

/* PINK BOX */
.box-feature2 { background: url(/download/gallery/img/bg_pinkpng) repeat-x scroll 0pt -10px;) }

.box-info { background: #fff url(/download/gallery/img/bg_pinkpng) repeat-x; }
#subnav { background: #e5e6c1 url(/download-noauth/gallery/img/subnavpng~2) no-repeat 0 100%; }
.box-spotlight { background: #fff url(/download/gallery/img/bg_bluepng) repeat-x; }

/* RSS FEEDS */
.rss-title { display: none; }
.rss-box { clear: both; }
.rss-box a { font-weight: bold; }
#content ul.rss-items, .rss-item { list-style: none; margin-left: 0; }
.rss-item { margin-bottom: 1.5em; }
.rss-date { font-size: 10px; }


.link-more { background: url(/download/gallery/img/arrowbluep) no-repeat; padding-left: 20px; }



/*--------------------------------------------- */
/*            >>> PAGE BANNERS <<<              */
/*--------------------------------------------- */

.workarea #contentmenu a.actionstrigger { top: -40px; right: 10px; }


#page-banner { height: 60px; margin-bottom: 1em; padding: 10px; width: 630px; }


/* Default Banner */
.workarea #content-head, 
.workarea #content-body 		{ background: url(/download/gallery/banners/banners01j) no-repeat; }

.workarea #content-body { background-position: 0 -94px; }

/* Banners by section */
#wa-aboutus.workarea #content-head, 
#wa-aboutus.workarea #content-body 		{ background-image: url(/download/gallery/banners/banners10j); }
#wa-resources.workarea #content-head, 
#wa-resources.workarea #content-body 	{ background-image: url(/download/gallery/banners/banners03j); }
#wa-careers.workarea #content-head, 
#wa-careers.workarea #content-body 		{ background-image: url(/download/gallery/banners/banners04j); }
#wa-community.workarea #content-head, 
#wa-community.workarea #content-body 	{ background-image: url(/download/gallery/banners/banners05j); }
#wa-sponsors.workarea #content-head, 
#wa-sponsors.workarea #content-body 		{ background-image: url(/download/gallery/banners/banners06j); } 

#wa-test.workarea #content-head, 
#wa-test.workarea #content-body  { background-image: url(/download/gallery/banners/banners07j); }

/* Additional Banners - Not Used
#content-head, #content-body 	{ background-image: url(/download/gallery/banners/banners07j); }
#content-head, #content-body    { background-image: url(/download/gallery/banners/banners08j); }
#content-head,* #content-body 	{ background-image: url(/download/gallery/banners/banners09j); }
#content-head, #content-body 	{ background-image: url(/download/gallery/banners/banners10j); }
#content-head, #content-body 	{ background-image: url(/download/gallery/banners/banners11j); }
*/


.workarea #content-head {
	position: relative;
z-index: 98;
}

/* CONTENT HEAD - Padding */

#home #content-inner { padding-top: 10px; }

#home #content-head { height: 0 !important; min-height: 0 !important; }

#home #contentmenu a.actionstrigger {
	position: absolute;
	margin-left: 914px;
}

.landing #content-head, 
#content-head, 
#myprofile #content-head,
.edit #content-head,
#search #resultset, #search #contentheader { padding: 50px 0 0 10px; }


.edit #content-head { padding-bottom: 20px; }

/* CONTENT HEAD - Home */
#home #content-body { /* position: relative; top: -15px; */ }
#home #content-head { padding-top: 0; }
#home #content-head {
	height: auto !important;
}

/* CONTENT HEAD, CONTENT BODY - HIDE IMAGE: System Pages */
#home #content-head, #home #content-body,
#calendar #content-head, #calendar #content-body,
#blogs #content-head, #blogs #content-body, 
#gallery #content-head, #gallery #content-body,
#forums #content-head, #forums #content-body,
#search #content-head,
#wiki #content-head, #wiki #content-body,
#myprofile #content-head, #myprofile #content-body, 
#wa-templates #content-head, #wa-templates #content-body,
.edit #content-head, .edit #content-body { background: none !important; }



/* HOMEPAGE CONTENT
----------------------------------------------- */

.skinBox   { background: url(/download/gallery/img/shadowrigh) 100% 0 no-repeat; }
.muscleBox { background: url(/download/gallery/img/shadowbott) 0 100% no-repeat; }
.boneBox   { background: url(/download/gallery/img/shadowcorn) 100% 100% no-repeat; }
.soulBox   { background: #transparent; }

.skinBox { margin-bottom: 1.5em; }

.boneBox { padding: 0 4px 5px 0; }

.soulBox {
	border: 0px solid #b7b7b7;
	padding: 8px;
}

.soulBox #comwiz {
	padding-top: 0;
}

.soulBox #comwiz #chooser, .soulBox #comwiz #strip {
	background: transparent;
	border-width: 0px;
}

.soulBox #comwiz #strip {
	padding-left: 0;
	padding-right: 0;
}

.soulBox #comwiz #rightarrow, .soulBox #rightarrow2,
.soulBox #comwiz #leftarrow, .soulBox #leftarrow2
{
	margin-top: 50px;
}

.soulBox #comwiz #thumbs-wrapper { width: 610px; }

.soulBox #comwiz #thumbs li { text-align: center; width: 200px; }

.soulBox #comwiz #thumbs li label img { border: 2px solid #d3db88; margin: 10px; width: 89px; }

.soulBox #comwiz #thumbs { height: 150px; }


#thumbs-careers { margin-left: 0; }
#thumbs-careers li { float: left; list-style: none; text-align: center; width: 110px; }
#thumbs-careers li img { border: 3px solid #d3db88; }
#thumbs-careers li a { color: #4d3222; font-size: 11px; text-decoration: none; }

.thumbsection { border-style: none; margin: 1px;}

#thumbs-sections { margin-left: 0; }
#thumbs-sections li img { border: 0px solid #ffffff; }
#thumbs-sections li { float: left; list-style: none; width: 228px;}

/* Sponsor Animation
----------------------------------------------- */
#box-sponsor-animation { background: transparent url(/download-noauth/gallery/img/sponsorgol) no-repeat 50% 0; position: relative; }
#box-sponsor-image {  margin: 0 44px; height: 146px; width: 602px; }
#box-sponsor-controls { position: absolute; top: 50px; width: 100%; }
#box-sponsor-controls ul.link-controls { list-style: none; margin: 0;  }
#box-sponsor-controls ul.link-controls li { float: left; }
#box-sponsor-controls ul.link-controls li.link-next { float: right; }

#box-sponsor-controls ul.link-controls li a { 
	background: url(/download-noauth/gallery/img/buttonarro) no-repeat;
	display: block;
	float: left;	
	height: 0px;
	overflow: hidden;
	padding-top: 22px; /* Image Height */
	width: 22px;
}
#box-sponsor-controls ul.link-controls li.link-next a {
	background-position: 100% 0;
}

/* CUSTOM CONTENT: HEADER */
#custom-header-nav { position: absolute; top: 55px; margin-left: 370px; z-index: 100; }
#custom-header-nav, #custom-header-nav a { color: #fff; }

/* CUSTOM CONTENT: TWITTER FEED */
#feed-twitter { font-size: 11px; }
#twitter_update_list { margin-left: 0; }
#twitter_update_list li{ list-style: none; font-size: 11px; margin-bottom: 5px; padding: 5px 10px 5px; }

#twitter_update_list li a { color: #479c9f; }


#box-share { margin-bottom: 50px; font-size: 11px; }
.addthis { margin: 10px 0; }



/*--------------------------------------------- */
/*              >>> CODE FIXES <<<              */
/*--------------------------------------------- */


/* #previewbar { display: none; }*/

.workarea #content-head, { height: 128px !important; min-height: 128px !important; }

.workarea #content-head { height: 128px !important; }
#customcontent { margin-top: -84px; }
#page-banner { position: relative;  z-index: 10000;}  /* z-index possibly not needed */


#home     #customcontent,
#blogs    #customcontent,
#calendar #customcontent,
#forums   #customcontent,
#gallery  #customcontent,
#pulse    #customcontent,
#members  #customcontent
{
    margin-top: 0;
}

#page #content-body { background: none !important; }

/* fixes labels page */

#labels #content-body {
	padding-top: 40px;
}

/* new additions */

.grid-row { overflow: hidden; }
.grid-17, .grid-18, .grid-19, .grida-20 {
    display: inline;
    float: left;
    margin: 0 10px;
  }
  
  .grid-17  { width: 435px; }
  .grid-18  { width: 440px; } 
  .grid-19  { width: 290px; }  
  .grid-20  { width: 900px; }  
  
.toalign { float: right; }

#connectimg { /* background image block */
display: block;
width: 225px;
height: 307px;
background: url(/download/gallery/bringingit/10ly2ajpg) no-repeat;
margin-top: 0px;
}
#connectimg a {
text-decoration:none;
}
.hide {
visibility:hidden;
}

#forum { /* RSS Link */
float: left;
position:absolute;
width : 100px;
height: 20px;
margin-left: 100px;
margin-top: 210px;
}

#blog { /* RSS Link */
float: left;
position:absolute;
width : 140px;
height: 20px;
margin-left: 65px;
margin-top: 230px;
}

#connect { /* RSS Link */
float: left;
position:absolute;
width : 225px;
height: 38px;
margin-left: 0px;
margin-top: 265px;
}

#connectimg2 { /* 2nd background image block */
display: block;
width: 225px;
height: 307px;
background: url(/download/gallery/bringingit/circuitsajpg) no-repeat;
margin-top: 0px;
}
#connectimg2 a {
text-decoration:none;
}
.hide {
visibility:hidden;
}

#research { /* research Link */
float: left;
position:absolute;
width : 225px;
height: 38px;
margin-left: 0px;
margin-top: 265px;
}

#connectimg3 { /* 3rd background image block */
display: block;
width: 225px;
height: 307px;
background: url(/download/gallery/bringingit/10ly1ajpg) no-repeat;
margin-top: 0px;
}
#connectimg3 a {
text-decoration:none;
}
.hide {
visibility:hidden;
}

#job { /* job Link */
float: left;
position:absolute;
width : 225px;
height: 38px;
margin-left: 0px;
margin-top: 265px;
}

#connectimg4 { /* 3rd background image block */
display: block;
width: 225px;
height: 307px;
background: url(/download/gallery/bringingit/10ly3ajpg) no-repeat;
margin-top: 0px;
}
#connectimg4 a {
text-decoration:none;
}
.hide {
visibility:hidden;
}

#accelerate { /* accelerate Link */
float: left;
position:absolute;
width : 225px;
height: 38px;
margin-left: 0px;
margin-top: 265px;
}
/* footer nav */
#navbottom
{
    padding:0;
}
#navbottom  li
{
display:inline;
   font-family:Tahoma,Arial, Helvetica, Helvetica Neue, Verdana, Sans-Serif;
   font-size:11px;
   text-decoration: none;
   font-weight: bold;
   float:left;
   padding:0px 5px;
   color:#ffffff;
}
#navbottom  li a
{  
   font-family:Tahoma,Arial, Helvetica, Helvetica Neue, Verdana, Sans-Serif;
   font-size:11px;
   text-decoration: none;
   font-weight: bold;
   float:left;
   color:#ffffff;

}
#navbottom  li a:hover
{
   color: #379497;

}