/*
Theme Name: Ambrosia Experience Custom Design
Theme URI: http://ambrosiaexpereince.com/
Description: A custom-designed theme by <a href="http://www.ryanballa.com">Ryan Balla</a>.
Version: 1.2
Author: Ryan Balla
Author URI: http://ryanballa.com/
Tags: purple, orange

*/

/* Ambrosia Experience - V1.2 */

/*-- General --*/
body { font: 1.1em "Helvetica", Arial, sans-serif; background-color:#fcf7fa; margin: 0; }
.clear { clear:both; }
div#container { 
	width: 949px; 
	background: url(images/contentBackground.gif) 0 0 repeat-y; 
	margin: 0 auto; 
	padding: 0; 
	position: relative;
	}
div#content {
	margin: 0 auto; 
	padding: 0 10px 20px 250px; 
	width: 635px;
	}
.floatright { float: right; }
.floatleft { float: left; }
.hidden { display: none; }
ul li { list-style: none; }
 
/*-- Typography --*/
a:link { color: #595959; text-decoration: none; }
a:visited { color: #595959; text-decoration: none; }
a:hover { text-decoration: underline; color: #595959; }
a img { border: 0; }

blockquote { padding-top: 10px; color: #6B6B6B; border: 1px dashed #ccc; }
em { font-size: 95%; font-style: italic;}

h1 { text-indent: -2000px; overflow: hidden; margin-left: 65px; margin-top:0; }
h1 a { display: block; background: url(images/logo.gif) 0 0 no-repeat; height: 79px; width: 151px; margin-top: 10px;  }
h2 { font: 110% "Georgia", Times, serif; color: #541553; margin: 0; padding: 15px 0 10px 0; line-height: 30px; }
h3 { font: 90% "Georgia", Times, serif; color: #541553; padding: 3px 4px; margin: 0; }
h3 a:hover, h3 a:link, h3 a:visited { color: #541553; padding: 5px 0; }
h4 { font: 80% "Georgia", Times, serif; color: #541553; padding: 5px 4px; }

.hide { display: none; }
div#content p { line-height: 20px; margin-bottom: 10px; }
p { font-size: 70%; line-height: 16px; color: #6e6e6e;}
small { font-size: 75%; }
strong { color: #541553; font: bold 100% "Arial", Helvetica, sans-serif; }
ul { padding-left: 15px; color: #6D6D6D; font: 70% "Arial", Helvetica, sans-serif; }

/*-- Forms --*/
.contact { width: 410px; background-color: #efefef; padding: 10px; margin-top: 10px;}
.cform fieldset { border: none; }
.cform label span { text-align: left; }
.li--5items { height: 30px; overflow: hidden;}
ol.cf-ol li.cf-box-group { width: 350px !important; }
label.cf-after span { top: -3px !important; }

/*-- Header --*/

div#header { margin: 0 auto; width: 949px; height: 122px; background: url(images/headerBackground.gif) 0 0 no-repeat; display: block; overflow: hidden; }
/* Primary Navigation */
ul#primnav { 
	width: 224px; 
	background-color: #a870a7;
	margin-top: 0;
	margin-left: 30px; 
	padding: 0;
	position: absolute;
	top: 25px; 
	left: 5px;
	}	
ul#primnav li { height: 36px; list-style: none; margin: 0; padding: 0; text-indent: -2000px; overflow: hidden; }
ul#primnav a { display: block; height: 36px; width: 224px; }
ul#primnav a:hover { background-position: 0 -37px ; }
ul#primnav li.last, ul#primnav li.last a { height: 42px; }
ul#primnav li.last a:hover { background-position: 0 -42px ; }

div#defnbox { text-align: left; width: 400px; padding: 12px 30px 20px 0; float: right; font-size: 80%; }
div#defnbox span { color: #ff6600; }
div#defnbox p { padding: 0 0 10px 0; margin: 0; color: #a9a9ac; }

div#navtopbar { width: 224px; height: 10px; background: url(images/navigation/topnavbar.gif) 0 0 no-repeat; margin-left: 35px; position: relative; top: 16px;}

#page-testimonials a#testimonials, #page-experiences a#experiences, #page-your-experience a#choose, #page-about a#about, #page-blog a#extra, #page-contact-us a#contact { background-position: 0 -74px; }
#page-friends a#friends { background-position: 0 -84px; }

a#about { background: url(images/navigation/about.gif) 0 0 no-repeat; }
a#choose { background: url(images/navigation/choose_experience.gif) 0 0 no-repeat; }
a#experiences { background: url(images/navigation/experiences.gif) 0 0 no-repeat; }
a#visual { background: url(images/navigation/visual_experience.gif) 0 0 no-repeat; }
a#testimonials { background: url(images/navigation/testimonials.gif) 0 0 no-repeat; }
a#extra { background: url(images/navigation/extra.gif) 0 0 no-repeat; }
a#contact { background: url(images/navigation/contact.gif) 0 0 no-repeat; }
a#events { height: 42px; background: url(images/navigation/upcomingevents.gif) 0 0 no-repeat; }
a#friends { height: 42px; background: url(images/navigation/friends.gif) 0 0 no-repeat; }

/*-- Content --*/
div#rightContent { float: right; padding: 10px 10px  20px 20px; position: relative; }
div#rightContent img { border: 2px solid #e69465; }
div#rightContent img#rightImgRollOver { position: absolute; top: 10px; left: 20px;}

img#flash { margin: 6px 2px 0 0; border: 2px solid #bda1c2; }
div.ambrosiaExtra { background-color: #ffffcc; width: 200px; padding: 5px; }
div.ambrosiaExtra img { border: none !important; margin-left: 30px; }
div.ambrosiaExtra p { text-align: center;}

div.box { border: 1px dotted #a1609f; margin-bottom: 10px; padding: 10px; background-color: #eed1ed;}
div.links { width: 300px; }
div.links li { padding-top: 5px; }

ul.list li { background: url(images/bullet.gif) 0 5px no-repeat; padding: 0 0 5px 12px;   }
ul.aboutAmb span { color: #de6a27; padding: 0 3px; }
ul.aboutAmb li { padding-bottom: 5px; }

ul.testimonials { width: 400px; }
ul.testimonials li { margin: 70px 0; font-size: 120%; line-height: 20px;}
ul.testimonials li.first { margin-top: 20px; }
span.person { padding-left: 70px; font-style: italic; color: #999; float: right; padding-top: 15px; }

ul.friends li { margin-bottom: 14px; }

ul.experienceslist { padding-top: 10px; font-size: 90%; }
ul.experienceslist h4 { color: #5f5f5f;  font-size: 90%; }
.disclaimer p { margin-top: 10px;}
.disclaimer small { line-height: 14px !important; padding-top: 10px; }

#homeevents { float: right; background: url(images/home_upeventborder.gif) top left repeat-y; margin-left: 5px; }
#homeevents h3 { padding: 0 0 0 14px; }
#homeevents ul { margin: 0; }
#homeevents p { padding: 0 0 0 14px; }

/*-- Music -- */
#musiccontent { width: 400px; margin: 0 auto; }
#musiccontent h2 { width: 180px; margin: 0 auto; text-align: center; color: #541553;}
#musiccontent .meta { width: 180px; margin: 0 auto; text-align: center; }
#musiccontent p { color: #541553; text-align: center; }
#musiccontent .title { font-size: 0.9em; line-height: 1.5; font-weight: bold; }
.musicfooter { height: 15px; width: 400px; background: url(images/blog_divider.gif) 50px 0 no-repeat;  }

#musiccontent strong { color: #6e6e6e !important; font-family: Georgia !important; font-weight: normal !important; font-style: italic !important; text-transform: lowercase; }

.ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #6e196c; }
.ui-tabs-nav a:hover { color: #999; }
..ui-tabs-nav a:active { color: #6e196c; } 

/*-- Music Popup --*/

div#musicpopup {
	background: url(images/musicpopup.gif) 0 0 no-repeat;
	width: 350px;
	height: 104px;
	position: absolute;
	top: -1000px;
	left: 277px;
}
div#musicpopupbutton {
	background: url(images/musicpopupbtn.gif) 0 0 no-repeat;
	width: 103px;
	height: 26px;
	position: relative;
	top: 65px;
	left: 35px;
	cursor: pointer;
}

div#musicpopup a { 
	font-size: 60%;
	position: relative;
	top: 48px;
	left: 240px;
}

/*-- Blog --*/

#blogcontent { width: 500px; float: left; }
#blogcontent h2 a { color: #541553; }
#blogcontent h2 { padding-bottom: 3px; }
#sidebar { float: right; min-height: 300px; width: 120px; border-left: 1px dotted #ccc; }
#sidebar ul { margin-left: 0; }

div.navigation {  font-size: 80%; height: 20px; width: 500px; border-bottom: 1px solid #ccc;}

small.date { font-size: 65%; color: #6E6E6E; padding-bottom: 10px; display: block;}
.entry { font-size: 105%; }
.blogdivider { height: 15px; width: 500px; background: url(images/blog_divider.gif) 90px 0 no-repeat; }
p.postmetadata { text-align: center; margin-bottom: 0 !important; clear: both; padding: 5px 0; }

.vcard { color: #541553; font-size: 80%; font-weight: bold; margin: 10px 0 0 0; }
.commentmetadata { font-size: 60%; color: #ccc; font-weight: normal; margin-bottom: 15px;}

/* Forms */

#blogcontent input { border: 1px dotted #999;}
#blogcontent #comment { width: 300px; border: 1px dotted #999;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption-dt { 
	
}

dl.wp-caption { margin: 10px; }

dl.wp-caption img {
	border: 1px dotted #ccc;
	padding: 5px;
}

.wp-caption-dd {
	font-size: 0.6em;
	color: #999;
	padding: 5px 0;
}	
/* End Images */


/*-- Slideshow --*/
div.flickrcontainer { margin: 0 auto; width: 500px; border: 1px dotted #ccc; padding: 2px; }

div#slideshow, div#slideshow2 { position: relative; height: 400px; width: 550px; margin: 0 auto; top: -30px;  }
div.photopanelcontainer { position: relative; height: 383px; width: 533px; overflow: hidden; }
div.slideImages img { position: absolute; top: 30px; left: 30px; border: 1px dotted #ccc; padding: 2px; }
small.photocaption { position: absolute; top: 244px; left: 40px; color: #fff; font-size: 60%; display: none; }
div.photopanel { 
	width: 533px; 
	height: 50px; 
	border-top: 1px solid #fff; 
	background: transparent url(images/slideshow/descBoxBg.png) 0 0 repeat-x;  
	position: absolute; 
	bottom: 0px; 
	left: 33px;
}
.photopaneltext { width: 480px; display: block; }
div.photopanel p { color: #fff; padding: 0 10px; margin: 5px 0; }
div.photopanelbutton { width: 100px; height: 20px; background: url(images/moreinfoBtn.gif) 0 0 no-repeat; position: absolute; right: 285px; bottom: 44px; }
div.slidebuttons { width: 330px; height: 15px; z-index: 2; position: absolute; bottom: 0px; left: 240px; margin: 0 auto; }
div.slidebuttons a:link, div.slidebuttons a:visited { display: block; float: left; margin: 10px 5px; background-color: #fff; border: 1px solid #cfcfcf; ; width: 8px; height: 8px; line-height: 1px; overflow: hidden;}
div.slidebuttons a:hover { height: 8px; width: 8px; background-color: #ccc; line-height: 1px; overflow: hidden; }
div.slidebuttons a.active { height: 8px; width: 8px; background-color: #ccc !important; line-height: 1px; overflow: hidden; }

/* Events */
.eventlist p { font-size: 100% }
#page-upcomingevents h3 { font-size: 100%; }
.eventtitle { font-size: 105%; font-weight: bold; }
.mapevent:link, .mapevent:visited { text-decoration: underline }
.mapevent:hover { text-decoration: none; }
.eventlink:link, .eventlink:visited { font-size: 110%; color: #fff; padding: 8px; margin-top: 10px; display: block; background-color: #c988c7; border: 1px solid #a459a2; width: 175px; text-align: center; }
.eventlink:hover { color: #EC99F7; }
.eventmore { font-size: 100%; }
#eventfineprint { line-height: 12px; }

/* Footer */
div#footerCap { width: 949px; height: 25px; background: url(images/footerBackground.gif) 2px 0 no-repeat; margin: 0 auto; }
div#footer { text-align: center; width: 949px; margin: 0 auto; }
div#footer small.light a { color: #b0acb1; }
div#footer ul { width: 300px; margin: 0 auto 20px auto; }
div#footer li.line { background: url(images/footerLine.gif) -12px 4px no-repeat; height: 8px; width: 323px; padding-top: 5px; }
div#footer ul li { text-align: center; list-style: none; }