/*
Theme Name: Lise Graham
*/

@font-face {
    font-family: 'mgopen_cosmeticabold';
    src: url('fonts/mgopencosmeticabold-webfont.eot');
    src: url('fonts/mgopencosmeticabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mgopencosmeticabold-webfont.woff') format('woff'),
         url('fonts/mgopencosmeticabold-webfont.ttf') format('truetype'),
         url('fonts/mgopencosmeticabold-webfont.svg#mgopen_cosmeticabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mgopen_cosmeticabold_oblique';
    src: url('fonts/mgopencosmeticaboldoblique-webfont.eot');
    src: url('fonts/mgopencosmeticaboldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mgopencosmeticaboldoblique-webfont.woff') format('woff'),
         url('fonts/mgopencosmeticaboldoblique-webfont.ttf') format('truetype'),
         url('fonts/mgopencosmeticaboldoblique-webfont.svg#mgopen_cosmeticabold_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mgopen_cosmeticaoblique';
    src: url('fonts/mgopencosmeticaoblique-webfont.eot');
    src: url('fonts/mgopencosmeticaoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mgopencosmeticaoblique-webfont.woff') format('woff'),
         url('fonts/mgopencosmeticaoblique-webfont.ttf') format('truetype'),
         url('fonts/mgopencosmeticaoblique-webfont.svg#mgopen_cosmeticaoblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mgopen_cosmeticaregular';
    src: url('fonts/mgopencosmeticaregular-webfont.eot');
    src: url('fonts/mgopencosmeticaregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mgopencosmeticaregular-webfont.woff') format('woff'),
         url('fonts/mgopencosmeticaregular-webfont.ttf') format('truetype'),
         url('fonts/mgopencosmeticaregular-webfont.svg#mgopen_cosmeticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html, body {
	height: 100%;
}

body {
	font: 80%/1.3;
	margin:0;
	padding:0;
	text-align:center;
	height: 100%;
	color:#5e5e5e;
	background:#fff;
	font-family:  "mgopen_cosmeticaregular", sans-serif;
	background: url(images/background-gate.jpg) no-repeat bottom right fixed;
}


#fade {
	background: url(images/fade.png) repeat-y top right;
	width:960px;
	text-align:left;
	margin: 0px;
	padding:0px;
	min-height:100%;
}

#wrapper {
	width: 900px;
	text-align:left;
	padding: 30px 30px 0 30px;
	margin: 0;
	height:100%;

}

#header {
	width:920px;
	padding: 0 0 72px 0 ;

}


#leftColumn {
	clear:both;
	width:208px;
	float:left;
	display:block;
	margin: 0 12px 0 0px;
	padding: 0 12px 0 0px;

}



#twoColumn #leftColumn {
	width:440px;	
}

#mainColumn {
	width:660px;
	float:left;
	display:block;
	margin: 0 0 0 0px;
}

#twoColumn #mainColumn {
	width:420px;
	
}

#rightColumn {
	clear:both;
	width:200px;
	float:right;
	display:block;
margin: 0 0 0 12px;
}


#header  h1 {
	margin:0;
	padding:0;
}

#header h1.strapLine {
	float:left;
	display:inline-block;
	line-height:1.2em;
		font-size:0.9em;
	font-family:  "mgopen_cosmeticaregular", sans-serif;
	
}

#header h1 {
	color:#514D5D;

}

#header  a:hover h1{
	color:#2193ce;

}

.section {
	font-size:0.8em;
	position:relative;
	top:-8px;
}

a {
	color:#2193ce;
	text-decoration:none;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

.entry-content	{
	padding: 0px 0 12px 0;
	
}	

.secondary {
	display:block;
	width: 100%;
}

.home .entry-content {

}

.hoverBox {
	width: 200px;
	float:left;
	position:relative;
	margin:0 0px 12px 0px;
}


#rightColumn .hoverBox {
	margin:0 0px 8px 0px;
}

#rightColumn .even {
	margin:0 4px 8px 0px;
	
}

#leftColumn  .hoverBox{
	margin:0 0px 12px 0px;
}

#leftColumn #subMenu, #leftColumn .navigation{
	margin:8px 0px 12px 0px;
}

#twoColumn #leftColumn  .hoverBox{
	margin:0 12px 12px 0px;
}

.hoverBox h3{
	padding:4px 8px 4px 8px;
	margin:0;
	font-family:  "mgopen_cosmeticaregular", sans-serif;
	background-color:#2193ce;
	color:#fff;
}

.hoverBox a:hover h3{
	background-color:#006da5;
}

h3.pageInfo{
	padding:0;
	margin:0;
	z-index:5;
	font-family:  "mgopen_cosmeticaregular", sans-serif;
}

.hoverBox .info {
	/*background:url(images/white_trans.png) left top repeat;*/
	display:none;	
}


.hoverBox p {
	padding:4px 8px 4px 8px;
	margin:0;
	z-index:5;
}

.hoverBox a {
	color:#2193ce;
}

.hoverBox img {
	margin:0 0 1px 0;
		display:block;

	padding:0;
}

#artworkInfo {
	text-align:center;
}

#artworkInfo #subMenu * {
	margin:0;
}

#artworkInfo #subMenu .first {
	margin-top:36px;
	font-size:1.3em;
}

#artworkInfo h1 {
	font-size:1.1em;
	margin: 12px 0 4px 0;
}

.gallery{
	height:580px;
	clear:both;
	}
	
.galleryRight{
	height:200px;
	width:360px;
	float:right;
	}
	
	.galleryRight .gallery{
	height:360px;
	width:360px;
	float:right;
	}


p.details {
	margin:12px 0 12px 0;
	font-size:0.9em;
	
}

p.details .size {
	clear:both;
	display:block;
}

p.details .size, p.details .date, p.details .media {
	font-style:italic;
	
}

#artworkInfo {
	margin-top:60px;
	
}

#next-artwork, .nav-next  {
	padding-right:12px;
	background: url(images/arrow-right.gif) right center no-repeat;
	float:right;
}

#previous-artwork, .nav-previous {
	padding-left:12px;
	background: url(images/arrow-left.gif) left center no-repeat;
	float:left;

}


#previous-artwork a, #next-artwork a {
	text-decoration:none;
	opacity:1;
}
 	

.hide {
	position: absolute;
	left: -5000px;
}

.blogPost {
	margin:0px 0 20px 0;
	clear:both;
		
}

.blogPost img {
		float:left;
		margin: 0px 12px 0px 0px;
}
.postDate {
	font-style:italic;
	margin:0 0 12px 0;
	display:block;
}

.blogPost h2 {
	margin:0;	
}

.contactInfo {
	border:#2193ce 1px solid;
	margin: 12px 0 12px 0;
	padding: 12px;
	color:#2193ce;
}

.contactInfo a, .contactInfo a:hover {
		color:#2193ce;
		}


.contactInfo p {
	margin:0;
}


/*  ------------------------------------------------------- */
/* Image Galleries */

#artowrks .slides_container {
	width:650px;
	overflow:hidden;
	float:left;
	position:relative;
	border:1px solid #dfdfdf;
	display:none;
}


#description {
	text-align:left;
}


/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/


/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div {
	width:650px;
	height:274px;
	display:block;
}

/*
	Next/prev buttons
*/

#artworks .next,#products .prev {

}

#artworks .pagination li{
	display:inline;
	list-style-type:none;
	margin:2px;
	padding:0px;
	white-space: nowrap;
}


#artworks #paginationDiv {
	width: 176px;
	height:80px;
	margin:12px;
}

#artworks .prev {
	
}

#artworks .next {
}

/*
	Pagination
*/

/*
	Footer
*/

	

/* ------------------------------------------------------- */

body {

}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Sorts Mill Goudy',serif;	
}

h1 {
	font-size:1.4em;
}

h2 {
	font-size:1.2em;
}



#content h2 {
	font-size:1.2em; 	
	margin: 8px 12px 4px 0px;
	padding:0;
}

#content h2.title {
		color:#2193ce;
		margin-bottom: 24px; 

}

h3 {
	font-size:1em;
}

h3.parent {
	font-size:1.0em;
	margin: 8px 0 12px 0;
	display:block;

	
}
h3.parent a {
	color:#8f8f8f;
	}

h4 {
	font-size:0.9em;
}


 h1, h2, h3, h4, h5,h6 {
	margin: 0 0 12px 0;
}


/* =Global Elements
-------------------------------------------------------------- */

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style:disc;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}

blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


.wp-caption {
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: left;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}


/* =Header
-------------------------------------------------------------- */


/* = Main Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
}


#main-menu.menu {
	text-align:left;
	padding:0px 0px 0px 0px;
	margin: 0 0 0px 0;
	font-size:1em;
	clear:both;
}

#main-menu.menu li,
#secondaryMenu li {
	float: left;
	list-style-type:none;
	}

 #secondaryMenu   {
	float: left;
	list-style-type:none;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin: 0px 0 0px 12px;
		font-size:0.9em;
			line-height:1.2em;

	}
	
 #secondaryMenu li {
		margin: 0px;
		adding: 0px;

}

#secondaryMenu li a {
	margin: 0px 12px 0px 0px;
	display:block;
}

#main-menu.menu ul, #secondaryMenu  li {
	margin:0;
	list-style-type:none;
}

#main-menu.menu a {
	text-decoration:none;
	color:#2193ce;
	margin: 4px 16px 4px 0px;
	display:block;
}

#main-menu.menu .page_item page-item-8 a {
	margin: 0px 0px 0px 0px;
}

a:hover, #main-menu.menu a:hover, #main-menu.menu .ancestor a, #main-menu.menu .current_page_ancestor a, #main-menu.menu .current_page_item a {
	color:#006da5;
}
	
#access li.page-item-197, #access li.page-item-173 {
	float: right;
}

#access ul ul {
	diaplay:none;
}


#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent a,
#artworkPage li.page-item-4 a,
#blogPage li.page-item-8 a
{
	color:#006da5;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#006da5;
}


/* Submenu show siblings */

ul#subMenu {
	list-style-type:none;
	margin:4px 0px 0px 0px;
	padding:0;
	clear:both;
	display:block;
	font-size:0.9em;
}

#subMenu li a{
		padding:4px 8px 4px 8px;
	margin:0 0 8px 0;
	font-family:  "mgopen_cosmeticaregular", sans-serif;
	background-color:#2193ce;
	color:#fff;
	display:block;
}

#subMenu li {
	
}

#subMenu li a:hover, #subMenu li.current_page_item a {
	background-color:#006da5;

}


/* Submenu show siblings */

 ul#extraLinks{
	list-style-type:none;
	margin:4px 0px 0px 0px;
	padding:0;
	clear:both;
	display:block;
	font-size:0.9em;
	display:inline;
}

#extraLinks li {
	
		display:inline;
}



#extraLinks li a{
	text-decoration:none;
	color:#6b8292;
	margin: 0 0px 0 0px;
	padding:4px 0px;
		display:inline;
}

#extraLinks li a:hover, #extraLinks li.current_page_item a {
	color:#000;
}



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


#content {
	clear: both;
	padding: 0px 0 20px 0 ;
}


.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}


/* = Titles
-------------------------------------------------------------- */

.page-title {
	font-weight: bold;
	margin: 0 0 36px 0;
}

.page-title a {

}

.page-title a:hover {
}

#content .entry-title {
}

.entry-title a {

}
.entry-title a:hover {

}

/* =tables
-------------------------------------------------------------- */

#content table {
	border: 1px solid #333;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}

#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #333;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}


#content .infoBox table {
	border: none;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content .infoBox tr td {
	border: none;
	padding: 6px;
}


/* = forms
-------------------------------------------------------------- */

#bookingForm {
	margin: 12px 0;
}

input, textarea {
	padding:2px 4px 2px 8px;
	letter-spacing:1px;
		font-size:1em;
		color:#555;
	border: solid 1px #8f8f8f;
		font-family:  "mgopen_cosmeticaregular", sans-serif;

}

.widget_knews_widget h3 {
	margin:0;
}

.widget_knews_widget {
	padding:0 0 8px 0;
}

.knews_add_user input {
	font-size: 0.9em; 
	width:142px;
	margin-right:4px;
}

.knews_add_user input[type="submit"]{
	background:#575757;
	color:fff;
	margin:2px 0 12px 0;
	width:6.5em;
}

input.wpcf7-submit {
	color:#fff;
	background:#2193ce; 
	padding:2px 8px 2px 8px;
	border:none;
}


/* ------------------------------------------------------- */
/* Contact ofrm 7 styles */


div.wpcf7 {
	margin: 0;
	padding: 0;
		font-family:  "mgopen_cosmeticaregular", sans-serif;

}
div.wpcf7 * {
		font-family:  "mgopen_cosmeticaregular", sans-serif;

}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	color:#333;
}

div.wpcf7-mail-sent-ok {

	
}

div.wpcf7-mail-sent-ng {
	
}

div.wpcf7-spam-blocked {
 
}

div.wpcf7-validation-errors {
	color:#FF0000;
	background: #fff;
	border:none;
	
}

span.wpcf7-form-control-wrap {
	position: relative;

	}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #bcc9dd;
	font-size: 10pt;
	width: 280px;
	padding: 2px 4px 2px 8px;
		color:#FF0000;
	font-size:0.9em;
	
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	display:none;
}

div.wpcf7 .watermark {
	color: #888;
}




/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 0px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 0px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


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

.navigation {
}


.navigation a {
	
}
.navigation a:hover {
	
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 37%;
}
#nav-above {
	margin: 0 0 18px 0;
}


/* Main sidebars */
#main .widget-area ul {
	
}
#main .widget-area ul ul {
	
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	text-align:right;
	font-size:0.75em;	
}


#footer a {
		color:#8f8f8f;
		text-decoration:none;
}

#footer ul,#footer li {
	list-style-type:none;
}

#footer ul {
	margin:0px 0px 12px 0px
}




/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}

body.page .edit-link {
	clear: both;
	display: block;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	
	
	
	
	
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}


.clear {
	clear:both;
}




.scroll { width: 220px; margin: 0px 0 10px; }
.scroll .viewport { width: 200px; height: 640px; overflow: hidden; position: relative; }
.scroll .overview {width:100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scroll .scrollbar{ background-color: #7abee; position: relative; background-position: 0 0; float: right; width: 10px; }
.scroll .track { background-color:#7abee1; height: 100%; width:10px; position: relative; }
.scroll .thumb { background-color: #2193ce; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
.scroll .thumb .end { overflow: hidden; height: 5px; width:10px; }
.scroll .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#twoColumn .scroll { width: 440px; margin: 0px 0 10px; }
#twoColumn .scroll .viewport { width: 430px; height: 640px; overflow: hidden; position: relative; }


#scrollbar2 { width: 180px; margin: 0px 0 0px; 	white-space: nowrap;}
#scrollbar2 .viewport { width: 180px; height: 125px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
#scrollbar2 .overview img{ float: left; }
#scrollbar2 .scrollbar{ background-color: #000; position: relative; margin: 0 0 5px; clear: both; height: 15px; }
#scrollbar2 .track { background-color:#333; width: 100%; height:15px; position: relative; }
#scrollbar2 .thumb { background-color:#999; height: 15px; cursor: pointer; overflow: hidden; position: absolute; left: 0;  }
#scrollbar2 .thumb .end{overflow: hidden; height: 25px; width: 5px;}
#scrollbar2 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }