/*
Theme Name: Meloche Theme
Theme URI: http://moniquemeloche.com/
Description: The theme created for Monique Meloche Gallery
Version: 1.0.0
Author: Derek Neidringhaus
Author URI: http://derekn.com/
Tags: custom

Meloche 1.0
http://www.moniquemeloche.com/

This theme was created by Derek Niedringhaus,
http://www.derekn.com/

The CSS, XHTML, design, code and all material within
are under copyright

*/

/*
-------------------------------------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------------------------------------*/



/*Basic Typogrpahic Styles
---------------------------------------- */
html,body,button,textarea{font:11px/1.5em "Helvetica Neue",Arial,Helvetica,sans-serif;color: #484747;}

/* Line Breaks */
p,ul,ol,dl{
	margin: 0;
	padding: 0;
}

/* Headers */
h1,h2,h3,h4,h5,h6{}
h1{
	font-size: 18px;
	font-style: normal;
}
h2{font-size: 11px; font-style:normal;}
h3{

	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
}
h4{}
h5{}
h6{}

img {
	border-style: none;
}

/* Formatting */
strong{font-weight:bold;}
em{font-style:italic;}
del{font-style:line-through;}
p{color:#484747;}

/* misc */
.small{}
.copyright{}

/* Links */

a:link {	
	color: #000; 
	text-decoration: none;
}
a:visited {	
	color: #000;
	text-decoration: none;
	}
a:hover {	
	color: #9966CC;
	text-decoration: none;
	}
#header {
	background-color: #ffffff;
	height: auto;
	background:#FFF;
	padding-top: 30px;
	width:870px;
	z-index:2;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: auto;
	padding-bottom: 10px;
	position: fixed;
}
#topwrap { 
	width: 870px;
	background-color: #ffffff;
	margin: auto;
} 


#pagewrap { 
	width: 870px;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
} 

/*
overall structure

*/

body{
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 25px;
}

/*
-------------------------------------------------------------------------------------------------------------
ALTERATIONS
-------------------------------------------------------------------------------------------------------------*/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/*-------------------------------------------------------------------------------------------------------------
HEAD LAYOUT
-------------------------------------------------------------------------------------------------------------*/
#topnav { 
	color: #464646;
	font-size: 10px;
	float: right;

}


#topnav ul  {
	padding-top: 8px;
	padding-right: 2px;
}

#topnav ul li  {
	list-style: none;
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 40px;
}

#topnav ul li a:link, #nav ul li a:visited  {
	text-decoration: none;
	color: #464646;
}

#topnav ul li a:hover  {
	color: #9966CC;
}

#topnav li a:visited {
	color: #464646;
}


#topnav li a:hover {
	color: #9966CC;
}


#subnav { 
	color: #464646;
	font-size: 10px;
	float: left;
	padding-left: 20px;
	clear: both;
}


#subnav ul  {
	padding-top: 8px;
	padding-right: 2px;
}

#subnav ul li  {
	list-style: none;
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #797979;}

#subnav ul li a:link, #nav ul li a:visited  {
	text-decoration: none;
	color: #464646;
}

#subnav ul li a:hover  {
	color: #9966CC;
}

#subnav li a:visited {
	color: #464646;
}


#subnav li a:hover {
	color: #9966CC;
}
#subnav li.current_page_item a:link {
	color: #9966CC;
}	
#subnav li.current_page_item a:hover {
	color: #9966CC;
}	

#subnav li.current_page_parent a:link {
	color: #9966CC;
}
#subnav li.current_page_parent a:hover {
	color: #9966CC;
}
#subnav li.current_page_child a:link {
	color: #9966CC;
}
#subnav li.current_page_child a:hover {
	color: #9966CC;
}
#subnav2 { 
	color: #464646;
	font-size: 10px;
	float: left;
	padding-left: 20px;
	clear: both;
}


#subnav2 ul  {
	padding-right: 2px;
}

#subnav2 ul li  {
	list-style: none;
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #797979;}

#subnav2 ul li a:link, #nav ul li a:visited  {
	text-decoration: none;
	color: #464646;
}

#subnav2 ul li a:hover  {
	color: #9966CC;
}

#subnav2 li a:visited {
	color: #464646;
}


#subnav2 li a:hover {
	color: #9966CC;
}
#subnav2 li.current_page_item a:link {
	color: #9966CC;
}	
#subnav2 li.current_page_item a:hover {
	color: #9966CC;
}	

#subnav2 li.current_page_parent a:link {
	color: #9966CC;
}
#subnav2 li.current_page_parent a:hover {
	color: #9966CC;
}
#subnav2 li.current_page_child a:link {
	color: #9966CC;
}
#subnav2 li.current_page_child a:hover {
	color: #9966CC;
}


#artnav { 
	padding-top: 8px;
	padding-right: 2px;	

	text-decoration: underline;
	text-transform: uppercase;
	font: 11px/24px Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
}




#artnav li  {
	
	list-style: none;
	display: list-item;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 40px;
	}
	
#artnav li h3{
	color: #a9a9a9;
	
}

	
#artnav li a img {
	float: right;
	height: 0; 
	width: 0; 
	border-width: 0;
	clear: both;
}

#artnav li a:link, #nav li a:visited  {
	color: #666666;
}

#artnav li a:hover  {
	color: #9966CC;
}


#artnav li a:hover img {
	
    height: auto; width: auto;
	position: absolute;
	float: right;
	top: 25%;
	left: 50%;
}


#artnav li a:visited {
	color: #464646;
}


#artnav li a:hover {
	color: #9966CC;
}
#visiting li a:link, a:visited  {
	color: #a9a9a9;
}

#visiting li a:hover  {
	color: #9966CC;
}



#headwrap { 
	height: 29px; 
	width: 870px;
	position: static;
	margin-bottom: 0;
	background: #ffffff url(images/header_line.jpg) no-repeat 0 bottom;
}
#headwrap #headimg {
	height: 20px;
	float: left;
	width: 165px;
}
#headwrap #headimg #headimglink { position:absolute; width: 165px; height: 20px;}

#headwrap #headimg #headimglink img { position: absolute;
	border-style: none;
}

#headnav {
	width: 100px;
}
    
        #headnav h2 {
		font-size: 11px;
		font-weight: bold;
	padding-top: 4px;
}
 	 #headnav p {
		font-size: 11px;
		padding-top: 13px;
}

 #headnav a:hover {
		color: #9966CC;

}

#hidetext{ /*Hide the text*/ height: 0; overflow: hidden; width: 343px;
	padding-top: 15px;
	border-style: none;
	border-width: 2px;
}




/*
-------------------------------------------------------------------------------------------------------------
CONTENT LAYOUT
-------------------------------------------------------------------------------------------------------------*/

#section1 {
    float: left; /* Sets this section to the left */
    width: 475px;
	margin-left: 20px;
}



#home1 {
    float: left; /* Sets this section to the left */
    width: 375px;
	margin-left: 20px;
}

#artist {
    float: left; /* Sets this section to the left */
    width: 405px;
	padding-left: 20px;
}


		
	
#section2 {
    float: right; /*Sets this sectionto the right */
    width: 375px;
	height: auto;
}

#home2 {
    float: right; /*Sets this sectionto the right */
    width: 475px;
	height: auto;
}

#artist2 {
    float: right; /*Sets this sectionto the right */
    width: 425px;
	height: auto;
	padding-left: 20px;
}


    #column4 {
        float: left; /* Sets this column to the right inside its section*/

    }
    
#section3 {
    background: url(images/hr.jpg) no-repeat;
	padding-top: 10px;
	margin-top: 20px;
}
  
      
#section4 {
    float: left; 
    width: 840px;
	padding-top: 10px;
	height: auto;
	padding-bottom: 20px;
	padding-left: 20px;

}

#news {
    float: left; 
    width: 840px;
	height: auto;
	padding-bottom: 20px;
	padding-left: 20px;

}

#section5 {
    width: 870px;
	padding-top: 30px;
	height: auto;
	padding-bottom: 20px;
}
  
    

    #column1 {
        float: left;    
        width: 275px;
	background: url(images/dots.jpg) repeat-y;
	padding-left: 20px;
	margin-bottom: 10px;
	min-height:125px;
	height:auto !important; /******IE 6 and 7 Hack for min-height*******/
}
	       
 

   #column2 {
        width: 230px;
        
	margin-right: 25px;
	background: url(images/dots.jpg) repeat-y;
	border-right-width: 1px;
	padding-left: 45px;
	min-height:125px;
	height:auto !important;
	display: inline-block;
	float: left;
}

   #column3 {
        width: 255px;
        
		background: url(images/circle_logo.jpg) no-repeat;
	min-height:125px;
	height:auto !important;
	display: inline-block;
}

 .smpost {
	padding-bottom: 10px;
	clear: both;
	float: right;
	padding-right: 50px;
	padding-top: 10px;
	height: auto;
}

/* My Comment */


    .post {
	padding-bottom: 10px;
	clear: none;
	width: 90%;
}

 .exhpost {
	padding-bottom: 10px;
}


   .exhpost hr {
	padding-bottom: 10px;
	border-style: hidden;
	border-bottom: 1px solid silver;
}
  .altpost {
	padding-bottom: 10px;
	clear: none;
}

.upcoming {

}

.posttitle {

	padding-top: 9px;
	margin-bottom: 5px;
	color: #9966cc;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.hometitle {

	padding-top: 9px;
	margin-bottom: 5px;
	color: #9966cc;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.posttitle_subject{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 16px;
}


.posttitle a:link,
.posttitle a:visited {
	padding-top: 9px;
	margin-bottom: 5px;
	color: #9966cc;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

.posttitle a:hover {
	color: #9966CC;
}


.posttype {
	color: #484747;
	font:Helvetica, Verdana, Arial, sans-serif;
	float: left;
}

.posttype a:link, a:visited{
	color: #666666;
}

.posttype a:hover {
	color: #9966CC;
}


.posttype p{ 
	color: #484747;
	margin-bottom: 12px;
	margin-top: 14px;
	font-size: 11px;
	line-height: 18px;
	margin-right: 20px;
}

.exhibtype {
	color: #484747;
	font:Helvetica, Verdana, Arial, sans-serif;
	float: left;
	width: 400px;
}

.exhibtype a:link {
	color: #666666;
}

.exhibtype a:hover {
	color: #9966CC;
}


.exhibtype p{ 
	color: #484747;
	margin-bottom: 12px;
	margin-top: 14px;
	font-size: 11px;
	line-height: 18px;
	margin-right: 20px;
}

.presstype {
	color: #484747;
	font: 11px/14px Helvetica, Verdana, Arial, sans-serif;
}

.presstype a:link, .presstype a:visited {
	color: #0066cc;
}


.presstype p{ 
	color: #484747;
	margin-bottom: 12px;
	margin-top: 7px;
	font-size: 11px;
	line-height: 16px;
	margin-right: 20px;
}


.arttype {
	color: #484747;
	font: 11px/1.5em Helvetica, Verdana, Arial, sans-serif;
}


.arttype p{ 
	color: #484747;
	margin-bottom: 12px;
	margin-top: 14px;
	font-size: 11px;
	line-height: 18px;
	margin-right: 20px;
}
.arttype a:link, .arttype a:visited {
	color: #9966CC;
}


#mainImg {

	padding-top: 7px;
	margin-bottom: 8px;
}
#exhImg {
	width: 300px;
	height: 200px;
	overflow: hidden;
	padding-top: 7px;
	margin-bottom: 8px;
	padding-left: 50px;
}
#artImg {
	width: 425px;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;
}
.wallImg {
	width: 425px;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;
	float: right;
}

#placeholder {
	width: 350px;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;
}
#gallery {
	padding-top: 30px;
}

/*
-------------------------------------------------------------------------------------------------------------
FOOTER LAYOUT
-------------------------------------------------------------------------------------------------------------*/
#footwrap {
	clear: both;
	width: 870px;
	background-color: #ffffff;
	margin-right: auto;
	margin-bottom: 75px;
	margin-left: auto;
} 
#footwrap img {
}

#footwrap a:link,
#footwrap a:visited { color: #9966CC;}
#footwrap a:hover {color: #9966CC;}


    #footcol1 {
        float: left;    
        width: 400px;
	padding-right: 15px;
	padding-left: 5px;
}
	       
 

   #footcol2 {
        float: right;
        width: 400px;
	text-align: right;
	padding-right: 5px;
}

	

#footnav {
	color: #000;
}
#footnav li {
	list-style: none;
	display: block;
	font-size: 12px;
	margin-right: 6px;
	padding-right: 6px;
	line-height: 18px;
}

#footnav li a:link {
	color: #000;
	text-decoration: none;
}
#footnav li a:visited {
	color: #000;
}


#footnav li a:hover {
	color: #9966CC;
}
#footnav li.current_page_item a {
	color: #000;
	font-weight: bold;
}	
#footnav li.current_page_item a:hover {
	color: #9966CC;
	font-weight: bold;
}	

#footnav li.current_page_parent a {
	color: #000;
	font-weight: bold;
}
#footnav li.current_page_parent a:hover {
	color: #9966CC;
	font-weight: bold;
}
	
#footnav li.current_page_ancestor a {
	color: #000;
	font-weight: bold;
}
#footnav li.current_page_ancestor a:hover {
	color: #9966CC;
	font-weight: bold;
}

#slideshow {
	width: 500px;
	height: 164px;
	margin-bottom: 100px;
}
#slideshow .left {
	width: 250px;
	height: 164px;
	float: left;
}
#slideshow .right {
	width: 250px;
	height: 164px;
	float: right;
	
	}	
.thumbnail {
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 50px;
}
#sub{
	margin-top: 15px;
}

#sub li {
	list-style: none;
	padding-top: 1px;
	padding-bottom: 1px;
}
#sub li a:link {
	color: #000;
	text-decoration: none;
}
#sub li a:visited {
	color: #000;
}


#sub li a:hover {
	color: #9966CC;
}
#sub li.current_page_item a {
	color: #000;
	font-weight: bold;
}	
#sub li.current_page_item a:hover {
	color: #9966CC;
	font-weight: bold;
}	

#pubs  {
	list-style: none;
	height: 250px;
}

#pubs li {
	
	width: 115px;
	height: 165px;
	overflow: hidden;
	position: relative;
	margin-top: 0;
}
.pagenumber {
	width: 500px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 14px;
	border-top-style: dotted;
	border-top-width: 1px;
	background-color: #ffffff;
	padding-top: 10px;
}

#summary{
	position:absolute;
	top:30%;
	left:20%;
	border:2px solid #CCC;
	background-color:black;
	color:white;
	z-index:5;
	font-size:14px;
	width:60%;
	text-align:center;
	display:none;
	padding:10px;
	overflow:hidden;
}
#summary span{
	color:#9966CC;
	font-weight:bolder;
}

/* Hacked in grid system for visting artists layout */


/* 960 24 column grid */

.container_24 {
	margin-right:auto;
	margin-left:auto;
	width:864px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
	display:inline;
	float:left; /* <--- this was originally set to "Right" but I'm not sure why*/
	margin-right:5px;
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23 {
	position:relative
}
.alpha {
	margin-right:0
}
.omega {
	margin-left:0
}

.container_24 .grid_1 {
	width:26px;
}

.container_24 .grid_2 {
	width:62px;
}

.container_24 .grid_3 {
	width:98px;
}

.container_24 .grid_4 {
	width:134px;
}

.container_24 .grid_5 {
	width:170px;
}

.container_24 .grid_6 {
	width:206px;
}

.container_24 .grid_7 {
	width:242px;
}

.container_24 .grid_8 {
	width:278px;
}

.container_24 .grid_9 {
	width:314px;
}

.container_24 .grid_10 {
	width:350px;
}

.container_24 .grid_11 {
	width:386px;
}

.container_24 .grid_12 {
	width:422px;
}

.container_24 .grid_13 {
	width:458px;
}

.container_24 .grid_14 {
	width:494px;
}

.container_24 .grid_15 {
	width:530px;
}

.container_24 .grid_16 {
	width:566px;
}

.container_24 .grid_17 {
	width:602px;
}

.container_24 .grid_18 {
	width:638px;
}

.container_24 .grid_19 {
	width:674px;
}

.container_24 .grid_20 {
	width:710px;
}

.container_24 .grid_21 {
	width:746px;
}

.container_24 .grid_22 {
	width:782px;
}

.container_24 .grid_23 {
	width:818px;
}

.container_24 .grid_24 {
	width:854px;
}


#section4 div.container_24 ul.grid_6 li  {
	list-style: none;
	display: block;
	margin-right: 6px;
	padding-right: 6px;

#section4 div.container_24 ul.grid_6 li a:link, #nav ul li a:visited  {
	text-decoration: none;
	color: #464646;
}

#section4 div.container_24 ul.grid_6 li a:hover  {
	color: #9966CC;
}

#section4 div.container_24 ul.grid_6 li a:visited {
	color: #464646;
}


#section4 div.container_24 ul.grid_6 li a:hover {
	color: #9966CC;
}