/*
    CarmensCo web site CSS
    by Carmen Cody
*/

/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	/*font: 85% Tahoma, sans-serif;*/
	line-height: 1.88889;
	color: #008A8A; 
	background: #191919 url(seamlesstexture14_1200.jpg); 
	margin: 0; 
	padding: 0;
	}
p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
	}		
p { 
	margin-top: 0; 
	text-align: justify;
	}
	
h2 { 
	font: italic 1.1em/2.2 georgia;
	letter-spacing: 5px; 
	margin-bottom: 0; 
	color: #fff;
	text-align: right;
	}	
h3 { 
	font: Tahoma, sans-serif;
	letter-spacing: 5px; 
	margin-bottom: 0; 
	color: #F08080;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #A594C9;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: 	#AAA4B0;
	}
a:hover, a:focus, a:active { 
	text-decoration: underline; 
	color: 	#8778A7;
	}
abbr {
	border-bottom: none;
	}

/* ===== divs ===== */	
.page-wrapper { 
	width: 860px;
	position: relative;
	margin: 0 auto;
	}
/* ===== main navigation links ===== */
.nav {
	position: absolute; /* set the position for the nav elements */
	top: 73px;
	right: 0;
	width: 360px;
	padding: 0;
	}	

.nav ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0;
    padding:0;
}

.nav a:link, a:visited {
    font-family: "Trebuchet MS", sans-serif;
    display: block;         /* block mode for graphical button */
    color: #A594C9;            /* lavender text */
    text-decoration: none;  /* no underline */
    padding: 0 10px 0 25px; /* line up text & image */
    margin-right: 0px;
    line-height: 25px;
    background: url(nav.png) no-repeat left bottom;
    border: none;           /* no border */
}

.nav li a:hover, li a:active {
    color: #8C8889;         /* grey color for text */
    background-position: left top;      /* move image to show rollover */
}

.nav ul li a.current {  /* different look for "current" link */
    margin-top: 0px;
    height: 25px;
    background: url(nav-current.png) no-repeat;
    color: #aaa;
    line-height: 25px;
}

.nav ul li a.current:hover {
    cursor: default;
}	
	
.intro { 
	min-width: 470px;
	height: 73px;
	width: 100%;
	}
header h1 { 
	background: url(carmensco-script.png) no-repeat top left;
	margin-top: 5px;
	display: block;
	width: 448px;
	height: 153px;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
	
	
.summary {
	clear: both;
	margin: 0; 
	width: 470px; 
	float: left;
	}
.summary p {
	font: italic 1.1em/2.2 georgia; 
	text-align: left;
	}
/*--- stiched affect ---*/
.aside {
	float: left;
	width: 330px;
	padding: 10px 15px 15px 15px;
    margin: 10px;
    background: #8C8889;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3em;
    border: 2px dashed #fff;
    border-radius: 20px;
    box-shadow: 0 0 0 4px #8C8889, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    text-shadow: -.75px -.75px #aa3030;
    font-weight: normal;
	}
	
.supporting {	
	clear: both;
	padding-left: 5px; 
	padding-left: 5px; 
	margin-bottom: 5px;
	}
	
/*--- fancy drop cap first letter --*/	
p:first-child:first-letter { 
	float: left; 
	color: #8C8889; 
	font-size: 75px; 
	line-height: 60px; 
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 3px; 
	font-family: Georgia;
	}	
.clear { clear: both } 	

img.floatLeft {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	}

img.floatRight {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	}
	
	
/* ===== footer ===== */

footer { 
	clear: both;
	margin-left: auto;
    margin-right: 20px;
    width: 15em;
	}
footer a:link, footer a:visited { 
	margin-right: 20px; 
	}
	
/* ===== facebook link ===== */

div#facebookButton {
	text-align: left;
	}

div#facebookButton a:link, #facebookButton a:visited{
    height: 15px;
    width: 15px;
	margin: 3px 10px 0 0;
    display: block; 
    text-indent: -1000em;    /*keeps the text out of the display */
    background: url(social_facebook.png) no-repeat left top;
    border: none; 
	float: left;
	}	

div#facebookButton a:hover, #facebookButton a:active{
    background-position: left bottom;   /* rollover image */
	}
/* ===== miscellaneous styles ===== */