/*
Theme Name: Bretttheme
Theme URI: http://www.bretthumphries.com
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Description: Bretthumphries theme was based on the default Wordpress theme by Michael Heilemann
Tags: liquid layout, two columns
Version: 1.0
Author: Gicela Morales
last modified: 10/Nov/09

*/




/* Normalises */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;}

/* Defines focus styles*/
:focus { outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
/* Left-aligns text in caption , th and td */
caption, th, td { text-align: left; font-weight: normal;}
.clear {clear: both;}


/* Defines body styles*/
body 
{color: #3e4910;
  background: #fff;
  font-family: Times New Roman,  Palatino, Constantia, serif;
  font-size: 100%;
  min-width: 780px;

  }
  
/* Defines link colours*/
A:link,
A:visited,
A:hover {
  text-decoration: none;}
A:link {
  color:#c89037;}
A:hover {
  color:#c89037;}
A:visited {
  color:#c89037;}
H1 A:link,
H1 A:visited {
  color: #3e4910;}

H1 a:hover {
  color: #c89037;}

H2 {
  font-size: 1.2em;
}
H3 {
  font-size: 1.2em;
} 

H2, H3, H4 {
  padding-left: 5px;
} 

P {
  padding: 8px;
}

P.aligncenter {
  text-align: center;
}

/* Defines structure homepage*/
#outer { 
    width: 100%;
    margin: 0 auto;
}
#outerContent {
  overflow: hidden;
  width: 975px;
  margin: 0 auto;
}
#mainCol,
#mainColhomepage {
  float:left;
  width: 640px;
}

/* Page navigation plugin*/
#mainCol #pagnav {
  margin-left: 2.5em;

}
#mainCol #pagnav .wp-pagenavi {
  font-size: small;
}
#pagnav .wp-pagenavi span.pages {
  color:#000;
  margin-right: 10px;
}
#mainCol #pagnav .wp-pagenavi span.current {
  background-color:#b3be9c;
  color:#c89037;
  padding-left: 2px;
  padding-right: 2px;
}
#mainCol #pagnav .wp-pagenavi A {
  padding-right: 10px;
  padding-left: 10px;
}

/* Different width col for Ltd Editions and open editions*/
#mainColLtdEditions,
#mainColopeneditions {
  float:left;
  width: 725px;
}
/* Structure for originals page and all wide pages*/
#mainColoriginals,
#mainColwide {
  width: 970px;
}
#mainColAbout {
  width: 640px;
}

/* Different width col for Ltd Editions and open editions*/
#sidebarltdeditions,
#sidebaropeneditions {
  float: right;
  width: 235px;
}

/* All new sidebars need to be floated*/
#sidebar,
#sidebarabout,
#sidebarcontact,
#sidebarhome {
  float: right;
  width: 320px;
}
#footer {
  width: 100%;
  margin: 0 auto;
  clear:both;
}


/* Header*/
#header { text-align: center;

}
#header H1 {
  color:#0d180d;
  font-size: 2.5em;
  margin-top: 20px;
}
#header H2 { 
  color:#14610f;
  font-size: 1.5em;
  font-weight:100;
  font-style: italic;
  margin-top: -10px;
        margin-left: 0.7em;

}
#header P { font-style: italic;
  padding: 3px 0 8px 0;
  font-size:small;}

/* Top Navigation displays horizontally*/
#outer #navigation {
  background-image:url(images/backgrndnav.jpg);
  background-position: top left; 
  background-repeat: repeat-x;
  border-bottom: 1px solid #3e490f;
}
#outer #subnavigation .topbar {background-color:#b3be9c; height: 0.9em; padding: 0 0 1px 0;}

#navigation .page-nav {
  overflow: auto;
  width:970px;
  margin: 0 auto;
} 

#navigation .page-nav {
  background-image:url(images/bar.jpg);
  background-position: top left; 
  background-repeat: no-repeat;

}

#navigation .page-nav UL LI {
  float: left;
}
#navigation .page-nav UL {
  list-style-type: none;
  background-color: #b3be9c; 
    margin-left: 15px;
}

#navigation .page-nav UL LI {
  background-image:url(images/bar.jpg);
  background-position: top right; 
  background-repeat: no-repeat;
  text-align: center;
  padding-right:3px;
}

/* Originals canvas subnav*/

/* Acrylics subnav*/

/* Gallery representation subnav*/


/*  CHANGED*/


/* ADDED */
#navigation .page-nav UL LI A {
  padding: 0 7px;
  display: block;
  color: #f8f4d9;
    font-size: 14pt;
}
/* ADDED */
#navigation .page-nav UL LI a:hover{
    font-size: 14pt;
}


  /* New highlight colour CHANGED*/
 #navigation .page-nav UL LI a:hover {
  color: #364700;
  background: #dee6bd;
      font-size: 14pt;
}


  /* Current highlight - CHANGED*/

#navigation .page-nav  UL LI.current_page_item A {
  background: #dee6bd;
  color: #364700;
}



/* Main content*/
#outerContent {
  margin-top: 10px;
  padding-left: 8px;
  line-height: 1.5em;
}
#outerContent #greenbackgrnd  {
  background-color:#afba98;
  height: 20px;
  margin-top: 20px;
}

#content {
  background-image:url(images/postbackgrnd.jpg);
  background-position: top left; 
  background-repeat:repeat-x;
  margin-top: 10px;
}

#content .post IMG.alignleft {
  float: left;
  padding-right: 5px;
}

#content .post H3 {
  padding-top: 10px;
  color:#000;
  margin: 10px 0;
}

#content .post P {
  padding: 0 10px;
} 



P.aligncenter  {text-align: center;
}

#content .post small.datetags {
  color: #656764; 
  padding-left: 5px;
}


#content .entry {
  margin-top: 10px;
}

#content .post {
  background-image: url("images/rule.gif");
  background-position: bottom ;
  background-repeat:no-repeat;
  padding: 40px;
}

#content-about {
  width: 80%; /* this can be adjusted to any number*/
  margin: 0 auto; 
}

#content-about UL {
  margin:1em 0 1em 3em;
}
/* Blog content - height is to keep the footer absolute*/
#homeblogcontent {
  height: 600px;
  margin-top: 20px;
}

#homeblogcontent .entry {
margin: 0 auto;
}

#homeblogcontent .entry #slider1Content {
width: 754px;
margin: 0 auto;
}

/* Homepage*/
#homepagecontent  {
width: 970px;
margin: 20px auto 90px auto;
}
#homepagecontent {
text-align:center;
}
#homepagecontent .entry p {
text-align:left;
}
#homepagecontent .entry  {
text-align:left;
margin-bottom:2em;
}

/* General content for wide pages*/
#mainColwide #widecontent H2 {
    margin-bottom: 10px;
}


#mainColwide #widecontent UL{
    margin:1em 0 1em 3em;
}

/* Post page content*/
#mainColwide #postpagecontent H2 {
    margin-top: 1.2em;
    margin-bottom: 10px;
}


#mainColwide #postpagecontent UL{
    margin:1em 0 1em 3em;
}

/* Limited Editions content*/
#mainColLtdEditions {
  margin-top: 10px;
}
#ltdeditionscontent P.ltdintro {
  margin: 15px 0 20px 0;
}

#ltdeditionscontent P.ltdintro {
  padding-bottom: 15px;
}


#ltdeditionscontent {
  padding: 0;
  margin: 0;
}

#ltdeditionscontent UL LI.ltdimageleft {
  float: left;
    width: 50%;
  margin-bottom: 4em;
}

#ltdeditionscontent P {
  margin: 0;
  padding: 0;
}


#ltdeditionscontent UL LI.ltdimageright {
  float: right;
  width: 50%;
  margin-bottom: 4em;
}


#ltdeditionscontent UL LI {
  font-size: small;
  line-height: 1.8em;
}

#ltdeditionscontent UL {
  list-style-type:none;
}

#ltdeditionscontent UL LI .ltdimg {
  float: left;
}

#ltdeditionscontent UL LI .ltddescription,
#ltdeditionscontent UL LI .ltddescriptionwide{
  float: left;
  margin-left: 6px;
}

#ltdeditionscontent UL LI .ltdimg2 {
  float: left;
  width: 50%;
}

#ltdeditionscontent UL LI .ltddescription2{
  float: left;
  margin-left: 2em;
  margin-bottom: 3em;

}
#ltdeditionscontent UL LI .ltddescription2 H4{
 font-weight:bold;
}

#ltdeditionscontent UL LI .ltddescription H4,
#ltdeditionscontent UL LI .ltddescriptionwide H4 {
  padding: 0;
  font-weight: bold;
}
#ltdeditionscontent .entry P {
  padding-bottom: 2em;
}

/* Originals content*/

/* Originals and ltd editions navigation content*/
#originalscontent .originalslanding {
  width:100%;
  padding-top:15px;
  padding-bottom: 10px;
overflow:hidden;
clear:both;
}

#ltdeditionscontent .ltdeditionslanding {
    width: 80%;
  padding-top:15px;
  padding-bottom: 10px;
overflow:hidden;
clear:both;
margin: 0 auto;
text-align:center;}

#originalscontent .originalsnavigation,
#ltdeditionscontent .ltdeditionsnavigation {
  width: 84%;
  padding-top:15px;
  padding-bottom: 10px;
overflow:hidden;
clear:both;
margin: 0 auto;
}

#ltdeditionscontent .ltdnavimages
{
  width: 40%;
  float:left;
  text-align: center;
}

#originalscontent .originalsnavimages {
  width: 28%;
  float:left;
  text-align: center;
}

#originalscontent .originalslandimages {
  float:left;
  width: 32%;
  text-align: center;
}
#ltdeditionscontent .ltdlandimages {
  float:left;
  width: 45%;
  text-align: center;
}

#originalscontent .originalslandimages img,
#originalscontent .originalsnavimages img,
#ltdeditionscontent .ltdlandimages img,
#ltdeditionscontent .ltdnavimages img {
border: 1px solid #b3be9c;
padding: 10px;
}
#originalscontent P.originalsintro {
  margin: 15px 0 20px 0;
}
#originalscontent P.originalsintro {
  padding-bottom: 15px;
}

#originalscontent .originalslandimages .faded a,
#originalscontent .originalsnavimages .faded a,
#ltdeditionscontent .ltdlandimages .faded a,
#ltdeditionscontent .ltdnavimages .faded a {
color: #b3be9c;
}
#ltdeditionscontent .ltdlandimages h4,
#originalscontent .originalslandimages h4 {
font-size:1.2em;
}

#originalscontent .originalslandimages .faded a:hover,
#originalscontent .originalsnavimages .faded a:hover,
#ltdeditionscontent .ltdlandimages .faded a:hover,
#ltdeditionscontent .ltdnavimages .faded a:hover {
color: #4c551d;
}


#originalscontent .originalslandimages .highlighted a,
#originalscontent .originalsnavimages .highlighted a,
#ltdeditionscontent .ltdlandimages .highlighted a,
#ltdeditionscontent .ltdnavimages .highlighted a{
color: #4c551d;
}


#originalscontent .originalshomecontent .entry,
#ltdeditionscontent .ltdeditionshomecontent .entry {
  text-align:center;
}

#originalscontent .originalshomecontent .entry p,
#ltdeditionscontent .ltdeditionshomecontent .entry p {
  line-height: 1.2em;
}

#originalscontent .entry H3 { padding: 15px 0 8px 5px;
}

#originalscontent .entry UL.commissionsul { 
  list-style-type:circle;
  margin-left: 3em;
}

#originalscontent .entry P { padding-left: 5px;
}

#originalscontent {
  padding: 0;
  margin: 0;
}

#originalscontent UL LI {
  font-size: small;
  line-height: 1.8em;
}

#originalscontent UL {
  list-style-type:none;
}

#originalscontent UL LI .originalsimg {
  float: left;
  padding-right: 6px;
}
#originalscontent UL LI .originalsdescription {
  float: left;
}

#originalscontent UL LI .originalsdescription H4{
  padding: 0;
  font-weight: bold;
}

#originalscontent UL LI.originalsimageleft {
  float: left;
    width: 53%;
  margin-bottom: 5em;
}

#originalscontent UL LI.originalsimageright {
  float: right;
  width: 46%;
  margin-bottom: 40px;
}
#originalscontent P {
  margin: 0;
  padding: 0;
}


/* Open Editions content*/
#mainColopeneditions {
  margin-top: 10px;

}
#openeditionscontent P.openintro {
  margin: 15px 0 20px 0;
}

#openeditionscontent {
  padding: 0;
  margin: 0;
}

#openeditionscontent P {
  margin: 0;
  padding: 0;
}

#openeditionscontent UL LI {
  font-size: small;
  line-height: 1.8em;
}

#openeditionscontent UL {
  list-style-type:none;
  margin-bottom: 50px;
}
#openeditionscontent UL LI.openeditionsimgs {
  margin-bottom: 40px;

}

#openeditionscontent UL LI .openimg {
  float: left;
  padding-right: 10px;
  width: 30%;

}
#openeditionscontent UL LI .opendescription {
  float: right;
  width: 65%;

}

#openeditionscontent UL LI .opendescription H4{
  padding: 0;
  font-weight: bold;

}

#openeditionscontent UL LI .opendescription UL LI .mounted,
#openeditionscontent UL LI .opendescription UL LI .framed{
  float: left;
  width: 58%;
}
#openeditionscontent UL LI .opendescription UL LI .buy{
  float: left;
}

#openeditionscontent .entry P {
  padding-bottom: 2em;
}
/* Open editions sidebar*/
 /*#sidebaropeneditions #openeditionssidebar {
  border: 1px solid #9faa9a;
  padding: 3px;
  }*/

 #sidebaropeneditions #openeditionssidebar H3 {
  margin-top: 10px;
  padding-left: 8px;
  }

 #sidebaropeneditions  #openeditionssidebar {
  padding: 8px;
  font-size: small;
}

#openeditionssidebar UL {
    list-style-type:none;
}


/* Limited editions sidebar*/
  /*#sidebarltdeditions #ltdeditionsidebar {
  border: 1px solid #9faa9a;
  padding: 3px;
  }*/

 #sidebarltdeditions #ltdeditionsidebar H3 {
  margin-top: 10px;
  padding: 8px;
  }

 #sidebarltdeditions  #ltdeditionsidebar {
  padding: 8px;
  font-size: small;
}

#ltdeditionsidebar UL {
    list-style-type:none;
}


/* Right column content*/

#sidebarhome #newPaintings UL {
  list-style: none;
}

#sidebarhome UL,
#sidebar UL,
#sidebarabout UL,
#sidebarcontact UL {
  list-style: none;
}

#sidebarhome #newPaintings H3,
#sidebarhome #easel H3 {
  color:#000;
  padding: 5px 8px;
}
#sidebarhome #newPaintings P,
#sidebarhome #easel P {
  clear: both;
  font-size: small;
}
#sidebarabout #aboutthumbnails UL LI.widget_text {
  border: none;
  }

#aboutthumbnails .textwidget UL LI {
  padding: 8px;
}

/* Footer*/
#footer {
  font-size: small;
}

#footer #greenbackgrndbtm {
  background-color:#afba98;
  height: 10px;
  margin-top: 20px;
}



/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left;
  }
/* End Images */



.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  
  }
  
  
.postmetadata {
  clear: both;
  font-size: small;
}

/* Widgets */
.widecolumn .postmetadata {
  margin: 30px 0;
  }

  .narrowcolumn .postmetadata {
  padding-top: 5px;
  }

.widget_categories,
.widget_recent_entries,
.widget_tag_cloud,
.widget_calendar,
.widget_links,
.widget_recent_comments,
.widget_archive,
.widget_text {
  border: 1px solid #9faa9a; 
  text-align: left;
  margin: 10px 0;
}

.widget UL LI,
.textwidget,
.widget_tag_cloud {
  padding: 0 8px;
  font-size: small;
}
.widget H2{
  color:#000;
  padding: 5px 8px;
}

.widget_search {
  padding-top: 15px;
}

.widget UL LI A,
.widget_tag_cloud A {
  color: #14610f;
}
.widget_text #easel .easealimg{
  margin: 0 auto;
  width: 155px;
}

/* Begin Form Elements */
#searchform {
  margin: 0 0 15px 0;
  padding: 5px 3px;

  }

#sidebar #searchform #s {
  width: 108px;
  padding: 2px;
  }

#sidebar #searchsubmit {
  padding: 1px;
  }

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
  }

select {
  width: 130px;
  }

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  }
  
#commentform {
  margin: 0;
  }
#commentform textarea {
  width: 100%;
  padding: 2px;
  }
#respond:after {
    content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
  }
#commentform #submit {
  margin: 0 0 5px auto;
  float: right;
  }
  #respond {
    padding: 40px;
  }
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding-left: 40px;
  text-align: justify;
  }

#comments  {
  padding-left: 40px;
}

.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;

  }
.commentlist li ul li { 
  margin-right: -5px;
  margin-left: 10px;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }
/* End Comments */

/*Blogroll*/

UL.blogroll {
padding-left: 8px;}

#blogrollpage h2 { margin-top: 10px;
}