/* $Id: local-sample.css,v 1.2 2010/09/17 21:36:06 eternalistic Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

/* Basic Typography & Colors */
html {
  background: #292929;
}

body {
  background: #292929;
  margin: 0;
  padding: 10px;
  color: #FFF;
  font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
  font-size: 1.1em;
  line-height: 1.75em;
  background-repeat:repeat-x;
}

/* Header Group */
.header-group-wrapper {
  float: left;
  background: transparent;
  margin-top:10px;
}

.header-group-inner {
  padding: 10px 0 25px 0;
}

.header-group-wrapper a:link,
.header-group-wrapper a:visited {
	color: #fff;
}

/* Header Top */
.header-top-wrapper {
  float: left;
  min-height: 0px;
}

.header-top {
  overflow: visible;
  position: relative;
}

/* Header top region */
.header-top-region {
  padding: 20px 0 0 0;
}

.header-top-region a:link,
.header-top-region a:visited,
.header-top-region a:hover,
.header-top-region a:focus {
}

/* Header Site Info */
.header-site-info {
  margin: 0;
}

.header-site-info-inner {
  float: left;
  margin-top:10px;
}

/* Header Wrapper */
.header-group .block {
  margin: 0;
}

.header-group .inner {
}

/* Primary Menu */
.header-primary-menu-wrapper {
  background: #292929;
  border-bottom: 0px;
}

/* Headings */
h1 {
	color:#F00;
    font-size: 2em;
	font-weight:bold;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
}

h1.title {
  font-size: 160%; font-weight: 500;
}

h2 {
	color:#F00;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.667em;
}

h3 {
  	color:#F00;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.769em;
}

h4, h5, h6 {
	color:#F00;
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.909em;
}
  
h7 {
	color:#F00;
    font-size: xx-large;
	font-weight:bold;
	color:#F00;
    line-height: 0.3em;
    margin-top: 0.337em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.337em;
}
  
/* Links */
a:link,
a:visited {
  color: #efefef;
  font-size: 1.0em;
  line-height: 1.7em;
}

a:hover,
a:focus,
a:active {
  color: #F00; 
  text-decoration:underline;
}

/* Primary 'Active Trrail' color change */
li.active-trail, li.active,
div.block ul.menu li a.active,
div.block ul.menu li a.active-trail,
#primary-menu ul.links li a:hover,
#primary-menu ul.links li:hover a,
#primary-menu ul.links li a:active,
#primary-menu ul.links li.active-trail a,
#primary-menu ul.links li.active a {
  color:  #F00;
}

/* Menus (left side) */
li.expanded {
  list-style-type: disc; color:#FFF;
  list-style-image: url(images/menu-expanded.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(images/menu-collapsed.png); /* LTR */
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}

/*  Postscript & Footer Regions */
.postscript-bottom-wrapper {
  background: #292929;
  color: #b0b0b0;
}

.postscript-bottom h2.block-title,
.footer-message-wrapper h2.block-title {
  color: #b0b0b0;
}

.postscript-bottom a:link,
.postscript-bottom a:visited,
.footer-message a:hover {
  color: #fff;
}

.footer-wrapper {
  border-top: 3px solid #404040;
}

.footer-wrapper,
.footer-message-wrapper,
.store-footer,
.footer-wrapper h2.block-title {
  color: #727171;
}

.footer-wrapper,
.footer-message-wrapper {
  background: #292929;
}

.footer-message a:link,
.footer-message a:visited,
.footer a:link,
.footer a:visited {
  color: #a9a9a9;
}

#store-footer {
  background: #292929;
}

#store-footer a:link,
#store-footer a:visited {
  color: #a9a9a9;
}

#store-footer {
  color: #727171;
}

.view-content {
  width:760px;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
	width:755px;
  background-color: #ebebeb;
  border: 1px solid #cecece;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #fff;
}

ul.pager li a,
ul.pager li.pager-current {
  background-color: #aaa;
  color: #fff;
}

ul.pager li.pager-current {
  background-color: #f3f3f3;
  border: 1px solid #cecece;
  border-top: none;
  color: #acacac;
}

ul.pager li a:link,
ul.pager li a:visited {
  border: 1px solid #a8a8a8;
  color: #fff;
}

ul.pager li a:hover,
ul.pager li a:focus {
  background-color: #888;
  color: #fff;
}

ul.pager li.pager-first a,
ul.pager li.pager-previous a,
ul.pager li.pager-next a,
ul.pager li.pager-last a {
  border: none;
  color: transparent;
}

/* Pager - First */
ul.pager li.pager-first a {
  background: url(http://www.corazzo.net/images/pager-first.png) no-repeat;
}

/* Pager - Previous */
ul.pager li.pager-previous a {
  background: url(http://www.corazzo.net/images/pager-previous.png) no-repeat;
}

/* Pager - Next */
ul.pager li.pager-next a {
  background: url(http://www.corazzo.net/images/pager-next.png) no-repeat;
}

/* Pager - Last */
ul.pager li.pager-last a {
  background: url(http://www.corazzo.net/images/pager-last.png) no-repeat;
}

/* Pager Hovers */
ul.pager li.pager-first a:hover,
ul.pager li.pager-first a:focus,
ul.pager li.pager-previous a:hover,
ul.pager li.pager-previous a:focus,
ul.pager li.pager-next a:hover,
ul.pager li.pager-next a:focus,
ul.pager li.pager-last a:hover,
ul.pager li.pager-last a:focus  {
  background-position: 0 -22px;
}

/* Pager in Header */
.header-group-wrapper ul.pager li.pager-current {
  background-color: #383838;
  border: 1px solid #444;
  border-top: none;
  color: #acacac;
}

.header-group-wrapper ul.pager {
  background-color: #4F4F4F;
  border-bottom: 1px solid #6F6F6F;
  border-left: 1px solid #5F5F5F;
  border-right: 1px solid #5F5F5F;
  border-top: 1px solid #444;
}

/* Pager in Postscript Bottom */
.postscript-bottom-wrapper ul.pager li.pager-current {
  background-color: #4C4C4C;
  border: 1px solid #444;
  border-top: none;
  color: #fff;
}

.postscript-bottom-wrapper ul.pager {
  background-color: #5F5F5F;
  border-bottom: 1px solid #6F6F6F;
  border-left: 1px solid #5F5F5F;
  border-right: 1px solid #5F5F5F;
  border-top: 1px solid #444;
}

/* Pager in Footer */
.footer-wrapper ul.pager li.pager-current {
  background-color: #343434;
  border: 1px solid #444;
  border-top: none;
  color: #fff;
}

.footer-wrapper ul.pager {
  background-color: #4F4F4F;
  border-bottom: 1px solid #6F6F6F;
  border-left: 1px solid #5F5F5F;
  border-right: 1px solid #5F5F5F;
  border-top: 1px solid #444;
}

/* Breadcrumbs */
.breadcrumbs .inner {
  background: #292929;
  border-bottom: 1px solid #292929;
  border-left: 1px solid #292929;
  border-right: 1px solid #292929;
  border-top: 1px solid #292929;
  color: #8e8e8e;
}

/* Country Flags */
#flags {
float: right;
margin: 10px 0 0 560px;
}

/* Others */
.notice {
    float: right;
	margin-top: 50px;
	margin-right: 3%; /* Negative value. */
}

.newsletter {
    float: right;
	margin-top: 60px;
	margin-right: 3%; /* Negative value. */
}

/** Store Down **/
.storedown {
	float: left;
	margin-top: 1px;
	width:780px;
	padding: 10px;
	margin-left: 3%; /* Negative value. */
	background:#fff;
	font-size:0.9em;
	color:#C00;
	font-weight:bold;
}

.storedown a:link {
	color:#C00;
}

#page-product {
  	float:left;
	width:760px;
}
  
#page-product-copy {
    float: inherit;
	width: 400px;
	font-size: .94em;
	line-height: 1.65em;
	text-align: inherit;
	margin-top: 1px;
	padding: 0px 5px 5px 5px;
}
  
#page-photos {
    float: right;
	width:330px;
	margin-top: 1px;
	padding: 0px 0px 5px 18px;
}
 
#features {
  	margin:0px;
    padding:0px;
    font-size: .9em;
	line-height: 1.75em;
}
  
#about-designer {
  	margin:0px;
    padding: 15px 0px 40px 0px;
	text-align: inherit;
	color:#CCCCCC;
    font-size: 1.1em;
	line-height: 0.1em;
}
  
#designer-profile {
    float: left;
	height: 450px;
	width: 230px;
	font-size: .9em;
	text-align: inherit;
	line-height: 1.6em;
	margin-top: 1px;
	padding: 0px 10px 20px 10px;
}
  
#home-page-teaser-main {
    float: left;
	width: 494px;
	margin:-5px 10px 30px 3px;
}

#home-page-teaser-main-inner {
	/* height: 450px; */
	width: 472px;
	font-size: .9em;
	text-align: inherit;
	line-height: 1.6em;
	margin:8px;
}
  
#home-page-teaser {
    float: left;
	width: 247px;
	background:#393939;
	border-color:#999;
	border:solid 0px;
	margin:-5px 3px 10px 3px;
}

#home-page-teaser-inner {
	/* height: 450px; */
	width: 236px;
	font-size: .9em;
	text-align: inherit;
	line-height: 1.6em;
	margin:8px;
}
    
#main-page-product {
    float: left;
	height:220px;
	width: 230px;
	font-size: .9em;
	text-align:justify;
	line-height:normal;
	margin-top: 1px;
	padding: 0px 10px 20px 10px;
}

#page-photo-thumb {
  	float:left;
	width:100px;
	padding: 0px 0px 2px 8px;
}

#page-color-swatch-title {
    float: left;
	width:300px;
	font-size: .9em;
	color: #CC0000;
	padding: 20px 0px 10px 0px;
}

#page-color-swatch {
    float: left;
	width:50px;
	padding: 0px 0px 2px 8px;
}

#page-product-price {
	float: left;
	width:300px;
	tba-align:middle;
  	font-size: .9em;
	font-weight:500;
	color: #CCCCCC;
	padding: 20px 0px 40px 0px;
}

/* Ubercart */
img.category {
  border: 1px solid #ebe9e9;
}

.category-grid-products {
  border-top: 2px solid #dedede;
}

.category-grid-products td {
  background: #f7f7f7;
  border: 1px solid #ededed;
}

.category-grid-products td img {
  border: 2px solid #bbb;
}

ul.uc-categories {
  background: #6a6a6a;
  border-bottom: 3px solid #dedede;
}

ul.uc-categories a:link,
ul.uc-categories a:visited {
  border-right: 1px solid #dedede;
  color: #fff;
}

/* Ubercart product image */
.product-image {
  display: block;
  width:330px;
  float: left;
  margin: 0 20px 20px 0;
}

/* Ubercart - product node */
.product-group .uc-price-display {
  color: #8e8e8e;
}

.product-image img {
  border: 2px solid #292929;
}

#product-details {
  float: right;
  background: #292929;
  border: 0px solid #ededed;
  color: #8e8e8e;
  width: 350px;
}

#product-details .form-item input,
#product-details .form-item select,
#product-details .form-item textarea {
  background: #f5f5f5;
  width:150px;
}

#product-details .product-field .sell {
  color: #000;
}

/* Ubercart - cart */
#cart-form-products {
  color:#292929;	
  background: #fff;
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #e8e7e7;
}

#cart-form-products a:link,
#cart-form-products a:visited {
  color: #f00;
}

#cart-form-products table th {
  border-bottom: 1px solid #c7c7c7;
}

#cart-form-products table tr.odd {
  background: #f3f3f3;
}

#cart-form-products table td.image img {
  border: 1px solid #bbb;
}

#cart-form-products table td.subtotal {
  color: #535353;
}

#cart-form-products table td .form-item input,
#cart-form-products table td .form-item select,
#cart-form-products table td .form-item textarea {
  background: #f5f5f5;
}

/* Ubercart - cart quotes */
#uc-cart-pane-quotes .solid-border {
  background: #f7f7f7;
  border: 1px solid #ededed;
}

/* Ubercart - checkout */
#uc-cart-checkout-form {
  color:#292929;
  background: #fff;
  border-top: 1px solid #e8e7e7;
  border-bottom: 2px solid #bfbfbf;
}

#uc-cart-checkout-form fieldset {
  border-top: 25px solid #aeaeae;
}

#uc-cart-checkout-form fieldset legend {
  background: #aeaeae;
  color: #fff;
}

#uc-cart-checkout-form fieldset legend a:link,
#uc-cart-checkout-form fieldset legend a:visited {
  color: #fff;
}

#uc-cart-checkout-form table tr.odd {
  background: #f3f3f3;
}

html.js #uc-cart-checkout-form fieldset.collapsible legend a {
  background: transparent url(images/menu-expanded-uc.png) no-repeat 0% 50%;
}

html.js #uc-cart-checkout-form fieldset.collapsed legend a {
  background: transparent url(images/menu-collapsed-uc.png) no-repeat 0% 50%;
}

#uc-cart-checkout-form .address-pane-table .field-label {
  color: #8e8e8e;
}

#uc-cart-checkout-form .address-pane-table .form-required {
  color: #AF0000;
}

#uc-cart-checkout-form input#edit-panes-customer-primary-email,
#uc-cart-checkout-form table td .form-item input,
#uc-cart-checkout-form table td .form-item select,
#uc-cart-checkout-form table td .form-item textarea {
  background: #f5f5f5;
}

/* Ubercart - review order */
.order-review-table {
  color: #000;
  background: #fff;
}

.order-review-table .pane-title-row {
  background: #adadad;
  color: #fff;
}

.order-review-table .data-col {
  color: #535353;
}

.order-review-table .review-button-row {
  background: #fff;
  border-bottom: 2px solid #bfbfbf;
  border-top: 1px solid #ededed;
}

/* Ubercart buttons - secondary */
#edit-update.form-submit,
#edit-cancel.form-submit,
#edit-back.form-submit {
  background: none;
  color: #999;
}

#edit-update.form-submit:hover,
#edit-update.form-submit.hover,
#edit-update.form-submit:focus,
#edit-cancel.form-submit:hover,
#edit-cancel.form-submit.hover,
#edit-cancel.form-submit:focus,
#edit-back.form-submit:hover,
#edit-back.form-submit.hover,
#edit-back.form-submit:focus {
  color: #fff;
}

/* Forms
/-------------------------------------------------------------- */
/* defaults for all form buttons */
.form-submit {
  background: #fff;
  border: 3px solid #F00;
  color: #444;
}

.form-submit:hover,
.form-submit.hover,
.form-submit:focus {
  background-position: bottom center;
  color:#000;
}

/* Unpublished pages
/-------------------------------------------------------------- */
/* Unpublished nodes */
.node-unpublished {
	background: #330;
}
.prosper-mediumgraybackground-bottomborder h2.block-title, .prosper-lightgraybackground-border h2.block-title, .prosper-shoppingcart-dark h2.block-title { font-size:110%; color: #F00; }