/*
Theme Name: Brulerie Des Cantons
Theme URI: http://toine.ca
Description: A simple basic WordPress theme, jQuery is loaded.
Version: 0.2
Author: Antoine Girard
Author URI: http://toine.ca/
Tags: grey, simple, minimalist, jquery

*/

@import url("jNice.css");


/* Begin Typography & Colors */
body {
	font-size: 14px;
	font-family: Helvetica, Arial, Sans-Serif;
	background: #f6f6ec url(images/bg.jpg) repeat-x 0 -53px;
	color: #94775c;
	text-align: center;
}




/*
 	-----------------------------------
	Links, colors, etc.
 	-----------------------------------
*/
a 		 {	color: #338999; text-decoration: none; }
a:hover {	color: #734d2c; }
a:focus {	outline: none; }


/*
 	-----------------------------------
	Headings
 	-----------------------------------
*/
h1 { font-size:55px; }
h2 { font-size:45px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h1, h2, h3, h4 {
	margin: 1em 0;
}

/*
 	-----------------------------------
	Lists
 	-----------------------------------
*/

ul {
	margin: 0 0 10px 0;
}

ul li {
	margin-left: 10px;
}




/* 
	-----------------------------------
	#page
	-----------------------------------
*/
#page {
	padding: 0;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/* contact page */
#contact-gmap {
  width: 350px;
  height: 300px;  
  float: right;
}


/* 
	-----------------------------------
	#header
	-----------------------------------
*/

#header {
	height: 175px;
	margin-bottom: 1px;
	margin-top: -1px;
	padding: 1px 0;
	float: left;
}

	#header h1 {
		float: left;
		margin: 0 0 0 -6px;
		position: relative;
	}

		#header h1 a {
			display: block;
			width: 178px;
			height: 178px;
			background: url(images/logo.png) no-repeat top center;
			text-indent: -10000px;
		}


/* 
	-----------------------------------
	Main #nav
	-----------------------------------
*/

#nav {
	margin-left: 240px;
	margin-top: 38px;
	list-style: none;
}

	#nav li {
		padding: 0;
		margin: 0 35px 0 0;
		float: left;
		font-size: 18px;	
		font-family: Georgia, serif;
	}
	
	#nav li:last-child {
		margin-right: 0;
	}

		#nav li a {
			color: #f6f6ec;
		}
		
		#nav li a:hover {
		  color: #338999;
		}
		
		#nav li.current_page_parent a,
		#nav li.current_page_item a {
			color: #94775c;
			text-decoration: none;
		}

/* 
	-----------------------------------
	#content
	-----------------------------------
*/

#content {
	min-height: 650px;
	margin: -45px 0 10px 0;
	float: left;
	width: 710px;
	position: relative;
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content.no-sidebar {
	margin-left: 240px;
}

	#content h2 {
		margin-top: 0;
		margin-bottom: 20px;
		font-weight: bold;
		color: #734d2c;
	}
	
	#content h3 {
		margin-top: 20px;
		margin-bottom: 5px;
		font-weight: bold;
		color: #734d2c;
		font-size: 16px;
	}
	
	#content h4 {
		margin-top: 0px;
		margin-bottom: 5px;
		font-weight: bold;
		color: #734d2c;
		font-size: 14px;
	}

	#content p {
		line-height: 18px;
		margin-bottom: 15px;
		margin-top: 0;
		font-size: 14px;
	}
	
	#content .entry p,
	#content .entry ul {
		max-width: 480px;
	}
	
	#content .entry ul {
    padding: 0;
    margin: 0 0 15px 4px;
    list-style: square;
	}
	
	  #content .entry ul li { line-height: 18px; }
	
	#content .page-gallery {
    height: 170px;
    margin: 10px -10px 15px 0;
    position: relative;
	}
	
	  #content .page-gallery img {
	    margin-right: 10px;
	    float: left;
	  }
	  


/* 
	-----------------------------------
	Home
	-----------------------------------
*/
#sidebar.home h3 {
  font-size: 18px;
  color: #734d2c;
}

#sidebar.home p {
  color: #734d2c;  
  font-size: 16px;
  line-height: 18px;
}

#home #home-video {
  width: 470px;
  float: left;
}

#home #right-sidebar {
  float: right;
  width: 230px;
}

#home .info-box {
  background: #ece9dc;
  padding: 10px;
  height: 125px;
  overflow: hidden;
  margin-bottom: 10px;
}

  #home .info-box p {
    font-size: 12px;
    line-height: 15px;
  }
  
  #home .info-box label {
    font-size: 12px;
    font-weight: normal;
    text-transform: inherit;
  }
  
  #home .info-box input.email {
    background: #fff url(images/dotted-line.png) repeat-x bottom left;
    border: 0;
    padding: 5px;
    width: 190px;
    margin: 4px 0;
  }
  
  #home #campagnes.info-box {
    margin-bottom: 0;
    background: #ece9dc url(images/sac-campagnes.jpg) no-repeat bottom right;
  }

  /* featured products */
  #featured h2 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  #featured ul {
    list-style: none;
    margin: 0 0 10px -10px;
    padding: 0;
    width: 720px;
  }
  
    #featured ul li {
      float: left;
      margin: 0 0 0 10px;
      background: #ece9dc;
      padding: 10px 10px 10px 120px;
      position: relative;
      height: 74px;
      width: 100px;
    }
    
    #featured ul li img {
      width: 100px;
      height: 74px;
      position: absolute;
      top: 10px;
      left: 10px;
    }
    
    #featured ul li p {
      font-size: 11px;
    }
    
    /* hide stuff */
    #featured ul li .spec { display: none; }
    #featured ul li.row { display: none; }


/* 
	-----------------------------------
	Points de vente
	-----------------------------------
*/

#content.points-de-vente {
}

	#content.points-de-vente #cities {
		float: left;
		width: 175px;
	}
	
		#content.points-de-vente #cities h3 {
			margin: 0 0 10px 0;
			font-weight: bold;
		}
		
		#content.points-de-vente #cities ul {
			list-style: none;
		}
	
		#content.points-de-vente #cities ul li {
			overflow: hidden;
			margin: 0 0 5px 0;
			padding: 0;
			height: 20px;
		}
		
			#content.points-de-vente #cities ul li h4 {
				margin: 0;
				font-weight: bold;
			}
	
				#content.points-de-vente #cities ul li ul { 
					margin: 5px 0 5px 10px;
					font-size: 11px;
					height: auto;
				}
				
					#content.points-de-vente #cities ul li ul li {
						height: auto;
						margin-bottom: 5px;
					}
					
		#content.points-de-vente #cities a.geocode span.content {
			display: none;
		}


	#content.points-de-vente #map {
		width: 525px;
		float: right;
	}

		#content.points-de-vente #gmap {
			height: 400px;
			width: 525px;
			margin-bottom: 10px;
		}
		
		#gmap-loader {
			position: absolute;
			top: 0;
			left: 0;
			height: 400px;
			width: 525px;
			background: #fff url(images/loader.gif) no-repeat center center;
			
		}
	
			#content.points-de-vente #gmap .gmap-infowindow {
				font-size: 12px;
				width: 230px;
				margin: 0 5px 5px 5px;
			}
		
				#content.points-de-vente #gmap .gmap-infowindow h4 {
					font-weight: bold;
					margin: 0 0 3px 0;
					font-size: 12px;
				}




/* 
	-----------------------------------
	Posts
	-----------------------------------
*/
.post {
	margin-bottom: 40px;
}

.post .entry {
	margin: 10px 0;
}

.post .entry span.intro {
  padding-top: 13px;
  font-size: 17px;
  display: block;
}

#content p.postmetadata { 
	font-weight: bold;
	color: #574439;
	line-height: 1.2em;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

.post blockquote p,
.post blockquote p {
	color: #574439;
	font-style: italic;
}

/* list in entry */
.entry ul {
	padding: 0 0 0 30px;
	list-style: square;
}

.entry ul,
.entry ol {
	margin-bottom: 20px;
}

.entry li {
	margin: 7px 0 5px 10px;
}

.entry ol {
	padding: 0 0 0 35px;
}

/* 
	-----------------------------------
	Forms
	-----------------------------------
*/

#content form button,
#content form input.button,
#content form input[type=submit] {
  border: 0;
  padding: 4px 15px;
  background: #427e88 url(images/bg-buttons.png) repeat-x bottom left;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

#content form h3 {
  margin-top: 0;
  padding: 0 0 5px 0;
  background: url(images/dotted-line.png) repeat-x bottom left;
}

#content form label {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}


/* Gravity forms, basic styling */
#content .gform_wrapper {
  clear: both;
  background: #ece9dc;
  padding: 12px 12px 40px 12px;
  margin: 15px 0 0 0;
  max-width: inherit;
}

  #content #gform_heading { width: inherit; }

  #content .gform_wrapper h3#gform_title {
    width: auto;
    margin: 0;
  }

  #content .entry .gform_wrapper ul li { margin: 0 0 15px 0; }

  #content .entry ul#gform_fields {
    max-width: inherit;
    display: block;
  }

  #content .gform_wrapper #gform_heading {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px;
  }

    #gform_fields li .gfield_label {
      padding-top: 3px;
    } 
    
    #gform_fields.top_label li .gfield_label {
      padding: 0;
      margin: 0 0 3px 0;
    }

  
    #content form #gform_fields li input,
    #content form #gform_fields li input.button,
    #content form #gform_fields li textarea {
      background: #fff url(images/dotted-line.png) repeat-x bottom left;
      border: 0;
      padding: 5px;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 12px;
    }
  
    #gform_fields li textarea { width: 400px; }
  
    #content form .gfield_checkbox,
    #content form .gfield_radio {
      margin: 0;
    }
  
      #content .entry form .gfield_checkbox li,
      #content .entry form .gfield_radio li {
        margin: 0 0 5px 0;
      }
  
      #content form .gfield_checkbox label,
      #content form .gfield_radio label,
      #content form .ginput_complex label {
        text-transform: inherit;
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 0;
      }
      
      #gform_fields.top_label label { width: 400px; }
      
      #content #gform_fields .gsection {
        margin: 0;
        padding: 0;
        width: 400px;
        border-bottom: 0px dotted #CCCCCC !important;
      }
    
    #page #content .gform_wrapper .gform_footer {
      margin-top: -5px;
      border-top: 0px solid #fff !important;
    }
    
    #page #content .gform_wrapper .gform_footer.right_label {
      margin-left: 213px;    
      text-align: left;
      padding: 0;
    }
      
    .gform_wrapper .gform_footer { border-top: none;}
  
      #content .gform_footer input.button {
        margin: 0;
        font-size: 12px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
      }

      .gform_footer a {
        display: block;
        clear: both;
        font-size: 10px;
        margin: 10px 0 0 0;
      }


/* 
	-----------------------------------
	#sidebar
	-----------------------------------
*/

#sidebar {
	margin-right: 70px;
	width: 168px;
	padding-top: 75px;
	margin-top: -40px;
	float: left;
}

#sidebar h2 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
}

#sidebar ul {
	background: url(images/dotted-line.png) repeat-x top left;
	list-style: none;
	padding-bottom: 10px;
	padding-top: 1px;
}

#sidebar ul li { 
	margin-left: 0;
	margin-bottom: 0;
	padding: 0 0 1px 0;
	background: url(images/dotted-line.png) repeat-x bottom left;	
}

#sidebar ul li a {
	color: #734d2c;
	display: block;
	padding: 8px 0 6px 10px;
}

#sidebar ul li a:hover { background: #ece9dc }

/* active item */
#sidebar ul li.current_page_item a,
#sidebar ul li.current a { color: #94775c; background: #ece9dc url(images/arrow-current.png) no-repeat 95% 50%; }

/*#sidebar ul li a:hover {
  text-decoration: none;
  color: #94775c;
}*/

#sidebar ul li ul li {
	margin-bottom: 3px;
}

#sidebar ul.children {
	margin-top: 3px;
	margin-left: 15px;
	border-bottom: none;
	padding-bottom: 0;
}

/* search form in sidebar */
#sidebar .widget_search form {
	min-height: 25px;
}

#sidebar .widget_search input {
	width: 120px;
	float: left;
}


#sidebar .widget_search input[type=submit] { 
	float: left;
	width: auto;
	margin-top: 1px;
	margin-left: 5px;
}


/* jQuery tooltips boxes */
#tooltip {
	position: absolute;
	z-index: 10000;
	background: transparent url(images/bg-tooltip.png) no-repeat top left;
	padding: 5px 5px 20px 5px;
	width: auto;
	font-size: 14px; 
	color: #f6f6ec;
}


/* 
	-----------------------------------
	#footer
	-----------------------------------
*/

#footer {
	margin: 0 0 0 0;
	clear: both;
	text-align: left;
	height: 105px;
	background: url(images/bg-footer.png) repeat-x bottom left;
}

#footer.fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
}

  #footer .wrapper {
    width: 950px;
    margin: 0 auto;
    padding-top: 10px;
    height: 80px;
    font-size: 12px;
    background: url(images/dotted-line.png) repeat-x top left;
  }

    #footer .address {
      float: left;
      width: 237px;
      border-right: 1px dotted #c5b6a4;
    }
    
    #footer .address strong { text-transform: uppercase; }

    #footer .nav {
      float: left;
      margin-left: 15px;
    }

      #footer .nav ul { list-style: none; margin: 0 0 5px 0; }
      #footer .nav ul li {
        display: inline;
        margin-right: 10px;
        margin-left: 0;
      }




/* 
	-----------------------------------
	Misc. WordPress various tag, etc
	-----------------------------------
*/

.row {
  background:  url(images/dotted-line.png) repeat-x center center;
	height: 1px;
	width:  710px;
	clear:  both;
	margin: 10px 0 10px 0;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hide, .hidden { display: none; }
.show { display: block; }

.clear {
	clear: both;
}

.screen-reader-text {
	position: absolute;
	left: -1000em;
}


.navigation {
	display: block;
	text-align: center;
	padding: 5px 0;
	height: 20px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 0;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	border: 1px solid red;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */

hr { display: none; }