/*
Theme Name: Morag McPherson
Theme URI: 
Description: Custom built theme for Morag McPherson, a textiles and fashion design from Glasgow. Based on the Twenty Ten theme.
Author: Steven Park
Version: 0.1
Tags: 
*/

/* clearfix */
.cf:before, .cf:after
				{content:""; display:table;}
.cf:after 		{clear:both;}
.cf 			{zoom:1;}

/* Containers & Layout ____________________________________ */
body {
  margin: 0;
  padding: 0;
  background: #d4d0c8;
  text-align: center;
}
#page {
  margin: 20px auto;
  width: 800px;
  text-align: left;
  background: transparent;
}
#page-680 #content, #page-681 #content, #page-682 #content, #page-683 #content, #page-693 #content {height: auto;} /* shop */

/* Page Specific - Backgrounds __________________________ */
#page-2 {background: #d4ccb7;} /* home */
#page-8 {background: #867968;} /* inspirations */
#page-9 {background: #83928b;} /* designs */
#page-680, #page-681, #page-682, #page-683, #page-693 {background: #d6ebd9;} /* shop */
#page-10 {background: #292d52;} /* fabric */
#page-11 {background: #e88484;} /* background */
#page-12 {background: #d7691c;} /* exhibitions */
#page-13 {background: #a99493;} /* press */
#page-14 {background: #3e466b;} /* contact */

/* Page Specific - Main Nav _____________________________ */
#page-2 #nav a {color: #3d466b;}
li.page-item-2 {width: 6%;}
#page-2 #nav .current_page_item a, #page-2 #nav a:hover {color: #ab9597;}
li.page-item-2 {width: 9%;}
#page-8 #nav a {color: #c39876;}
#page-8 #nav .current_page_item a, #page-8 #nav a:hover {color: #b1ac15;}
li.page-item-8 {width: 14%;}
#page-9 #nav a {color: #d4cdba;}
li.page-item-9 {width: 11%;}
#page-9 #nav .current_page_item a, #page-9 #nav a:hover {color: #dcdfde;}
#page-680 #nav a, #page-681 #nav a, #page-682 #nav a, #page-683 #nav a {color: #666;}
li.page-item-680, li.page-item-681, li.page-item-682, li.page-item-683 {width: 7%;}
#page-680 #nav .current_page_item a, #page-680 #nav a:hover,
#page-681 #nav .current_page_item a, #page-681 #nav a:hover,
#page-682 #nav .current_page_item a, #page-682 #nav a:hover,
#page-683 #nav .current_page_item a, #page-683 #nav a:hover {color: #2AA7A9;}
#page-10 #nav a {color: #d3ccb5;}
li.page-item-10 {width: 11%;}
#page-10 #nav .current_page_item a, #page-10 #nav a:hover {color: #309e28;}
#page-11 #nav a {color: #40446c;}
#page-11 #nav .current_page_item a, #page-11 #nav a:hover {color: #d3cab6;}
li.page-item-11 {width: 14%;}
#page-12 #nav a {color: #4b4865;}
#page-12 #nav .current_page_item a, #page-12 #nav a:hover {color: #d2cbb7;}
li.page-item-12 {width: 14%;}
#page-13 #nav a {color: #d2cab3;}
#page-13 #nav .current_page_item a, #page-13 #nav a:hover {color: #3b9c3c;}
li.page-item-13 {width: 8%;}
#page-14 #nav a {color: #a89493;}
#page-14 #nav .current_page_item a, #page-14 #nav a:hover {color: #e98586;}
li.page-item-14 {width: 10%;}

/* Page Specific - Content ___________________________ */
 /* home */
#page-2 .entry {
  text-align: right;
}
#page-2 .entry .text {
  position: absolute;
  top: 340px;
  left: 340px;
  font-size: 1.3em;
  color: #ab9597;
}
/*
#page-2 .entry .exhibition span {
font-size: 1.1em;
}
#page-2 .entry .exhibition {
  position: absolute;
  top: 383px;
  left: 0;
  width: 180px;
  color: #d4ccb7;
  background: #3e466b;
  padding: 10px;
  font-size: 0.95em;
  min-height: 155px;
  text-align: left;
}
#page-2 .entry .exhibition2 {
  position: absolute;
  top: 383px;
  right: 398px;
  width: 180px;
  color: #d4ccb7;
  background: #d7691c;
  padding: 10px;
  font-size: 0.95em;
  text-align: left;
  min-height: 155px;
}*/

#page-2 .entry .exhibition {
  position: absolute;
  position: absolute;
  top: 345px;
  left: 15px;
}

 /* inspirations */
#page-8 .entry {padding-top: 50px;}
#page-8 .entry p {
  margin: 30px 50px 0 50px;
}
 /* designs */

#page-9 #content {height: auto; overflow: auto;

}
#page-9 p, #page-collections p {
  margin: 0;
}
#page-9 .text, #page-collections .text {
margin: 20px 0 !important;
}
#page-9 .archive {
  font-weight: bold;
  clear: both;
  left: 20px;
  width: 10em;
  margin: 20px 0;
}
#page-9 #collection-5 {
  width: 380px;
  min-height: 570px;
  float: right;
  padding-left: 19px;
  border-left: solid 1px;
}
#page-9 #collection-5 img {
  width: 100px;
height: 100px;
  float: left;
  margin: 0 20px 20px 0;
}
#page-9 #collection-4 {
  width: 370px;
  float: left;
  padding-left: 20px;
}
#page-9 #collection-4 img {
  width: 100px;
height: 100px;
  float: left;
  margin: 0 20px 20px 0;
}

#page-93 #collection-6 {
  padding-left: 20px;
}
#page-93 .text{
  margin: 20px 0 40px 0;
}
#page-93 #collection-6 img {
  width: 100px;
height: 100px;
  float: left;
  margin: 0 20px 20px 0;
}

 /* designs - collections */
#page-collections {
  background: #83928b;
}
#page-collections #content {
  padding: 0 0 0 20px;
}
#page-collections {
  padding-left: 20px;
}
#page-collections h3 {
  color: #fff;
  position: absolute;
  font-weight: normal;
  font-size: 1em;
  width: 95px;
}
#page-collections img {
  float: left;
  margin: 0 10px 10px 100px;
}
#page-collections br {
  display: none;
}
 /* fabric */
#page-10 .entry {
  color: #bbb;
}
#page-10 .entry div.image {
  float: left;
  margin-right: 20px;
}
#page-10 .entry div.text {
  margin: 0;
  padding: 50px 20px 20px 0;
}
 /* background */
#page-11 .entry p {
  margin: 0;
  padding: 40px 40px 30px 30px;
color: #40446c;
}
#page-11 .entry div.image {
  text-align: right;
}
#page-11 .entry div.text .cv {
  float: left;
}
#page-11 .entry div.image-detail {
  margin: 10px 10px 10px 200px
}
#page-11 .entry div.text {
  padding: 0 10px 10px 30px
}

/* shopp */
#page-680 #content, #page-681 #content, #page-682 #content, #page-683 #content, #page-693 #content {
  border: 0;
  padding-top: 25px;
  color: #666;
}
#page-680 a, #page-681 a, #page-682 a, #page-683 a, #page-693 a {color: #666;}
#page-680 a:hover, #page-681 a:hover, #page-682 a:hover, #page-683 a:hover, #page-693 a:hover {color: #2AA7A9;}

/* exhibitions */
#page-12 .entry div.image {
  float: left;
  margin-right: 20px;
  position: absolute;
  top: 0;
}
#page-12 div.text {
  margin: 10px 10px 0 420px;
  padding: 0 20px 20px 0;
  height:540px;
  overflow: scroll;
  font-size: 0.95em;
  color: rgb(41,45,82);
}
#page-12 div.text strong {
  font-size: 1.1em;
}
#page-12 .entry p {
  display: inline;
}
#page-12 .entry {
  margin-bottom: 8px;
  margin-right: 10px;
}
 /* press */

#page-13 #content {height: auto; overflow: auto;}
#page-press {
  background: #a99493;
}
#page-13 .entry {
  float: left;
  margin: 20px 0 0 25px;
  width: 170px;
height: 180px;
}
#page-13 p {
  margin: 5px 0 0 0;
}
#page-press .image {
  margin: 25px 0 0 0;
float: left;
width: 50%;
}

#page-press .text{
  margin: 25px 20px 0 0;
float: right;
background: #a99493;
padding: 5px;
width: 43%;
}
 /* contact */
#page-14 .entry {
  color: #bbb;
}
#page-14 .entry {
  color: #bbb;
  padding-left: 30px;
}
#page-14 .entry div.image { 
  top: 100px;
  right: 0;
  position: absolute;
}
#page-14 .entry div.text-email {
float: left;
}
#page-14 .entry div.text-address {
margin-top: 20px;
margin-left: 16em;
}
#page-14 .entry form { 
margin: -20px 0 0 0;
clear: both;
}
#page-14 .entry form textarea { 
  height: 100px;
}
#page-14 .entry div.text-network { 
margin-top: 20px;
}
#page-14 .entry div.text-credits { 
margin-top: 20px;
}
#page-14 form dt, #page-14 dl.labels dt {
  color:#fff !important;
}
#paynow {
  bottom: 10px;
  right: 345px;
  position: absolute;
}


#page-14 form dl, #page-14 dl.labels {
      margin:0em;
      font-size:100%;
      margin-top:0.5em
    }
#page-14 form dt, #page-14 dl.labels dt {
      float:left;
      width:7em;
      margin-bottom:0.8em;
      color:#fff;
      text-align:right;
      font-weight:normal;
      position:relative /*IEWin hack*/
}
#page-14 form dd,#page-14 dl.labels dd {
      margin-left:7.5em;
      margin-bottom:0.8em;
      font-size:100%;
      font-style:normal;
      padding-left:0.5em
}
#page-14 form dd.submit, #page-14 dl.labels dd.submit  {
      margin-top:2em
}

.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}



/* Navigation _____________________________________________ */
ul#nav {
  margin: 0 0 0 0;
  padding: 0;
  white-space: nowrap;
  height: 1.8em;
  font-weight: bold;
}
#nav li {
  float: left;
  list-style-type: none;
}
#nav a {
  display: block;
  text-align: center;
}
#content {
  border: 1px solid #1f1f1f;
  clear: both;
  height: 600px;
  position: relative;
}

/* Typography _____________________________________________ */
body {
  font: 62.5%/1.3 'Trebuchet MS', Arial, sans-serif;
  color: #1f1f1f;
}
#page {
  font-size: 1.25em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.2em;
}
#content h2 {
  font-size: 1.8em;
  margin: 0.1em 0;
}
#sidebar h2 {
  font-size: 1.3em;
  margin: 0.5em 0 0.2em 0;
}
h3 {
  font-size: 1.5em;
}
.home h3 {
  font-size: 1.8em;
}
.post h3 {
  margin: 0.5em 0 0.2em 0;
}
h4 {
  font-size: 1.2em;
}
h5, h6 {
  font-size: 1em;
}
blockquote {
  margin: 15px 20px 0 10px;
  padding-left: 15px;
  border-left: 2px solid #ddd;
}
blockquote cite {
  display: block;
  margin-top: 5px 0 0 0;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}
small {
  font-size: 0.9em;
}
code {
  font: 1.1em 'Courier New', Courier;
}

/* Link styles ____________________________________________ */
a, a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  color: #eee;
}
a:visited, a:hover {
  color: #fff;
}

/* List ___________________________________________________ */
ul, ol {
  padding: 0 0 0 35px;
  margin: 0;
}

/* Generic ________________________________________________ */
img {
  border: none;
}
.half {
  width: 49%;
  margin-right: 1%;
}
.clear {
  clear: both;

}.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 5px;
  display: inline;
}
img.alignleft {
  padding: 5px;
  margin: 0 5px 2px 0;
  display: inline;
}
.textleft {
  text-align: left;
}
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}
.remove {
  display: none;
}
.invisible {
  visibility: hidden;
}
.hide {
  position: absolute;
  top: -9999px;
}
.tint {
  background: #ebe9ed;
  padding: 5px 10px;
}
.warning {
  background: #f7d0d9;
  padding: 5px 10px;
}
hr {
  height: 1px;
  background-color: #ccc;
  border: 0;
}

/* Navigation _____________________________________________ */
ul.navigation {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

/* Shopp _____________________________________________ */

#shopp .remove {
  display: inherit;
}
#page-680 #content, #page-681 #content, #page-682 #content, #page-683 #content, #page-693 #content {
  border: 0;
  padding-top: 50px;
}
#shopp #shop-categories {
  width: 20%;
  float: left;
}
#shopp #shop-categories li  {
  padding-left: 18px !important;
}
#shopp #shop-categories li a {
  display: block;
  line-height: 2em;
  font-size: 14px;
}
#shopp .category .products, #shopp .single-product {
  width: 75%;
  float: right;
}
#shopp .category .products .product img {
  border: solid 8px #fff;
  margin-bottom: 5px;
}
#page #shopp .gallery .previews { overflow: visible; }
#page #shopp .gallery .previews li { position: relative; }
#page #shopp .gallery .previews li.fill { display:none; }

#shopp .category .products .product, 
#shopp .category .products .product a {
  font-size: 12px;
  line-height: 19px;
  font-weight: normal;
}
#page #shopp .products .pagination  { text-align: center; margin: 25px 0;}
#page #shopp .products .pagination li { float: none; margin: 0 5px;}
#page #shopp .products .pagination .active {font-weight: bold;}

#shopp .single-product .single-product-image {
  margin-bottom: 50px;
  float: left;
  width: 350px;
}
#shopp .single-product .single-product-image img {
  max-width: 285px;
  border: solid 12px #fff;
}
#shopp .single-product .single-product-details {padding-left: 360px;}
#shopp .single-product .single-product-details h2 {
  font-size: 18px;
  line-height: 19px;
  letter-spacing: .07em;
  margin: 15px 0;
  font-weight: normal;
}
#shopp .single-product .single-product-details h3 {
  font-size: 14px;
  line-height: 19px;
  margin: 15px 0;
}
#shopp .single-product .single-product-description {margin: 20px 0 0 0;}
#shopp .single-product .single-product-description p small {margin: 100px 0 0 0; display: block;}
#shopp .single-product .addtocart {
  background: url(images/buy.png) no-repeat;
  width: 88px;
  height: 29px;
  border: none;
  cursor: pointer;
  display: block;
  margin-top: 25px;
  text-indent: -999999px;
  color: white;
  font-size: 0.01em;
  text-align: left;
}
#shopp .single-product .single-product-related {
  background: #F3FFF2;
  clear: both;
}
#shopp .single-product .single-product-related h3 {
  background: #d6ebd9 url(images/otherstyles.png) no-repeat;
  text-indent: -99999px;
  height: 29px;
  margin: 0;
}
#shopp .single-product .single-product-related li {
  float: left;
}
#shopp .single-product .single-product-related img {
  margin: 5px 0 0 5px;
}
/* Checkout */

#checkoutuserdetails {
  width: 600px !important;
  overflow: visible !important;
}

#checkoutuserdetails .tint {
  display: block;
  padding: 10px;
  background: #222;
  margin-bottom: 20px;
}
#checkoutuserdetails label {
  padding: 0 0 2px 0 !important;
}
#checkoutuserdetails input {
  margin: 0 0 10px 0 !important;
}
#checkoutuserdetails .inline input, 
#checkoutuserdetails .inline label {
}