/*---------------------------------
Filename: TheNakedFlower.css
Description: Main style sheet for The Naked Flower website
-----------------------------------*/

* {
		margin:0;
		padding:0;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #660033;
}
/*---------------------------------
 TAG STYLES
-----------------------------------*/

body {
		background-color: #000000;
}
img { 
		vertical-align:bottom;
		border-width:0;
}
ol, ul {
		list-style-type:none;
}

h1,h2,h3,p {
		line-height: 150%;
}
h1 {
		margin-top:.25em;
		font-size: 140%;
		clear:both;
}
h2, h3 {
		font-size: 100%;
}		
p {		
		color:#000000;
		margin-bottom:.75em;
}
strong {		
		font-weight:bold;
		color:#000000;
}
/*---------------------------------
LINK STYLES
-----------------------------------*/
a {
		text-decoration:none;
}
/*---------------------------------
DECORATIVE STYLES
-----------------------------------*/
.purple {
		height:.5em;
		background-color: #660033;
}
/*---------------------------------
SLIDESHOW STYLES
-----------------------------------*/
.focalImages {
		position:relative;		
}
.focalImages img {
		width:40em;
		height:12.5em;
}
.showDefault {
		display:block;
		position:relative;
		clear:both;
}
.show {
		display:block;
		position:absolute;
		clear:both;
}
/*---------------------------------
NAVIGATION BAR STYLES
-----------------------------------*/
#nav {
		float:left;
		margin: 0 0 0;
		padding:0;
		width:40em;
		display:block;
		background-color:#660033;
		display:block;
} 
#nav ul	 {
		list-style: none;
		margin: 0;
		padding: 0 3.75em 0 0;
		float:right;
		display:block;
}
#nav li {
		margin:0 0 0 .95em;
		padding:0;
		line-height:normal;
		float:left;
		display:block;
}
#nav li a {
		margin:0;
		padding:.5em 0;
		text-decoration:none;
		text-align:right;
		display:block;
}
#nav li a:link, #nav li a:visited {
		color:#FFFFFF;
}
#nav li a:focus, #nav li a:hover {
		color: #cc0099;
}
#nav li a#here {
    	color:#FF99CC; 
}
/*---------------------------------
MAIN AREA STYLES
-----------------------------------*/
/* 
The .container style positions the content in the horizontal centre of the browser window. widest element is the focal image.
*/
.container {
		background-color:#FFFFFF;
		position: absolute;
		width: 40em;
		left: 50%;
		margin: 0 0 0 -20em;
}

.header {       
                width:40em;
                height:8em;
}

.mainText {
		text-align: justify;	
		padding-right: 3.75em;
		padding-left: 3.75em;
		background-image:url(../images/imagesUniversal/watermark.jpg);
		background-repeat:repeat-y;
}
#leaf {
		float:left;
                width:15.562em;
                height: 2.438em;
}
.footerText {
		clear:both;
		text-align: right;
		margin-top:1em;
		padding-bottom:1em;
}
.footerText p {
		margin-bottom:0;
}
.footerText p a {
		color:#000000;
		text-decoration: underline;
}		
.footerText p a:hover{
		color:#cc0099;
}
.mainText a {		
		color:#660033;
		text-decoration:underline;		
}
.mainText a:hover {
		color:#cc0099;
		text-decoration:underline;
}			
.mainText p a {
		font-size:small;
}
.mainText p strong a {
		color:#000000;
}
/*---------------------------------
RECENT EVENT STYLES
-----------------------------------*/
.about {
		padding-top:1em;
		padding-bottom:1em;
		width:100%;	
		float:left;
		clear:both;
}
.about img { 
		margin-right:.75em;
		width:10.625em;
		height:15em;
		float:left;
}
.events {
		padding-top:1em;
		padding-bottom:1em;
		border-top-color: #660033;
		border-top-style:solid;
		border-top-width:.1em;
		width:100%;	
		float:left;
		clear:both;
}
.events img { 
		margin-right:.75em;
		width:10.625em;
		height:15em;
		float:left;
}
.thumbnail img {
		width:4.68em;
		height:6.625em;
		clear:none;
		margin-top:.5em;
		margin-bottom:.5em;
		margin-right:.5em;
}
.otherEvents {
	        float:left;
                position:relative;
		top:-1em;
		display:block;
		text-align:right;
		font-size:smaller;
		color:#660033;
                width:100%;
}
.otherEvents p {
		color:#660033;
		font-weight:bold;		
		margin-bottom:.25em;
                margin-right:.3em;

}
.otherEvents a {
		text-decoration:underline;
		display:inline;
                padding:0;
                margin-right:.3em;
		margin-left:0;
		margin-bottom:.5em;
                white-space:nowrap;
                
}

.otherEvents a:hover {
		color:#cc0099; 
}
.portraitLeft {		
		width: 10.625em;
		height:15em;
		margin-bottom:.6em;
}
.portraitRight {
		margin-left: .6em;
		width: 10.625em;
		height:15em;
		margin-bottom:.6em;
}
.landscapeLeft {
		width:21.25em;
		height:15em;
		margin-bottom:.6em;
}
.landscapeRight  {
		margin-left: .6em;
		width:21.25em;
		height:15em;
		margin-bottom:.6em;
}

.portraitLeftGallery {		
		width: 10.625em;
		height:15em;
		margin-bottom:.4em;
}
.portraitRightGallery {
		margin-left: .35em;
		width: 10.625em;
		height:15em;
		margin-bottom:.4em;
}
.landscapeLeftGallery {
		width:21.25em;
		height:15em;
		margin-bottom:.4em;
}
.landscapeRightGallery  {
		margin-left: .35em;
		width:21.25em;
		height:15em;
		margin-bottom:.4em;
}


/*-----------------------------------
SITE MAP STYLES
------------------------------------ */
#sitemap li {
		margin-bottom:.75em;
}
#sitemap a {
		font-weight:bold;
}
#sitemap p {
		display:inline;
} 
/*---------------------------------
FORM STYLES
-----------------------------------*/
form ul {
		width:100%;
}
form ul li {
		margin-top:.5em;
		float:right;
		clear:none;
}
label {
		text-align:right;
		vertical-align:middle;
		padding-top:.25em;
		padding-bottom:.25em;
}
input, textarea {
		text-align:left;
		vertical-align:middle;
		border-width:1px;
		border-color:#660033;
		border-style:solid;
		padding:.25em 0 .25em 0;
		width:20em;
		font-size:1em;
}
textarea {
		height:10em;
}
fieldset {
		border-width: 0;
}
.submit {
		text-align:center;
		border-style:outset; 
}
/*---------------------------------
WARNING AND ALERT STYLES
-----------------------------------*/
.alert {
		color:#CC0000;
}
.contactAlert {
		color:#CC0000;
		width:100%;
		text-align: right;
}