@import "reset.css";
@import "forms.css";
@import "slimbox.css";
@import "vSDialog.css";

/* Utility */
.clear			{ clear:both; line-height:0px; font-size:1px; display:block; height:0px; overflow:hidden }
.hidden			{ position:absolute; left:-9999px; top:-9999px; width:0px; height:0px; overflow:hidden }
.nofloat		{ float:none }

body			{ cursor:default; font-family:Arial, Helvetica, sans-serif; background:#ecf3ea }
#page			{ width:96em; margin:0 auto }

#header			{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic }
#header h1		{ font-size:3em; text-align:center }
#header h1	a	{ display:block; padding:2em 0 0 0; width:100%; text-indent:-9999px; background:url("../img/Yevgeniya-Savosta.gif") no-repeat center center }

#masthead		{ background:url("../img/masthead.gif") no-repeat center bottom }

#header ul		{ font-size:1.2em; font-weight:bold; text-align:center; padding:1.25em 0 }
#header ul li	{ display:inline; text-align:center; padding:0.5em 0.25em }

#header ul li a	{ padding:0.2em 0.75em }

ul#gnav, ul#snav{ background:url("../img/header-line.gif") no-repeat center top }
ul#nav 			{ background:url("../img/nav-line.gif") no-repeat center top }

ul#gnav li,
ul#gnav li a 	{ color:#adadad; text-decoration:none }
ul#nav li,
ul#nav li a,
ul#snav li,
ul#snav li a	{ color:#707070; text-decoration:none }

ul#gnav li a:active, ul#gnav li a:focus, ul#gnav li a:hover,
ul#snav li a:active, ul#snav li a:focus, ul#snav li a:hover,
ul#nav li a:active, ul#nav li a:focus, 
ul#nav li a:hover	{ color:#000000 }


body.Home li#Home a, body.Home li#Home a:hover,
body.Commission li#Commission a, body.Commission li#Commission a:hover,
body.Classes li#Classes a, body.Classes li#Classes a:hover,
body.Store li#Store a, body.Store li#Store a:hover,
body.Links li#Links a, body.Links li#Links a:hover,
body.NewsBlog li#NewsBlog a, body.NewsBlog li#NewsBlog a:hover,
body.About li#About a, body.About li#About a:hover,
body.Contact li#Contact a, 
body.CP li#CP a, 
body.Contact li#Contact a:hover,

div.Portraits li#Portraits a, div.Portraits li#Portraits a:hover,
div.Still_Lifes li#Still_Lifes a, div.Still_Lifes li#Still_Lifes a:hover,
div.Landscapes li#Landscapes a, div.Landscapes li#Landscapes a:hover,
div.Figure li#Figure a, div.Figure li#Figure a:hover
							{ background:#976e42; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px }


body.Gallery #header ul li#Gallery a, body.Gallery #header ul li#Gallery a:hover
							{ color:#784712 }


#content					{ margin:2em 0 }

.section					{ margin:0.5em 0 2em 0 }

.section_inner,
.section h2					{ color:#555; background:url("../img/full-line.gif") no-repeat center center; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal }
.section_inner				{ background-position:center 0.85em }
.section h2 span			{ font-size:2em; background:#ecf3ea; padding:0 0.25em; letter-spacing:-0.05em }
.section h2.toggle			{ cursor:pointer }

.section.active h2 span		{ background:url("../img/sectionbg.gif") no-repeat center 0.5em }
.section.active				{ background:url("../img/sectionbg.gif") no-repeat center 0.85em }

/* Image Grid */
div.grid_wrap				{ height:auto; overflow:hidden; position:relative; z-index:2 }
ul.grid						{ overflow:hidden; padding:2em 0; width:72.5em; margin:0 auto }
ul.grid li					{ float:left; display:block; width:24em; margin:0 0 0 -0.2em; border:1px solid #ccc; border-width:0 0 0 0.1em }
ul.grid li a:link, 
ul.grid li a:visited 		{ color:#858585; display:block; width:22em; margin:0 auto; text-decoration:none; overflow:hidden }
ul.grid li a:active, ul.grid li a:focus, 
ul.grid li a:hover 			{ color:#000000 }

ul.grid li a span.thumb img	{ margin:-0.3em 0 0 -0.3em; width:14em; cursor:pointer }

ul.grid li a span.thumb		{ display:block; width:14em; background:#ddd; margin:1em 0 0 4.25em; position:relative }
ul.grid li a strong			{ display:block; margin:0.5em 0 }

ul.grid li a span.details 
span						{ display:block }
ul.grid li a span.details 	{ display:block; font-size:1.1em; margin:0.5em 0 1.25em 3.5em; }

/* Typography */
.entry, .posts				{ margin:2em 2em 2em 30em; padding:2em; border:1px solid #cccccc; border-width:0 0 0 0.1em; position:relative }
.pullout img,
.entry img.pic,
.posts img.pic				{ max-width:19.2em; padding:0.5em; background:#fcfcfc; border:1px solid #eee; border-color:#eee #ddd #ddd #eee }

.entry img.pic,
.posts img.pic				{ float:left; margin-left:-25.5em }

.pullout					{ width:20em; overflow:hidden; position:absolute; top:0; left:-22.5em }
.pullout img				{ margin:0.5 em }

.posts						{ margin:2em 2em 0 30em; padding:0 }

.entry p, .posts p 			{ font-size:1.1em; margin:0 0 2em 0; line-height:1.5em }
.entry ul, .posts.ul 		{ font-size:1.1em; list-style-type:disc; margin:0 0 2em 2em }
.entry ul li, .posts ul li 	{ margin:0.5em 0 }

.notice						{ padding:1em }
.notice p					{ text-align:center; font-size:1.1em; margin:0 0 2em 0; line-height:1.5em }

/* Submenu */
ul.submenu					{ margin:0; padding:0; list-style:none }
ul.submenu li				{ display:block; float:left; width:21em; margin:0 0 1px 0; padding:0 }
ul.submenu li a				{ display:block; float:left; width:20em; padding:0.5em; background:#f2f2f2; color:#777; text-decoration:none}
ul.submenu li a:hover		{ color:#fff; background-color:#333}

/* Blog */
.datestamp					{ position:absolute; top:0.25em; left:-22em; width:20em; text-align:right; text-transform:uppercase; color:#999; font-weight:bold; font-size:1.1em; }
.entry h3, .posts h3		{ font-size:1.5em; font-weight:bold; position:relative; display:block; zoom:1 }
.posts h3 a 				{ color:#000; text-decoration:none; padding:0em 1.25em; display:block }
.posts h3 a:active, .posts h3 a:focus, 
.posts h3 a:hover 			{ color:#784712 }

.posts h2.padded			{ font-size:0.9em; text-align:left; background:none; padding:0em 1em 3em 1.5em }
.posts h2.padded span		{ background:none }

.compact .datestamp			{ left:2em; text-align:left; width:11em }
.compact h3					{ font-size:1.1em; padding-left:12em; padding-right:6em }

.pullout h2.padded			{ font-size:2em; padding:0 0 0 0.25em }
.pullout h2.padded span		{ font-size:0.7em; display:block; margin:1em 0 }

.posts h3 a span 			{ position:absolute; top:0em; right:1.75em; font-size:0.8em; font-weight:normal; padding:0.25em; cursor:pointer }
.posts h3 a:hover span 		{ font-weight:bold }

.post						{ position:relative }

.content					{ margin:1em 2em; border:1px solid #ccc; border-width:0 0 1px 0; height:1px; overflow:hidden }
.content.open				{ height:auto }


#footer						{ text-align:center; font-style:italic; font-size:1.1em; background:url("../img/footer-line.gif") no-repeat center top; margin:4em 0; padding:1.5em 0 0 0 }
#footer, #footer a:link, 
#footer a:visited			{ color:#999; text-decoration:none }


/* Dialogs */
.dialogTitle {padding:1.25em; border-top:1px solid #333; background-color:#000000;}
.dialogTitle h3 {color:#FFFFFF; font-size:2.5em; font-weight:bold}
.dialogTitle a:link, .dialogTitle a:visited, .dialogTitle a:active {position:absolute; font-size:1.2em; padding:0.5em 1em; border:1px solid #000000; -moz-border-radius:5px; background-color:#333333; top:1em; right:1.25em; text-decoration:none; color:#ccc;}
.dialogTitle a:hover{color:#FFFFFF;}
a:link, a:active, a:visited{color:#0000CC;}
a:hover{color:#000000;}

/* cp */

div.isForSale					{ display:none; position:absolute; left:0; top:0; background:#FFFFFF; font-weight:bold; font-size:1.1em; text-align:center; padding:0.5em }
span.isForSale div.isForSale	{ display:block }