/*
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 Georgia, "Times New Roman", Times, serif; /* 1em = 10px */
}

a {
	color: #8c6e8d;
	text-decoration: none;
	outline: none;
}

.clear {
	display: block;
	clear: both;
}

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

#footer {
	clear: both;
}
	


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

body {
	background: #fff url("images/yellow.gif") repeat-x 0px -270px;
	text-align: center;
}

#container {
	background: transparent url("images/pattern.png") repeat center top;
}

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

#header {
	padding: 44px 250px;
}

	#header a {
		display: block;
		height: 79px;
		background: transparent url("images/sitetitle.png") no-repeat left top;
		text-indent: -5000px;
	}
	
	#header .description {
		display: none;
	}

#menu {
	width: 920px;
	background: transparent url("images/semi-white.png") repeat left top;
	min-height: 40px;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: .15em;
	list-style: none;
}

.home #menu {
	background-color: #fff;
}

	#menu ul {
		display: inline-block;
		width: 1px;
		text-align: center;
		list-style: none;
		white-space: nowrap;
		padding: 6px 10px 4px;
		margin: 0 auto;
	}
	
	#menu > ul {
		display: table;
		width: auto;
	}
	
	*:first-child+html #menu > ul {
		display: inline-block;
	}

		#menu ul li {
			display: inline;
		}
		
		#menu ul > li {
			display: table-cell;
		}
		
		*:first-child+html #menu ul > li {
			display: inline;
		}

			#menu ul li a {
				display: inline-block;
				color: #5b465b;
				padding: 15px 13px;
			}
			
			#menu ul li > a {
				display: block;
			}
			
			*:first-child+html #menu ul li > a {
				display: inline-block;
			}
			
			#menu ul li.current_page_item a {
				text-decoration: underline;
			}
		
			#menu ul li a:hover {
				background: transparent url("images/hover_medium.png") no-repeat center top;
			}
			
			#menu ul li.current_page_item a:hover {
				background: transparent none;
			}
			
			#menu ul li.lessons-occasions a:hover,
			#menu ul li.clients-say a:hover {
			}

			#menu ul li.blog a:hover,
			#menu ul li.about a:hover {
			}
								
#content {
	background-color: #fff;
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 30px 20px 20px 20px;
}

.home #content {
	padding-top: 0;
}

	#main {
		float: left;
		width: 600px;
	}
	
	#sidebar {
		float: right;
		width: 240px;
		text-align: center;
	}
	
		#sidebar .widget {
			margin-bottom: 3em;
		}
	
	.contact-sidebar {
		float: right;
		width: 350px;
		margin: 0 0 1.5em 2em;
	}
	
		#content .contact-sidebar ul.badges {
			padding-left: 80px;
			list-style: none;
			margin-left: 0;
			margin-bottom: 2em;
		}
		
			#content .contact-sidebar ul.badges li {
				margin-bottom: 1em;
			}
			
				#content .contact-sidebar ul.badges li a:hover {
					background-color: transparent;
				}

#footer-container {
	width: 920px;
	margin: 0 auto;
}

#footer {
	color: #817f75;
	font-variant: small-caps;
	font-size: 1.2em;
	letter-spacing: .12em;
	text-align: right;
	padding: 10px 0 40px;
}

	#footer .copyright {
		display: block;
		float: left;
		width: 450px;
		text-align: left;
	}
	
	#footer a {
		color: #817f75;
		text-decoration: underline;
	}


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

#content a {
	text-decoration: underline;
}

#content #sidebar a {
	text-decoration: none;
}

#content a:hover {
	background-color: #fef5e2;
}

#content #sidebar a:hover {
	background-color: transparent;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#content .post {
	margin-bottom: 4em;
}

#content .page-heading {
	height: 74px;
	padding-bottom: 25px;
	border-bottom: 2px solid #e1d9e1;
	margin-bottom: 30px;
}

#content div.portfolio,
#content .last-section,
#content .section {
	clear: both;
	padding-top: 30px;
	border-top: 2px solid #e1d9e1;
	margin-top: 30px;
}

#content h1 {
	background: transparent none no-repeat left top;
	text-indent: -5000px;
	height: 74px;
	padding-right: 35px;
	margin-bottom: 1em;
}

#content .post h1 {
	height: auto;
	font-size: 2em;
	text-indent: 0;
	padding-right: 0;
	margin-bottom: .2em;
}

.bridal #content h1,
.boudoir #content h1,
.lessons-occasions #content h1,
.skincare #content h1,
.about #content h1 {
	float: left;
	margin: 0;
}

.bridal #content h1 {
	background-image: url("images/headings/bridal.gif");
	width: 165px;
}

.about #content h1 {
	background-image: url("images/headings/about.gif");
	width: 130px;
}

.blog #content h1 {
	background-image: url("images/headings/blog.gif");
	width: 119px;
}

.clients-say #content h1 {
	background-image: url("images/headings/clients-say.gif");
	width: 254px;
}

.contact #content h1 {
	background-image: url("images/headings/contact.gif");
	width: 158px;
}

.boudoir #content h1 {
	background-image: url("images/headings/boudoir.gif");
	width: 405px;
}

.lessons-occasions #content h1 {
	background-image: url("images/headings/lessons-occasions.gif");
	width: 389px;
}

.skincare #content h1 {
	background-image: url("images/headings/skincare.gif");
	width: 184px;
}

.links #content h1 {
	background-image: url("images/headings/links.gif");
	width: 139px;
}

.price-list #content h1 {
	background-image: url("images/headings/price-list.gif");
	width: 227px;
}

#content h2 {
	color: #8c6e8d;
	font-size: .929em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .12em;
	margin-bottom: 1em;
}

#content #sidebar h2 {
	margin-bottom: .5em;
}

	#content h2 span {
		display: inline-block;
		background: transparent url("images/flourish_heading_right.gif") no-repeat right 3px;
		padding-right: 28px;
		padding-bottom: 3px;
	}

		#content h2 span span {
			display: inline-block;
			background: transparent url("images/flourish_heading_left.gif") no-repeat left 3px;
			padding-left: 29px;
			padding-right: 0;
		}
		
		#content h2 span.amp,		
		#content h2 span span.amp {
			display: inline;
			background: transparent none;
			padding: 0;
		}

#content h2.alt {
	font-size: 1.429em;
	font-style: italic;
	text-transform: none;
	text-align: left;
	letter-spacing: 0;
}

	#content h2 span {
		background-position: right 5px;
		padding-right: 30px;
	}

		#content h2.alt span span {
			background-image: none;
			padding-left: 0;
		}

#content h3 {
	color: #8c6e8d;
	font-size: .929em;
	text-transform: uppercase;
	letter-spacing: .12em;
}

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

.home #content p {
	margin: 0;
}

#content p.timestamp {
	color: #888;
	font-size: .857em;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

#content p.details {
	color: #888;
	font-size: .857em;
	border-top: 1px dotted #ddd;
	border-bottom: 1px solid #ddd;
}

#content .byline {
	display: block;
	color: #8c6e8d;
	font-variant: small-caps;
	letter-spacing: .12em;
}

	#content .byline em {
		color: #ae99af;
		font-variant: normal;
		font-style: normal;
		letter-spacing: 0;
	}

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

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

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

#content #sidebar ul {
	list-style: none;
	margin-left: 0;
}
	
#content ul.sub-nav {
	float: left;
	font-style: italic;
	list-style: none;
	padding-top: 29px;
	margin-left: 0;
}

	#content ul.sub-nav li {
		float: left;
		padding-right: 20px;
	}
	
		#content ul.sub-nav li a {
			text-decoration: none;
		}
		
		#content ul.sub-nav li a:hover {
			background-color: transparent;
			text-decoration: underline;
		}

#content ul.three-by {
	clear: both;
	list-style: none;
	margin-left: 0;
}

	#content ul.three-by li {
		float: left;
		width: 270px;
		padding-right: 35px;
		padding-bottom: 30px;
	}
	
	#content ul.three-by li.last-child {
		padding-right: 0;
	}

#content #sidebar ul.connect {
	list-style: none;
	margin-left: 0;
}

	#content #sidebar ul.connect li a {
		background: transparent none no-repeat left top;
		padding-left: 22px;
	}
	
	#content #sidebar ul.connect li.rss a {
		background-image: url("images/icons/rss.gif");
	}

	#content #sidebar ul.connect li.facebook a {
		background-image: url("images/icons/facebook.gif");
	}

	#content #sidebar ul.connect li.twitter a {
		background-image: url("images/icons/twitter.gif");
	}

hr {
	height: 1px;
	color: #ddd;
	background-color: #ddd;
	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 h2.comments {
	margin-left: 170px;
	text-align: left;
}

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

	#content ol.commentlist li {
		clear: both;
		overflow: auto;
		border-bottom: 1px dotted #ccc;
	}
	
	#content ol.commentlist li.alt {
		background-color: #f7f7f7;
		padding: 8px 0;
		margin-bottom: 1em;
	}
	
		#content ol.commentlist .who-when {
			overflow: hidden;
			float: left;
			width: 150px;
			font-size: .8125em;
			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 form#commentform dl {
	padding-top: .7em;
}

	#content form#commentform dl dt {
		float: left;
		width: 150px;
		text-align: right;
	}
	
	#content form#commentform dl dt,
	#content form#commentform dl dd {
		line-height: 1.3em;
		padding-top: .3em;
	}
	
		#content form dl dt small {
			color: #999;
			font: italic .923em/1em Georgia, "Times New Roman", Times, serif;
		}
		
		#content form dl.error dt label {
			color: #bc2809;
		}
	
	#content form#commentform dl dd {
		margin-left: 170px;
	}

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

#content #commentform input,
#content #commentform textarea,
#content #commentform select {
	width: 230px;
	font: .923em Verdana, Tahoma, sans-serif;
	padding: 1px 3px;
}

#content #commentform textarea {
	width: 350px;
	height: 200px;
}

#content #submit,
#content .buttons input {
	width: auto;
	padding: 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;
	}

#content form.wpcf7-form dt label,
#content .newsletter-signup dt label {
	font-weight: bold;
}


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

.wp-caption {
}

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

#content img.alignright {
	margin-right: -20px;
}

#content div.alignright {
	margin-right: -30px;
}

#content .wp-caption-text {
	font-style: italic;
	font-size: .857em;
}


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

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

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

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

/*----------------------------------------------------------------------
    Slideshow
----------------------------------------------------------------------*/

#content ul#photos-container {
	position: relative;
	height: 550px;
	list-style: none;
	margin: 0;
}

	#content #photos-container li {
		height: 550px;
		width: 100%;
		background: transparent none no-repeat center top;
		position: absolute;
		left: 0;
	}
	

/*----------------------------------------------------------------------
    Gallery
----------------------------------------------------------------------*/

#content .gallery {
}

	#content .gallery .gallery-row {
		padding-bottom: 25px;
	}

	#content .gallery dl {
		padding-right: 27px;
	}
	
	#content .gallery dl.last-child {
		padding-right: 0;
	}
	
	#content .gallery dt {
	}
	
	#content .gallery a img {
		border: 2px solid #e1d9e1;
	}
	
	#content .gallery a:hover img {
		border-color: #8c6e8d;
	}
	
	#content .gallery a:hover {
		background-color: transparent;
	}
	

/*----------------------------------------------------------------------
    Lightview
----------------------------------------------------------------------*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/

.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	float: left;
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { float:left; clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Data .lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}