/* -------------------------
Site: Woman with Portfolio
Designer: Moxie Design Studios
Version: 1.0
Stylesheet: Styles and Formatting
 -------------------------*/


body {
background:#634d36 url(/graphics/bg-dots.gif) repeat left top;
color: #21120e;
font-family: 'Trebuchet MS', tahoma, verdana, arial, sans-serif;
font-size: 12px;
}

h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
.date {
color:#676767
line-height: 150%;
padding: 0px;
}

input, textarea, select, checkbox, option {  
color: #21120e; 
background-color: #ffffff;
border: 1px #998a74 solid; 
letter-spacing: .01em;
font-size: 11px;
line-height: 150%;
padding: 1px;
}

img {
border: 0px;
}



/* LINKS
-------------------------------*/

a {
	color: #4CA4C7;
	text-decoration:none;
	background-color: transparent;
}
a:visited {
	color: #D76778;
	text-decoration:none;
	background-color: transparent;
}
a:active {
	color: #4CA4C7;
	text-decoration:underline;
	background-color: transparent;
}
a:hover {
	color: #D76778;
	text-decoration: underline;
	background-color: transparent;
}

.member-rss a { color: #f2cd63; text-decoration:none; background-color: transparent;}
.member-rss a:visited { color: #ff7585; text-decoration:none;  background-color: transparent;}
.member-rss a:active { color: #7dcae8; text-decoration:underline; background-color: transparent;}
.member-rss a:hover {color: #7dcae8; text-decoration: underline;  background-color: transparent;}

.btm-content-copy a { color: #32aedf; text-decoration:none; background-color: transparent;}
.btm-content-copy a:visited { color: #fe8953; text-decoration:none; background-color: transparent;}
.btm-content-copy a:active { color: #32aedf; text-decoration:underline; background-color: transparent;}
.btm-content-copy a:hover {color: #ff7282; text-decoration: underline; background-color: transparent;}

.posted1 a { color: #ffffff; text-decoration:none; background-color: transparent;}
.posted1 a:visited { color: #ffffff; text-decoration:none;  background-color: transparent;}
.posted1 a:active { color: #ffffff; text-decoration:underline; background-color: transparent;}
.posted1 a:hover {color: #ffffff; text-decoration: underline;  background-color: transparent;}

.posted2 a { color: #ffffff; text-decoration:none; background-color: transparent;}
.posted2 a:visited { color: #ffffff; text-decoration:none;  background-color: transparent;}
.posted2 a:active { color: #ffffff; text-decoration:underline; background-color: transparent;}
.posted2 a:hover {color: #ffffff; text-decoration: underline;  background-color: transparent;}

.non a { color: #ff7585; text-decoration:none; font-weight: bold;   padding: 0px 5px 2px 5px; background-color: transparent;}
.non a:visited { color: #ff7585; text-decoration:none; background-color: transparent;}
.non a:active {color: #21120e; text-decoration: none;  background-color: #f2cd63;}
.non a:hover {color: #21120e; text-decoration: none; background-color: #f2cd63;}

.member a {color: #ff7585; text-decoration:none; font-weight: bold; padding: 0px 10px 2px 5px; background-color: transparent;background-image: url(/graphics/star-dark.gif); background-repeat: no-repeat; background-position: top right;}
.member a:visited { color: #ff7585; text-decoration:none; background-color: transparent;}
.member a:active {color: #21120e; text-decoration: none;  background-color: #f2cd63;}
.member a:hover {color: #21120e; text-decoration: none; background-color: #f2cd63; background-image: url(/graphics/star-pink.gif); background-repeat: no-repeat; background-position: top right;}

.member-side a {color: #ff7585; text-decoration:none; font-weight: bold; padding: 0px 12px 2px 5px; background-color: transparent;background-image: url(/graphics/star-dark2.gif); background-repeat: no-repeat; background-position: top right;}
.member-side a:visited { color: #ff7585; text-decoration:none; background-color: transparent;}
.member-side a:active {color: #f2cd63; text-decoration: none;  background-color: transparent;}
.member-side a:hover {color: #f2cd63; text-decoration: none; background-color: transparent; background-image: url(/graphics/star-pink2.gif); background-repeat: no-repeat; background-position: top right;}

.non-side a { color: #f2cd63; text-decoration:none; font-weight: bold;   padding: 0px 5px 2px 5px; background-color: transparent;}
.non-side  a:visited { color: #f2cd63; text-decoration:none; background-color: transparent;}
.non-side  a:active {color: #ff7585; text-decoration: none;  background-color: transparent;}
.non-side  a:hover {color: #ff7585; text-decoration: none; background-color: transparent;}


#container {
background-color: #fffde8;
}

#banner {
height: 155px;
background-color:#634d36;
background-image: url(/graphics/logo.gif);
background-repeat: no-repeat;
}

#nav{
padding-left: 15px;
background-color: #21120e;
height: 22px;
}

#nav ul {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
width: 100%;
background: #21120e;
}

#nav  li{
display: inline;
font-size: 12px;
}

#content {	
background-color: #fffde8;
}

#side1{
background-image: url(/graphics/logo-woman.gif);
background-repeat: no-repeat;
}

#side1 ul {
padding: 0px;
margin: 20px 20px 20px 20px;
}

#side1 li{
margin: 0px 0px 15px 0px;
list-style-type: none;
padding-left: 15px;
background: url(/graphics/bullet.gif) left no-repeat;
height: 15px;
font-size: 14px;
font-weight: bold;
}


#side2 {

}


#footer {
background-color: #21120e;
}

#footer p {
margin:0;
padding:3px 20px 3px 20px;
color: #fffde8;
text-align: center;
font-size: 11px;
}




/* CONTENT FORMATTING
---------------------------------*/

.title {
font-size: 17px;
color: #fe8953;
margin-bottom: 0px;
font-weight: bold;
}

.title2 {
	font-size: 17px;
	color: #63A3BF;
	margin-bottom: 0px;
	font-weight: bold;
}

.date {
font-size: 12px;
color:#6B6B6B
margin-bottom: 10px;
font-weight: bold;
letter-spacing: 0;
}

.member-rss {
background-color:#634d36;
padding: 10px 20px 10px 30px;
line-height: 100%;
}


.dark {
text-align: center;
background-color: #3d2b1f;
background-image: url(/graphics/dark-stripe.gif);
background-repeat: repeat;
background-position: top right;
padding: 10px 0px 10px 0px;
margin: 20px 0px 20px 0px
}




/* TEXT NAVIGATION
----------------------------*/

#text-nav {
width: 100%;
overflow: hidden;
background-color: #e5f3e9;
color: #7dcae8;
text-align: center;
}


#text-nav p{
margin:0;
padding:5px 20px 5px 20px;
font-size: 11px;
}

#text-nav{clear:left;
width:100%;
}



/* LEFT and RIGHT BOXES
----------------------------*/

.left-box {
margin-top: 325px;
padding: 2px 20px 2px 10px;
font-size: 11px;
background-image:url(/graphics/leftbox-bg.gif);
background-repeat: repeat-y;
background-position: top right;
background-color: #fffde8;
line-height: 150%;
}

.left-box h2 {
font-size: 18px;
color: #21120e;
margin-bottom: 5px;
font-weight: bold;
}

.right-box {
padding: 10px 15px 10px 25px;
font-size: 11px;
background-image:url(/graphics/rtbox-bg.gif);
background-repeat: repeat-y;
background-position: top left;
background-color: #fffde8;
line-height: 150%;
}

.right-box h2 {
font-size: 18px;
color: #21120e;
margin-bottom: 5px;
font-weight: bold;
}

.right-box p{
padding:0px;
}


.right-box ul {
padding: 0px;
margin: 0px 0px 0px 0px;
}


.right-box li{
margin: 0px;
list-style-type: none;
padding-left: 15px;
background: url(/graphics/star.gif) top left no-repeat;
line-height: 140%;
padding-bottom: 5px;
}


#main-content {
background-image:url(/graphics/top-content-bg.gif);
background-repeat: no-repeat;
background-position: top left;
background-color: #fffde8;
}

.main-content-copy {
padding: 30px 50px 30px 50px;
}

.main-content-image {
float: right;
padding: 2%;
}



#mid-content {
background-color: #fffde8;
}

.mid-content-copy {
padding: 30px 30px 30px 50px;
}

.mid-content-image {
float: left;
margin: 0px 20px 10px 0px;
}


/* MENU
-----------------------------------*/

#menu{
width: 100%;
overflow: hidden;
background-color: #e5f3e9;
color: #21120e;
text-align: center;
}


#menu p {
margin:0;
padding:3px 20px 3px 20px;
color: #21120e;
text-align: center;
font-size: 11px;
}


#menu{
	clear:none;
	width:75%;
}




/*  COMMENTS
-----------------------------------*/

.comments1 {
background-color: #fcf1c7;
padding: 2px 10px 2px 10px;
}

.comments2 {
background-color: #ffe3c8;
padding: 2px 10px 2px 10px;
}


.posted1 {
background-color: #f2cd63;
padding: 0px 10px 0px 10px;
font-size: 11px;
margin-bottom: 10px;
}

.posted2 {
background-color: #ff9767;
padding: 0px 10px 0px 10px;
font-size: 11px;
margin-bottom: 10px;
}




/* TAGLINES
----------------------------*/

#tagline{
width: 100%;
overflow:hidden;
background-color: #21120e;
color: #FFF;
text-align: center;
}

#tagline p{
margin:0;
padding:5px;
}

#tagline{clear:left;
width:100%;
}



#spa-tagline{
width: 100%;
overflow: hidden;
background-color: #5c4732;
color: #FFF;
text-align: center;
margin-bottom: 30px;
}


#spa-tagline p{
margin:0;
padding:5px;
}


#spa-tagline {clear:left;
width:100%;
}



/* IDEA SPA TABLE
---------------------------------*/

.spa-girl1 {
background-image: url(/graphics/spa-girl1.gif);
background-repeat: no-repeat;
background-position: bottom left;
background-color: #e7e3b8;
}

.spa-girl2 {
background-image: url(/graphics/spa-girl2.gif);
background-repeat: no-repeat;
background-position: bottom left;
background-color: #e7e3b8;
}

#forum-excerpt table{
border: 0px;
background-color: transparent;
overflow: hidden;
}

#forum-excerpt td{
padding: 0.1em 1em;
font-size: 11px;
}

.row1{
background-color: #e5f3e9;
}

.row2{
background-color: #fffde8;
}


#forum-excerpt tr:hover {
background-color: #ffe2e5;
}


#idea-spa {
height: 289px;
}