html {height: 100%;}

body {margin: 0; padding: 0; height: 100%; background-color: #ffffff;}

img { border: 0;}

form { display: inline;}

em {font-style:italic;font-weight:normal;}

li.indent {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000000; margin-left:-1em;  margin-right: 10px; margin-bottom:6px; text-align: left;}

.indent {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000000; margin-left: 10px;  margin-right: 10px; text-align: left;}

.content {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000000;padding-bottom:1em;margin:0;}
.plusten {padding:10px;}
a.plusten {text-decoration:none !important;}
.card {margin-bottom:14px;background-color: #fff; border:1px solid #FFEFF0;}
.cardffeff0 {margin-bottom:14px;padding-bottom:40px;background-color: #FFEFF0; border:1px solid #FFEFF0;}

.plantnames {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #8F7AC8;padding:10px;}
.plantnames em {font-style:italic; font-weight:normal;}

.quote {font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 120%; color: #8F7AC8;}

.author {font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 120%; color: #8F7AC8; font-style: italic;}

.title {font-family: 'Crimson Text', serif; font-size: 1.6em; font-weight: 400; color: #8C668C; line-height: 1.5em;}

.titleindex {font-family: 'Crimson Text', serif; font-size: 1.6em; font-weight: 400; color: #8C668C; letter-spacing:-0.02em; margin-top:16px; margin-bottom:8px;}

.notice {font-family: 'Crimson Text', serif; font-size: 1.6em; font-weight: 400; color: #FF99CC; margin-top:16px; margin-bottom:8px;}

.subtitle {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #8F7AC8;}

#rightindex .section, #rightindex .subtitle {padding:10px;background-color:#FFEFF0;}
#rightindex .section, #rightindex .subtitle {margin:0 0 1em 0;}
	
.section {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #8F7AC8;}

.alert {padding:10px;background-color:#FF99CC;font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #ffffff;}

.row {display: block; overflow:auto;  width:550px; }

.item, .itemrt {position:relative; float:left; width:150px;}

.item {margin:0 50px 30px 0;}

.itemrt {margin:0 0px 30px 0;}

.plus4 {padding-top:4px; padding-bottom:10px;}

.buttons {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height:10px; background-color: #FFFFFF; color: #D84583; border-width: 1px; border-color: #D84583; border-style: solid; cursor: pointer; padding:2px;}

a:link { color: #D84583; text-decoration: none;}

a:visited { color: #8F7AC8; text-decoration: none;}

a:active { color: #000033; }

a:hover { text-decoration: underline;}

a:link.ti { color: #8C668C; text-decoration: none;}

a:visited.ti { color: #8C668C; text-decoration: none;}

a:active.ti { color: #000033; }

a:hover.ti { text-decoration: underline;}

a:link.st { color: #8F7AC8; text-decoration: none;}

a:visited.st { color: #8F7AC8; text-decoration: none;}

a:active.st { color: #000033; }

a:hover.st { text-decoration: underline;}

#container { position: relative; max-width: 1000px; margin:0 auto; padding:0 0 2em 0;}

#left { font-family: 'Crimson Text', serif; font-weight:400; width: 96%; background-color:#FFEFF0; padding:2%; text-align: center;margin:0 0 1em 0;}

#left img, img.plus4 {width:98%; height:auto;}

/*floating header things*/
#logo, .cardsprints, .quote, #shoplocal {float:left;margin:1%;padding:0;width:23%;}

#logoimg {background-color: #000; margin: 0 auto; padding: 1.2em; width: 33%;}

#leftprints { font-family: 'Crimson Text', serif; font-weight:400; width: 98%; background-color:#FFEFF0; padding:2%; text-align: center;}

#aboutprints {float:left;margin:1%;padding:0;text-align:left;width:73%;}

#notable a, #notable a:visited, #greetings a, #greetings a:visited {color:#8c658c;display:block;line-height:1;text-decoration:none;}

#notable {font-size:4em;letter-spacing:-0.02em;}

#greetings {font-size:2.5em;font-style:italic;letter-spacing:0.14em;}

#leftindex { position: relative; width: 216px; background-color:#FFEFF0; margin: 0 0 30px 60px; padding:30px 0 20px 0; float:left; text-align: center;}

.cardsprints a {color:#8f7ac8;font-size:1.5em;padding:0.3em;}

#right { position: absolute; z-index: 1; left: 340px; top: 30px; width: 300px; text-align: center;}

#rightindex { width: 90%; text-align: left; margin:0; padding:0 5%;}

#columns {width:500px; margin-top: 30px;}

div.columna div.columnb{width:250px;}

div.columnb {float:right;}

#menu {position: absolute; z-index: 3; left: 20px; top: 30px; width: 216px;}

#catalog {position: absolute; z-index: 4; left: 260px; top: 30px; width: 234px;}

#sidebar {position: absolute; z-index: 5; left: 516px; top: 0px; width: 216px; background-color:#FFEFF0; padding-top: 30px; padding-bottom: 80px;}

#cart {position: absolute; z-index: 6; left: 259px; top: 0px; width: 450px; background-color:#FFEFF0; padding-top: 30px; padding-bottom: 100px; text-align: center;}

#mainindex {width: 648px;}

.price {font-weight:bold; padding: 0 10px;}

.gfg-title a { 
font-family: "Times New Roman", Times, serif !important;
 font-size: 1.6em; font-weight: bold;
color:#8C668C !important;
padding:6px 0 6px 0;
}

.gfg-root {border: 0px solid #FFEFF0 !important;margin-top:10px;}

.gfg-title {background-color:#ffffff !important;}

.wrap { border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden; } 

/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}

/* width of 600 pixels. */
@media screen and (max-width: 600px) {
#wrapper 
{
	margin: 0 0 0 0;
}

#logo, .cardsprints, #shoplocal, #aboutprints, .album {
	clear:both;
	display:block;
	float: none;
	margin: 0;
	padding:3% 5% 5% 3%;
	width: 92%;
}

#padbox {padding:5% 5% 0 5%; width:90%;}
.imagethumb {margin: 0 3% 3% 0;}
#image img {height:auto; max-width:90%;}
}