/*
-----------------------------------------------
Blogger Template Style
Name:     Minima
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004

Adapted for: Francesca Kaplan Design
By: Nick Grossman
URL: www.wrkng.org
Date: 12/31/04
----------------------------------------------- */


body {
  background:#6FB7ED;
  margin:0;
  padding:20px;
  font:x-small Georgia,Serif;
  text-align:center;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
#wrapper {
	width: 675px;
	margin: 0px auto 20px auto;
	padding: 0;
	border: 5px solid #CFE7F9;
	background: #fff;
	text-align: left;
	}

#page {
 clear: both;
 border-style: solid;
 border-width: 0;
 margin: 0;
}


/* Header
----------------------------------------------- */
#header {
  width:675px;
  padding: 0;
  margin: 0;
  border:0px solid #ccc;
  }

#login {
 float: right;
 padding: 2px 10px;
 text-align: right;
 font-size: 1.1em;
 text-transform: lowercase;
 color: #999;
}

#blog-title {
margin: 0;
  padding: 20px  0 0 0;
font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.2em;
height: 45px;
 margin: 0;
	background: url(/images/banner4.gif) top left no-repeat;
  }

#blog-title span {
	display: none;
	}
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }

#description {
  margin:0 5px 5px;
  padding:  15px;
  max-width:675px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
  
  #smallnav {
padding: 5px;
height: 18px;
margin: 0;
  font: 78%/1.4em Verdana, Arial,Sans-serif;
  text-align: right;
}
#smallnav li {
 display: inline;
 padding: 0 5px ;
 float: right;
}
#smallnav li#home {
 float: left;
 }
#smallnav li a {
color: #999;
border-bottom: 1px dotted #ccc;
text-decoration: none;
}
#smallnav li a:hover {
border-bottom: 5px solid #6FB7ED;
}

#smallnav li a.selected {
border-bottom: 5px solid #CFE7F9;
}

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


#nav li {
list-style: none;
float: left;
display: block;
}

#nav li a {
 display: block;
 padding: 6px 12px;
 color: #fff;
 border-bottom: 6px solid #fff;
 font-size: 1.1em;
 text-indent: -990px;
}

/* NEWS */
#nav #news a{
 background: #ff8800 url(/images/nav_news_off.gif) center center no-repeat;
 width: 40px;
}
body#news #nav #news a {
 border-bottom-color: #ddd;
 background: #ff8800 url(/images/nav_news_on.gif) center center no-repeat;
 padding: 8px;
 font-size: 1.5em;
 width: 75px;
}
#nav #news a:hover {
 border-bottom-color: #ddd;
 background-color: #ff8800;
}

/* CLIPS */
#nav #clips a{
 background: #63369A url(/images/nav_clips_off.gif) center center no-repeat;
 width: 40px;
}
body#clips #nav #clips a {
 border-bottom-color: #ddd;
 background: #63369A url(/images/nav_clips_on.gif) center center no-repeat;
 padding: 8px;
 font-size: 1.5em;
 width: 75px;
}
#nav #clips a:hover {
 border-bottom-color: #ddd;
 background-color: #63369A
}

/* PRESS */
#nav #press a{
 background: #557AEE url(/images/nav_press_off.gif) center center no-repeat;
 width: 45px;
}

body#press #nav #press a {
 border-bottom-color: #ddd;
 background: #557AEE url(/images/nav_press_on.gif) center center no-repeat;
 padding: 8px;
 font-size: 1.5em;
 width: 75px;
}
nav #press a:hover {
 border-bottom-color: #ddd;
 background-color: #557AEE
}

/* PROJECTS */
#nav #projects a{
 background: #FFA51F url(/images/nav_projects_off.gif) center center no-repeat;
 width: 60px;
}

body#projects #nav #projects a {
 border-bottom-color: #ddd;
 background: #FFA51F url(/images/nav_projects_on.gif) center center no-repeat;
 padding: 8px;
 font-size: 1.5em;
 width: 90px;
}

#nav #projects a:hover {
 border-bottom-color: #ddd;
 background-color: #FFA51F
}

/* COllections */
#nav #collections a{
 background: #7ACD32 url(/images/nav_collections_off.gif) center center no-repeat;
 width: 80px;
 }
body#collections #nav #collections a {
 border-bottom-color: #ddd;
  background: #4FAD26 url(/images/nav_collections_on.gif) center center no-repeat;
 padding: 8px;
 font-size: 1.5em;
 width: 120px;
}
#nav #collections a:hover {
 border-bottom-color: #ddd;
 background-color: #4FAD26;
}

/* PURCHASE */
#nav #purchase a{
 background: #FA49A1 url(/images/nav_shop_off.gif) center center no-repeat;
 width: 40px;
}
#nav #purchase a:hover {
  border-bottom-color: #ddd;
  background-color: #EB208D 
}
body#purchase #nav #purchase a {
 border-bottom-color: #ddd;
 background: #EB208D url(/images/nav_shop_on.gif) center center no-repeat;
 padding: 8px;
 font-size: 1.5em;
 width: 70px;
}

/* Page Borders */
body#purchase #page {
border-width: 0 6px 6px 6px;
border-color: #EB208D;
}
body#collections #page {
 border-color: #4FAD26;
 border-width: 0 6px 6px 6px;
}
body#news #page {
 border-width: 0 6px 6px 6px;
 border-color: #FF7800;
}
body#projects #page {
 border-width: 0 6px 6px 6px;
 border-color: #FFA51F;
}
body#press #page {
 border-width: 0 6px 6px 6px;
 border-color: #557AEE;
}
body#clips #page {
 border-width: 0 6px 6px 6px;
 border-color: #63369A;
}




#intro {
clear: both;
}

#intro p {
padding: 10px;
float: left;
width: 510px;
}

#intro img {
margin-top: -50px;
}

#subnav {
clear: both;
background: #eee;
height: 24px;
padding: 0 0 0 10px;
margin: 0;

 font: bold .9em/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
 text-align: left;
}
#subnav li {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
}
#subnav li a {
 display: block;
 padding: 4px 10px;
color: #666;
text-decoration: none;
border-bottom: none;
font-size: 1.1em;
}
#subnav li a.selected, #subnav li a.selected:hover  {
color: #fff;
background: #aaa;
text-decoration: none;
border-bottom: 5px solid #CFE7F9;
 }
#subnav li a:hover {
background: #ddd;
text-decoration: none;
border-bottom: 5px solid #6FB7ED;
}

/* Content
----------------------------------------------- */
#content {
clear: both;
  padding: 10px 20px;
  text-align:left;
position: relative;
  }
#main {
  width:420px;
  }

#sidebar {
  width:180px;
  position: absolute;
  top: 56px; 
right: 0;
  }
  
#content #intro {
  background: #eee;
  color: #666;
  padding: 10px;
}
  
/* Items lists */

ul.items {
  padding: 0;
  margin: 0;
}
ul.items li {
  list-style: none;
  padding: 15px 0 15px 140px;
  margin: 0;
  position: relative;
  border-bottom: 1px solid #ccc;
}
ul.items li p.publication {
  position: absolute;
  top: 10px;
  left: 0;
  width: 130px;
} 
ul.items li img {
  height: 200px;
  margin-right: 10px;
}

/* clips */
.clip_content {
  text-align: justify;
  line-height: 1.3em;
  margin: 20px 30px;
}
.clip_content img {
  padding: 5px;
}
#cart {
  position: absolute;
  top:  -32px;
  right: 10px;
}

/* Homepage, Gallery
----------------------------------------------- */
ul#highlights { width: 420px; margin: 0 0 0 135px; padding: 20px 0 0 0;  font:bold 100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;}
ul#highlights li { float: left; list-style: none; padding: 0; margin: 0 2px;}
ul#highlights li img, ul#purchase li img { border: 5px solid #fff; }
ul#highlights a {
color: #000; 
text-decoration: none;}
ul#highlights a:hover, ul#purchase a:hover, ul#purchase a {
border: none;
}
ul#highlights a:hover img, ul#purchase a:hover img {
border: 5px solid #6FB7ED;}

p#anchor-left { position: absolute; top: 0px; left: 10px;}
p#anchor-right { position: absolute; top: 0px; right: 15px;}

p#teaser { text-align: center; margin: 25px auto 60px; padding: 5px;font-weight: bold;border: 3px solid red;width: 300px; clear: left;}

ul#purchase li { margin: 10px 15px;  list-style-type: none; list-style-image: none; list-style-position: outside; float: left;width: 150px; }

ul#options { clear: both; margin-left: 90px; }
ul#options li {display: block; float: left; width: 85px;  margin: 15px; } 


/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#FF7800;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

/* Shop
----------------------------*/

#main_feature {
 width: 400px;
 margin: 0 35px 20px 0;
}

#main_feature a {
 border: none;
}

#products {
 padding: 0px;
}

#products ul {
 padding: 0;
 margin: 0;
}

#products li {
 list-style: none;
 margin: 0;
 float: left;
 height: 190px;
 text-align: center;
 margin: 0 8px;
}

#products li a img {
}

#products a.image, #products a.image:hover {
 border: none;
}

#products a {
 border-bottom: 1px dotted;
 white-space: nowrap;
}

#products a:hover {
 border-bottom: 1px solid;
}

#products a:hover img, ul#purchase a:hover img {

}

#products h3 {
 font-size: 1em;
 padding: 1px 0;
 margin: 0;
}


.price {
 margin:0; 
 padding: 0;
}

.productImage {
 float: left;
 margin-right: 20px;
}

.productDetails {

}

.productDetails ul {
 text-align: right;
}

.colLeftCheckout {
 float: right;
 margin-top: -37px;
}

/* Footer
----------------------------------------------- */
#footer {
 clear:both;
 padding: 20px 0 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding: 10px;
 text-align: center;
 color: #999;
  }


/* HTML RUles
---------------------*/

h2 {
  margin: .5em  0 0;
  font: 150%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform: lowercase;
  color:#777;
font-weight: bold;
  }
#main2 h2, #sidebar h2 {
font-size: .9em;
font-weight: normal;
border: none;
}

a:link {
  color:#5F9DCB;
  text-decoration:none;
   border-bottom: 1px dotted #ccc;
  }
a:visited {
  color:#969;
  text-decoration:none;
  }
a:hover {
border-bottom: 1px solid #6FB7ED;
  }
a img {
  border-width:0;
  }
  
.error {
 color: red;
  border: 1px solid;
   background: #eee;
   padding: 10px;
   margin: 10px;
}