/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/

/*
 COLORS:
 	Light Brown: 	#DDB67F
 	Pink:			#EC8CA7
 	Brown:			#754C24
*/


/*	Resets
	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge,
h1 {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large,
h2,
#content h1 {
	font-size: 42px;
	line-height: 48px;
}

.big,
h3,
#content h2 {
	font-size: 26px;
	line-height: 36px;
}

.normal,
body,
#content h3 {
	font: 16px/24px Helvetica Neue, Helvetica, Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

.small {
	font-size: 13px;
	line-height: 18px;
}

abbr,
acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
}
address,
cite,
em,
i{
	font-style: italic;
}
a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: underline;
}

::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}




/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

.container {
	width: 959px;
	/* padding: 72px 48px 84px; */
	margin: 0 auto;
	background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_h.jpg);
	background-repeat: no-repeat;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

.containerNP {
	width: 959px;
	padding: 0px;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

	#header {
		width: 974px;
		margin: 0 auto;
	}
	
	#headerL {
		background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_v.jpg);
		background-repeat: no-repeat;
		float: left;
		width: 1px;
		height: 330px;
		margin-left: -10px;
	}
	#headerR {
		background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_v.jpg);
		background-repeat: no-repeat;
		float: right;
		width: 1px;
		height: 330px;
		margin-right: -10px;
	}
	#nav {
		float: left;
	}
	#navL {
		background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_v.jpg);
		background-repeat: no-repeat;
		float: left;
		width: 1px;
		height: 77px;
		margin-left: -10px;
	}
	#navR {
		background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_v.jpg);
		background-repeat: no-repeat;
		float: right;
		width: 1px;
		height: 77px;
		margin-right: -10px;
	}
	
	#dashR {
		background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_v.jpg);
		background-repeat: repeat-y;
		height: 100%;
	}

	#header-image {
		padding: 5px;
		overflow: hidden;
		margin-left: -10px;		
	}
		/* HEADER IMAGE
			full size - 1068x300
			8 column layout resized to 890x250 displayed at 648x250
			5 column layout resized to 534x150 displayed at 396x150
			3 column layout resized to 365x100 displayed at 228x100
		 */
		#header-image img {
			width: 952px;
			height: 291px;
			padding: 1px;
			position: relative;
			top: 0px;
			
		}
		
		.dashTop {
			height: 18px;
			left: -10px;
			margin: -18px 0 0;
			padding: 0;
			position: relative;
			width: 977px;
			overflow: hidden;
			float: left;
		}
		
	#content {
		width: 685px; /* 5 columns */
		float: left;
		margin: 0;
		padding: 20px;
		overflow: hidden;
		background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_v.jpg);
		background-repeat: repeat-y;
		margin-left: -10px;
		min-height: 1100px;
		
	}
	#sidebar {
		width: 191px; /* 3 columns */
		float: right;
		left: 12px;
		margin: 0 -10px 0 10px;
		padding: 20px 33px 20px 20px;
		overflow: hidden;
	}
	
	#contentSidebarWrapper {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		margin-top: 0px;		
		background-image: url(http://creampuffsinvenice.ca/wp-content/themes/creampuff/images/dash_v.jpg);
		background-repeat: repeat-y;
		background-position: right center;
	}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.container {
		width: 712px;
		padding: 48px 28px 60px;
	}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	.container {
		width: 252px;
		padding: 48px 34px 60px;
	}
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.container {
		width: 436px;
		padding: 36px 22px 48px;
	}
	
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	.container {
	
	}
	
}