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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

/* =Resets
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}
a {
color: #770077;
text-decoration: none;
}
a:hover {
color: #660066;
text-decoration: none;
}
a img {
border: 1px solid #ddd;
padding: 1px;
}
a:hover img {
border: 1px solid #660066;
padding: 1px;
}
.ztext a, 
.bottom-txt a, 
body#themepage #content p a {
text-decoration: underline;
}

/* =Typography Presets
-------------------------------------------------------------- */

h1 a {
display: block;
width: 137px;
height: 53px;
background: url(images/EPPH.png) no-repeat;
}
h1 a span {
display: none;
}
#homepage h2 {
margin: 0 0 15px 0px;
padding: 5px 0 10px 0;
border-bottom: 1px dotted #ccc;
font-size: 15px; 
color: #666;
}
h2 {
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
font-size: 22px; 
margin: 0px 0 15px 0px;
line-height: 1.4;
padding: 0;
color: #333;
}
h2 span {
font-size: 12px; 
margin: 0 0 0 10px;
}

h2 span.origin {
font-size: 16px; 
margin: 0 0px 0 10px;
color: #666;
}
p.themeparent {
margin: 0 0 15px 0px;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #ccc;
border-top: 2px solid #eee;
font-size: 15px; 
color: #666;
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
line-height: 1.4;
}
p.themeparent span {
font-size: 12px; 
font-family: 'OpenSansItalic', helvetica, arial, sans-serif;
line-height: 1.4;
margin: 0 0 15px 5px;
color: #999;
}

h3 {
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
font-size: 13px; 
margin: 0 0 0 5px;
}
p.homethemes {
color: #333;
font-size: 1.1em; 
line-height: 1.6;
}
p { 
font-size: 14px; 
margin: 0 0 15px 0; 
line-height: 1.6;
color: #333;
}
p b, 
p strong {
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
}
p.morelink {
margin: 0px 0 15px 0px; 
}
p.small, 
.hover-type p { 
font-size: 12px; 
margin: 0 0 5px 5px; 
color: #fff;
line-height: 1.5;
}
.blogbox {
margin: 0 0px 10px 0px;
padding: 10px 10px 0 5px;
width: 219px;
height: 136px;
display: block;
cursor: pointer;
background: #f3f3f3;
border: 1px solid #ddd;
}
.blogbox p {
font-size: 0.9em; 
margin: 0px 0 5px 5px;
color: #aaa;
line-height: 1.4;
}
#homepage p.read { 
font-size: 0.9em; 
margin: 10px 0 5px 5px; 
color: #aaa;
}
p.read { 
font-size: 0.9em; 
margin: 10px 0 5px 5px; 
color: #aaa;
}
p.date { 
font-size: 0.9em; 
margin: 0px 0 3px 5px; 
color: #aaa;
}
h4 {
font-size: 14px; 
margin: 0 0 10px 5px;
color: #aaa;
}
h6 {
color: #aaaaaa;
font-size: 11px; 
line-height: 13px;
padding: 0px 2px 0 2px;
margin:  0;
}
p.pagelinks { 
font-family: 'OpenSansBold', helvetica, arial, sans-serif;
font-size: 12px; 
text-transform: uppercase;
font-weight: normal;
padding: 40px 0px 0px 0;
color: #666666;
text-align: right;
}
p.pagelinks a {
padding: 0 2px;
}
p.pagelinks a:hover {
padding: 0 2px;
}
p.pagelinks strong {
color: #fff;
text-decoration: none;
background: #660066;
padding: 0 2px;
}
body {
font-family: 'OpenSansRegular', helvetica, Arial, sans-serif; 
font-weight: normal;
}
img#some_image {
     max-width: 100%;
}
.hmid p {
font-family: 'OpenSansLight', helvetica, arial, sans-serif;
font-size: 18px; 
color: #aaa;
text-transform: uppercase;
}




/*		Default Layout: 1020px. 
		Outer margins: 20px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
*/

body {
margin: 0 auto;
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
#container { 
width: 980px;
margin: 0 auto;
padding: 0 20px;
}
#content { 
float: right; 
width: 805px;
padding: 0 0px 0px 25px;
margin: 0px 0px 0 0px;
border-left: 1px solid #eee;
}

/*--------------------------------------------------- HEADER */
#headerbg {
background: #f3f3f3;
border-bottom: 1px solid #eee;
padding:0px;
margin: 0 auto 30px auto;
width: 100%;
min-width: 1020px;
}
#header {
padding: 30px 20px 25px 20px;
width: 980px;
margin: 0 auto;
}
.hleft {
float: left;
margin: 0 30px 0 5px;
padding: 0;
width: 170px;
}
.hmid {
float: left;
margin: 15px 20px 0 0;
padding: 0 0 0 0px;
width: 480px;
}
.hright {
float: right;
width: 260px;
}
.hright form {
margin: 0;
padding: 0;
}
.btn {
vertical-align: top;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
float: left;
}
.hright input {
float: left;
padding: 5px;
color: #999;
border: none;
width: 200px;
}
.hright input.submit {
float: left;
width: 20px;
}

/*--------------------------------------------------- SIDEBAR */
.nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900;
}
.nav-list {
	
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
}
/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	background:#660066 url(images/nav-icon.png) no-repeat center center;
	height:34px;
	width:80px;
}










#sidebar-group {
width: 125px; 
float: left;
margin: 0 0 0 5px;
}
ul.main { 
list-style-type: none;
}
ul.main li { 
margin: 10px 0 0 0; 
padding: 0 0 10px 0;
font-size: 12px; 
font-family: 'OpenSansBold', helvetica, arial, sans-serif;
text-transform: uppercase;
border-bottom: 2px solid #eee;
}
ul.main li a {
color: #660066;
text-decoration: none;
padding: 2px 3px;
}
ul.main li a:hover {
background: #660066;
color: #fff;
text-decoration: none;
padding: 2px 3px;
}
ul.main li.bloglink {
border-top: 2px solid #eee;
padding-top: 10px;
}
ul.main li.themeslink {
border-bottom: none;
}
ul.main ul.sub { 
list-style-type: none;
margin: 0 0 0 5px;
}
ul.main ul.sub li { 
margin: 0px 0 0 0; 
padding: 0 0 7px 0;
font-size: 11px; 
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
text-transform: uppercase;
border-bottom: none;
}
ul.main ul.sub li a {
color: #666;
text-decoration: none;
padding: 0;
}
ul.main ul.sub li a:hover {
background: none;
color: #666;
text-decoration: none;
padding: 0;
}
ul.main ul.sub ul.sub2 { 
list-style-type: none;
margin: 0 0 10px 9px;
}
ul.main ul.sub ul.sub2 li { 
margin: 0px 0 0 0; 
padding: 0 0 7px 0;
font-size: 11px; 
font-family: 'OpenSansRegular', helvetica, arial, sans-serif;
text-transform: uppercase;
border-bottom: none;
}
ul.main ul.sub ul.sub2 li a {
color: #660066;
text-decoration: none;
padding: 0;
}
ul.main ul.sub ul.sub2 li a:hover {
background: none;
color: #660066;
text-decoration: underline;
padding: 0;
}
.expandtxt-158, 
.expandtxt-159, 
.expandtxt-160, 
.expandtxt-161, 
.expandtxt-162, 
.expandtxt-163 {
display: none;
}
nav ul.social {
list-style-type: none;
margin: 10px 0 0 0;
}
nav ul.social li {
display: inline-block;
width: 14px;
margin-right: 5px;
}
nav ul.social li img {
width: 14px;
height: 14px;
}
nav ul.social li a img {
border: none;
}

#themepage #sidebar ul.main li.themeslink a, 
#artistspage #sidebar ul.main li.artistslink a,
#essayspage #sidebar ul.main li.essayslink a,
#galleriespage #sidebar ul.main li.gallerieslink a,
#bookpage #sidebar ul.main li.booklink a,
#aboutpage #sidebar ul.main li.aboutlink a, 
#basicpage #sidebar ul.main li.basiclink a, 
#blogpage #sidebar ul.main li.bloglink a, 
#homepage #sidebar ul.main li.homelink a, 
#contactpage #sidebar ul.main li.contactlink a, 
#videospage #sidebar ul.main li.videoslink a, 
#museumspage #sidebar ul.main li.museumslink a  {
background: #660066;
color: #fff;
text-decoration: none;
padding: 2px 3px;
}
.side-cat-list {
float: left;
margin: 5px 0 20px 5px;
padding: 0;
}
.side-cat-list ul#nav_categories li {
list-style-type: none;
font-size: 0.9em; 
line-height: 1.2;
padding: 0;
margin: 0 0px 2px 0;
}
.side-cat-list ul#nav_categories li a {
background: none;
padding: 0;
color: #660066;
}
.side-cat-list ul#nav_categories li a:hover {
background: none;
padding: 0;
text-decoration: underline;
color: #660066;
}


/*--------------------------------------------------- HOME */
.blog-group {
float: left;
margin: 0 0 10px 5px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
}
.blog-group-last {
float: left;
margin: 0 0 10px 5px;
padding: 0 0 10px 0;
}
.blog-smimg {
float: left;
margin: 0 10px 0 0;
padding: 5px 0 0 0;
width: 115px;
text-align: center;
background: #eee;
}
.blog-smimg a img {
border: none;
}
.blog-txt {
float: left;
margin: 0 0px 0 0;
padding: 0;
width: 100px;
}
#homeslide {
width: 790px;
display: block;
margin: 0px 0 30px 0;
overflow: hidden; 
padding: 0;
height: 260px;
}
.homeslide-img {
float: left;
width: 790px;
height: 260px;
}
.homeslide-img a img, 
.homeslide-img a {
border: none;
background: none;
padding: 0;
margin: 0;
}
.homeslide-img a:hover img, 
.homeslide-img a:hover {
border: none;
padding: 0;
margin: 0;
background: none;
}
.homeslide-img img {
border: none;
margin: 0;
padding: 0;
width: 790px;
height: 260px;
}
.homeslide-bg {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
background-color: #442244;
position: relative; 
top: -260px; 
left: -300px; 
z-index: 48; 
width: 300px;
height: 260px;
display: block;
float: left;
}
.homeslide-txt {
position: relative; 
top: -260px; 
left: 0px; 
z-index: 49; 
width: 300px;
height: 260px;
display: block;
float: left;
}
.homeslide-txt a {
color: #fff;
}
.homeslide-txt a:hover {
text-decoration: none;
}
.homeslide-txt p { 
font-size: 24px; 
margin: 30px 30px 15px 30px;
line-height: 1.4;
color: #fff;
zoom: 1;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
font-family: 'OpenSansLight', helvetica, Arial, sans-serif; 
}
.homeslide-txt p.hread { 
font-size: 12px; 
color: #fff;
margin: 0px 30px 0px 30px;
zoom: 1;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
font-family: 'OpenSansLight', helvetica, Arial, sans-serif; 
}
#hnav { 
z-index: 50; 
position: relative; 
top: 240px; 
left: 700px;
width: 80px;
height: 10px;
}
#hnav a { 
color: transparent;
display: inline-block;
height: 9px;
width: 9px;
font-size: 8px;
background: transparent url('images/dot.png') no-repeat top left;
margin: 0 3px;
}
#hnav a.activeSlide { 
background-position: 0 -9px; 
height: 9px;
background-color: transparent;
}
#hnav a:focus { 
outline: none; 
}
.home-cat-list {
float: left;
margin: 10px 0 0 5px;
padding: 0;
width: 150px;
}
.home-cat-list-2 {
float: left;
margin: 10px 0 0 5px;
padding: 0;
width: 110px;
}
.mod-short ul#nav_categories li {
list-style-type: none;
font-size: 0.9em; 
line-height: 1.2;
padding: 0;
margin: 0 0px 3px 0;
}
.mod-short {
float: left;
margin: 20px 30px 10px 0;
padding: 5px 0px;
border-top: 2px solid #eee;
width: 230px;
}
.mod-medium {
float: left;
margin: 20px 0 10px 0;
padding: 5px 0px;
border-top: 2px solid #eee;
width: 530px;
}
.mod-long {
float: left;
margin: 30px 0 10px 0;
padding: 5px 0px;
border-top: 2px solid #eee;
width: 790px;
}
.group70 {
float: left;
margin: 0 5px;
padding: 0;
background: #eee;
width: 70px;
}
.group70 img {
width: 66px;
height: 76px;
margin: 0 0 10px 0;
}
.group150 {
float: left;
margin: 0 5px;
padding: 0;
background: #eee;
width: 148px;
}
.group150 img {
width: 144px;
height: 166px;
margin: 0 0 10px 0;
}
.flash {
margin: 0 0 30px 0;
}

/*--------------------------------------------------- COMMENTS */
.commlink a {
padding: 2px 4px 2px 4px;
background: #eeddee;
}
#comment_form input.error {
border: 1px dotted #cc0000;
}
#comment_form label.error {
display: block;
font-size: 11px; 
margin: 0px;
padding: 5px 0 0px 5px;
color: #cc0000;
}
p.captcha {
margin: 5px 0 0 5px;
}
.space {
margin: 0 0 5px 0;
padding: 0;
}
.space2 {
margin: 10px 0 40px 5px;
padding: 0;
}
.comments-all {
border-top: 1px solid #dddddd;
margin: 10px 0 30px 0;
padding: 0;
}
.comment-text {
margin: 0 25px 0 0;
padding: 0;
float: left;
width: 400px;
}
.commentor {
margin: 0 0 10px 0;
padding: 10px;
background: #f3f3f3;
float: right;
width: 100px;
}
.commentor p {
font-size: 11px; 
color: #aaa;
margin: 0;
padding: 0;
}
.comment-group .one {
border-bottom: 1px solid #dddddd;
margin: 0;
padding: 10px 0 0 0;
}
.comment-group {
margin: 60px 0 0 0;
}
#comment_form {
margin: 60px 0 0 0;
}
#comment_form label {
font-size: 14px; 
color: #333;
}
#comment_form input {
font-size: 12px;
border: 2px solid #eee;
padding: 5px;
margin: 10px 0 0 0;
width: 360px;
}
#comment_form textarea {
width: 500px;
}
#comment_form input.icap {
font-size: 14px; 
margin: 0px 0 0px 0px;
}
#comment_form input.button {
background-color: #999 !important;
font-weight: normal !important;
text-transform: uppercase !important;
min-width: 150px !important;
border-radius: 4px;
height: 32px;
line-height: 32px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
cursor: pointer;
clear: both;
border: 0 none;
font-size: 12px;
color: #fff;
padding: 0;
}
.print {
display: none;
}

/*--------------------------------------------------- GALLERIES */
.gimage {
float: left;
margin: 20px 0 20px 0;
padding: 0px;
width: 790px;
}
.gimage a{
display:block;
float:left;
margin:0 20px 20px 0;
}
.gimage a img {
display: block;
margin: 0;
}
.gallery-group-left {
margin: 0px 10px 20px 0;
padding: 0;
border: 1px solid #ddd;
float: left;
display: block;
width: 380px;
}
.gallery-group-right {
margin: 0px 0 20px 10px;
padding: 0;
border: 1px solid #ddd;
float: left;
display: block;
width: 380px;
}
.view {
margin: 30px 0 20px 0px;
padding: 0;
float: left;
display: block;
width: 80px;
}
.view span {
margin: 2px 8px 0 0px;
padding: 0;
float: left;
display: block;
font-size: 11px; 
color: #999;
text-transform: uppercase;
}
.view a.viewthumb {
display: block;
width: 18px;
height: 18px;
background: url(images/viewthumb.png) 0 0 no-repeat;
text-indent: -999em;
float: left;
margin: 0 3px 0 0;
padding: 0;
outline: none;
}
.view a.viewslide {
display: block;
width: 18px;
height: 18px;
background: url(images/viewslide.png) 0 0 no-repeat;
text-indent: -999em;
float: left;
margin: 0 0px 0 5px;
padding: 0;
outline: none;
}
.view a:hover, 
.view a.active {
background-position: 0 -18px;
outline: none;
}
.gallery-thumb {
margin: 0px;
padding: 0;
float: left;
display: table-cell;
width: 200px;
text-align: center;
min-height: 185px;
vertical-align: middle;
}
.gallery-thumb img {
padding: 15px 10px 10px 10px;
max-height: 155px;
width: auto;
}
.gallery-thumb a img, 
.gallery-thumb a {
border: none;
background: none;
padding: 15px 10px 10px 10px;
margin: 0;
color: none;
}
.gallery-thumb a:hover img, 
.gallery-thumb a:hover {
border: none;
background: none;
padding: 15px 10px 10px 10px;
margin: 0;
color: none;
text-decoration: none;
}
.gallery-thumb a:hover {
background: url(images/enlarge.png) top right no-repeat;
}
.gallery-txt {
margin: 0px;
padding: 15px 10px 0 0;
float: left;
display: block;
width: 160px;
}
.gallery-txt p {
font-size: 12px; 
line-height: 17px;
}
#gallery-slideshow {
width: 790px;
overflow: hidden; 
position: relative;
z-index: 5;
margin: 20px 0 0 0;
padding: 0;
height: 800px;
}
#gallery-slideshow ul#gnav {   
        list-style: none;
        position: absolute; 
top: 210px; 
z-index: 15;
margin: 0px 0 0 0;
padding: 0;
display: block;
width: 790px;
    }
#gallery-slideshow ul#gnav li#gprev {
            float: left; margin: 0 0 0 10px; background: url(images/prev.png);
        }
#gallery-slideshow ul#gnav li#gnext {
            float: right; margin: 0 10px 0 0; background: url(images/next.png);
        }
#gallery-slideshow ul#gnav li a {
            display: block; width: 30px; height: 30px; text-indent: -9999px; outline: none;
        }
#gallery-slideshow ul#gnav li#gprev a {
                background: url(images/prev.png);
            }
#gallery-slideshow ul#gnav li#gnext a {
                background: url(images/next.png);
            }

.gslide {
width: 790px;
margin: 5px 0 30px 0;
/*overflow: hidden; */
padding: 0;
z-index: 4;
}
#gallslide {
width: 790px;
display: block;
margin: 5px 0 30px 0;
/*overflow: hidden; */
padding: 0;
z-index: 4;
position: relative; 
}
.gallslide-group {
width: 790px;
display: block;
/*overflow: hidden; */
padding: 0;
height: 800px;
}
.gallslide-img {
margin: 0;
padding: 0;
width: 790px;
text-align: center;
background: #eee;
border-top: 1px solid #ddd;
}
.gallslide-img img {
/*max-height: 400px;*/
width: auto;
padding: 25px;
}
.gallslide-txt {
width: 790px;
margin: 20px 0px;
padding: 10px 0;
border-top: 1px solid #ddd;
}
.gallslide-txt p { 
margin: 0px 150px 0px 0; 
padding: 0;
font-size: 14px; 
}
/*--------------------------------------------------- NEW ARTICLES */
.footnotes p {
color: #999999;
font-size: 11px; 
line-height: 17px;
}
.rights p {
color: #aaaaaa;
font-size: 11px; 
line-height: 17px;
}
.footnotes ul {
margin: 0 0 0 30px;
}
.footnotes ul li {
color: #aaaaaa;
font-size: 11px; 
line-height: 17px;
}
.btext .footnotes p, 
.btext .rights p {
color: #aaaaaa;
font-size: 11px; 
line-height: 17px;
}
#cycle_area{
background: #F3F3F3;
width: 790px;
float: left;
margin: -40px 0 25px 0;
padding: 0;
}
#cycle_area_one {
background: #F3F3F3;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
width: 790px;
float: left;
margin: 15px 0 35px 0;
padding: 0;
}
#cycle_area a img, #cycle_area a:hover img, 
#cycle_area_one a img, #cycle_area_one a:hover img {
border: none;
padding: 0px;
}
.zimagegroup {
margin: 10px 0 0 0;
padding: 0;
}
.zimage {
float: left;
margin: 10px 20px 10px 10px;
padding: 0px;
width: 460px;
text-align: center;
}
.instruct {
float: left;
margin: 10px 0 0 -5px;
padding: 0 0px 20px 0;
width: 280px;
}
.ztext {
float: left;
margin: 85px 0 0 0;
padding: 0 20px 20px 0;
width: 280px;
}
.ztext div {
background: none !important;
background-color: none !important;
line-height: 1.6 !important;
}
.ztext_one div {
background: none !important;
background-color: none !important;
line-height: 1.6 !important;
}
.ztext_one {
float: left;
margin: 20px 0 0 0;
padding: 0 20px 20px 0;
width: 280px;
background: none !important;
background-color: none !important;
}
.ztext p, 
.ztext_one p { 
font-size: 14px !important; 
margin: 0 0 10px 0px !important; 
line-height: 1.6 !important;
background: none !important;
background-color: none !important;
}
.ztext .zcaption p, 
.ztext_one .zcaption p, 
.instruct p {
color: #aaaaaa;
font-size: 11px !important; 
line-height: 15px !important;
margin-bottom: 5px !important;
background: none !important;
background-color: none !important;
}
.zcaption div, 
.zcaption div p {
color: #aaaaaa !important;
font-size: 11px !important; 
background: none !important;
background-color: none !important;
}
.ztext .zcaption p.mshow {
display: none;
}
#pager{
overflow:hidden;
width:280px;
z-index: 50; 
position: relative; 
top: 38px; 
left: 490px;
}
#pager a{
display:block;
float:left;
margin:0 5px 0 0;
padding: 0 0 3px 0;
width: 50px;
height: 50px;
text-align: center;
background: #fff;
}
#pager a:hover{
border-bottom:3px solid #660066;
background: #fff;
}
#pager a.activeSlide{
border-bottom:3px solid #660066;
background: #fff;
}
#pager a img{
display:block;
border: none;
margin: 0 auto;
max-width: 50px;
height: auto;
max-height: 50px;
}
/*--------------------------------------------------- BLOG */
.btext div.bimgblock {
display: block;
width: 545px;
margin: 0 0 15px 0;
padding: 0 0 0px 0;
}
.bleft {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 0;
width: 600px;
border-right: 1px solid #eee;
}
.btext {
margin: 0px 0px 30px 0px;
padding: 0 0px 0 0;
display: block;
color: #333;
}
p.cathead {
margin: 0 0 15px 0;
padding: 0;
color: #aaa;
font-style: italic;
}
.btext div {
margin: 0;
padding: 0;
font-size: 14px; 
color: #333 !important;
}
.btext blockquote, 
.ztext blockquote {
margin: 0 30px;
padding: 0;
}
.btext .bcaption {
margin: 0 0 0px 0px;
padding: 0;
}
.btext .bcaption p {
color: #aaaaaa;
font-size: 11px; 
line-height: 15px;
}
.bright {
float: right;
width: 155px;
margin: 0 5px 0 0;
}
.bintro {
background: #F3F3F3;
padding: 10px;
display: block;
}
.bintro p {
font-size: 12px; 
font-family: 'OpenSansBold', helvetica, arial, sans-serif;
color: #444;
margin: 0;
}
.barchives p, 
.blogroll p {
font-size: 12px; 
font-family: 'OpenSansBold', helvetica, arial, sans-serif;
text-transform:uppercase;
color: #444;
}
.barchives, 
.blogroll {
padding: 10px 5px;
display: block;
margin: 20px 0 0 0;
border-top: 2px solid #eee;
}
.barchives ul, 
.blogroll ul {
list-style-type: none;
margin: 7px 0 0 0;
padding: 0;
}
.barchives li,
.blogroll li {
font-size: 11px; 
text-transform:uppercase;
margin: 0 0 7px 0;
padding: 0;
}
.btext .bdate {
margin: 10px 0 5px 0;
padding: 10px 5px;
background: #F3F3F3;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.btext .bdate p {
font-size: 11px; 
color: #aaa;
margin: 0;
padding: 0;
}
.btext .bdate a {
margin: 0 5px;
padding: 0;
}
.blog-group {
border-bottom: 2px solid #eee;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.blog-left {
float: left;
width: 210px;
margin: 0 20px 0 0;
padding: 5px;
text-align: center;
background: #f3f3f3;
}
.blog-right {
float: left;
width: 360px;
margin: 0 0px 0 0;
}
.blog-group p {
margin: 0;
}
.blog-group p.date {
font-size: 11px; 
text-transform:uppercase;
}
/*--------------------------------------------------- ABOUT */
.pgroup {
display: block;
margin: 30px 0 0px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ddd;
}
.number {
float: left;
margin: 0 10px 0 0;
padding: 0;
width: 100px;
text-align: center;
}
.number p {
font-size: 72px; 
color: #ddd;
vertical-align: top;
}
.ptext {
float: left;
margin: 0;
padding: 0;
width: 650px;
}
.pfootnotes {
margin: 50px 0 40px 115px;
}
.pfootnotes p {
color: #aaaaaa;
font-size: 11px; 
margin: 0 0 10px 0;
line-height: 17px;
}
.contactform {
margin: 30px auto 0 auto;
padding: 0;
display: block;
width: 400px;
}
.contactform label {
color: #333;
font-size: 12px;
}
.contactform input, textarea {
font-size: 12px;
border: 2px solid #eee;
padding: 5px;
margin: 10px 0 0 0;
width: 260px;
}
.contactform input.button {
background-color: #999 !important;
font-weight: normal !important;
text-transform: uppercase !important;
min-width: 70px !important;
border-radius: 4px;
height: 32px;
line-height: 32px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
cursor: pointer;
clear: both;
border: 0 none;
font-size: 12px;
color: #fff;
padding: 0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*--------------------------------------------------- ESSAYS */
.essayintro {
float: left;
margin: 0px 30px 60px 0;
width: 360px;
}
.pdfarea {
background: #F3F3F3;
padding: 10px 10px 1px 10px;
display: block;
margin: 20px 0 0 0;
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
font-size: 14px;
}
.pdfarea2 {
background: #F3F3F3;
padding: 10px 10px 1px 10px;
display: block;
margin: 20px 0 0 0;
width: 470px;
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
font-size: 14px;
}
.icon {
display: block;
float: left;
padding: 0 3px 0 0;
}
.essaysub p {
color: #aaa;
font-size: 16px;
}
p.pdflink {
margin: 0 0 10px 0;
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
}
.essayimgs {
float: left;
margin: 0px 0 60px 0;
width: 390px;
}
.essayimgs div {
width: 390px;
}
.essayimgs div img { 
margin: auto; 
display: block 
}
.btext div.addthis_toolbox {
margin: 40px 0;
}
/*--------------------------------------------------- ARTISTS */
.atitlegroup {
float: left;
margin: 0px 20px 0 0;
padding: 0;
width: 590px;
}
.artistgroup {
float: left;
margin: 20px 9px 0px 5px;
padding: 0;
width: 144px;
min-height: 220px;
}
.artistbox {
margin: 0 0px 10px 0px;
width: 144px;
height: 154px;
display: block;
cursor: pointer;
}
.artistbox img {
width: 140px;
height: 150px;
margin: 0 0 10px 0;
}
a .artistbox img {
border: none;
padding: 0px;
}
a:hover .artistbox img {
border: none;
padding: 0px;
}
.artistbox .hover-type {
position: absolute;
width: 124px;
height: 134px;
z-index: 50;
opacity: 0;
color: #fff;
padding: 10px;
background: #442244;
}
.artistbox .hover-bg {
display: block;
position: absolute;
width: 140px;
height: 150px;
padding: 1px;
border: 1px solid #ccc;
}
.artstory-group {
	margin-bottom: 60px;
}
.artstory-group .left {
	display: inline-block;
	width: 15%;
	margin: 0 5% 0 0;
	vertical-align: top;
}
.artstory-group .left a img {
	border: none;
}
.artstory-group .left img {
	width: 100%;
	height: auto;
}
.artstory-group .right {
	display: inline-block;
	width: 75%;
	margin: 40px 0 0 0;
		vertical-align: top;
}
.artstory-group .right h3 {
	font-size: 15px;
	line-height: 1.5;
}

/*--------------------------------------------------- THEMES */
.hthemegroup {
float: left;
margin: 0px 0px 0px 15px;
padding: 0;
width: 244px;
min-height: 220px;
}
.sthemegroup {
float: left;
margin: 20px 10px 0px 5px;
padding: 0;
width: 244px;
min-height: 220px;
}
.themegroup {
float: left;
margin: 20px 10px 0px 5px;
padding: 0;
width: 244px;
min-height: 220px;
}
.themebox {
margin: 0 0px 5px 0px;
width: 244px;
height: 154px;
display: block;
cursor: pointer;
}
.themebox img {
width: 240px;
height: 150px;
}
a .themebox img {
border: none;
padding: 0px;
}
a:hover .themebox img {
border: none;
padding: 0px;
}
.themebox .hover-type {
position: absolute;
width: 224px;
height: 134px;
z-index: 50;
opacity: 0;
color: #fff;
padding: 10px;
background: #442244;
}
.themebox .hover-bg {
display: block;
position: absolute;
width: 240px;
height: 150px;
padding: 1px;
border: 1px solid #ccc;
}
.themeparent-group {
display: block;
margin: 50px 0 0 0;
}
.small-themegroup {
float: left;
margin: 20px 10px 0px 5px;
padding: 0;
width: 179px;
height: 140px;
}
.small-themebox {
margin: 0 0px 5px 0px;
width: 179px;
height: 114px;
display: block;
cursor: pointer;
}
.small-themebox img {
width: 175px;
height: 110px;
}
a .small-themebox img {
border: none;
padding: 0px;
}
a:hover .small-themebox img {
border: none;
padding: 0px;
}
.small-themebox .hover-type {
position: absolute;
width: 159px;
height: 94px;
z-index: 50;
opacity: 0;
color: #fff;
padding: 10px;
background: #442244;
overflow: hidden;
}
.small-themebox .hover-bg {
display: block;
position: absolute;
width: 175px;
height: 110px;
padding: 1px;
border: 1px solid #ccc;
}
.small-themebox .hover-type p { 
font-size: 10px; 
color: #fff;
line-height: 1.3;
}
.firsttxt {
margin: 0px 30px 0 0;
}
#homepage .firsttxt {
margin: 0px 40px 0 0;
float: left;
display: block;
padding: 0;
width: 710px;
}
.expandtxt, 
.hide {
display: none;
}
.articlegroup {
float: left;
margin: 0 0px 20px 15px;
padding: 0;
width: 234px;
min-height: 190px;
}
.articlebox {
margin: 0 0px 5px 0px;
width: 234px;
height: 148px;
display: block;
cursor: pointer;
}
a .articlebox img {
border: none;
padding: 0px;
}
a:hover .articlebox img {
border: none;
padding: 0px;
}
.articlebox span.hover-type {
position: absolute;
width: 214px;
height: 129px;
z-index: 50;
opacity: 0;
color: #fff;
padding: 10px;
background: #442244;
}
.articlebox span.hover-bg {
display: block;
position: absolute;
width: 230px;
height: 144px;
padding: 1px;
border: 1px solid #ccc;
}
.hartistgroup {
float: left;
margin: 0 1px 5px 5px;
padding: 0;
}
.hartistbox {
margin: 0 0px 5px 0px;
width: 74px;
height: 79px;
display: block;
cursor: pointer;
}
a .hartistbox img {
border: none;
padding: 0px;
}
a:hover .hartistbox img {
border: none;
padding: 0px;
}
.hartistbox .hover-type {
position: absolute;
width: 64px;
height: 69px;
z-index: 50;
opacity: 0;
color: #fff;
padding: 5px;
background: #442244;
}
.galgroup {
float: left;
margin: 0px 9px 0px 5px;
padding: 0;
width: 144px;
min-height: 200px;
}
/*--------------------------------------------------- ARTICLES */
.titlegroup {
float: left;
margin: 5px 20px 0 0;
padding: 0;
width: 590px;
}
.titlegroup a {
padding: 0 2px 0 0px;
}
.titlegroup a:hover {
padding: 0 2px 0 0px;
}
.socialgroup {
float: right;
margin: 2px 0 0 0;
padding: 0;
width: 160px;
text-align: right;
}
.socialgroup a img {
background: none;
border: none;
padding: 0;
margin: 0;
}
.socialgroup a:hover {
background: none;
border: none;
padding: 0;
margin: 0;
text-decoration: none;
}
.artbody {
margin: 15px 0 40px 0;
padding: 0 30px 0 0;
overflow-y: hidden;
}
sup {
color: #aaaaaa;
font-size: 11px; 
line-height: 10px;
padding: 0px 2px 0 2px;
margin:  0;
}
ul.share {
margin: 0px 0 0 0;
padding: 0px 0 0 0;
}
ul.share li {
margin: 0 0px 0 0;
padding: 0;
display: inline;
}
ul.share li a {
background: none;
}
ul.share li a:hover {
text-decoration: none;
background: none;
}
ul.share li img {
border: none;
}
.bottom-txt {
margin-bottom: 30px;
}
.video {
margin: 20px 0 60px 0;
}
.moreworks {
border-bottom: 1px solid #eee;
margin-bottom: 40px;
padding-bottom: 20px;
}
/*--------------------------------------------------- MUSEUMS */
.museumbanner {
	margin-top: 30px;
}
.museumbanner a img {
	padding: 0;
	border: none;
}
.city-group {
display: block;
margin: 50px 0 50px 0;
padding: 10px 0 0px 0;
border-top: 2px solid #eee;

}

.citybox {
float: left;
margin: 0px 10px 0px 0px;
padding: 0;
width: 244px;
}
.museumbox {
float: left;
margin: 0px 0px 0px 0px;
padding: 0;
width: 488px;
}
a.museumlink {
	display: block;
	background: #f3f3f3;
	padding: 15px;
	height: 45px;
}
p.cityname {
margin: 0 0 0px 0px;
padding: 0px 0 0px 0;
font-size: 15px; 
color: #666;
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
line-height: 1.4;
}
.museumbox p {
font-family: 'OpenSansSemibold', helvetica, arial, sans-serif;
margin: 0 0 0 0;
}
/*--------------------------------------------------- FOOTER */
#footerbg {
background: #f3f3f3;
border-top: 1px solid #eee;
margin: 40px auto 0 auto;
width: 100%;
min-width: 1020px !important;
}
#footer {
padding: 60px  0;
width: 980px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
}
#footer ul.social li {
display: inline-block;
width: 12px;
}
#footer ul.social li img {
width: 12px;
height: 12px;
}

#footer a {color: #777;}
#footer a img {border: none;}
#footer p { 
font-size: 10px; 
text-transform: uppercase;
color: #777;
margin: 60px 0 0px 0;
}
#footer p.ltop { 
float: left;
margin: 50px 0 0px 0;
}
#footer p.top { 
float: right;
margin: 50px 0 0px 0;
}
#footer p.fbig { 
font-size: 12px; 
margin: 0 0 0px 5px; 
color: #999;
line-height: 1.4;
}
.fleft {
float: left;
margin: 0 0 0 5px;
padding: 0;
width:125px;
}
.fleft img {
width: 90px;
height: auto;
}
.fright {
float: right;
width: 830px;
border-left: 2px solid #fff;
}
.fright ul {
list-style-type: none;
float: left;
border-right: 2px solid #fff;
width: 140px;
padding: 10px 0 10px 30px;
font-size: 11px;
text-transform: uppercase;
color: #ccc;
}
.fright ul li {
margin: 0 0 5px 0;
}
.embed-group {
margin-bottom: 20px;
}
a.embed-button-long {
background: #770077 url(images/embed_icon_white_28_32.png) no-repeat 10px 5px;
width: 270px;
height: 22px;
display: block;
padding: 7px 5px 3px 40px;
color: #fff;
margin: 0 15px 0 0;
text-transform: uppercase;
font-size: 13px;
float: left;
}

/* =Signup form
-------------------------------------------------------------- */

.signup {
float: left;
width: 250px;
margin: 10px 0 0 40px;
}
#mc_embed_signup {
padding: 0px 0;
margin: 0px 0;
display: block;
}
#mc_embed_signup label {
font-weight: normal !important;
text-transform: uppercase !important;
font-size: 11px !important;
color: #777 !important;
}
#mc_embed_signup form {
padding: 0 !important;
}
#mc_embed_signup input#mce-EMAIL {
border: 2px solid #fff;
display: inline-block;
margin: 0;
}
#mc_embed_signup input#mc-embedded-subscribe {
display: inline-block;
margin: 0;
font-size: 10px;
}
#mc_embed_signup input.button {
background-color: #999 !important;
font-weight: normal !important;
text-transform: uppercase !important;
min-width: 70px !important;
}
.up {
float: left;
margin: 5px 0 0 0;
padding: 0;
width: 20px;
}
.up a img, 
.up a, 
.up a:hover img, 
.up a:hover  {
border: none;
padding: 0px;
background: none;
color: transparent;
text-decoration: none;
}
/*--------------------------------------------------- SEARCH */
.resultRowTwo {
margin: 0px 0 0 0;
padding: 15px 10px 5px 10px;
border-top: 1px solid #ddd;
}
.resultRowOne {
margin: 0px 0 0 0;
padding: 15px 10px 5px 10px;
border-top: 1px solid #ddd;
background: #f3f3f3;
}
.label {
font-style: italic;
color: #999;
}
.kco {
float: right;
margin: 0 30px 0 0;
padding: 0;
color: #bbb;
}
.fright .kco a {
margin: 0;
padding: 0;
color: #bbb;
}
.fright .kco a:hover {
background: none;
text-decoration: underline;
}
.addbtn-group {
margin: 0px 0 40px 0;
padding: 20px 0 0 0;
}
.btext div.addthis_16x16_style {
margin: 40px 0 20px 0;
}
.addbtn-group .addthis_32x32_style {
padding: 0px 0 10px 0px;
}
.addbtn-group .addthis_toolbox a:hover, 
.addbtn-group .addthis_toolbox a:hover img  {
border: none;
}
.addbtn-group p {
margin-bottom: 5px;
}
.rights {
margin: 20px 0px 0 0;
padding: 0px 0 0 0px;
}
.rights p {
color: #aaa;
font-size: 11px; 
margin: 0;
padding: 0;
}





/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {

#container { 
width: 280px;
margin: 0 auto;
padding: 0 20px;
}
#headerbg, 
#footerbg {
min-width: 320px !important;
}

/*--------------------------------------------------- HEADER SIDEBAR */
#header {
width: 280px;
padding: 30px 20px 15px 20px;
}
.hleft {
float: none;
margin: 0 auto;
width: 100%;
text-align: center;
}
h1 a {
margin: 0 auto;
}
.hmid {
float: none;
margin: 40px auto 0px auto;
width: 100%;
text-align: center;
}
.hmid p {
font-size: 14px;
}
.hright {
float: none;
margin: 0 auto;
text-align: center;
width: 100%;
}
.hright form {
margin: 0 auto;
}
.hright input {
float: none;
display: inline-block;
}
.hright input.submit {
float: none;
display: inline-block;
vertical-align: middle;
}
#content { 
float: none; 
width: 100%;
padding: 0 0px;
margin: 0px 0px 0 0px;
border-left: none;
}

/*--------------------------------------------------- NEW SIDEBAR */
#sidebar-group {
width: 100%; 
float: none;
margin: 0 0 30px 0;
}
ul.main { 
margin-top: 30px;
}

  	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:40px 0 0;
	}
	.main {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-active {
		display:block;
	}
	.nav-mobile-open {
	}
 nav ul.social {
float: right;
position: absolute;
top: 0;
right: 0;
}
.museumbanner {
	display: none;
} 

/*--------------------------------------------------- HOME ABOUT */
.hthemegroup {
float: none;
margin: 0px auto;
display: block;
}
.mod-short {
float: none;
width: 100%;
display: inline-block;
}
.mod-medium {
float: none;
width: 100%;
display: inline-block;
}
.mod-long {
float: none;
width: 100%;
display: inline-block;
}
.blog-group {
float: none;
width: 100%;
display: inline-block;
}
.blog-group-last {
float: none;
width: 100%;
display: inline-block;
}
/*.themebox .hover-type {
opacity: 0.7;
}*/
#homeslide {
width: 280px;
margin: 0px 0 30px 0;
height: 100px;
}
.homeslide-img {
width: 280px;
height: 100px;
}
.homeslide-img img {
width: 280px;
height: 100px;
}
.homeslide-bg {
top: -200px; 
left: 0px; 
width: 280px;
height: 120px;
}
.homeslide-txt {
top: -100px; 
left: 0px; 
width: 170px;
height: 100px;
}
.homeslide-txt p { 
font-size: 14px; 
margin: 10px 0px 15px 10px;
}
.homeslide-txt p.hread { 
margin: 10px 0px 0px 10px;
}
#hnav { 
top: 80px; 
left: 200px;
}
div object {
width: 280px !important;
height: auto;
}
.number {
float: none;
margin: 0;
width: 100%;
}
.ptext {
float: none;
width: 100%;
}
.pfootnotes {
margin: 50px 0 40px 0;
}
/*--------------------------------------------------- THEMES */
.sthemegroup {
float: none;
margin: 20px auto;
display: block;
}
/*.small-themebox .hover-type {
opacity: 0.7;
}*/
.small-themegroup {
float: none;
margin: 20px auto;
display: block;
}
.themegroup {
float: none;
margin: 20px auto;
display: block;
}

/*--------------------------------------------------- ARTICLE */
span.textblock, 
span.footnotes {
margin: 0 0px 0 0;
padding: 0;
display: block !important;
width: 100%;
clear: both !important;
}
.bottom-txt {
float: none;
margin-top: 10px;
clear: both !important;
display: block !important;
}
span.footnotes {
margin-top: 40px;
}
#cycle_area{
background: none;
border-bottom: none;
border-top: none;
width: 100% !important;
height: auto !important;
float: none !important;
margin: 20px 0 30px 0;
padding: 0;
overflow: visible !important;
position: relative !important;
clear: both !important;
}
#cycle_area_one {
background: none;
border-bottom: none;
border-top: 1px solid #ddd;
width: 100%;
height: auto !important;
float: none !important;
margin: 20px 0 30px 0;
padding: 0;
overflow: visible !important;
position: relative !important;
clear: both !important;
}
#cycle_area a img, #cycle_area a:hover img, 
#cycle_area_one a img, #cycle_area_one a:hover img {
border: none;
padding: 0px;
}
.zimagegroup {
margin: 20px 0;
padding: 0;
top: 0 !important;
left: 0 !important;
border: none !important;
display: block !important;
float: none !important;
height: auto !important;
width: 100%;
clear: both !important;
position: relative !important;
opacity: 1 !important;
}
.zimage {
float: left;
margin: 10px 20px 20px 0;
padding: 0px;
width: 100% !important;
display: block !important;
}
.zimage img {
width: 280px !important;
max-width: 280px !important;
height: auto !important;
}
.instruct {
display: none;
}
.ztext {
float: none !important;
margin: 20px 0 20px 0 !important;
padding: 0 0px 30px 0 !important;
width: 100% !important;
position: relative !important;
display: block !important;
border-bottom: 1px solid #ccc;
}
.ztext div {
background: none !important;
}
.ztext_one {
float: none;
margin: 12px 0 10px 0;
padding: 0 0px 0px 0;
width: 100%;
display: block !important;
}
#pager{
display: none;
}
.addbtn-group {
float: none;
border-top: 1px solid #eee;
width: 100%;
}
.rights {
padding: 0px 0 0 0px;
float: none;
width: 100%;
border-left: none;
}
.ztext .zcaption p.mshow {
display: block;
}
.ztext .zcaption p.mhide {
display: none;
}


/*--------------------------------------------------- ESSAYS */
.essayintro {
float: none;
margin: 0px 30px 60px 0;
width: 280px;
}
.pdfarea2 {
width: 280px;
}
.essayimgs {
float: none;
margin: 0px 0 60px 0;
width: 280px !important;
}
.essayimgs div {
width: 280px !important;
}
.essayimgs img {
width: 280px !important;
height: auto !important;
}
/*--------------------------------------------------- ARTISTS */
.artistgroup {
float: none;
margin: 20px auto;
}
/*.artistbox .hover-type {
opacity: 0.7;
}*/
.artstory-group .right {
	margin: 0px 0 0 0;
}
/*--------------------------------------------------- ARTISTS */

.citybox {
float: none;
margin: 0px 10px 10px 0px;
width: 100%;
}
.museumbox {
float: none;
margin: 0px 0px 0px 0px;
width: 100%;
}

/*--------------------------------------------------- GALLERIES */
#gallery-slideshow {
width: 280px;
height: 400px;
}
#gallery-slideshow ul#gnav {   
top: 80px; 
width: 280px;
}
.gslide {
width: 100%;
}
#gallslide {
width: 100%;
}
.gallslide-group {
width: 100%;
height: 400px;
}
.gallery-group-left {
margin: 0px 10px 20px 0;
float: none;
display: inline-block;
width: 100%;
}
.gallery-group-right {
margin: 0px 0 20px 0px;
float: none;
display: inline-block;
width: 100%;
}
.gallery-thumb {
float: none;
display: block;
width: 100%;
min-height: 100px;
}
.gallery-thumb img {
max-height: 155px;
}
.gallery-txt {
padding: 15px 10px 0 10px;
float: none;
display: block;
width: 260px;
}
.gallslide-img {
width: 100%;
}
.gallslide-img img {
width: 280px;
height: auto;
padding: 0;
}
.gallslide-txt {
width: 100%;
}
.gallslide-txt p { 
margin: 0px; 
}
/*--------------------------------------------------- BLOG */
.btext div.bimgblock {
display: block;
width: 100%;
margin: 0 0 15px 0;
padding: 0 0 0px 0;
}
.bimgblock img {
width: 280px;
height: auto;
}
.bleft {
float: none;
padding: 0px;
width: 100%;
border-right: none;
}
.bright {
float: none;
width: 100%;
margin: 60px 0 0 0;
}
.blog-left {
float: none;
width: 100%;
margin: 0 0 20px 0;
padding: 5px 0 0px 0;
}
.blog-right {
float: none;
width: 100%;
}
#comment_form input {
width: 260px;
}
#comment_form textarea {
width: 260px;
}
.comment-text {
margin: 0 25px 0 0;
padding: 0;
float: left;
width: 100%;
}

/*--------------------------------------------------- FOOTER */
#footer {
padding: 60px 20px;
width: 280px;
text-align: left;
}
#footer ul.social li {
display: inline-block;
width: 12px;
}
#footer ul.social li img {
width: 12px;
height: 12px;
}

#footer p { 
margin: 60px 0 0px 0;
}
#footer p.fbig { 
margin: 0 0 0px 5px; 
color: #999;
}
.fleft {
float: none;
margin: 0 0 20px 0;
width: 100%;
}
.fleft img {
width: 90px;
height: auto;
}
.fright {
float: none;
width: 100%;
border-left: none;
margin: 0;
padding: 0;
}
.fright ul {
float: none;
border-right: none;
width: 100%;
padding: 0px;
}
.fright ul li {
margin: 0 0 5px 0;
}
.signup {
float: none;
width: 100%;
margin: 30px 0 0 0;
}
}




/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {


#container { 
width: 440px;
margin: 0 auto;
padding: 0 20px;
}
#headerbg, 
#footerbg {
min-width: 480px !important;
}

/*--------------------------------------------------- HEADER SIDEBAR */
#header {
width: 440px;
}
#homeslide {
width: 440px;
margin: 0px 0 30px 0;
height: 140px;
}
.homeslide-img {
width: 440px;
height: 140px;
}
.homeslide-img img {
width: 440px;
height: 140px;
}
.homeslide-bg {
top: -240px; 
left: 0px; 
width: 440px;
height: 140px;
}

.homeslide-txt {
top: -125px; 
left: 0px; 
width: 140px;
height: 100px;
}
.homeslide-txt p { 
font-size: 14px; 
margin: 10px 0px 15px 10px;
}
.homeslide-txt p.hread { 
margin: 10px 0px 0px 10px;
}
#hnav { 
top: 120px; 
left: 350px;
}
div object {
width: 440px !important;
height: auto;
}
/*--------------------------------------------------- HOME */

#homepage .blog-group {
width: 215px;
display: inline-block;
margin: 0;
border-bottom: none;
}
#homepage .blog-group-last {
width: 215px;
display: inline-block;
}
.blog-smimg {
width: 100px;
}
.blog-smimg a img {
max-width: 100px;
height: auto;
}
.blog-txt {
float: left;
margin: 0 0px 0 0;
padding: 0;
width: 90px;
}
/*--------------------------------------------------- THEMES */

.small-themegroup {
float: left;
margin: 20px 10px 20px 20px;
}

/*--------------------------------------------------- ARTICLES */
.zimage img {
width: 440px !important;
max-width: 440px !important;
height: auto !important;
}
/*--------------------------------------------------- ESSAYS */
.essayintro {
float: none;
margin: 0px 30px 60px 0;
width: 440px;
}
.pdfarea2 {
width: 440px;
}
.essayimgs {
float: none;
margin: 0px 0 60px 0;
width: 440px !important;
}
.essayimgs div {
width: 440px !important;
}
.essayimgs img {
width: 440px !important;
height: auto !important;
}
/*--------------------------------------------------- ARTISTS */
.artistgroup {
float: left;
margin: 20px 30px;
}
/*.artistbox .hover-type {
opacity: 0.7;
}*/
/*--------------------------------------------------- GALLERIES */
#gallery-slideshow {
width: 440px;
height: 400px;
}
#gallery-slideshow ul#gnav {   
top: 80px; 
width: 440px;
}
.gallslide-group {
width: 100%;
height: 400px;
}
.gallery-thumb img {
max-height: 155px;
}
.gallery-txt {
padding: 15px 10px 0 10px;
float: none;
display: block;
width: 420px;
}
.gallslide-img img {
width: 440px;
height: auto;
padding: 0;
}
/*--------------------------------------------------- BLOG */
.bimgblock img {
width: 440px;
height: auto;
}
#comment_form input {
width: 420px;
}
#comment_form textarea {
width: 420px;
}
.barchives li,
.blogroll li {
margin: 0 30px 7px 0;
display: inline-block;
width: 180px;
}

/*--------------------------------------------------- FOOTER */
#footer {
padding: 60px 20px;
width: 440px;
text-align: left;
}
.addbtn-group .addthis_32x32_style {
display: block;
float: left;
padding: 0px 0 30px 0px;
width: 100%;
}



}