/* 
Theme Name: Natalie Norman
Theme URL: http://www.natalienorman.com
Description: Custom responsive theme for Natalie Norman.
Author: Purr Design
Author URI: http://www.purrdesign.com
Version: 2.0
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block; }
								  
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

table { 
	border-collapse: collapse; 
	border-spacing: 0; }
input[type="submit"], input[type="text"] {
	-webkit-appearance: none;
}
.screen-reader-text {
	display: none;
}
/* 
	16 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }


/* MAIN CONTAINER */
.container { 
	max-width: 100%;
	margin: 0 auto; }
#page_wrap {
	width: 100%;
	margin-bottom: 0;
}

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 1.5em; } /* set according to preference*/
	
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}

@media ( min-width : 800px ) {
	.col {
		margin-left: 2%;
	}
}

/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 800px ) {
	
	.span_content { 
		width: 66%;
		margin-left: 0;
		max-width: 760px;
		float: left;
		display: inline-block;
	}
		.span_content_full { 
			width: 100%;
			max-width: 760px;
			margin: 0 auto !important;
			float: none !important;
			display: block;
		}
		.span_content_wide { 
			width: 100%;
			max-width: 100%;
			margin: 0 auto !important;
			float: none !important;
			display: block;
		}
	.span_sidebar { 
		width: 30%;
		min-width: 300px;
		max-width: 340px;
		float: right;
		display: inline-block;
	}
}

/*---------STRUCTURE---------*/
/*@font-face {
    font-family: 'Roble';
    src: url('fonts/RobleAltBook-webfont.eot');
    src: url('fonts/RobleAltBook-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobleAltBook-webfont.woff2') format('woff2'),
         url('fonts/RobleAltBook-webfont.woff') format('woff'),
         url('fonts/RobleAltBook-webfont.ttf') format('truetype'),
         url('fonts/RobleAltBook-webfont.svg#roble_alt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roble';
    src: url('fonts/RobleAltBook-italic-webfont.eot');
    src: url('fonts/RobleAltBook-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobleAltBook-italic-webfont.woff2') format('woff2'),
         url('fonts/RobleAltBook-italic-webfont.woff') format('woff'),
         url('fonts/RobleAltBook-italic-webfont.ttf') format('truetype'),
         url('fonts/RobleAltBook-italic-webfont.svg#roble_alt') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roble';
    src: url('fonts/RobleAltBold-webfont.eot');
    src: url('fonts/RobleAltBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobleAltBold-webfont.woff2') format('woff2'),
         url('fonts/RobleAltBold-webfont.woff') format('woff'),
         url('fonts/RobleAltBold-webfont.ttf') format('truetype'),
         url('fonts/RobleAltBold-webfont.svg#roble_alt') format('svg');
    font-weight: bold;
    font-style: normal;
}*/


body                           {
	color: #4d4d4d;
	margin: 0;
	padding: 0;
	font: 16px/1.7 "Raleway", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: url(images/bg.png);
}
a  {
	text-decoration: none }
a:link, a:visited, a:active          {
	color: #da1d47;
	text-decoration: underline }
a:hover             {
	color: #e0b320;
	text-decoration: none }
p    {
	margin-top: 20px;
	margin-bottom: 20px }
h1, h2, h3, h4, h5              {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px }
h1                        {
	color: #da1d47;
	font-size: 30px;
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 15px }
h2      {
	color: #da1d47;
	font-size: 20px;
	line-height: 21px }
h3                       {
	color: #e0b320;
	font-size: 20px;
	line-height: 21px; }
h4        {
	color: #da1d47;
	font-size: 16px;
	line-height: 17px; }
h5                       {
	color: #e0b320;
	font-size: 16px;
	line-height: 17px; }
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
.clear {
	width: 1px;
	height: 1px;
	clear: both }
.wrapper {
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 30px 30px;
	width: 100%;
	background-color: #ffffff;
	}
	.wrap {
		margin: 0 auto;
		max-width: 1220px;
		padding: 0 30px;
		width: 100%;
		 }
.clear {
	clear: both }
	
/*---------HEADER---------*/
.slicknav_menu, .header-search {
	display: none;
}
.topbar                   {
	width: auto;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
	background-color: #1e1e1f;
}
	.topbar .subscribe {
		width: -moz-calc(100% -150px);
		width: -webkit-calc(100% -150px);
		width: calc(100% - 150px);
		float: left;
		font-size: 13px;
		font-style: italic;
		color: #717171;
	}
		.topbar .subscribe strong {
			color: #e0b320;
			color: #fff;
			font-style: normal;
			font-family: "Raleway", Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: .08em;
			font-size: 12px;
		}
	.topbar .emailform {
		display: inline-block;
		vertical-align: middle;
		width: 60%;
	}
	
	.topbar .social {
		width: 150px;
		float: right;
		text-align: right;
	}
	.topbar .social a {
		color: #717171;
		text-decoration: none;
		font-size: 18px;
		margin-left: 10px;
	}
	.topbar .social a:hover {
		color: #ffffff;
	}

.topnav                   {
	color: #ffffff;
	width: auto;
	height: 36px;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
	background-color: #da1d47;
	
}
.header {
	padding-bottom: 19px;
	margin: 0 auto 40px;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
	overflow: visible;
	 }
.header h1 {
	margin: -17px 0 0;
	display: inline-block;
	float: left;
}
.header h1.logo a {
	width: 330px;
	height: 0;
	padding-bottom: 53%;
	display: block;
	background: url(images/logo.png) no-repeat;
	background-size: 100% auto;
}
.header .quote {
	color: #949494;
	font-size: 16px;
	line-height: 25px;
	font-style: italic;
	float: right;
	margin-top: 50px;
	background: url(images/quoteleft.png) 0 0 no-repeat;
	padding: 10px 5px 10px 18px;
	width: 41%;
	
}
.quote p {
	display: inline-block;
	background: url(images/quoteright.png) 315px 25px no-repeat;
}
.quote .natalie {
	display: inline;
	float: right;
}


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

.span_content {
	
}

.span_content img, .span_sidebar img {
	max-width: 100%;
	height: auto;
}

h2.pagetitle {
	margin: 0px 0 20px 0;
}
h2.archivetitle, h2.searchtitle  {
	margin: 0px 0 25px 0 }
.span_content ul, .span_content ol {
	margin: 0;
	padding: 0;
	margin-bottom: 15px }
.span_content ul li  {
	margin: 0 0 0 10px;
	padding: 0; }
.span_content ul li:before {
	color: #e0b320;
	font-size: 12px;
	content: '\2022';
	margin: 0 5px 0 -8px;
	position: relative;
	top: -1px;
}
.span_content ol li  {
	list-style-type: decimal;
	padding: 0 0 10px;
	margin: 0 0 0 20px }
.sep {
	width: 50px;
	height: 1px;
	border-bottom: 1px solid #e9e9e9;
	display: block;
	margin:15px 0 25px;
}
/*---------SIDEBAR---------*/
.sidebar {
	font-size: 13px; }
.topsidebar   { }
.leftsidebar         {
	margin: 0;
	width: 48%;
	float: left }
.rightsidebar    {
	margin: 0;
	width: 48%;
	float: right }
.lowersidebar {
	clear: both;
	margin: 0;
}
.widget        {
	margin-bottom: 45px }
h3.widgettitle    {
	margin: 0 0 8px; }
.widget a:link, .widget a:visited, .widget a:active      {
	color: #717171;
	text-decoration: none }
.widget a:hover     {
	color: #e0b320;
	text-decoration: none }
	
.about { 
	background-color: #1e1e1f;
	padding: 20px 20px 20px 20px;
	margin-bottom: 0px;
	color: #ffffff;
}
.about a {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.about a:link, .about a:visited, .about a:active {
	color: #e0b320;
}
.about a:hover {
	color: #da1d47;
}
.about .aboutimg {
	float: right;
	margin-top: -29px;
	margin-left: 8px;
}
.about p {
	margin: 0 0 8px;
}
.about p:last-of-type {
	margin-bottom: 0;
}
.sidebar .social {
	background-color: #2a2a2b;
	padding: 13px 20px 5px;
	overflow: hidden;
}
.sidebar .social h3.widgettitle {
	color: #da1d47;
	float: left;
	font-size: 18px;
	margin: 10px 5px 0 0;
}
.sidebar .social a, .bottombar .social a {
	color: #ffffff;
	margin-left: 3px;
	display: inline-block;
	font-size: 15px;
	line-height: 28px;
	width: 28px;
	height: 28px;
	text-align: center;
	position: relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #da1d47;
	text-decoration: none;
}

.sidebar .social a:hover, .bottombar .social a:hover {
	background-color: #e0b320;
}
.sidebar .social p, .bottombar .social p {
	display: inline-block;
	text-align: right;
	float: right;
}

.sidebar .subscribe {
	background: url(images/vixen2.png) left top no-repeat;
	padding-top: 52px;
	padding-bottom: 5px;
	padding-left: 100px;
	margin-bottom: 60px;
}
.sidebar .subscribe p {
	margin: 0 0 12px;
	font-size: 14px;
}
.emailform {
	overflow: hidden;
}
	.topbar .emailform {
		vertical-align: middle;
		margin: -3px 0 0 10px;
	}
.searchform {
	max-width: 350px;
}
.emailinput, .searchinput {
	border: 1px solid #e9e9e9;
	color: #a6a6a6;
	font-size: 13px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	line-height: 38px;
	height: 40px;
	background-color: #fff;
	padding: 0 10px;
	margin-bottom: 15px;
	width: 100%;
	vertical-align: middle;
}
	.searchinput {
		margin: 0;
		width: 85%;
	}
	.topbar .emailinput {
		background-color: #2e2e2e;
		height: 30px;
		margin: 0;
		color: #717171;
		border: none;
		width: 45%;
		display: inline-block;
		vertical-align: middle;
		margin-right: 2% !important;
		float: left;
	}

.emailsubmit, .searchsubmit {
	background-color: #da1d47;
	color: #ffffff;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	height: 40px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}
	.innerpost .emailsubmit {
		background-color: #2e2e2e;
	}
	.searchsubmit {
		font-family: "fontello";
		color: #da1d47;
		color: #ffffff;
		font-size: 14px;
		font-weight: normal;
		width: 15%;
		margin: 0 0 0 -4px;
	}
.emailsubmit:hover, .searchsubmit:hover {
	background-color: #2e2e2e;
}
	.innerpost .emailsubmit:hover {
		background-color: #e0b320;
	}
	.topbar .emailsubmit {
		height: 30px;
		color: #da1d47;
		width: 5%;
		vertical-align: middle;
		display: inline-block;
		float: left;
		text-align: right;
		margin: 0 0 0 -4px !important;
		background-color: transparent;
	}
	.topbar .emailsubmit:hover {
		color: #e0b320;
	}

.recentposts {
	font-size: 16px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	line-height: 16px }
.recentposts h3 {
	margin-bottom: 13px }
.recentposts img {
	margin-right: 15px;
	width: 33%;
	height: auto;
	float: left }
.recentposts .title {
	margin: 0; }
.recentposts .item {
	overflow: hidden;
	margin-bottom: 10px; }
.recentposts h4 {
	color: #da1d47; }
.recentposts .postmeta {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	color: #a6a6a6;
	font-size: 10px;
	display: block;
	margin-top: 2px }
	.recentposts .postmeta:after {
		display: none;
	}
.recentposts a {
	color: #da1d47 !important }
.recentposts a:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	 }
	 
.leftsidebar select, .rightsidebar select     {
	border: 1px solid #e9e9e9;
	color: #a6a6a6;
	font-size: 12px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #fff;
	padding: 10px;
	width: 100%; }
.leftsidebar .widget, .rightsidebar .widget {
	margin-bottom: 30px }
.leftsidebar h3.widgettitle, .rightsidebar h3.widgettitle     {
	font-size: 16px;
	line-height: 16px;
}

/*---------POST STYLES---------*/
.postimage, .nopostimage {
	margin-bottom: 30px;
}
	.postimage img {
		max-width: 100%;
		height: auto;
	}
.post                  {
	 }
h1.posttitle, h2.postitle {
	color: #da1d47;
	margin: 0 0 25px 0;
	padding: 0; }
h1.posttitle a, h2.posttitle a  {
	color: #da1d47;
	text-decoration: none }
h1.posttitle a:hover, h2.posttitle a:hover  {
	color: #e0b320 }
.postmeta               {
	color: #949494;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 11px;
	overflow: hidden; }
.postmeta a   {
	color: #949494;
	text-decoration: none }
.postmeta a:hover, .edit a:hover, .metabottom a:hover          {
	color: #e0b320;
	text-decoration: none }
.postmeta:after {
	width: 50px;
	height: 1px;
	border-bottom: 1px solid #e9e9e9;
	display: block;
	content: "";
	margin:5px 0 10px;
}
.ccount {
	display: inline-block;
}
.ccount a:before     {
	content: '\e802';
	font-family: "fontello";
	color: #da1d47;
	font-size: 9px;
	margin: 0 5px 0 0;
	 }
.metabottom .ccount, .postmeta .right    {
	float: right;
}
.metabottom                   {
	margin-top: 20px;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 20px; }
.metabottom:after {
	display: none;
}
.metabottom .left      {
	width: 70%;
	float: left }
.metabottom .right      {
	text-align: right;
	width: 30%;
	float: right }
.metabottom a  { }
.metabottom a:hover  { }
a.post-edit-link, a.comment-edit-link  {
	color: #fff;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #a6a6a6;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-left: 8px;
	padding: 1px 3px }
a.post-edit-link:hover, a.comment-edit-link:hover {
	color: #fff;
	background-color: #717171 }

.post li:last-child {
	margin-bottom: 0px;
}

.alignleft {
	margin-right: 10px;
	float: left }
.alignright {
	margin-left: 10px;
	float: right }
.aligncenter, .alignnone {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto }
.post p.small {
	font-size: 80%;
}
.post blockquote        {
	color: #a6a6a6;
	font-style: italic;
	padding-right: 20px;
	padding-left: 20px;
	border-left: 4px solid #c4c3c1 }
.wp-caption {
	text-align: left }
.wp-caption p   {
	color: #a6a6a6;
	font-size: 10px;
	text-align: center;
	margin-top: 2px;
	padding-right: 10px }
	
/*Recipe Styles*/
.recipe                          {
	font-style: normal;
	margin: 25px 0;
	padding: 30px;
	overflow: hidden;
	border: 1px solid #e9e9e9;
}
.recipe h2                     {
	color: #e0b320;
	margin-top: 0;
	margin-bottom: 10px }
.recipe h3                    {
	color: #da1d47;
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-top: 0;
	padding-bottom: 0;
	clear: left; }
.recipe h4                    {
	color: #a6a6a6;
	font-size: 14px;
	margin: 15px 0 5px;
}
.recipe p        {
	 }
.recipe .summary   {
	font-style: italic;
	font-size: 110%;
	clear: left }
.recipe .notes  {
	color: #a6a6a6;
	margin-top: 20px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 0;
	clear: left }
.recipe .source p   {
	color: #a6a6a6;
	font-size: 12.5px;
	font-style: italic;
	margin-top: 1px;
	margin-bottom: 1px;
	clear: left }
.recipe .time           {
	color: #a6a6a6;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 15px; }
.recipe .time p {
	font-size: 11px;
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 0 }
.recipe .time strong  {
	font-weight: normal;
	 }
.recipe .time span  {
	margin-right: 15px }
.recipe .photo {
	float: right;
	width: 130px;
	height: 130px;
	margin: 0 0 10px 15px; }
.printbutton         {
	float: right;
	clear: right;
	margin: 0 0 10px 15px;
	width: 130px; }
.printbutton a {
	display: block;
	width: 100%;
	font-size: 11px;
	line-height: 30px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .03em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #da1d47;
}
.printbutton a:before { 
	content: '\e805';
	font-family: "fontello";
	margin-right: 5px;
	font-size: 14px;
	vertical-align: middle; }
.printbutton a:hover {
	background-color: #e0b320;
}


/*Inner Post Area */
.innerpost .subscribe {
	background-color: #da1d47;
	padding: 30px 30px 30px 120px;
	margin: 120px 0 50px;
	position: relative;
	color: #ffffff;
	font-size: 92%;
}
.innerpost .subscribe:before {
	background-image: url(images/vixen.png);
	width: 156px;
	height: 294px;
	content: "";
	float: left;
	position: absolute;
	bottom: 0;
	left: 9px;
}
.innerpost .subscribe h3 {
	font-size: 30px;
	color: #272727;
}
.innerpost .subscribe .emailinput {
	width: 48%;
	float: left;
	margin-right: 4%;
}
	.innerpost .subscribe .emailinput:nth-of-type(2) {
		margin-right: 0;
	}
h4.relatedtitle {
	
}
.relatedposts    {
	overflow: hidden;
	 }
.postnav {
	overflow: hidden;
	margin-bottom: 50px;
	line-height: 1.2;
}
.postnav .prevpost      {
	width: 48%;
	float: left }
.postnav .nextpost      {
	text-align: right;
	width: 48%;
	float: right }
.postnav a {
	text-decoration: none;
	font-size: 13px;
	color: #a6a6a6;
}
.postnav a span {
	display: block;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	font-size: 16px;
	color: #da1d47;
	margin-bottom: 4px;
}
.postnav a:hover {
	color: #da1d47;
}

/*Post Navigation*/
.postpagination {
	overflow: hidden;
	text-align: left;
	margin: 25px 0 35px;
}
.postpagination h4 {
	margin: 0 0 25px;
}
.postpagination span {
	color: #1d1a1f;
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	text-align: center;
	margin-left: 3px;
	border: solid 1px #f5f5f5;
}
.postpagination em {
	font-size: 14px;
	color: #a6a6a6;
	margin-right: 5px;
}
.postpagination a {
	text-decoration: none;
}
.postpagination a span {
	color: #a6a6a6;
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	text-decoration: none;
	border: solid 1px #f5f5f5;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
	 }
.postpagination a:hover span {
	color: #fff;
	background-color: #da1d47 }

/*---------TEASER POSTS---------*/
.teaserpost {
	overflow: hidden;
	width: 47%;
	float: left;
	margin-right: 6%;
	margin-bottom: 35px; }
	.teaserpost:nth-child(2n) {
		margin-right: 0px;
	}
.teaserpost .postthumb img, .relatedposts img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.teaserpost p {
	margin: 0;
	margin-bottom: 12px;
	font-size: 92%;
}
.teaserpost .postcontent { }
.teaserpost .ccount {
	
}
.teaserpost .metabottom {
	margin: 0;
	padding: 0;
	margin-top: 13px;
}
.teaserpost h2 {
	margin: 0 0 10px;
}

a.more-link     {
	color: #da1d47;
	font-size: 13px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-decoration: none; }
a.more-link:hover     {
	color: #e0b320; }
	
/*---------ARCHIVES---------*/
.archivepost a:hover {
	text-decoration: none }
h2.archivetitle     {
	margin-top: 0;
	margin-bottom: 20px }
.archives        {
	overflow: hidden }
.archivepost             {
	text-align: center;
	margin: 0 2.75% 15px 0;
	width: 31.5%;
	float: left }
.archives .archivepost:nth-child(3n) {
	margin-right: 0 }
	.archives .archivepost:nth-child(3n+1) {
		clear: left; }
.archivepost img     {
	width: 100%;
	height: auto }
.archivepost a  {
	text-decoration: none }
.archivepost .postmeta           {
	 }
	 .archivepost .postmeta:after {
	 	display: none;
	 }
.archivepost h4.title        {
	margin: 0 0 4px; }
	
	
.archiveslist      {
	color: #a6a6a6;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px }
.archiveslist li   {
	 }

.archiveslist ul li      {
	color: #e0b320;
	font-size: 11px;
	list-style-type: circle }
.archiveslist a:link, .subcategories a:link  {
	color: #717171;
	text-decoration: none }
.archiveslist a:visited, .subcategories a:visited  {
	color: #717171;
	text-decoration: none }
.archiveslist a:hover, .subcategories a:hover   {
	color: #e0b320 }
.archiveslist a:active, .subcategories a:active   {
	color: #e0b320 }
.archiveslist em     {
	color: #a6a6a6;
	font-size: 10.5px }
.subcategories li.category  {
	margin: 0;
	padding: ;
	 }
	 .subcategories li.category:before {
	 	display: none;
	 }
.subcategories li ul {
	overflow: hidden;
	-moz-column-count: 4;
	-moz-column-gap: 10px;
	-webkit-column-count: 4;
	-webkit-column-gap: 10px;
	column-count: 4;
	column-gap: 10px }
	.subcategories li ul li ul {
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;
		column-count: 1;
		column-gap: 0px;
		font-size: 90%;
	}
	.subcategories li.current-cat {
		font-weight: bold;
	}
	.subcategories li.current-cat a {
		color: #e0b320
	}
.subcats    {
	margin-bottom: 40px }

.tagindex li:before {
	display: none;
}
.tagindex a     {
	font-size: 12px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: center;
	display: block;
	margin-right: 2px;
	width: 17px;
	height: 19px;
	float: left;
	border: solid 1px #f6f5f5;
	background-color: #ffffff; }
.tagindex a:link   {
	color: #a6a6a6;
	text-decoration: none }
.tagindex a:visited    {
	color: #bbb9b9;
	text-decoration: none }
.tagindex a:active   {
	color: #a6a6a6;
	text-decoration: none }
.tagindex a:hover   {
	color: #fff;
	text-decoration: none;
	background-color: #e0b320 }
.tagtitle   {
	color: #a6a6a6;
	text-transform: uppercase }
.tagtitle a  {
	text-decoration: none;
	text-transform: none }
.tagtitle em  {
	color: #a6a6a6;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	margin-left: 10px;
	float: right }
.tagtitle em a  {
	color: #a6a6a6;
	font-size: 12px }
.tagtitle a:hover  {
	color: #e0b320 }

	
/*---------SHOP ITEMS---------*/
.shopitem {
	overflow: hidden;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e9e9e9;
}
.shopitem .postcontent {
	
}
.shopitem .postthumb {
	
}
.shopitem .postmeta {
	margin: 0;
	border: none;
}
.shopitem h2, .featureditem h2 {
	color: #da1d47;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 21px;
}
.shopitem h2 em {
	color: #a6a6a6;
	font-size: 13px;
	font-weight: normal;
	float: right;
	font-style: normal;
}
.shopitem h2.posttitle a {
	color: #da1d47;
}
.shopitem h2.posttitle a:hover {
	color: #e0b320;
}
.shopitem .buybutton a, .featureditem .buybutton a          {
	background-color: #da1d47;
	color: #ffffff;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	padding: 4px 12px;
	text-align: center;
	cursor: pointer;
	display: inline-block;    }
.shopitem .buybutton a:hover, .featureditem .buybutton a:hover        {
	background-color: #e0b320 }

.shopcatlist {
	color: #a6a6a6;
	font-size: 13px;
	line-height: 18px;
	list-style-type: disc;
	margin-top: 0;
	margin-bottom: 20px;
	overflow: hidden
}
.shopcatlist li   {
	background-image: url("images/bullet.png");
	background-repeat: no-repeat;
	background-position: 0 7px;
	list-style-type: none;
	padding-left: 11px; }
.shopcatlist ul li      {
	color: #e0b320;
	font-size: 11px;
	list-style-type: circle }
ul.shopcats {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
ul.shopcats li {
	margin: 0;
	padding: 0;
	width: 22%;
	float: left;
	margin-right: 4%;
	margin-bottom: 26px;
	text-align: center;
}
	ul.shopcats li:before {
		display: none;
	}
ul.shopcats li:nth-of-type(4n) {
	margin-right: 0;
}
ul.shopcats li img {
	width: 100%;
	height: auto;
}
ul.shopcats li a span {
		background-color: #da1d47;
		color: #ffffff;
		font-family: "Raleway", Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		border: none;
		margin-top: 10px;
		padding: 4px 12px;
		text-align: center;
		cursor: pointer;
		display: inline-block;    }
ul.shopcats li a:hover span {
	background-color: #e0b320 }
}
.featureditems {
	overflow: hidden;
}
	.featureditems .teaserpost {
		overflow: hidden;
		width: 31.5%;
		float: left;
		margin-right: 2.75%;
		margin-bottom: 35px; }
		.featureditems .teaserpost:nth-child(3n) {
			margin-right: 0px;
		}
.featureditems .buybutton {
	margin-top: 15px;
}
.featureditems p {
	line-height: 21px;
}
/*---------SHOP NAVIGATION---------*/
.taxonomynav                   {
	color: #949494;
	font-size: 13px;
	font-weight: normal;
	line-height: 34px;
	width: auto;
	margin: 0 0 15px;
	padding: 0 15px 0px 15px;
	text-transform: lowercase;
	position: relative;
	background-color: #1e1e1f; }
.taxonomynav h3 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .03em;
	line-height: 34px;
	margin: 0;
	float: left;
	color: #e0b320;
}
.taxonomynav ul   {
	float: left;
	list-style: none;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 }
.taxonomynav ul li      {
	margin: 0 10px 0 0;
	padding: 0;
	height: 34px;
	float: left }
	.taxonomynav ul li:before {
		display: none;
	}
.taxonomynav ul li a      {
	color: #a6a6a6;
	text-decoration: none;
	padding-left: 10px;
	float: left;
	padding-right: 10px;
}
.taxonomynav ul li a:hover, .taxonomynav ul li:hover > a {
	background-color: #da1d47;
	color: #ffffff;
}
.taxonomynav li ul a:hover, .taxonomynav ul li li:hover > a {
	color: #57585a; }
.taxonomynav li ul       {
	text-transform: lowercase;
	line-height: 25px;
	background-color: #da1d47;
	border-top: none;
	margin-top: 34px;
	position: absolute;
	z-index: 9999;
	left: -999em;
	width: 180px;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.2);
	box-shadow: 0px 2px 3px rgba(0,0,0,.2); }
.taxonomynav li ul li  {
	margin-left: 0;
	padding: 0;
	height: 34px; }
.taxonomynav li:hover ul {
	left: auto }
.taxonomynav li ul li a  {
	color: #ffffff;
	margin: 0;
	padding: 5px 10px;
	line-height: 25px;
	width: 180px;
	background-image: none; }
.taxonomynav ul li li:hover > a, .taxonomynav ul li li a:hover, .taxonomynav ul li.current-cat-parent li a:hover   {
	color: #ffffff;
	background-color: #bb123e;
	background-image: none; }
.taxonomynav ul ul li:last-child > a  {
	border-bottom: none }

/*---------FORMS---------*/
#submit, .submitbutton          {
	background-color: #da1d47;
	color: #ffffff;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	height: 40px;
	padding: 0 15px;
	text-align: center;
	cursor: pointer;    }
#submit:hover, .submitbutton:hover        {
	background-color: #e0b320 }
.commentinput, .styledinput, .captchainput            {
	color: #a6a6a6;
	font-size: 13px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 18px;
	background-color: #fff;
	margin-bottom: 7px;
	padding: 7px;
	border: 1px solid #e4e3e3  }
.commentinput:focus, .styledinput:focus, .captchainput:focus, .emailinput:focus       {
	color: #717171 }
.commentinput {
	width: 100% }

.wpcf7-form   {
	width: 100% }
.wpcf7-form .formfield  {
	overflow: hidden }
.wpcf7-form p  {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	display: block;
	margin: 10px 0;
	width: 100%; }
.wpcf7-form .styledinput  {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	width: 100%; }
.wpcf7-form .captchainput  {
	width: 100px }
.wpcf7-form .submit {
	clear: both }
	
/*---------FOOTER---------*/
.bottombar {
	background-color: #da1d47;
	overflow: hidden;
	padding: 20px 0 15px;
	height: auto;
	color: #ffffff;
}
	.bottombar .social {
		width: 200px;
	}
	.bottombar .social a {
		background-color: #1e1e1f;
	}
	.bottombar .subscribe {
		color: #ffffff;
		width: -moz-calc(100% - 200px);
		width: -webkit-calc(100% -200px);
		width: calc(100% - 200px);
	}
	.bottombar p {
		float: left;
		line-height: 1.2;
	}
	.bottombar p strong {
		font-size: 16px !important;
		color: #1e1e1f !important;
		display: block;
	}
	.bottombar .emailform {
		float: left;
		width: 70%;
		margin: 10px 0 0 15px;
	}
	.bottombar .emailinput {
		background-color: #ffffff;
		width: 30%;
	}
	.bottombar .emailsubmit {
		color: #ffffff;
		width: 30%;
		letter-spacing: .05em;
		text-align: left;
	}
.footer                                     {
	color: #4d4d4d;
	padding: 25px 0 35px;
	width: 100%;
	overflow: hidden;
	background-color: #1e1e1f;
}
.footer .wrap  {
	 }
.footer a:link, .footer a:visited, .footer a:active        {
	color: #4d4d4d;
	text-decoration: none }
.footer a:hover        {
	color: #e0b320 }

.footer h3.widgettitle {
	margin-bottom: 15px;
}
.footer .featured {
	overflow: hidden;
}
.footer .featured .item, .footer .popular .item {
	width: 23.5%;
	margin-right: 2%;
	float: left;
}
	.footer .featured .item:nth-child(4n), .footer .popular .item:nth-child(4n) {
		margin-right: 0;
	}
	.footer .featured .item img, .footer .popular .item img {
		width: 100%;
		height: auto;
	}
	.footer .featured a:hover, .footer .featured a:hover {
		opacity:0.7;
		filter:alpha(opacity=70); /* For IE8 and earlier */
		
	}
.subfooter  {
	background-color: #272727;
	overflow: hidden;
	font-size: 11px;
	letter-spacing: .05em;
	padding: 15px 0 12px;
	float: none;
	clear: both; }

.subfooter a:link, .subfooter a:visited, .subfooter a:active        {
	color: #717171;
	text-decoration: none }
.subfooter a:hover        {
	color: #e0b320 }
	
.footernav       {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: 700;
	width: 75%;
	float: left;
	text-transform: uppercase; }
.footernav li    {
	display: inline;
	margin: 0 15px 0 1px;
	padding: 0 }
.copyright               {
	color: #717171;
	text-align: right;
	width: 25%;
	letter-spacing: normal;
	font-size: 90%;
	float: right }
.footerad    {
	text-align: center;
	margin: 20px auto 10px; }
	.footerad img {
		max-width: 100%;
		height: auto;
	}
	
/*---------COMMENTS---------*/
h4#comments, h4#pings, h4#respond {
	color: #da1d47;
	margin-top: 30px;
}
#comments, #pings           {
	margin-top: 5px }
#respond            {
	margin-top: 35px }
#commentlist          {
	font-size: 13px;
	line-height: 18px;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 50px;
	padding-top: 10px; }
#commentlist li           {
	margin: 0 0 30px;
	padding: 0 10px 20px 60px;
	border-bottom: 1px solid #f4f2ed; }
#pinglist {
	font-size: 13px;
	line-height: 18px;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 50px;
	padding-top: 0 }
#pinglist li {
	list-style-type: decimal;
	margin: 0 0 20px 20px;
	padding: 0 0 0 }
#commentlist li.bypostauthor, #commentlist li.comment-author-simone63         {
	background-color: #fff;
	background-image: url("images/bg2.png");
	padding: 13px 10px 13px 73px }
#commentlist li p    {
	margin: 2px 40px 6px 0;
	padding: 0 }
a.commentnumber {
	color: #f4f2ed;
	font-size: 24px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: right }
.commentmeta         {
	color: #a6a6a6;
	font-size: 11px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	margin: 0 0 4px;
	padding: 0 }
.commentmeta a {
	color: #a6a6a6 }
.commentmeta strong           {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #e0b320;
	font-size: 12px; }
.commentmeta strong a            {
	color: #e0b320;
	text-decoration: underline }
.commentmeta a:hover         {
	color: #da1d47;
	text-decoration: underline }
.commentmeta a.comment-edit-link {
	color: #fff;
	text-decoration: none }
.commentnumber       {
	display: inline }
#commentlist .avatar    {
	display: inline;
	margin-top: 0;
	margin-bottom: 7px;
	margin-left: -60px;
	float: left }
#commentform   {
	margin-bottom: 30px;
	width: 100% }
#commentform label  { }
#commentform p {
	margin-bottom: 5px }
.wp-smiley {
	vertical-align: middle }
.commentnav {
	color: #a6a6a6;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 15px;
	background-image: url("images/bg2.png");
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 8px 10px 7px }
.commentnav em {
	font-style: normal;
	margin-right: 15px }
.commentnav em img {
	margin-right: 2px;
	vertical-align: middle }
.commentnav .page-numbers {
	color: #a6a6a6;
	text-decoration: none;
	padding: 3px 5px;
	border: 1px #eeeded }
.commentnav .current {
	color: #da1d47;
	font-weight: normal;
	background-color: #fff }
.commentnav .next, .commentnav .prev, .commentnav .dots {
	border-style: none }
.commentnav a:hover {
	color: #e0b320; }
.commentnav .alignright a {
	color: #a6a6a6;
	text-decoration: none }
.commentnav .alignright a:hover {
	color: #e0b320;
	text-decoration: none;
	background-color: transparent }
.commentnavbottom {
	margin-top: -30px;
	margin-bottom: 55px;
}
/*threaded comments*/
#commentlist li ul {
	margin: 0;
	padding: 0 }
#commentlist li ul li           {
	list-style-type: none;
	margin: 10px 30px 10px 0;
	padding: 13px 10px 13px 73px;
	border-bottom: medium none }
#cancel_reply, #cancel_reply a       {
	color: #e0b320;
	font-size: 11px;
	font-weight: bold }
.thdrpy a  {
	color: #fff;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #a6a6a6;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0;
	padding: 1px 3px }
.thdrpy a:hover {
	color: #fff;
	background-color: #717171 }
/*----PAGE NUMBERS----*/
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	text-indent: 0;
	word-spacing: 0;
	letter-spacing: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none }
#wp_page_numbers     {
	font-size: 11px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	line-height: 15px;
	margin: 10px 0;
	width: 100%;
	height: 15px;
	clear: both }
.searchnavigation #wp_page_numbers {
	margin-top: 35px }
.searchnavigation-top #wp_page_numbers {
	margin-top: 25px;
	margin-bottom: 20px }
#wp_page_numbers ul {
	text-align: center;
	width: 100% }
#wp_page_numbers li {
	display: inline }
	#wp_page_numbers li:before {
		display: none;
	}
#wp_page_numbers a         {
	color: #a6a6a6;
	padding: 3px 5px;
	background-color: #ffffff;
	border: solid 1px #f5f5f5 }
#wp_page_numbers li.space       {
	color: #a6a6a6;
	padding: 3px 5px }
#wp_page_numbers li.first_last_page {
	font-style: italic }
#wp_page_numbers li.page_info         {
	color: #a6a6a6;
	text-transform: uppercase;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;	
	letter-spacing: .01em;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px }
#wp_page_numbers li a:hover         {
	color: #fff;
	background-color: #e0b320 }
#wp_page_numbers li.active_page a     {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	color: #da1d47;
	background-color: #ffffff }
#wp_page_numbers li.active_page a:hover      {
	cursor: auto; }

/*----MAIN MENU----*/



.topmenu {
	max-width: 650px;
	float: right;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	padding: 0;
	margin: 0 0 3px;
	text-align: right;
	clear: right;
	position: relative;
	overflow: visible;

}
.topmenu .searchform {
	display: none;
}
.topmenu ul   {
	float: right;
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0; }
.topmenu ul li      {
	margin: 0;
	padding: 0px;
	height: 36px;
	width: auto;
	float: left }
	.topmenu ul li:last-of-type {
		margin-right: -10px;
	}
.topmenu ul li a      {
	color: #ffffff;
	text-decoration: none;
	padding: 0 15px 0;
	float: left }
.topmenu ul li a:hover, .topmenu ul li:hover > a  {
	background-color: rgba(255,255,255,.2); }
.topmenu li ul a:hover, .topmenu ul li li:hover > a {
	backgorund-color: rgba(255,255,255,.2); }
.topmenu li ul       {
	background-color: #da1d47;
	font-weight: normal;
	letter-spacing: normal;
	font-size: 12px;
	line-height: 32px;
	margin-top: 36px;
	position: absolute;
	text-align: left;
	z-index: 9999;
	left: -999em;
	width: 160px; }
.topmenu li ul li  {
	margin: 0;
	height: auto;
	padding: 0 }
.topmenu li:hover ul {
	left: auto }
.topmenu li ul li a, .topmenu li.recipebox ul li a   {
	color: #ffffff;
	margin: 0;
	padding: 0;
	background-image: none;
	padding: 0 15px;
	width: 160px; }
.topmenu ul li li:hover > a, .topmenu ul li li a:hover   {
	color: #ffffff;
	background-color: rgba(255,255,255,.1);
}
.topmenu li li ul  {
	visibility: hidden;
	margin: 0 0 0 170px;
	background-color: #da1d47;}
.topmenu li li ul a  {
	border-bottom: none;  }
.topmenu ul li li li:hover > a, .topmenu ul li li lia:hover {
	color: #ffffff;
	background-color: rgba(255,255,255,.2); }
.topmenu li li:hover ul {
	visibility: visible }
.topmenu ul ul li:last-child > a  {
	border-bottom: none }
.topmenu ul ul ul li:first-child > a { }


	.topmenu .searchform {
		width: 150px;
		float: left;
		margin: 10px 10px 0;
	}
	
/*Frontpage Slider*/
#slides {
      display: none;
      margin-bottom: 40px;
      position: relative;
    }
	.slide {
		position: relative;
	}
	.slide img {
		
	}
	.slide .caption {
		position: absolute;
		bottom: 0;
		width: 100%;
		background-color: rgba(0,0,0,.5);
		z-index: 1000;
		padding: 30px;
	}
	.slide .caption h2 {
		color: #ffffff;
		font-size: 30px;
		margin: 0 100px 7px 0;
	}
	/*Slide Pagination*/
    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 0;
      float: right;
      list-style: none;
      position: absolute;
      bottom: 32px;
      right: 20px;
      z-index: 1000;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 3px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 13px;
      background-color: #ffffff;
      background-position: 0 0;
      float: left;
      overflow: hidden;
      text-indent: -9999px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      font-size: 1px;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-color: #da1d47;
  
    }

    .slidesjs-pagination li a:hover {
      background-color: #e0b320;
    }

	/*Responsive styles*/
    #slides {
      display: none
    }

    .slidecontainer {
      margin: -40px auto 0;
    }
    
    .slide img {
      width: 100%;
      height: auto;
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
     .container {
       width: auto
     }
     .slide img {
       width: 100%;
       height: auto;
     }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .slide .caption {
      	padding: 10px 15px;
      }
      .slide .caption h2 {
      	color: #ffffff;
      	font-size: 20px;
      	line-height: 1.2;
      	margin: 0 100px 7px 0;
      }
      
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: auto
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: auto
      }
    }

/*Pagination*/
.pagination {
	margin: 10px auto 0;
	width:75px;
	position: relative;
	z-index: 200;
}

.pagination li {
	float:left;
	margin:3px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0px;
	padding-top:12px;
	float:left;
	overflow:hidden;
	background: url(/slidesjs/img/pagination.png) no-repeat 0 0px;
}

.pagination li.current a {
	background-position:0 -12px;
}


/*Fontello*/
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?34477858');
  src: url('fonts/fontello.eot?34477858#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?34477858') format('woff'),
       url('fonts/fontello.ttf?34477858') format('truetype'),
       url('fonts/fontello.svg?34477858#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-rss-1:before { content: '\e800'; } /* '' */
.icon-plus:before { content: '\e801'; } /* '' */
.icon-comment:before { content: '\e802'; } /* '' */
.icon-twitter-1:before { content: '\e803'; } /* '' */
.icon-facebook-1:before { content: '\e804'; } /* '' */
.icon-print:before { content: '\e805'; } /* '' */
.icon-instagram-1:before { content: '\e806'; } /* '' */
.icon-gplus-1:before { content: '\e807'; } /* '' */
.icon-twitter:before { content: '\e808'; } /* '' */
.icon-pinterest-1:before { content: '\e809'; } /* '' */
.icon-facebook:before { content: '\e80a'; } /* '' */
.icon-gplus:before { content: '\e80b'; } /* '' */
.icon-pinterest:before { content: '\e80c'; } /* '' */
.icon-rss:before { content: '\e80d'; } /* '' */
.icon-instagram:before { content: '\e80e'; } /* '' */
.icon-youtube:before { content: '\e80f'; } /* '' */
.icon-linkedin:before { content: '\e810'; } /* '' */
.icon-heart:before { content: '\e814'; } /* '' */
.icon-search:before { content: '\f002'; } /* '' */
.icon-close:before { content: '\f00d'; } /* '' */
.icon-left:before { content: '\f053'; } /* '' */
.icon-right:before { content: '\f054'; } /* '' */
.icon-up:before { content: '\f077'; } /* '' */
.icon-down:before { content: '\f078'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */