/*
Theme Name: Amy Zaroff Events & Design Custom Theme
Theme URI: 
Description: This custom theme was created for AZED by Arrowplane.
Version: 1.0
Author: Arrowplane, LLC
Author URI: http://arrowplane.net/

*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("typography.css"); 


/* framework
-----------------------------------------------------------------------------*/
html
{
	width:100%;	
}
body
{
	width:100%;
	padding:0;
	background:transparent url(images/bg.gif) 0 0 repeat;	
}
* html #container
{
	width:850px;
	padding:0 20px;
	margin:0 auto;
	background:transparent url(images/bg-body.gif) 0 0 repeat-y;
}
#container
{
	width:850px;
	padding:0 20px;
	margin:0 auto;
	background:transparent url(images/bg-body.png) 0 0 repeat-y;
}

/* header
-----------------------------------------------------------------------------*/
#header
{
	position:relative;
}
#header-frame
{
	width:850px;
	background:#fff url(images/bg-header-frame.gif) 0 0 repeat-x;
}
.home #header a.logo, .home #header a.logo:hover, .home #header a.logo:visited
{
	background:transparent url(images/logo.gif) 0 0 no-repeat;
	width:203px;
	height:87px;
	display:block;
	position:absolute;
	top:-12px;
	left:324px;
	text-indent:-9999em;
}
.internal #header  h1
{
	width:137px;
	height:58px;	
	float:left;
	padding:0 0 0 20px;
}
.internal #header a.logo, .internal #header a.logo:hover, .internal #header a.logo:visited
{
	float:left;
	background:transparent url(images/logo-internal.gif) 0 0 no-repeat;
	width:137px;
	height:58px;
	display:block;
	text-indent:-9999em;
}

#name-change-box
{
	width:168px;
	position:absolute;
	left:660px;
	top:33px;
	font-size:11px;
	line-height:16px;
}
#name-change-box p
{
	padding:0 0 10px 0;
}
#name-change-box p.nospace
{
	padding:0 0 0 0;
}
#name-change-box a
{
	position:relative;
	/*display:block;*/
}
#name-change-box .top
{
	background-color:#fff;
	border-left:solid 1px #808084;	
	border-right:solid 1px #808084;	
	padding:10px 10px 0 10px;
}
#name-change-box .bot
{
	background:transparent url(images/name-change-bot.gif) 0 0 no-repeat;
	width:168px;
	height:10px;
	display:block;
}

/* utility-nav
-----------------------------------------------------------------------------*/
#utility-nav
{
	padding:10px 24px;
}
#utility-nav li
{
	float:right;
	padding-left:4px;
}
#utility-nav li a
{
	width:20px;
	height:20px;
	text-indent:-9999em;
	display:block;
	float:left;
}

#utility-nav li.linked-in a, #utility-nav li.linked-in a:link, #utility-nav li.linked-in a:visited { background:transparent url(images/btn-linkedin.jpg) 0 0 no-repeat;  }
#utility-nav li.twitter a, #utility-nav li.twitter a:link, #utility-nav li.twitter a:visited { background:transparent url(images/btn-twitter.jpg) 0 0 no-repeat; }
#utility-nav li.facebook a, #utility-nav li.facebook a:link, #utility-nav li.facebook a:visited { background:transparent url(images/btn-fb.jpg) 0 0 no-repeat; }

#utility-nav .contact
{
	padding:13px 0 0 0;
}
#utility-nav .contact a, #utility-nav .contact a:link, #utility-nav .contact a:visited
{
	float:right;
	background:#fff url(images/btn-contact-us.gif) 0 0 no-repeat;
	width:54px;
	height:22px;
	overflow:hidden;
	text-indent:-9999em;
	display:block;
}
#utility-nav .contact a, #utility-nav .contact a:hover, #utility-nav .contact a:active
{
	background-position:0 -24px;
}

/* navigation
-----------------------------------------------------------------------------*/
.home #navigation
{
	padding:96px 0 0 259px;	
}
.internal #navigation
{
	float:left;
	padding:14px 0 0 106px;	
	position:relative;
}
#navigation ul li
{
	float:left;
	position:relative;
}
.home #navigation ul li.events a, .home #navigation ul li.events a:link, .home #navigation ul li.events a:visited,
.home #navigation ul li.invit a, .home #navigation ul li.invit a:link, .home #invit ul li.events a:visited,
.home #navigation ul li.about a, .home #navigation ul li.about a:link, .home #navigation ul li.about a:visited,
.home #navigation ul li.blog a, .home #navigation ul li.blog a:link, .home #navigation ul li.blog a:visited
{
	height:32px;
	overflow:hidden;
	display:block;
	text-indent:-9999em;
	padding:0 34px 0 0;
}
.internal #navigation ul li.events a, .internal #navigation ul li.events a:link, .internal #navigation ul li.events a:visited,
.internal #navigation ul li.invit a, .internal #navigation ul li.invit a:link, .internal #invit ul li.events a:visited,
.internal #navigation ul li.about a, .internal #navigation ul li.about a:link, .internal #navigation ul li.about a:visited,
.internal #navigation ul li.blog a, .internal #navigation ul li.blog a:link, .internal #navigation ul li.blog a:visited
{
	height:37px;
	overflow:hidden;
	display:block;
	text-indent:-9999em;
	padding:0 34px 0 0;
}
.home #navigation ul li.events a, .home #navigation ul li.events a:link, .home #navigation ul li.events a:visited
{
	background:transparent url(images/nav-events.gif) 0 0 no-repeat;
	width:54px;
}
.home #navigation ul li.invit a, .home #navigation ul li.invit a:link, .home #navigation ul li.invit a:visited
{
	background:transparent url(images/nav-invitations.gif) 0 0 no-repeat;
	width:77px;
}
.home #navigation ul li.about a, .home #navigation ul li.about a:link, .home #navigation ul li.about a:visited
{
	background:transparent url(images/nav-about.gif) 0 0 no-repeat;
	width:54px;
}
.home #navigation ul li.blog a, .home #navigation ul li.blog a:link, .home #navigation ul li.blog a:visited
{
	background:transparent url(images/nav-blog.gif) 0 0 no-repeat;
	width:45px;
}
.internal #navigation ul li.events a, .internal #navigation ul li.events a:link, .internal #navigation ul li.events a:visited
{
	background:transparent url(images/nav-events-internal.gif) 0 0 no-repeat;
	width:54px;
}
.internal #navigation ul li.invit a, .internal #navigation ul li.invit a:link, .internal #navigation ul li.invit a:visited
{
	background:transparent url(images/nav-invitations-internal.gif) 0 0 no-repeat;
	width:77px;
}
.internal #navigation ul li.about a, .internal #navigation ul li.about a:link, .internal #navigation ul li.about a:visited
{
	background:transparent url(images/nav-about-internal.gif) 0 0 no-repeat;
	width:54px;
}
.internal #navigation ul li.blog a, .internal #navigation ul li.blog a:link, .internal #navigation ul li.blog a:visited
{
	background:transparent url(images/nav-blog-internal.gif) 0 0 no-repeat;
	width:45px;
}
.home #navigation ul li.events a:hover, .home #navigation ul li.events a:active,
.home #navigation ul li.invit a:hover, .home #navigation ul li.invit a:active,
.home #navigation ul li.about a:hover, .home #navigation ul li.about a:active,
.home #navigation ul li.blog a:hover, .home #navigation ul li.blog a:active,
.home #navigation ul li.events a.selected, .home #navigation ul li.events a.selected:link, .home #navigation ul li.events a.selected:visited,
.home #navigation ul li.invit a.selected, .home #navigation ul li.invit a.selected:link, .home #navigation ul li.invit a.selected:visited,
.home #navigation ul li.about a.selected, .home #navigation ul li.about a.selected:link, .home #navigation ul li.about a.selected:visited,
.home #navigation ul li.blog a.selected, .home #navigation ul li.blog a.selected:link, .home #navigation ul li.blog a.selected:visited,
.home #navigation ul li.events a.active, .home #navigation ul li.events a.active:link, .home #navigation ul li.events a.active:visited,
.home #navigation ul li.invit a.active, .home #navigation ul li.invit a.active:link, .home #navigation ul li.invit a.active:visited,
.home #navigation ul li.about a.active, .home #navigation ul li.about a.active:link, .home #navigation ul li.about a.active:visited,
.home #navigation ul li.blog a.active, .home #navigation ul li.blog a.active:link, .home #navigation ul li.blog a.active:visited
{
	background-position:0 -32px;
}
.internal #navigation ul li.events a:hover, .internal #navigation ul li.events a:active,
.internal #navigation ul li.invit a:hover, .internal #navigation ul li.invit a:active,
.internal #navigation ul li.about a:hover, .internal #navigation ul li.about a:active,
.internal #navigation ul li.blog a:hover, .internal #navigation ul li.blog a:active,
.internal #navigation ul li.events a.selected, .internal #navigation ul li.events a.selected:link, .internal #navigation ul li.events a.selected:visited,
.internal #navigation ul li.invit a.selected, .internal #navigation ul li.invit a.selected:link, .internal #navigation ul li.invit a.selected:visited,
.internal #navigation ul li.about a.selected, .internal #navigation ul li.about a.selected:link, .internal #navigation ul li.about a.selected:visited,
.internal #navigation ul li.blog a.selected, .internal #navigation ul li.blog a.selected:link, .internal #navigation ul li.blog a.selected:visited,
.internal #navigation ul li.events a.active, .internal #navigation ul li.events a.active:link, .internal #navigation ul li.events a.active:visited,
.internal #navigation ul li.invit a.active, .internal #navigation ul li.invit a.active:link, .internal #navigation ul li.invit a.active:visited,
.internal #navigation ul li.about a.active, .internal #navigation ul li.about a.active:link, .internal #navigation ul li.about a.active:visited,
.internal #navigation ul li.blog a.active, .internal #navigation ul li.blog a.active:link, .internal #navigation ul li.blog a.active:visited
{
	background-position:0 -37px;
}
.internal #navigation { position:relative; z-index:600; }
#navigation li ul.dropdown
{
	position:absolute;
	left:0;	
	display:none;
	z-index:550;
	width:97px;
}
.home #navigation li { position:relative; z-index:600; }

#gallery
{
	position:relative;
	z-index:500;
}
.home #navigation li ul { top:23px;}
.internal #navigation li ul { top:32px;}
#navigation li.events ul { left:-21px; }
#navigation li.invit ul { left:-10px; }
#navigation li.about ul { left:-20px; }
* html #navigation li ul li
{
	float:none;
	background:transparent url(images/dropdown-mid.gif) 0 0 repeat-y;
}
#navigation li ul li
{
	background:transparent url(images/dropdown-mid.png) 0 0 repeat-y;
}
* html #navigation li ul li.top
{
	background:transparent url(images/dropdown-top.gif) 0 0 no-repeat;
	width:97px;
	height:20px;
}
#navigation li ul li.top
{
	background:transparent url(images/dropdown-top.png) 0 0 no-repeat;
	width:97px;
	height:20px;
}
* html #navigation li ul li.bot
{
	background:transparent url(images/dropdown-bot.gif) left top no-repeat;
	width:97px;
	height:12px;
}
#navigation li ul li.bot
{
	background:transparent url(images/dropdown-bot.png) left top no-repeat;
	width:97px;
	height:12px;
}

/* Styles for Menu Items */
.home #navigation li.events ul li a, .home #navigation li.events ul li a:link, .home #navigation li.events ul li a:visited, 
.home #navigation li.invit ul li a, .home #navigation li.invit ul li a:link, .home #navigation li.invit ul li a:visited,
.home #navigation li.about ul li a, .home #navigation li.about ul li a:link, .home #navigation li.about ul li a:visited,
.internal #navigation li.events ul li a, .internal #navigation li.events ul li a:link, .internal #navigation li.events ul li a:visited, 
.internal #navigation li.invit ul li a, .internal #navigation li.invit ul li a:link, .internal #navigation li.invit ul li a:visited,
.internal #navigation li.about ul li a, .internal #navigation li.about ul li a:link, .internal #navigation li.about ul li a:visited
{
	background:none;
	border-bottom:solid 1px #808084;
	text-align:center;
	color:#850c70;
	font-size:9px;
	line-height:12px;
	text-transform:uppercase;
	text-decoration:none;
	text-indent:0;
	padding:5px;
	width:87px;
	height:auto;
	float:none;
}
.home #navigation li.events ul li a:hover, .home #navigation li.events ul li a:active, 
.home #navigation li.invit ul li a:hover, .home #navigation li.invit ul li a:active,
.home #navigation li.about ul li a:hover, .home #navigation li.about ul li a:active,
.internal #navigation li.events ul li a:hover, .internal #navigation li.events ul li a:active, 
.internal #navigation li.invit ul li a:hover, .internal #navigation li.invit ul li a:active,
.internal #navigation li.about ul li a:hover, .internal #navigation li.about ul li a:active
{
	color:#666;
}
	
/* Holly Hack. IE Requirement \*/
* html #navigation  ul li { float: left; height: 1%; }
* html #navigation  ul li a { height: 1%; }
/* End */

#navigation  li:hover ul, #navigation  li.over ul { display: block; } /* The magic */


/* main
-----------------------------------------------------------------------------*/
.home #main
{
	width:810px;	
	padding:20px 20px 0 20px;
	position:relative;
}
.internal #main
{
	width:830px;	
	padding:0 0 0 20px;
	position:relative;
}

/* home columns
-----------------------------------------------------------------------------*/
.home #left-column
{
	float:left;
	width:170px;
	padding:0 45px 0 0;	
}
.home #mid-column
{
	float:left;
	width:380px;
	padding:0 45px 0 0;	
}
.home #right-column
{
	float:left;
	width:170px;
	padding:100px 0 0 0;	
}

.home #left-column h2, .home #right-column h2
{
	color:#807f83;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.feature-title, .feature-text
{
	border-bottom:solid 1px #807f83;	
}
.feature-text
{
	margin:0 0 20px 0;
	padding:5px 0;
}
.feature-text p
{
	padding:0 0 7px 0;	
}
.feature-link
{

}
.feature-link a, .feature-link a:link, .feature-link a:visited
{
	float:right;	
	color:#7bb0b9;
	font-weight:bold;
	text-decoration:none;
	background:#fff url(images/btn-plus.gif) 0 -18px no-repeat;
	padding:0 0 0 12px;
	font-size:11px;
	line-height:11px;
}
.feature-link a:hover, .feature-link a:active
{
	text-decoration:none;
	background-position:0 2px;
	color:#850d70;
}
#positioning
{
	background:transparent url(images/tagline.jpg) 0 0 no-repeat;
	width:380px;
	padding:38px 0 0 0;
	font-size:12px;
	line-height:18px;
}
#positioning .left
{
	float:left;
	width:140px;
	padding:60px 10px 20px 10px;
	text-align:center;
}
#positioning .right
{
	float:left;
	width:220px;
	padding:0 ;
}
#positioning p
{
	padding:0 0 10px 0;	
}
#positioning .links a, #positioning .links a:link, #positioning .links a:visited
{
	float:none;	
	color:#7bb0b9;
	font-weight:bold;
	text-decoration:none;
	background:#fff url(images/btn-plus.gif) 0 -16px no-repeat;
	padding:0 0 0 12px;
}
#positioning .links a:hover, #positioning .links a:active
{
	text-decoration:none;
	background-position:0 4px;
	color:#850d70;
}

.twitter a.twitterwidget
{
	display:none;
}
#right-column .twitter ul
{
	list-style:none;
	padding:0;
	margin:0;
}
#right-column .twitter ul li span
{
	font-style:italic;
}
#right-column .twitter ul li 
{
	padding:0 0 16px 0;
}

/* internal columns
-----------------------------------------------------------------------------*/
.internal #left-column
{
	float:left;
	width:137px;
	padding:56px 45px 0 0;	
}
.internal #right-column
{
	float:left;
	width:648px;
	padding:6px 0 0 0;	
	position:relative;
}
#content
{
	padding:0 20px 0 0;
}
#tagline-internal
{
	position:absolute;
	right:0;
	top:0;
	background:transparent url(images/tagline-internal.gif) 0 0 no-repeat;
	width:164px;
	height:62px;
	text-indent:-9999em;
}
#content h2
{
	font-size:18px;
	line-height:24px;
	color:#850c70;
	padding:0 0 14px 0;
}
#content h2.short
{
	font-size:18px;
	line-height:24px;
	color:#850c70;
	padding:0 0 5px 0;
}
#content h3
{
	font-size:13px;
	font-weight:bold;
	padding:0 0 5px 0;
}
#content h3.long
{
	font-size:12px;
	font-weight:bold;
	color:#850C70;
	padding:0 0 18px 0;
}

.text-column
{
	float:left;
	padding:0 30px 0 0;
	width:388px;
}
.image-column
{
	float:left;
	padding:0 0 0 10px;
	width:200px;
}

/* left nav
-----------------------------------------------------------------------------*/
#left-nav
{
	padding:0 0 10px 0;
}
#left-nav li
{
	height:1%;
}
#left-nav li a, #left-nav li a:link, #left-nav li a:visited
{
	color:#666;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display:block;
	border-bottom:solid 1px #666;
	margin-bottom:17px;
	height:auto;
}
#left-nav li a:hover, #left-nav li a:active,
#left-nav li.current_page_item a, #left-nav li.current_page_item a:link, #left-nav li.current_page_item a:visited
{
	color:#850c70;	
	border-bottom:solid 1px #850c70;
	text-decoration:none;
}

#left-nav li ul
{
	margin:-5px 0 0 0;
	padding:0 0 13px 0;
}
#left-nav li ul li a, #left-nav li ul li a:link, #left-nav li ul li a:visited
{
	color:#666;
	text-transform:none;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	display:block;
	border-bottom:none;
	margin:0;
	padding:0 0 8px 15px;
}
#left-nav li ul li a:hover, #left-nav li ul li a:active,
#left-nav li ul li a.selected, #left-nav li ul li a.selected:link, #left-nav li ul li a.selected:visited
{
	color:#850c70;	
	border-bottom:none;
	text-decoration:none;
}

/* testimonial
-----------------------------------------------------------------------------*/
#testimonial 
{
	width:137px;
}
#testimonial ul
{
	background:#fff url(images/testimonial-mid.gif) 0 0 repeat-y;
	padding:0;
	margin:0;
}
#testimonial li
{
	border-left:solid 1px #666;
	border-right:solid 1px #666;	
	padding:0 15px;
	width:105px;
	position:relative;
	height:1%;
	font-size:11px;
	line-height:16px;
}
#testimonial li p
{
	padding:0 0 10px 0;
}
#testimonial li p.client
{
	padding:0;
	text-align:right;
	font-style:normal;
}
#testimonial li.top
{
	border-left:none;
	border-right:none;	
	background:transparent url(images/testimonial-top.gif) 0 0 no-repeat;
	width:137px;
	height:40px;
	padding:0;
}
#testimonial li.bot
{
	border-left:none;
	border-right:none;	
	background:#fff url(images/testimonial-bot.gif) 0 0 no-repeat;
	width:137px;
	height:11px;
	padding:0;	
}


/* breadcrumbs
-----------------------------------------------------------------------------*/
#breadcrumbs
{
	width:648px;
	border-top:solid 1px #808084;
	font-size:9px;
	line-height:9px;
	color:#850c70; 
	text-transform:uppercase;
	padding:3px 0 35px 0;
}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited
{
	color:#808084;
	text-decoration:none;
}
#breadcrumbs a:hover, #breadcrumbs a:active
{
	color:#808084;
	text-decoration:underline;
}

/* footer
-----------------------------------------------------------------------------*/
* html #footer
{
	width:850px;
	padding:51px 20px 0 20px;
	margin:0 auto 20px auto;	
	background:transparent url(images/bg-footer.gif) 0 0 no-repeat;
	text-align:center;
}
#footer
{
	width:850px;
	padding:51px 20px 0 20px;
	margin:0 auto 20px auto;	
	background:transparent url(images/bg-footer.png) 0 0 no-repeat;
	text-align:center;
}
#footer p
{
	padding:0 0 10px 0;
	font-size:10px;
	line-height:10px;
}
#footer a, #footer a:link, #footer a:visited
{
	color:#666;
}


/* login
-----------------------------------------------------------------------------*/
.login #contact-form
{
	padding:100px 200px;	
}
.login h2
{
	font-size:18px;
	line-height:24px;
	color:#850c70;
	padding:0 0 28px 0;	
}
.errormsg
{
	color:#C00;
	padding:0 0 20px 0;
}

/* contact form
-----------------------------------------------------------------------------*/	
#contact-form
{
	width:368px;
	padding:20px 0 0 0;
}
#contact-form .left
{
	float:left;
	width:370px;
}
#contact-form .right
{
	float:left;
	width:230px;
	padding:0 0 0 40px;
}
#contact-form label
{
	width:140px;
	float:left;
	padding:0 10px 0 0;
}

#contact-form label.error
{
	color:#C00;
	display:block;
	float:none;
}
#contact-form span
{
	float:left;	
	width:200px;
}
#contact-form span label
{
	width:200px;
}
#contact-form input.error, #contact-form textarea.error
{
	border:dotted 1px #C00;
}

#contact-form .item
{
	padding:0 0 15px 0;
	display:block;
}
#contact-form input.regular
{
	width:200px;
}
#contact-form textarea.regular
{
	width:200px;
	height:100px;
}
#contact-form .contact-checkbox
{
	width:30px;
	float:left;
}
#contact-form label.checkbox
{

	width:325px;
}

.entry
{
	border-bottom:solid 1px #808084;
	margin:0 0 20px 0;
	padding:0;
}
	
table.vendors
{
	width:100%;
}
table.vendors td
{
	vertical-align:top;
}
table.vendors td.left
{
	width:50%;
	padding:0 10px 0 0;
}
table.vendors td.right
{
	width:50%;	
	padding:0 0 0 10px;
}

/* galleries
-----------------------------------------------------------------------------*/
.thumb-list
{
	padding:0 0 20px 0;
}
.thumb-list .thumb-item
{
	padding:0 20px 0 0;
	float:left;
	width:170px;
}
.invite-gallery .thumb-list .thumb-item
{
	width:290px;
	padding-bottom:20px;
}
.featured .thumb-list .thumb-item
{
	width:170px;
	padding-bottom:20px;
}
.thumb-desc
{
	float:left;
	width:438px;
}
.thumb-list .title
{
	display:block;
	padding:10px 0 0 0;
}
.thumb-list .hide
{
	display:none;
}

.one-column
{
	padding:0 20px 0 0;
}
.bio
{
	display:block;
}
.blog-image
{
	float:left;
	width:170px;
	padding:0 20px 20px 0;
}
.blog-teaser
{
	float:left;
	width:438px;
}
.ddsg-wrapper h2
{
	display:none;
}
p.postmetadata
{
	font-size:10px;
	padding:10px 0;
}
.navigation 
{
	width:100%;
	padding:20px 0;
}
.navigation .alignleft
{
	float:left;
	width:300px;
}
.navigation .alignright
{
	float:right;
	width:300px;
	text-align:right;
}

h3.archives
{
	color:#666666;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:auto;
	margin-bottom:10px;
	text-decoration:none;
	text-transform:uppercase;	
}
select.archive-dropdown
{
	margin-bottom:20px;	
}

/* forms
-----------------------------------------------------------------------------*/
#right-column ul.gform_fields
{
	padding:0;
}
#right-column .gform_wrapper .validation_error, #right-column .gform_wrapper .validation_message, 
#right-column .gform_wrapper .gfield_error .gfield_label, #right-column .gform_wrapper .gfield_required 
{
	color:#C00 !important;
	font-family:Arial, Helvetica, sans-serif;	
}
