/* 
	Stylesheet for Carol White Art
	Copyright 2007 Carol White
 */
 
/* Selectors used to accommodate ie:  rule is given
first for ie, then with selector for compliant browsers */
 
/* general page layout */
body {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
/*	background-color:#ffffff; set in gallerystyle.php */
	font-size:100%;
	font-weight:100;
	font-variant:normal;
	font-family:Arial, Helvetica, sans-serif;
}
#layout {
	margin:0 auto 20px auto;
	padding:0 0 0px 0;
	position:relative;
	text-align:left;
	width:848px;
	\width: 860px; /* ie6 860 6-29*/
	w\idth: 848px; 
}
.wrapper, .wrapper2 {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
.italics {
	font-style: italic;
}
.centered {
	text-align: center;
}
#copyright_print {
	display:none;
}
#copyright_screen {
	font-size:75%;
	color:black;
	float:right;
	margin:0px 8px 0 0px;
	padding:0;
}
/* font styling */
a {
/*	color:#3d214d;	set in gallerystyle.php */
	text-decoration:none;
}
h1 {
}
h2 {
}
p {
}

/* home page */
#topnav {
	margin:20px 1px 2px 0;
	padding:0; /* ie */
	float:right;
}
.wrapper > div#topnav {
	padding:0 5px 0 0; /* compliant */
}
#topnav ul,
#topnav ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
#topnav ul li a { 
	font-size:100%;
/*	color:#3d214d;	set in gallerystyle.php */
	text-decoration:none;
}
#carolwhiteart {
	margin:0px 0px 0px 0;
	padding:0px 0 0 5px;
	float:left;
	border-width:0px;
	height: 100%;
}
#carolwhiteart a {
	border-width:0px;
}
#container {
	margin:0px 0 0px 95px;
	padding:0px;
	position:relative;
/*	border-color:#3d214d; set in gallerystyle.php 
	height: 603px;*/
	height: 100%;
}
#mainbox {
/*	background-color:#3d214d; set in gallerystyle.php */
	margin:0 0px 0 0px;
	padding:15px;
	float:left;
}
#mainboximg {	
	margin:0 0px 0 0px;
	padding:15px;
	float:left;
	font-size:0px; /* to fix ie img border bug */
}
#cws_slideshowbox {
	background-image:url(images/home/cws13_home.jpg);
	background-repeat:no-repeat;
	background-position:inherit;
	background-attachment:fixed;
}
#cws_ss_float {
	float:left;
}
#gallerycolumn {
/*	background-color:#ffffff; set in gallerystyle.php */
	height:100%;
	margin:0 0 0px 0px;
	padding:0px 0px 0px 0;
	float:left;
	border-width:2px 2px 2px 0;
	border-style: solid;
/* border-color set in gallerystyle.php */
}
#gallerycolumn {
	width:134px; /* compliant browsers */
}
#gallerycolumn {
	\width: 138px; /* ie6 136 6-29 */
	w\idth: 134px; 
}
.gallerycol_pair {
	margin:0;
	padding:11px 0 1px 0;
}
.gallerycol_img {
	margin:0 0 0 10px; 
	padding:0;
}
.gallerycol_img img {
	border-style: solid;
	border-width: 1px;
}
.gallerycol_title,
.gallerycol_title2 { /* one and two line titles */
	margin:0;
/*	padding:5px 0 2px 0; */
	padding:0px 0 2px 0; /* ie */
	text-align: center;
}
#container > div#gallerycolumn .gallerycol_title {
	padding:5px 0 3px 0; /* everyone else */
}
#container > div#gallerycolumn .gallerycol_title2 {
	padding:5px 0 3px 0; /* everyone else */
}
.gallerycol_title a,
.gallerycol_title2 a {
	font-size:80%;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}
.gallerycol_title a { height:14px; }
.gallerycol_title2 a { height:35px; } /* ie */
#container > div#gallerycolumn .gallerycol_title2 a { height: 28px; } /* everyone else */

/* background hightlighting of current gallery - set in gallerystyle.php

.notthisgallery { background-color:#ffffff; }
.notthisgallery a { color:#3d214d; }
.thisgallery { background-color:#3d214d; }
.thisgallery a { color:#ffffff; }
*/
#portfoliobox {
	background-color:#ffffff;
	margin:0;
	padding:0px;
	width:583px; /* also affects detailimage width */
	height:573px;
	position:relative;
}

/* thumbnail gallery title bar */
#thumbstitle {
	margin:0;
	padding:20px 0 10px 0px;
/*	color:#3d214d; set in gallerystyle.php */
	font-size:120%;
	font-weight:100;
	text-align:center;
	width:100%;
}
.thumbssubtitle {
	font-size:70%;
	font-style:italic;
}
/* thumbnail navigation */
#thumbsnav {
	margin:0px 0 0 0;
	padding:0px 0px 1px 40px;
}
#thumbsnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
#thumbsnav ul li {
	margin:0;
	padding:0;
	display:inline;
}
#thumbsnav {
	font-size:80%;
/* 	color:#cf70bf; set in gallerystyle.php */
}
#thumbsnav a {
	font-size:inherit;
	text-decoration:none;
}

/* page 1 | page 2 link colors - set in gallerystyle.php
.notthispage a, .separator { color:#3d214d; }
.notthispage a:hover { color:#cf70bf; }
*/


/* thumbnails gallery */
#seasonsgallery,
#thumbsgallery {
	margin:5px 0 0 0;
	padding:0px 0px 0px 40px;
/*	color:#3d214d; set in gallerystyle.php */
}
#seasonsgallery ul,
#seasonsgallery ul li,
#thumbsgallery ul,			/* gallery of rows */
#thumbsgallery ul li {		/* row 1 with 5 images */
	list-style-type:none;
	display:block;
	margin:0 0 0px 0;
	padding:0;
	clear:left;
}
#seasonsgallery ul ul,
#thumbsgallery ul ul {	/* row of 5 images */
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
#seasonsgallery ul ul li,
#thumbsgallery ul ul li { /* first image/text pair */
	list-style-type:none;
	margin:0px 10px 0 0; /* ie: 15->10 6-28margin top spaces rows */
	padding:0;
	display:inline;
	clear:none;
	float:left;
}
#portfoliobox > #seasonsgallery ul ul li,
#portfoliobox > #thumbsgallery ul ul li { /* first image/text pair */
	margin:2px 10px 0 0; /* 15->10 6-28margin top spaces rows */
}
#seasonsgallery ul ul ul,
#seasonsgallery ul ul ul li,
#thumbsgallery ul ul ul,
#thumbsgallery ul ul ul li { /* 2 items in entry */
	float:none;
	list-style-type:none;
	margin:0;
	padding:0px;
	vertical-align:top;
	text-align:center;
	display:block;
}
#seasonsgallery ul ul ul li {
	padding-bottom: 2px;	/* ie seasons overflow */
}
#thumbsgallery ul ul ul li {
	padding-bottom:7px; /* ie - text cut off */
}
#portfoliobox > #seasonsgallery ul ul ul li,
#portfoliobox > #thumbsgallery ul ul ul li {
	padding-bottom: 0px; /* compliant */
}
.constrainthumb {
	width:90px;
	line-height: .8em;
}
#seasonsgallery ul ul ul li img,
#thumbsgallery ul ul ul li img {
	border-width:1px;
	border-color:#999999;
	border-style:solid;
}
#seasonsgallery ul ul ul li img,
#thumbsgallery ul ul ul li img {
	margin:0 0 4px 0; /* ie - no effect? */
	padding:0;
}
#portfoliobox > #seasonsgallery ul ul ul li img,
#portfoliobox > #thumbsgallery ul ul ul li img {
	margin:0 0 4px 0; /* compliant */
	padding:0;
}
#seasonsgallery ul ul ul li a,
#thumbsgallery ul ul ul li a {
	font-size:72%;
	font-style:normal;
/*	color:#3d214d; set in gallerystyle.php */
	text-decoration:none;
}

/* image detail page */
#detailimage {
	position:relative;
	width:583px;	/*width 553-6-30 ie, based off portfoliobox width */
	height:543px;  /* 6-30 543 */
	margin:0; /* 6-30 0 */
/*	padding:30px 0px 0px 30px;  6-30: 30 0 0 30 */
/*	padding:30px 0px 0px 30px;
	\padding:30px 0 0 30px;  ie6 860 6-29
	p\adding: 30px 0px 0px 30px; */
}
#portfoliobox > #detailimage {
	width:583px; /* compliant */
	height:543px;
}
#detailimage a {
	text-decoration:none;
}
#detail_goback {
	position:absolute;
	top:20px;
	right:40px;
}
#detail_goback a,
#detail_enlarge a {
	font-size:90%;
/*	color:#3d214d; set in gallerystyle.php */
	font-style:italic;
	text-decoration:none;
}
/*#detail_goback a:hover,
#detail_enlarge a:hover {
	color:#cf70bf; set in gallerystyle.php 
}*/
.detail_image {
	display:block;
	margin:60px 20px 0px 15px; /* ie */
	padding:0;
	float:left;
/* force haslayout in IE, as well as align nav arrows and keep data on right of multi-width image */
	height:400px;	
}
#detailimage > .detail_image {
	margin:60px 20px 0px 30px; /* compliant */
}
.detail_data {
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	float:left;
/*	color:#333333; set in gallerystyle.php */
}
.detail_title {
	font-size:130%;
	margin:70px 0 10px 0;
	padding:0;
/*	color:#3d214d; set in gallerystyle.php */
}
.detail_data > detail_title {
	display:block; /* compliant */
}
.detail_name {
	font-size:100%;
	font-style:italic;
	margin:0 0 5px 0;
	padding:0;
}
.detail_size {
	font-size:90%;
	margin:0 0 30px 0;
	padding:0;
	font-weight: 100;
}
.detail_medium p {
	font-size:85%;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.3em;
}
.detail_description p {
	font-size:90%;
	margin:0 0 25px 0;
	padding:0;
	line-height: 1.3em;
}
.detail_other {
	font-style:italic;
	font-size:90%;
}
.detail_notes p {
	font-size:85%;
	font-style:italic;
	line-height:1.3em;
}
#detail_leftarrow {
	position:absolute;
	left:30px;
	bottom:5px; /* ie */
}
#detail_rightarrow {
	position:absolute;
	right:45px;
	bottom:5px; /* ie */
}
#detail_enlarge {
	position:absolute;
	left:200px; /* ie */
	bottom:5px;
	margin: 0;
	padding: 0px 0 0 0;
	text-align: center;
}
#detailimage > #detail_leftarrow {
	left:30px;
	bottom:5px; /* compliant */
}
#detailimage > #detail_enlarge {
	left:210px; /* compliant */
	bottom:5px;
}
#detailimage > #detail_rightarrow {
	right:50px;
	bottom:5px; /* compliant */
}
/* portfolio page: non-gallery content */
.emailform {
	vertical-align:top;
	padding-bottom:5px;
}
#port_email, #port_email2 {
	font-size:87%;
	line-height: 1.3em;
	padding:5px 0px 0 40px; /* ie */
}
#portfoliobox > div#port_email,
#portfoliobox > div#port_email2 {
	padding:10px 0px 0 40px; /* compliant */
}
#port_email ul li,
#port_email2 ul li {
	line-height: 1.8em;
}
#port_email ul li a,
#port_email2 ul li a {
	text-decoration: underline;
}
#port_nongallery {
	font-size:87%;
	line-height: 1.3em;
	padding:5px 25px 0 40px; /* ie */
}
#portfoliobox > div#port_nongallery {
	padding:10px 40px 0 40px; /* compliant */
}
#port_nongallery a {
/*	color:#3d214d; set in gallerystyle.php */
	font-size:inherit;
}
#port_nongallery p {
	font-size:100%;
/*	color:#3d214d; set in gallerystyle.php */
}
#port_nongallery p img {
	margin:5px 0px 10px 10px;
	padding:0;
	border-width: 1px;
	border-color:gray;
	border-style:solid;
}
#copyrightinfo {
	text-align: center;
	font-style: italic;
	font-size:95%;
	margin:5px 0 0 0;
	padding:0;
}
#copyrightinfo a {
	font-style: italic;
	color:inherit;
}

.adminsuccess {
	color:#cf70bf;
	font-size: .9em;
	font-style:italic;
	text-align: center;
}