/*

         Ann Corrine Website		 
		 By: RubiStarr Designs
		 https://www.rubistarr.com
		 
		 
		 Plum: #643263
		 Dark brown: #643A1A
		 Sage Green: #668F3D
		 
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family:georgia,serif; color: #643A1A; 
									  background: url(images/bkg_tile.png) repeat; }
ul									{ list-style: none; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{  border: 1px solid #999999; background: #643263; color: white;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px;  font-size: 1.5em; color: #white; font-family: Georgia, serif; font-style: normal; 	 
									  font-variant: small-caps; text-decoration: none; float:right; }
.button:hover						{ background: #668F3D; color: white; }


/*
	TYPGROGRAPHY
*/

p 									{font-family:georgia,serif; color:#643A1A;
									 font-size:1.8em;
									 font-weight:normal;
									 line-height:150%;
									 padding:0px; 
										}

p, li								{margin: 0 0 10px 0; }
p:first-letter						{text-transform: uppercase;}
p:centered 							{color: #643263;
									font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
									letter-spacing:0.1em;
									text-align:center;
									margin: 40px auto;
									text-transform: lowercase;
									line-height: 145%;
									font-size: .824em;
									font-variant: small-caps;
										}
										


a									{ color: #668F3D; font-style: normal;  text-decoration: none;
        
        } 
a:hover								{ background: #643263; color: white;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
h1								    { color: #643263;	font-family: Georgia, serif; font-style: normal; font-variant: small-caps;   
									  text-decoration: none; font-size: 3.0em; margin-top: 20px;}
h2									{ font-size: 2.5em; color: #668F3D;	font-family: Georgia, serif; font-style: normal; font-variant:
									  small-caps; text-decoration: none; }
h3									{ font-size: 1.5em; color: #643263;	font-family: Georgia, serif; font-style: normal; font-variant: 
									  small-caps; text-decoration: none;  }
									  
h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4							{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;
									  color: #900; }
									  
									 
									  
									  

/*
	FORMS
*/




/*
	STRUCTURE
*/
#page-wrap							{ width: 900px; margin: 0px auto;
									  min-height: 100%; height: auto !important; height: 100%;
									  background:url(images/bkg_2.jpg);  width: 900px;  }
#page-wrap-home						{ width: 900px; margin: auto; min-height: 100%; height: auto !important; height: 100%; }
#main-col							{ width: 710px; margin: auto;  }					
#push								{ height: 160px; }


/*
	Home
*/


#menu-home {height: 67px; width: 846px; margin: auto;  background:url(images/AC_home_flower.jpg)top center no-repeat; font-size: 7.5px;}
ul#home-nav						{ padding-top: 33px; width: 305; float: left; text-align: right; font-size: 7.5px;}
ul#extra-nav_home						{ padding-top: 33px; width: 305;  float: right; text-align: right; padding-right: 30px;}
ul#home-nav	li, ul#extra-nav_home li		{ margin: ; display: inline; color: #643263;	}
ul#home-nav li a, ul#extra-nav_home li a	{  color: #643263; font-family: Georgia, serif;    												text-decoration: none; font-size: 2.0em; font-weight:bold;	}
ul#home-nav li a:hover,
ul#extra-nav_home li a:hover,
body#portfolio ul#extra-nav_home li.portfolio a,
body#default ul#home-nav li.home a,
body#about ul#home-nav li.about a,
body#contact ul#home-nav li.contact a,
body#resume ul#extra-nav_home li.resume a{  background: none; color: #668F3D; }
#home_image {position: relative; background: url(images/home_bkg.jpg) top center no-repeat; width: 900px; height: 633px;}
#home_image p {  position: absolute ; margin: 0 0px 0 190px; bottom: 20px; font-size: 1.7em; font-weight:bold; }
.spacer-dot { font-size:2.0em; }



/*
	MENU
*/
#menu-bar							{ font-size: 75%; padding-top: 63px;  width: 900px; height: 309px; background: url(images/header.jpg) top center no-repeat; text-indent: -9999px; }
ul#main-nav						{  width: 299px; float: left; text-align: right; margin: 0px 0px 0 40px; }
ul#extra-nav						{ width: 298px; float: right; text-align: right; margin: 0px 40px 0 0;   }
ul#main-nav	li, ul#extra-nav li		{  display: inline; color: #643263;	font-family: Georgia, serif; font-weight: bold; font-size:2.0em; padding-left: 1.5px;}
ul#main-nav li a, ul#extra-nav li a	{  color: #643263;	font-family: Georgia, serif;   
									  text-decoration: none;  font-weight:bold;}
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#resume ul#extra-nav li.resume a{  background: none; color: #668F3D; }



/*   Classes nav  */

#menu-bar2							{ padding-top: 30px; padding-bottom: 40px;}
ul#main-nav2							{ width: 800px; float: left; }
ul#main-nav2	li 		{ display: inline; }
ul#main-nav2 li a	{ padding: 10px 20px 10px 20px; margin: 0 50px 0 50px; border: 1px solid #999999; background: #643263; color: white;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px;  font-size: 1.5em;  }
ul#main-nav2 li a:hover,
body#description li.portfolio a,
body#default ul#main-nav li.home a,
body#about li.about a,
body#contact ul#main-nav li.contact a,
body#resume  li.resume a{ width: 0px; background: #668F3D; color: white; }


/* Images */

#image-bar 							{  width: 772px; height: 226px; background: url(images/classes.jpg) no-repeat; }
#image-bar2 							{ margin-top: 50px; width: 699px; height: 263px; background: url(images/AC_yoga_2.jpg) no-repeat; }
#image-bar4 						{  width: 740px; height: 272px; background: url(images/AC_pics_framed.jpg) no-repeat; }





/*
	WIDGETS
*/
.widget								{ background: #f4dfb8; width: 190px; border-right: 1px solid #643263; 
									  border-bottom: 1px solid #643263; 	
									  -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }
.widget .inside						{ padding: 10px; }
.widget ul							{ list-style: square outside; margin-left: 15px; }
.widget ul li 						{ margin: 0 0 5px 0; }
.widget ul li a 					{ display: block; padding: 2px; }
.widget ul li a:hover				{ background: #900; color: white; }
.thumb								{ width: 62px; float: left; margin: 0 0 10px 15px; }
.flickr-thumb						{ height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; }


/*
	BLOG ENTRIES
*/
.post								{ margin: auto; }
.post img							{ }
.datebox							{ width: 40px; float: left; padding: 0 5px 5px 5px; background: #668F3D; color: white; text-align: 		 									  center; margin: 0 10px 0 0; }
.day								{ font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; }
.month								{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year								{ font-size: 1.6em; font-weight: bold; margin: 0; }


ol.commentlist						{ list-style: none; padding-bottom: 20px; }
.comment-bubble						{border-width:  2px;  border-style: solid; border-color:#668F3D; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
ol.commentlist li p					{ font-size: 1.4em; }



.avatar 							{ margin-top: 3px; margin-bottom: 20px; height: 50px;  padding: 2px; border-style:solid; border-color: :#668F3D; }
#galleryview						{background: #643A1A; width: 800px;}
galleryview img						{width: 700px;}

#spacer								{height: 67px;  margin: auto;  background:url(images/AC_home_flower.jpg)top center no-repeat;}



/* BIO */
#col-1 								{width: 440px; margin: 0 10px 0 20px; float: left;}
#col-2								{margin: -40px 0px 0 0px; float: right; width: 220px;height: 980px; background: url(images/AC_bio_1L.jpg) no-repeat;}
#troup								{width : 650px;   float: left; padding-left: 15px; margin-top: 50px;}
#missionC							{ width: 710px; margin-left: 12%;}
#blgo								{margin: 45px 25px 45px 0px; width: 82px; height:348px; background: url(images/AC_belly_lgo.jpg) no-repeat; float: left; }
#mission							{width: 485px;  padding: 50px 0 120px 30px; margin-bottom: 75px; background: url(images/AC_flowerL.jpg) no-repeat; background-position: right bottom;}
#image-bar3 							{  width: 700px; height: 286px; background: url(images/AC_pics_collage.jpg) no-repeat; }



/* EVENT */

#flower							    {margin-top: 30px;width: 495px; height:190px; background: url(images/AC_3flowers.jpg) no-repeat; }
#events 						{ width: 251px; }
#events h1							{padding-top: 33px;}
#event-image						{}
#hummingbird						{ float: right; width: 151px; height:119px; background: url(images/hummingbird.jpg) no-repeat;  }


/* gallery */

h2.gallery						{ margin-top: 50px;}



/*
	FOOTER
*/
#footer								{ width: 900px; height: 160px; margin: auto; background: url(images/AC_footer.jpg) bottom center no-repeat;  }
#footer-1							{ width: 300px; float: left; margin-left: 80px; margin-top: 60px; }
#footer-3							{ width: 220px; float: right; margin-right: 40px; margin-top: 60px; }