/**
**	CSS Designed and Coded by Graphic(At.X)
**	http://www/graphicatx.com
**	hello [at] graphicatx.com
**/

@import url("reset.css"); /* Reset browsers default styles */
/*@import url("grid.css");  Contains grids and layout styles */
@import url("typography.css"); /* Contains all the text styles */
/*@import url("forms.css");  Contains all the forms elements styles */
@import url("plugins.css"); /* Plugins and Fancy Stuff*/

body { background:#fff url(/images/bg.jpg) repeat }
div.hr { background:url(/images/hr.png) repeat-x; float:left; width:100%; height:3px; margin:3px 0; }
div.hr-short { background:url(/images/hr-short.gif) no-repeat; float:left; clear:both; width:250px; height:1px; }
address {  background:url(/images/hr-short.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom:13px; }

/* GRID */
.break { float:left; clear:both; widht:auto; }
.col-2 { float:left; clear:none; width:48%; margin-right:4%; }
.col-3 { float:left; clear:none; width:65%; margin-right:4%; }
.col-1 { float:left; clear:none; width:31%; margin-right:4%; }
.last { margin-right:0!important; }

div#bg_gradient { background:transparent url(/images/bg_white-gradient.png) repeat-x; position:absolute; top:0; left:0; width:100%; height:400px; z-index:1; }
div.container { position:relative; z-index:3; width:964px; margin:0 auto; }

div#header, div#body, div#footer { float:left; width:100%; clear:both; position:relative; }
div#logo, div#copyright_notice, div#menu_bottom, div#byline { float:left; clear:none; width:auto; position:relative; left:24px; }
div#menu_top { bottom:-7px;
position:absolute;
right:0; }
div#copyright_notice { width:25%; text-align:left; margin-left:-24px; }
div#menu_bottom { width:50%; text-align:center; }
div#byline { width:25%; text-align:right; }
div#byline a { color:inherit; }

div#logo { background:url(/images/logo-main.jpg) no-repeat; width:245px; height:67px; margin-top:7px; }

/*FRONT PAGE*/
div.frontpage { background:url(/images/frame_paper.png) no-repeat; float:left; width:694px; height:650px; }

div#footer { padding: 0 6px; width:99%; color:#888; font-size:11px; }

/*SUB PAGE*/
div#bg_subpage { width:100%; float:left; background:url(/images/bg_subpage.png) repeat-x center top; position:relative; z-index:2; min-height:400px; }
div.subpages { padding:13px 38px 4px; width:92%!important; }

/*BIO PAGE */
div#bio { text-align:justify; }
div#bio-sidebar .item h2 { background:url(/images/hr_large.gif) no-repeat left top; padding:10px 0 0; cursor:pointer; display:block; width:100%;  }
div.solo-exhibitions p { margin:0 0 4px; }

/*NEWS*/
div.date { border-bottom:1px dotted #ddd; border-top:1px dotted #ddd; color:#999; margin-bottom:7px; padding:2px; }
div.post { background:url(/images/hr_large.gif) no-repeat left bottom; padding:0 0 5px; float:left; width:100%; margin-bottom:13px;}
div.post p { text-align:justify;}
div#news-sidebar a {color:#666;}
div#news-sidebar ul li { list-style-type:none; margin:0 0 13px; padding:0 0 5px; float:left; width:100%;}
div#news-sidebar ul li ul { margin:0 2px; }
div#news-sidebar ul li ul li{ float:left; clear:both; width:100%; background:none; padding:2px 0; margin:0 0 1px!important; border-top:1px dotted #e6e6e6 }
div#news-sidebar {}
div#commentslist {margin-left:37px; margin-top:18px;}
div#respond {margin-left:36px;}
div#news-sidebar { width:27%!important; }
li.widget_archive { background:none!important;}

div.post_footer { border-top:1px dashed #ddd; padding:3px 0 0; width:67%; font-style:italic; }
div.post_footer a { color:#777; }

ul#post_images { list-style-type:none; margin:0; padding:0; }
ul#post_images li { float:left; clear:none; width:auto; margin:0 1px 0;}

.post_footer {float:left; clear:both; width:100%!important; margin-top:10px; }

.sociable {clear:none!important; float:right!important; width:auto!important; margin:0!important;}

p.loggedinas { padding-bottom:13px;}

/*ART PAGE */

div.item-entry { margin-bottom:7px; padding-bottom:7px; background:url(/images/hr_large.png) left bottom; }

/*CONTACT PAGE*/

#contactform { margin-left:33px; float:left;}

#map {float:right; position:relative; right:65px; width:427px; height:518px; border:2px solid #ccc;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
#map:hover {
	/* for IE */
  filter:alpha(opacity=100;
  /* CSS3 standard */
  opacity:1.0;
  }