/*
Theme Name: Allie Creative Custom Theme
Theme URI: http://alliecreative.com/
Description: A base for custom themes designed by Allie Creative.
Version: 1.0
Author: Allie Towers Rice
Author URI: http://alliecreative.com/
Tags: custom header, fixed width, widgets
*/


/*----------------------------------------------------------------------
    Reset
----------------------------------------------------------------------*/

html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, img,
a, b, abbr, acronym, big, cite, code, del, em, i, ins, small, strike, strong, sub, sup, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
	padding: 0;
	outline: 0;
	border: 0;
	margin: 0;
}


/*----------------------------------------------------------------------
    Base
----------------------------------------------------------------------*/

body {
	color: #555;
	font: .625em/1.5em Helvetica, Arial, Tahoma, sans-serif; /* 1em = 10px */
}

a {
	color: #7397b5;
	text-decoration: none;
	outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.printonly {
	display: none;
}


/*----------------------------------------------------------------------
    Layout
----------------------------------------------------------------------*/

body {
	background-color: #9ba1a6;
	text-align: center;
}

#container-inner {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#header {
	position: relative;
	padding: 60px 0 14px 0;
}

.home #header {
	padding-top: 30px;
}

#sitetitle {
	text-indent: -5000px;
	padding: 0 30px 0 517px;
}

	#sitetitle a {
		display: block;
		height: 76px;
		background: transparent url("images/brittan.gif") no-repeat right top;
	}
	
#seal {
	position: absolute;
	right: 32px;
	top: 122px;
	width: 135px;
	height: 135px;
	z-index: 1000;
	background: transparent url("images/seal.gif") no-repeat left top;
}

#header > #seal {
	background-image: url("images/seal.png");
}

.home #sitetitle,
.home #seal {
	display: none;
}

#menu {
	width: 940px; /* IE hasLayout */
	font: small-caps 1.5em "Times New Roman", Times, serif;
	letter-spacing: 0.08em;
	padding: 0 10px;
}

	#menu ul {
		width: 940px; /* IE hasLayout */
		list-style: none;
	}
	
	#menu li {
		float: left;
		margin-right: 14px;
	}
	
	#menu a {
		display: block;
		float: left;
		color: #fff;
		padding: 2px 5px 7px 5px;
	}
	
	#menu a:hover {
		background-color: #767e83;
	}
	
	#menu li.current_page_item a,
	#menu li.current_page_item a:hover,
	#menu li.current_page_parent a,
	#menu li.current_page_parent a:hover,
	#menu li.current_page_ancestor a,
	#menu li.current_page_ancestor a:hover {
		background-color: #898f94;
		font-variant: normal;
		font-style: italic;
	}

#page {
	width: 940px; /* IE hasLayout */
	background-color: #fff;
	font-size: 1.3em;
	line-height: 1.5em;
	border: 10px solid #dcd8cf;
	padding-bottom: 40px;
}

	#secondary-menu {
		background-color: #f1f0ec;
		font: .846em "Helvetica Neue", Verdana, Tahoma, sans-serif;
		letter-spacing: 0.05em;
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid #e6e4dd;
	}
	
		#secondary-menu ul {
			list-style: none;
			padding-left: 0;
			margin: 0;
		}
		
			#secondary-menu ul li {
				display: inline;
				padding: 0 12px 0 10px;
				border-right: 1px solid #bbb;
			}
			
			#secondary-menu ul li:last-child {
				border-right: none;
			}
			
				#secondary-menu ul li a {
					border-bottom: 1px solid #f1f0ec;
				}
				
				#secondary-menu ul li a:hover {
					border-bottom-color: #dcd8cf;
				}
			
			#secondary-menu ul li.current_page_item,
			#secondary-menu ul li.current_page_parent,
			#secondary-menu ul li.current_page_ancestor {
				font-weight: bold;
			}
	
	#content {
		padding-top: 30px;
	}
	
		.two-col {
			clear: both;
		}
		
		.one-col {
			padding: 0 40px;
		}
	
			.two-col .main {
				width: 490px;
				float: left;
				border-right: 1px solid #e6e4dd;
				padding: 3px 45px 0 40px;
			}
			
			.two-col .sidebar {
				position: relative;
				left: -1px;
				width: 280px;
				float: right;
				border-left: 1px solid #e6e4dd;
				padding: 3px 40px 0 43px;
			}
		
.home #page {
	position: relative;
	padding: 0;
}

	.home .one-col {
		padding: 0;
	}

	.home #content {
		padding: 0;
	}
	
	.home #content p {
		margin: 0;
	}

	.home #page .full-photo {
		display: block;
	}

	.home #page .quote {
		position: absolute;
		right: 0px;
		top: 55px;
		width: 643px;
		height: 140px;
		background: transparent url("images/home_quote.gif") no-repeat right top;
		text-indent: -5000px;
		padding: 9px 0 9px 9px;
	}
	
	.home #page .quote a,
	.home #page .quote a:hover {
		display: block;
		background: transparent none;
		height: 140px;
		width: 643px;
		border: none;
	}

#footer {
	color: #5e666c;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: right;
	padding: 10px 0 30px 0;
	clear: both;
}

	#footer .copyright {
		float: left;
		width: 480px;
		text-align: left;
	}
	
	#footer a {
		color: #5e666c;
		text-decoration: underline;
	}
	

/*----------------------------------------------------------------------
    Columns - standard four-column 960px fixed
----------------------------------------------------------------------*/

.col {
	float: left;
	padding-bottom: 40px !important;
}

.colwrap-1-1-1-1,
.colwrap-1-2-1,
.colwrap-1-1-2,
.colwrap-2-1-1,
.colwrap-2-2,
.colwrap-1-3,
.colwrap-3-1,
.colwrap-4 {
	width: 960px;
	text-align: left;
	padding-top: 35px;
	margin: 0 auto;
}

	.colwrap-1-1-1-1 .col { /* Four columns, 210px each */
		width: 210px;
		padding: 0 20px;
	}
	
	.colwrap-1-1-1-1 .first-child {
		padding-left: 0;
	}
	
	.colwrap-1-1-1-1 .last-child {
		padding-right: 0;
	}

	.colwrap-1-2-1 .col { /* Three columns, 220px / 440px / 220px */
		width: 440px;
		padding: 0 20px;
	}
	
	.colwrap-1-2-1 .first-child,
	.colwrap-1-2-1 .last-child {
		width: 220px;
	}
	
	.colwrap-1-2-1 .first-child {
		padding-left: 0;
	}
	
	.colwrap-1-2-1 .last-child {
		padding-right: 0;
	}

	.colwrap-1-1-2 .col { /* Three columns, 220px / 220px / 440px */
		width: 220px;
		padding-left: 20px;
	}
	
	.colwrap-1-1-2 .first-child {
		padding-left: 0;
		padding-right: 20px;
	}
	
	.colwrap-1-1-2 .last-child {
		width: 440px;
		padding-left: 40px;
	}

	.colwrap-2-1-1 .col { /* Three columns, 440px / 220px / 220px */
		width: 220px;
		padding-right: 20px;
	}
	
	.colwrap-2-1-1 .first-child {
		width: 440px;
		padding-right: 40px;
	}
	
	.colwrap-2-1-1 .last-child {
		width: 220px;
		padding-right: 0;
		padding-left: 20px;
	}

	.colwrap-2-2 .col { /* Two columns, 460px each */
		width: 460px;
	}
	
	.colwrap-2-2 .first-child {
		padding-right: 20px;
	}
	
	.colwrap-2-2 .last-child {
		padding-left: 20px;
	}

	.colwrap-1-3 .first-child { /* Two columns, 220px / 700px */
		width: 220px;
		padding-right: 20px;
	}
	
	.colwrap-1-3 .last-child {
		width: 700px;
		padding-left: 20px;
	}

	.colwrap-3-1 .first-child { /* Two columns, 700px / 220px */
		width: 700px;
		padding-right: 20px;
	}
	
	.colwrap-3-1 .last-child {
		width: 220px;
		padding-left: 20px;
	}


/*----------------------------------------------------------------------
    Generic text styles
----------------------------------------------------------------------*/

#content a {
	border-bottom: 2px solid #f0efeb;
}

#content a:hover {
	background-color: #f1f0ec;
	border-color: #dcd8cf;
}

h1, h2, h3, h4, h5, h6,
#content .wpng-page-list-head {
	color: #444;
	font-weight: normal;
}

#content h1 {
	font: 1.769em/1.2em "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	margin-bottom: .6em;
}

#content h2,
#content h3,
#content .wpng-page-list-head {
	font: small-caps bold 1.077em/1.3em "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	margin: 2em 0 .8em 0;
}

#content h2.first-heading,
#content h3.first-heading {
	margin-top: 0;
}

#content .sidebar h3 {
	display: none;
}

#content .wine .sidebar h3 {
	display: block;
	margin-bottom: .5em;
}

#content p,
#content blockquote,
#content ul,
#content ol,
#content dd {
	margin-bottom: 1em;
}

#content blockquote,
#content .sidebar-text {
	color: #767e83;
	font: italic 1.154em/1.5em "Times New Roman", Times, serif;
	padding: 0 5px;
}

#content .sidebar-text {
	font-style: normal;
}

.contact #content .sidebar-text {
	font: 1em Helvetica, Arial, Tahoma, sans-serif;
}

.contact #content .sidebar-text form {
	margin-top: 1.5em;
}

#content blockquote p {
	margin-bottom: 0;
}

	#content blockquote .byline {
		color: #5e666c;
		display: block;
		font-size: .733em;
		font-style: normal;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-align: right;
		margin-top: .8em;
	}

#content ul {
	margin-left: 14px;
}

	#content ul li {
		margin-bottom: .3em;
	}

hr {
	height: 1px;
	color: #e6e4dd;
	background-color: #e6e4dd;
	border: none;
	margin: 2em 0;
}

.amp {
	font: italic 1em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}


/*----------------------------------------------------------------------
    Comments
----------------------------------------------------------------------*/

#content .commentlist img {
	display: inline;
	border: none;
	padding: 0 0 0 4px;
}

#content h3.comments {
	text-align: left;
	padding-left: 170px;
	padding-top: 2em;
	border-top: 1px solid #e6e4dd;
}

	#content h3.comments span {
		color: #767e83;
		font: italic 1.769em "Times New Roman", Times, serif;
		padding-right: .1em;
	}

#content ol.commentlist {
	list-style: none;
	margin-bottom: 2em;
}

	#content ol.commentlist li {
		clear: both;
		overflow: auto;
		padding: 15px 0;
		border-top: 1px solid #e6e4dd;
	}
	
	#content ol.commentlist li.alt {
		background-color: #f1f0ec;
		margin-bottom: 0;
	}
	
		#content ol.commentlist .who-when {
			overflow: hidden;
			float: left;
			width: 150px;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 1.3em;
			text-align: right;
			padding-bottom: 1.2em;
		}
		
		#content ol.commentlist li.alt .who-when {
			padding-left: 8px;
			width: 142px;
		}
		
			#content ol.commentlist .when {
				color: #999;
				font-variant: small-caps;
				font-size: .923em;
				letter-spacing: .1em;
			}
			
			#content ol.commentlist .when a {
				color: #999;
				text-decoration: none;
			}
						
			#content ol.commentlist .when a:hover {
				background-color: transparent;
				text-decoration: underline;
			}
			
			#content ol.commentlist cite {
				font-style: italic;
				font-weight: bold;
			}
		
		#content ol.commentlist .what {
			margin-left: 170px;
		}

		#content ol.commentlist li.alt .what {
			padding-right: 8px;
		}

#content .main form dl {
	clear: both;
	padding-top: .7em;
}

	#content .main form dl dt {
		float: left;
		width: 150px;
		font-style: italic;
		text-align: right;
	}
	
	#content .sidebar form dl dt {
		font-weight: bold;
		margin-bottom: .3em;
	}
	
	#content .main form dl dt,
	#content .main form dl dd {
		line-height: 1.3em;
		padding-top: .3em;
	}
	
		#content form dl dt small {
			color: #999;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-weight: normal;
			font-size: .923em;
		}
		
		#content form dl.error dt label {
			color: #bc2809;
		}
	
	#content .main form dl dd {
		margin-left: 170px;
	}

#content .main form p {
	clear: both;
	padding-top: .7em;
	margin-left: 170px;
}

#content input,
#content textarea,
#content select {
	width: 230px;
	font: 1em Helvetica, Arial, Tahoma, sans-serif;
	padding: 1px 3px;
}

#content textarea {
	height: 120px;
}

#content #submit,
#content #searchsubmit,
#content .buttons input {
	width: auto;
	padding: 0;
}

#content input#s {
	margin: .5em 0;
}

#content p.error {
	line-height: 1.3em;
}

	#content p.error strong {
		color: #bc2809;
	}

#content p.success {
	line-height: 1.3em;
}

	#content p.success strong {
		color: #608e24;
	}


/*----------------------------------------------------------------------
    Images
----------------------------------------------------------------------*/

.wp-caption {
}

	.wp-caption img {
	}
	
	.wp-caption img p.wp-caption-text {
		font-style: italic;
		font-size: .9em;
	}

.photo-container-outer {
	background: transparent url("images/photo_frame.gif") repeat center top;
	margin-bottom: 2em;
}

	.photo-container-inner {
		background: transparent url("images/photo_frame_bottom.gif") no-repeat center bottom;
	}
	
		.photo-container-inner img {
			display: block;
			background: transparent url("images/photo_frame_top.gif") no-repeat center top;
			padding: 5px;
		}

.main img {
	border: 3px solid #f1f0ec;
}

.home .main img {
	border: none;
}

/*----------------------------------------------------------------------
    Specific formatting and other styles
----------------------------------------------------------------------*/

.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}

.alignnone {
	margin: 1em 0;
}

.wine {
	padding-top: 2em;
}

#content ul.details,
#content ul.pairings,
#content .blog .sidebar ul {
	list-style: none;
	border-top: 1px solid #e6e4dd;
	margin-left: 0;
	margin-bottom: 2em;
}

#content .blog .sidebar ul.actions,
#content .sidebar #wpng-cal-widget-events ul {
	border: none;
}

#content .sidebar #wpng-cal-widget-events ul {
	margin-bottom: 1em;
}

	#content ul.details li {
		font: italic 1em "Times New Roman", Times, serif;
	}
	
	#content ul.details li,
	#content ul.pairings li,
	#content .blog .sidebar ul li {
		border-bottom: 1px solid #e6e4dd;
		padding: 4px 0;
		margin-bottom: 0;
	}
	
	#content .blog .sidebar ul.actions li,
	#content .sidebar #wpng-cal-widget-events ul li {
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: .5em;
	}
	
	#content ul.linklist li,
	#content .blog .sidebar ul li,
	#content .sidebar #wpng-cal-widget-events ul li {
		padding: 0;
	}
	
		#content ul.details li strong {
			color: #444;
			font: .786em Helvetica, Arial, Tahoma, sans-serif;
			text-transform: uppercase;
			letter-spacing: 0.07em;
			padding-right: 5px;
		}
		
		#content ul.linklist li a,
		#content .blog .sidebar ul li a {
			display: block;
			padding: 4px 2px;
			border: none;
		}
		
		#content .blog .sidebar ul.actions li a,
		#content .sidebar #wpng-cal-widget-events ul li a {
			padding-top: 0;
			padding-bottom: 0;
		}

	#content .sidebar li.purchase {
		padding: 0;
	}
	
		#content .sidebar .purchase a {
			display: block;
			background-image: url("images/cart.gif");
			background-repeat: no-repeat;
			background-position: left center;
			font: .929em Helvetica, Arial, Tahoma, sans-serif;
			padding: 6px 2px 6px 20px;
			border: none;
		}

#content .recipe h1 {
	margin-bottom: 0;
}

#content .recipe .servings,
#content .timestamp {
	color: #777;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

#content .recipe .intro {
	font-style: italic;
}

#content .recipe .ingredients ul {
	list-style: none;
	border-top: 1px dotted #e6e4dd;
	margin-left: 0;
}

	#content .recipe .ingredients li {
		padding: 4px 0;
		border-bottom: 1px solid #e6e4dd;
	}
	
#content ul.actions {
	list-style: none;
	margin-left: 0;
	margin-top: 2.2em;
}

#content .textwidget ul.actions {
	margin-top: 0;
}

	#content ul.actions li {
		margin-bottom: .5em;
	}
	
		#content ul.actions a,
		#content .blog .sidebar ul.actions li a {
			display: block;
			background: transparent none no-repeat left center;
			padding-left: 22px;
			border-bottom: none;
		}
		
		#content ul.actions a:hover {
			text-decoration: underline;
		}
	
		#content ul.actions li.print a {
			background-image: url("images/print.gif");
		}
		
		#content ul.actions li.rss a,
		#content .blog .sidebar ul.actions li.rss a {
			background-image: url("images/rss.gif");
		}

		#content ul.actions li.email a,
		#content .blog .sidebar ul.actions li.email a {
			background-image: url("images/email.gif");
		}
		
		#content ul.actions li.facebook a,
		#content .blog .sidebar ul.actions li.facebook a {
			background-image: url("images/facebook.gif");
		}
		
		#content ul.actions li.calendar a {
			background-image: url("images/calendar.gif");
		}
		
		#content ul.actions li.ical a {
			background-image: url("images/ical.gif");
		}
	
#content .details {
	font: italic 1.077em/1.4em "Times New Roman", Times, serif;
}

#content .blog h1 {
	margin-bottom: .2em;
}

#content h2.archive {
	color: #777;
	font-weight: normal;
	text-align: center;
	padding-bottom: .4em;
	border-bottom: 1px solid #e6e4dd;
	margin-bottom: 1.75em;
}

	#content h2.archive em {
		font-variant: normal;
	}

.journal #content .post {
	border-bottom: 1px solid #e6e4dd;
	padding-bottom: 2em;
	margin-bottom: 2em;
}