/*--------- DARK STYLE ---------*/

body,#menu ul ul li a:hover{
background-color:#333333;
color:#979797;
}

#logo-container a{
background-image:url(../images/logo-dark.png);
}

hr, ul.blogroll li, .sidebar-box h4, .sidebar-box ul li, .post-info, img.img-frame, img.attachment-post_box_img, #portfolio-categories,.post, ul.commentlist li, .double-line, #intro, #page-title,#slider, #slider-navigation .items img, .latest-projects-holder .latest-project, .slider-frame, .sidebar-post-wrapper, #blog-latest .columns-wrapper, .latest-small, .showcase-item, .item-wrapper, .portfolio-item, .coment-box img, #content-container .gallery img,#footer ul li,.wp-caption  {
border-color:#474747;	
}


img.img-frame, img.attachment-post_box_img, .img-frame img, .img-wrapper, .blog-post-img img,
 #slider-navigation .items img, .slider-frame, #menu ul ul, .coment-box img, #content-container .gallery img{
	background-color:#3e3e3e;
	border-color:#555555;
}

#footer-container, #menu ul ul,#line-top{
background-color:#1f2122;	
}
.showcase-item:hover, .tabs a.current, .tabs a:hover, 
 .tabs a.current:hover, .tabs a:active, #accordion h2.current, table th , 
 table td:hover, .table-price td{
 background-color:#5a5a5a;
 }

#footer-container, input[type="text"], textarea, #content-container .wp-pagenavi a, #content-container .wp-pagenavi span.pages,
 #content-container .wp-pagenavi span.current, #content-container .wp-pagenavi span.extend, 
 .tabs,.panes, .tabs a, .tabs a.current,.tabs a:hover,.tabs a:active,.tabs li a.current:hover, 
 #accordion, #accordion .pane,#accordion h2,table td, table th, .table-title td, .pricing-table ul li{
	border-color:#161616;	
}	

input[type="text"], textarea{
background-color:#464646;

}


.double-line{
 border-bottom: 1px solid #646464;
}

#menu ul ul{
	border-left-color:#161616;
	border-right-color:#161616;
	border-bottom-color:#161616;
}

h1,h2,h3,h4,h5,h6,.sidebar-box h4,.services-box h2,.post h1, .post h1 a,
.portfolio-sidebar h4, #portfolio-categories ul li, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
.services-box h4, #intro h1, #page-title h1, .item-desc h4 a, .item-desc h4,
.sidebar-box ul li a,.post-date h4 ,.tabs a,.tabs .current, .tabs .current:hover, .tabs li.current a,
 .tabs a:hover, #accordion h2:hover, table th, .table-price td{
color:#d1d0d0;	
}

#accordion h2{
border-color:#464646;
}

#accordion .pane{
border-width:0px;	
}

#accordion h2.current{
	border-color:#2b2b2b;
	border-left-width:0px;
	border-right-width:0px;
}

#content-container ul.commentlist ul.children {
    background-image: url("../images/comment-bg-dark.png");
}
#slider-navigation .items img.active {
    background-color: transparent;
}

.panes,.tabs li, table, blockquote, #accordion, #accordion .pane {
background-color:#3e3e3e;
}

#left-arrow ,.latest-prev,.portfolio-prev,.nivo-prevNav{
    background: url("../images/arrows-dark.png") no-repeat scroll right top transparent;
  
}
#right-arrow,.latest-next,.portfolio-next,.nivo-nextNav {
    background: url("../images/arrows-dark.png") no-repeat scroll left top transparent;
  
}

#portfolio-big-pagination a#next-item {
    background: url("../images/single_arrows-dark.png") no-repeat scroll left top transparent;
}


#portfolio-big-pagination a#prev-item {
    background: url("../images/single_arrows-dark.png") no-repeat scroll right top transparent;
}

.img-loading,.portfolio-big-img,.portfolio-items img,.portfolio-item img,.loading-container,#sidebar #SGM,.contact-loader  {
	background-image: url(../images/ajax-loader-small-dark.gif);
}

#nivo-slider,.loading{
background-image: url(../images/ajax-loader-slider-dark.gif);
}


input.invalid[type="text"], textarea.invalid,.error-box {
    border-color:#ca1111;
}

.info-box {
	background-color:#5e91c6 ;
	border-color:#90b8e2;
	color: #ddf3fc;
}

.note-box {
	background-color: #e5d468;
	border-color: #faeea0;
	color: #fff;
}

.error-box {
	background-color: #cd3939;
	border-color: #e17f7f;
	color: #ffdede;
}

.tip-box {
	background-color: #9bb456;
	border-color: #c6e670;
	color: #ecffb9;
}h1 a:hover,a,#footer ul li a:hover,#intro h1 a,#page-title h1 a,#portfolio-categories ul li.selected,.sidebar-box ul li a:hover,#sidebar .widget_nav_menu ul li.current-menu-item > a,#sidebar ul li.current-cat>a, #menu ul li a:hover,#menu ul li.current-menu-item>a, #menu ul li.current-menu-ancestor>a, .showcase-item span.post-info,ul.blogroll li a,#footer .widget_twitter ul li a,#footer ul.blogroll li a{color:#ff842c;}.button {background-color:#ff842c;}a {color:#ff842c;}#menu ul ul{border-top-color:#ff842c;}#slider-navigation .items img.active {border-color: #ff842c;}::selection { background: #ff842c; } ::-moz-selection { background: #ff842c; }body{background-image:url(http://www.bonuel.ca/blog/wp-content/uploads/2011/10/bg.jpg);}#logo-container a{background-image:url('http://www.bonuel.ca/blog/wp-content/uploads/2011/10/logo_banner.png');}#logo-container a{width:282px;}#logo-container a, #logo-spacer{height:65px;}#logo-spacer{height:82px;}h1,h2,h3,h4,h5,h6,.accordion-description a,.no-caps,#content-container .wp-pagenavi,#portfolio-big-pagination,#portfolio-categories h6,#portfolio-categories ul li.selected,.table-title td,.table-price td,.table-description strong,blockquote,.info-box,.note-box,.tip-box,.error-box,tip-box,table th,.drop-caps,.tabs a,ul.blogroll li a{font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;}body,.item-desc h4 a,.sidebar-box h4,.portfolio-sidebar h4,#footer h4,#footer h4 a{font-family:"Droid Sans", Verdana, Geneva, sans-serif;}.bigquote q {
	color: #FFF;
	font-size:18px;
	line-height:130%;
	}
.bigquote {
	padding:45px 0;
	}
cite {
	padding-right:25px;
}

/*------------------ gallery overide ------------------------*/
.entry-content div{
padding: 0px;
margin: 0px;
}

.gallery .gal_content,
.gallery .loader,
.gallery .slideshow a.advance-link{
	width:570px;
}

/* [gallery] shortcode styles. */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width:570px;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}

/* Image sizes depending on the number of columns */
.gallery .col-0 { width: 100%; }
.gallery .col-1 { width: 100%; }
.gallery .col-2 { width: 50%; }
.gallery .col-3 { width: 33.33%; }
.gallery .col-4 { width: 25%; }
.gallery .col-5 { width: 20%; }
.gallery .col-6 { width: 16.66%; }
.gallery .col-7 { width: 14.28%; }
.gallery .col-8 { width: 12.5%; }
.gallery .col-9 { width: 11.11%; }
.gallery .col-10 { width: 10%; }
.gallery .col-11 { width: 9.09%; }
.gallery .col-12 { width: 8.33%; }
.gallery .col-13 { width: 7.69%; }
.gallery .col-14 { width: 7.14%; }
.gallery .col-15 { width: 6.66%; }
.gallery .col-16 { width: 6.25%; }
.gallery .col-17 { width: 5.88%; }
.gallery .col-18 { width: 5.55%; }
.gallery .col-19 { width: 5.26%; }
.gallery .col-20 { width: 5%; }
.gallery .col-21 { width: 4.76%; }
.gallery .col-22 { width: 4.54%; }
.gallery .col-23 { width: 4.34%; }
.gallery .col-24 { width: 4.16%; }
.gallery .col-25 { width: 4%; }
.gallery .col-26 { width: 3.84%; }
.gallery .col-27 { width: 3.7%; }
.gallery .col-28 { width: 3.57%; }
.gallery .col-29 { width: 3.44%; }
.gallery .col-30 { width: 3.33%; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

div.lang-fr {
  color: #888;
  border-left: 5px solid #21759b; /* #444; */
  padding-left: 6px;
}
img.alignleft {
float: left;
}
img.alignright {
float: right;
}
#footer #s2email {
width: 203px;
}

/* Pos Navigation
 ---------------------------------------------------- */
.post-nav {
    overflow: auto;
    margin: 10px 0;
    padding: 5px 0;
}
.post-nav span.next {
    border-bottom: 1px solid #444;
    display: block;
    margin-bottom: 5px;
}
.post-nav span.prev {
    border-bottom: 1px solid #444;
    display: block;
    margin-bottom: 5px;
}
.post-nav a {
    text-decoration: none;
}
.post-nav a:hover {
    text-decoration: underline;
}
.post-nav a:active {
}
.prev-post-nav {
    width: 50%;
    float: left;
}
.next-post-nav {
    width: 50%;
    float: right;
    text-align: right;
}


/* PORTFOLIO
**********************/

ul.portf-navigation li {
background: url("http://www.bonuel.ca/images/dots_thecotton.png") no-repeat scroll 100% 0% transparent;
}
ul.portf-navigation li:hover
{
background: url("http://www.bonuel.ca/images/dots_thecotton.png") no-repeat scroll 100% 50% transparent;
}
ul.portf-navigation li.selected {
background: url("http://www.bonuel.ca/images/dots_thecotton.png") no-repeat scroll 100% 100% transparent;
}
#left-arrow, .latest-prev, .portfolio-prev, .nivo-prevNav,.portfolio-prev:hover {
background: url("http://www.bonuel.ca/images/nav_prev.png") no-repeat;
}
.portfolio-prev, .portfolio-next {
width: 40px;
height: 80px;
}
#right-arrow, .latest-next, .portfolio-next, .nivo-nextNav,.portfolio-next:hover {
background: url("http://www.bonuel.ca/images/nav_next.png") no-repeat;
}

/* BOTTOM WDGETS
 * In i.e., the columns were too wide!
 * So i changed from 210 to 200.
****************************/
.four-columns {
width: 200px;
}
a.ft-sponsors{
 padding: 7px;
}