/*
CSS for Beyond What You See site
*/

body {
	font-family: Georgia, Time New Roman, Colisto MT, Arial;
	background-color: LightSlateGray;
	line-height: 150%;
	padding: 0;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 30px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	
}

#rainbowbody {
	background-color: LightSlateGray;
	background: url(rainbowbackground.jpg);
}

/*
This section deals with different header types.
*/

h1 {
	font-family: "Algerian", Time New Roman, Georgia, Colisto MT, Arial, Sans-serif;
	font-size: xx-large;
	color: white;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	padding-top: 1.3em;
	padding-bottom: 1.1em;
	padding-left: .6em;
	border-top: 3px solid DarkSlateGray;
	border-bottom: 3px solid DarkSlateGray;
	margin: 0;
	background: black url(background_header_dahlia.jpg) repeat-y center;
}


h2 { 
	font-family: "Time New Roman", Georgia, Colisto MT, Arial, Sans-serif;
	color: white;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	padding-top: .3em;
	padding-bottom: .2em;
	padding-left: .6em;
	padding-right: .2em;
	background-color: navy;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black;
}

h3 {
	font-family: "Time New Roman", Georgia, Colisto MT, Arial, Sans-serif;
	color: black;
	font-size: large;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}

h4 {
	font-family: "Time New Roman", Georgia, Colisto MT, Arial, Sans-serif;
	color: black;
	font-size: medium;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

h3, h4, h7 {
	margin-left: 25px;
	margin-right: 10px;
}


/* Photo Headers */

h5 {
	font-family: "Georgia", Colisto MT, Arial, Sans-serif;
	color: black;
	font-size: medium;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

h6 {
	font-family: "Lucida Calligraphy", Time New Roman, Georgia, Colisto MT, Arial, Sans-serif;
	color: black;
	font-size: medium;
	font-weight: normal;
	text-decoration: none;
	margin-left: 30px;
	margin-right: 10px;
}





/*
End of header section.
*/

li {
	font-family: "Georgia", Time New Roman, Colisto MT, Sans-serif;
	font-size: small;
	font-weight: normal;
	font-style: normal;
}

p {
	font-family: "Arial", Sans-serif;
	font-size: small;
	color: Black;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-left: 30px;
	margin-right: 15px;
	margin-top: 20px;
}

#tagline p {
	font-style: italic;
	font-family: "Calisto MT", Time New Roman;
	font-size: medium;
	font-weight: normal;
	text-decoration: none;
	color: AliceBlue;
	background-color: DimGray;
	border-top: 2px solid Black;
	border-bottom: 2px solid Black;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .8em;
	margin: 0;
	background: url(grayfade.jpg);
}

#copyright p {
	font-family: "Calisto MT", Sans-serif;
	font-size: small;
	font-weight: bold;
	color: Indigo;
	margin-top: 60px;
}
	

em {
	font-style: italic;
	text-transformation: none;
	text-decoration: none;
	font-weight: normal;
}

/*
This section deals with Navigation types.
*/

a {
	font-family: "Georgia", Time New Roman, Calisto MT;	
	font-weight: normal;
	font-style: normal;
	text-transformation: none;
	text-decoration: underline;
	color: purple;
	font-size: small;
}

a:link {
	font-family: "Georgia";
	font-size: small;
	color: navy;
}

a:visited {
	color: Black;
	font-family: "Arial", Georgia, Time New Roman;
	font-size: small;
}

a:hover {
	color: white;
	background-color: navy;
	font-size: small;
	font-family: "Georgia", Calisto MT;
}

a:active {
	color: aqua;
	background-color: navy;
	font-family: "Georgia", Time New Roman;
}
	
#mainnavigation {
	float: left;
	background-color: SteelBlue;
	width: 170px;
	height: 484px;
	background: url(SunsetOverOcean.jpg) no-repeat;
}

#navlist { 	list-style-type: none; }
#navlist .stockphoto-off, .photocardlarge-off, .photocardsmall-off {color:black; font-family:"arial"; font-size:small; font-weight:bold;}

/* ------------- Pagination: Clean ------------ */

#pagination-clean li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
/* savers #pagination-clean li,*/
#pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
#pagination-clean .previous-off,
#pagination-clean .next-off   { color:black; display:block; float:left; font-weight:bold; padding:3px 4px; }	
#pagination-clean .next a,
#pagination-clean .previous a  { border:none; font-weight:bold; }	
#pagination-clean .active     { color:darkmagenta; font-family:"Georgia", Time New Roman; font-size:medium; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination-clean a:link,
#pagination-clean a:visited   { color:navy; display:block; float:left; padding:3px 6px; text-decoration:underline; font-size:small; font-family:"Arial", Georgia, Time New Roman; }
#pagination-clean a:hover     { text-decoration:none; color:white; background-color:navy; font-size:small; font-family:"Georgia", Colisto MT; }



/*
This section deals with different list types.
*/

#navlist {
	list-style-type: none;
}

.squarelist {
	list-style-type: square;
}

.normlist {
	list-style-type: disc;
	color: Maroon;
	position: relative;
	left: 35px;
}

.plainlist {
	list-style-type: none;
}

/*
End of all navigation.
*/



.contentconstrained {
	padding-left: 195px;
	padding-right: 20px;
}

.simpleblackborder {
	border-width: 2px;
	border-style: solid;
	border-color: black;
}

.simplesingleborder {
	border-width: 2px;
	border-style: solid;
	border-color: DarkSlateGray;
}

.nudge {
	position: relative;
	top: 10px;
	left: 10px;
}

.feature {
	float: right;
	margin: 10px;
}


img {
	border-width: 5px;
	border-style: solid;
	border-color: black;
}

.blockquote {
	border-width: 5px;
	border-style: double;
	border-color: black;
	padding: .2em;
	font-family: "Gorgia", Colisto MT, Arial, Sans-serif;
	font-size: small;
	color: purple;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}


/*
This section deals with the product section.
*/
.productphoto p {
	font-family: "Times New Roman", Arial, Sans-serif;
	font-size: medium;
	font-weight: normal;
	margin-top: 10px;
	width: 500px;
	line-height: 1.5em;
}

.productphoto {
	padding-bottom: 20px;
	border-bottom: 1px solid navy;
	margin-bottom: 10px;
}

.productprice {
	font-family: "Arial", Sans-serif;
	font-weight: small;
	color: DarkRed;
}

.productcode {
	font-weight: normal;
	font-size: small;
	color: DarkBlue;
	font-family: "Colisto MT", Sans-serif;
}

.productphoto img {
	margin-left: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: black;
}

.pagesplit {
	padding-bottom: 20px;
	border-bottom: 1px solid navy;
	margin-bottom: 10px;
}

/*
This section deals with the gallery section.
*/

.galleryphoto p {
	font-size: small;
	font-weight: bold;
	margin-top: 0;
	width: 430px;
	line-height: 1.4em;
}

.photocredit {
	font-weight: normal;
	color: DarkSlateGray;
}

.cardcode {
	font-weight: normal;
	font-size: small;
	color: DarkBlue;
	font-family: "Colisto MT", Sans-serif;
}

.galleryphoto {
	padding-bottom: 20px;
	border-bottom: 1px solid navy;
	margin-bottom: 10px;
}

.galleryphoto img {
	margin-left: 20px;
	border-width: 5px;
	border-style: solid;
	border-color: black;
}

.photoprice {
	font-family: "Arial", Sans-serif;
	font-weight: small;
	color: DarkRed;
}

.pagesplit {
	padding-bottom: 20px;
	border-bottom: 1px solid navy;
	margin-bottom: 10px;
}


/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.
*/

#header {
	width: 100%;
}