/*
-----------------------------------------------
Gina Sawin Base Style Sheet
Author: William Oleszczuk
Date: Aug 2013
-----------------------------------------------
*/


/* Simple Reset-------------------------------------------- */

html, body, div, ul, li, dl, dd, dt { margin: 0; padding: 0; }
ul { list-style: none; }


/* Custom Classes------------------------------------------ */

.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* General------------------------------------------------ */

body { font-size: 85%; }
#content { width: 99%; }
#hpcontent { width: 940px; margin: 0 auto; }
.description { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 0.9em; line-height: 1.4em; text-align: center; width: 820px; margin-right: auto; margin-left: auto; color: #636; }
#wrap { width: 940px; min-height: 900px; margin: 0 auto; padding: 0 20px 1.5em 20px; overflow: hidden; background-color: #fff; }
#reviewwrap { width: 960px; min-height: 900px; margin: 0 auto; padding: 0 20px 1.5em 20px; overflow: hidden; background-color: #fff; }


/* Misc-------------------------------------------------- */ 

img { border: 0; }
.topmar { margin-top: 2px; }
.headtopmar { margin-top: 46px; }
.headtopmar2 { margin: 0 0 0 227px; padding-top: 20px; }
.headtopmar3 { margin: 0 0 0 227px; }
.headtopmar4 { text-align: left; }
.biocaption { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 10px; margin: 0 0 18px 227px; }
.lefttext { text-align: left; }
.biop { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: .95em; line-height: 1.4em; text-align: left; color: #555; }
.alignleft, .alignleft h3 { text-align:left; }
.alignright { text-align: right; color: #069; }
.alignright a { text-align: right; color: #069; text-decoration: none; }
.aligncenter { color: #069; }
.galleryleft { font-family: 'Kumbh Sans', sans-serif, Arial; color: #555; text-align: left; padding: 0 20px; line-height: 2em; }


/*Typography-------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family: 'Kumbh Sans', sans-serif, Arial; font-weight: normal; color: #555; }
h2 { margin-top: 0; margin-bottom: .3em; color: #069; }
#wrap h2 { font-size: 1.5em; line-height: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #aaa; margin-top: 20px; margin-bottom: 0.5em; color: #069; }
h4 { margin: 0 0 .5em 0; }
#wrap h5 { text-align: left; font-size: 1.5em; line-height: 1em; padding-bottom: 0.5em; border-bottom: none; margin-top: 0px; margin-bottom: 0.5em; color: #069; }

p, li { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 0.95em; line-height: 1.4em; color: #555; }

.lucida { font-family: 'Kumbh Sans', sans-serif, Arial; color: #555; text-align: justify; }
.painting { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 12px; line-height: 17px; margin-bottom: -6px; }
.lefttextbio { font-family: 'Kumbh Sans', sans-serif, Arial; text-align: left; font-style: italic; }
.captionright { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 10px; margin-top: 0px; margin-bottom: 18px; text-align: right; }
.captionleft { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 10px; margin-top: 0px; margin-bottom: 18px; text-align: left; }
.group { font-family: 'Kumbh Sans', sans-serif, Arial; }


/* Navigation ------------------------------------------ */

nav ul {
    font-family: 'Kumbh Sans', sans-serif, Arial;
    font-weight: 600;
    font-size: 1.3em;
    text-align: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav li {
   display:inline;
}

nav li a {
    padding:0px 24px 10px 24px;
    display: inline-block;
    text-decoration: none;
    color: #999;
}

nav li a:hover {
    color: #999;
}

.logo { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 3.5em; font-weight: 200; color: #999; text-decoration: none; line-height: 2; text-transform: uppercase;}

#navDivHome { text-align: center; }
#navDiv { margin-top: 20px; text-align: center; }
#navGallery { margin-top: 12px; text-align: center; }
#gina { margin-top: 0; text-align: center; }
#gina p { font-size: .95em; color: #069; }
#gina p a { color: #069; }
#ginaGallery { margin-top: 12px; text-align: center; }


/* Tables---------------------------------------------- */

table#shows { margin: 0 0 30px 227px; text-align: left; border-collapse:collapse; border-spacing: 0; }
table#gallery { width: 100%; text-align: left; border-collapse:seperate; border-spacing: 6px; padding-top: 1px; }
/* table#shows tr td { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 13px; line-height: 1.4em; border-top: 1px solid #636; color: #636; padding: 3px; } */
table#shows tr td { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 14px; line-height: 1em; padding-bottom: 12px; }
.tdleftm { margin: 0 9px 60px 0; padding: 0 9px 0 0; float: left; }


/* Content-------------------------------------------- */

.gallery_description { font-family: 'Kumbh Sans', sans-serif, Arial; font-size: 0.9em; line-height: 1.4em; text-align: center; width: 820px; margin-right: auto; margin-left: auto; color: #636; }
#gallery div p { font-size: 10px; margin: -2px 0 2em 0; }

#descDiv { width: 960px; margin-right: auto; margin-left: auto; margin-top: 20px; text-align: center; }
#descDivreview { margin: 20px 0 0 0; padding: 0; text-align: left; }
.review { margin: 10px 0 0 0; padding: 0; text-align: left; }

#picDiv { text-align: center; margin-right: auto; margin-left: auto; margin-top: 20px; }

#homepic { width: 720px; margin: 0px auto; }
#homepic a { text-decoration: none; color: #069; }
/* #homepic #homepicwrap { width: 393px; float: left; height: 385px; } */
#homepic #homepicwrap p { margin-top: 8px; font-style: italic; text-align: center; }
/* #homepic #hometext { margin-left: 405px; } */
#hometext { text-align: left; margin-top: 20px; }

.picleft { margin: 0; text-align: left; }
.picright { margin: 0 0 1em 1em; text-align: right; }
.picright140 { margin: 0 0 1em 1em; float: right; width: 140px; }
.picright225 { margin: 0 0 1em 1em; float: right; width: 225px; }
.picright225 p { text-align: center; font-style:italic; margin-top: 0; }

.plainlist { list-style:none; padding-left: 0; margin-left:0; }

#leftcol { padding-right: 1em; text-align: right; vertical-align: top; }
#rightcol { padding-left: 1em; text-align: left; vertical-align: top; }

#content #homepic .bottomHomeText p { text-align: left; margin-right: 30px; margin-left: 30px; margin-top: 5px; margin-bottom: 5px; }
#content #homepic .bottomHomeText p { color: #069; }
#content #homepic .bottomHomeText p { font-style: italic; }

#column_1 { height: 1500px; margin: 20px 14px 2em 0; padding: 0 12px; float: left; width: 280px; border-right: 1px solid #aaa; }
#column_2 { height: 1500px; margin: 20px 14px 2em 0; padding: 0 30px 0 12px; float: left; width: 280px; border-right: 1px solid #aaa; }
#column_3 { height: 1500px; margin: 20px 0 2em 0; padding: 0 12px; float: left; width: 280px; }
#column_1 p, #column_2 p, #column_3 p { line-height: 2em; }
.newquotes { margin: 30px 60px; padding: 0 44px; }
.quotes { background: url(../images/quote.png) 0px 1px no-repeat; margin: 30px 60px; padding: 0 44px; }
.quotesbio { background: url(../images/quote.png) 0px 1px no-repeat; margin: 48px 60px 30px 240px; padding: 0 44px; }
.quotescolor { color: #888; text-align: left; }


/* Filter */
dl { margin-bottom: 3em; color: #555; }
dt, dd { float: left; }
dt { margin-right: 5px; margin-top: 1px; font-size: 16px; }
.filter li { float: left; font-size: 14px; }
.recent li { float: left; font-size: 14px; }
.recent a { color: #555; text-decoration: none; }
.recent a:hover, .current a { color: #636; }
.filter li:after { content: "/"; } 
.filter li:last-child:after { content: ""; }
.filter a { padding: 0 10px; color: #555; text-decoration: none; }
.filter a:hover, .current a { color: #636; }

/* Portfolio Items */
.portfolio li { float: left; margin-right: 62px; margin-bottom: 3em; }
/* .portfolio li { float: left; margin-right: 20px; margin-bottom: 2em; border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222; } */
.portfolio li:nth-child(3n) { margin-right: 0; }
.portfolio a { display: block; border: 3px solid #fff;  text-decoration: none; }
.portfolio img { display: block; /* border: 1px solid #ccc; */ }
.portfolio p { width: 264px; display: block; font-size: 12px; line-height: 150%; text-align: center; margin: 3px 4px 6px 4px; color: #555; }
/* .portfolio p { width: 210px; display: block; font-size: 11px; line-height: 150%; text-align: center; margin: 3px 4px 6px 4px; color: #555; } */

/* Index Gallery */

	#gallery { position: relative; height:492px; margin: 0; }
	#gallery a { float:left; position: absolute; }
	#gallery a img { border: none; }
	#gallery a.show { z-index: 500; }
	.clear { clear: both; }