/*  
Theme Name: Storefront Designer
Theme URI: http://www.storefrontthemes.com/
Version: 1.0
Description: Designed by George Ortiz & Matt Jones.
Author: Storefront Themes
Author URI: http://www.storefrontthemes.com
	Copyright: (c) 2010 Storefront Themes.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/* 
THIS FILE OVERRIDES STYLE.CSS
*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal; font-family:Arial, Helvetica, sans-serif;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
.clear {clear:both;}

/*===========================================*/
/*===               Globals               ===*/
/*===========================================*/
body {
background:url("http://bellatwilightshop.com/wp-content/uploads/2012/05/bigstock-floral-seamless-texture-for-de-27181640.jpg");
}


#container
{
    margin:0px auto;
	width:900px;
	height:auto;
	margin-top:20px;
	min-height:500px;
}
a
{
    font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
}
p a
{
    font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
}
h1, h2, h3, h4, h5, h6, p, small, table.productcart tr.firstrow td
{
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px 0px;
	margin:10px 0px;
}
h1, a.title {font-size:27px;}
h2 {font-size:24px;} 
h3, h3 a {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:14px;padding-bottom:0px;margin-bottom:0px;}
h2 a {font-size:18px;}
h2.heading {margin-bottom:25px; background:url("http://bellatwilightshop.com/wp-content/uploads/2012/05/tabletopblack1.png") top repeat; padding:10px 15px; margin-top:0px;}

p {font-size:15px;line-height:1.6em;}
small {font-size:12px;font-style:italic; background:url("images/cont-bg.png") top repeat; padding:5px 10px; padding-left:0px;}

ul {padding:10px 40px;color:#FFFFFF;font-size:14px;}
ul li {line-height:1.6em;list-style-type:disc;}
ol {padding:10px 40px;color:#FFFFFF;font-size:14px;}
ol li {line-height:1.6em;list-style-type:decimal;}

blockquote {color:#FFFFFF;font-style:italic;font-size:14px;margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;}
  
input, textarea, select {
padding:5px;
color:#333333;
border:2px solid #613724;
/* background:url("images/input-bg.png") repeat-x top left #fff;  */
font-family:Arial, Helvetica, sans-serif;
}
button.remove_button {
padding:5px;
color:#333333;
border:2px solid #613724;
/* background:url("images/input-bg.png") repeat-x top left #fff; */
font-family:Arial, Helvetica, sans-serif;
}
input.button {
padding:5px;
border:2px solid #613724;
background:#efefef;
cursor:pointer;
}
/*===========================================*/
/*===           Page Backgrounds          ===*/
/*===========================================*/
html
{
   background:#555;
   color:#FFFFFF;
   font-size:12px;
}
#top
{
    background:#c32222;
/*    background: -webkit-gradient(linear, left top, left bottom, from(#0f3a4f), to(#072635)); */
/*    background: -moz-linear-gradient(top,  #0f3a4f,  #072635); */
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f3a4f', endColorstr='#072635'); */
	width:100%;
	height:15px;

}
.wrapper
{
    margin:0px auto;
	width:950px;
	height:auto;
	margin-bottom:15px;
}
.roundedCorners{
/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
a.logo
{
	float:left;
	border:none;
	margin-left:14px;
	margin-top:5px;
}
/* .gradient-top
{
    background:url("images/ftr-top.png") repeat-x;
	width:100%;
	height:4px;
	margin-top:15px;
}
.gradient-bottom
{
    background:url("images/gradient-btm.png") repeat-x;
	width:100%;
	height:4px;
	margin-bottom:0px;
}
*/

.hr
{
    background:url("images/hr.png") repeat-x;
	width:100%;
	height:2px;
	margin:15px 0px;
}
/*===========================================*/
/*===             Navigation              ===*/
/*===========================================*/

#main-nav {list-style-position:outside; position:relative; z-index:100;font-family:Arial, Helvetica, sans-serif;
	width:auto;height:25px;
	margin-top:45px;float:left;padding:0px 0px;}
#main-nav a:link, #main-nav a:active, #main-nav a:visited {display:block; padding:9px 20px 6px; text-decoration:none;}
	#main-nav a {}
	#main-nav li {list-style-type:none;padding:0px 0px;}
	#main-nav li li a:link, #main-nav li li a:active, #main-nav li li a:visited {font-weight:normal;}
#main-nav li {float:left; position:relative;}
#main-nav ul {position:absolute; width:200px; display:none; margin-top:-15px; padding:0px 0px;}
#main-nav li ul a {width:160px; float:left; color:#fff;}
#main-nav li ul a:hover {float:left; color:#fff; background:#c32222;}
#main-nav ul ul {top:auto;}
#main-nav li ul ul {left:12em; margin:0px 0 0 40px;}

@-moz-document url-prefix() {
    #main-nav ul {
        margin-top:-22px;
    }
    #middle-ban #tagline a {color:#ffffff;}
}




#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul {display:none;}
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul {display:block;}

#main-nav a
{
	color:#ffffff;
	font-size:14px;
	padding: 0px 20px;	
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-nav li:hover a
{background:url("images/cont-bg.png") top repeat;	
}
#main-nav a:hover
{
	color:#c32222;
	text-decoration: none;
	background:url("images/cont-bg.png") top repeat;	
}
#main-nav li.current_page_item a
{
    color:#c32222;
	background:url("images/cont-bg.png") top repeat;
}
#main-nav li.current_page_item li a {color:#fff;}
/*===========================================*/
/*===              Header Info            ===*/
/*===========================================*/
#header-info {
margin:0px auto;
float:right;
}
#header-info p{
float:right;
margin-right:20px;
text-align:right;
color:#b3a8a6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
}
/*===========================================*/
/*===               Search               ===*/
/*===========================================*/
.search-wrapper
{
    float:right;
	width:160px;
	height:auto;
	margin-top:45px;
}
input.search
{
    background:url("images/searchfield_middle.png") repeat-x;
	width:110px;
	height:19px;
	border:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	padding:0px;
}
.searchend
{
    background:url("images/searchfield_rightcap.png") no-repeat;
	width:10px;
	height:19px;
	float:left;
}
.search-btn
{
    background:url("images/searchfield_leftcap.png") no-repeat;
	width:20px;
	height:19px;
	float:left;
	border:none;
	cursor:pointer;
}
/*===========================================*/
/*===              Breadcrumb             ===*/
/*===========================================*/
.breadcrumb {
border-bottom:none;
padding-bottom:5px;
width:300px;
float:left;
}
.breadcrumb, .breadcrumb a {
color:#FFFFFF;
font-size:12px;
}
/*===========================================*/
/*===               Buttons               ===*/
/*===========================================*/
a.wht-btn-sml
{
    background:url("images/wht-btn-sml.png") no-repeat;
	width:122px;
	height:35px;
	float:left;
	text-align:center;
	padding:0px;
	padding-top:9px;
	color:#333333;
	margin:5px 0px;
}
a.blu-btn-sml
{
    background:url("images/blu-btn-sml.png") no-repeat;
	width:122px;
	height:35px;
	float:left;
	text-align:center;
	padding:0px;
    padding-top:9px;
	color:#FFFFFF;
	margin:5px 0px;
	margin-left:10px;
}
/*===========================================*/
/*===            Home - Tagline           ===*/
/*===========================================*/
#tagline
{
	height:20px;
	margin:0px auto;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding-top:27px;
	width:900px;
	text-align:center;
	
}
#tagline span
{
	text-align:center;
/*	text-transform:uppercase;  */
}



#middle-ban
{
    width:28px;
	height:64px;
	margin:0px auto;
	width:100%;
	background:#c32222;
/*    background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#04c4c4c)); */
/*    background: -moz-linear-gradient(top,  #c0c0c0,  #040404); */
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#040404');
*/
}
/*===========================================*/
/*===           Home - Product View       ===*/
/*===========================================*/
ul.home-products
{
    width:630px;
	height:auto;
	float:right;
	margin-right:-10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #ffffff;
	font-size: 14px;
}
ul.home-products li
{
    width:112px;
	height:137px;
	float:left;
	padding:4px;
	margin:5px 5px 0px 0px;
	background:#040404;
	list-style-type:none;
}
ul.home-products-full
{
    width:880px;
	height:auto;
	margin:20px auto 25px;
	margin-left:-25px;
}
ul.home-products-full li
{
    width:112px;
	height:137px;
	float:left;
	padding:4px;
	margin:5px 5px 0px 0px;
	background:#040404;
	list-style-type:none;
}
/*===========================================*/
/*===          Home - Side Widget         ===*/
/*===========================================*/
#subnav
{
    float:left;
	width:200px;
	height:auto;
	padding:5px;
}
#subnav h2
{
    color:#fff;
	padding:0px 5px;
	padding-top:5px;
	font-size:18px;
}
#subnav p
{
    color:#efefef;
	padding:5px;
	font-size:12px;
	line-height:1.5em;
	padding-left:0px;
	padding-bottom:0px;
}
/*===========================================*/
/*===            Custom Grid              ===*/
/*===========================================*/
.box13
{
   float:left;
   width:650px;
   height:auto;
   padding:10px;
}
.box1
{
   float:left;
   width:200px;
   height:auto;
   padding:10px;
   padding-top:0px;
}
.box3
{
   float:left;
   width:270px;
   height:auto;
   padding:10px;
   padding-left:15px;
}

#ftr .box3 ul li {border-bottom:1px dotted #000;padding:3px 5px;}

.boxgrid a { 
					padding:0px;
					color:#c32222; 
					text-align:center;
					font-weight:bold; 
					font:14px Arial, Helvetica, sans-serif;
					cursor:pointer;
					margin:0px;
}

.box2
{
   float:left;
   width:430px;
   height:auto;
   padding:10px;
}
#sidebar
{
   min-height:500px;
   height:auto;
}
/*===========================================*/
/*===                Post                 ===*/
/*===========================================*/
.post {
margin:15px 0px 25px 0px;
padding-bottom:10px;
}
.post-single {
margin:15px 0px 5px 0px;
}
#author-avatar {
float: left;
width:90px;
margin-right: 8px;
margin-top:15px;
}
img.avatar {
border:4px solid #040404;
float:left;
}
#author-description {
float: left;
width:500px;
margin-top:15px;
}
/*===========================================*/
/*===             Comments                ===*/
/*===========================================*/
#comments {

}
li.comment {

}
ul.commentlist {
padding-left:0px;
}
ul.commentlist li {
list-style-type:none;
padding:10px 0px 10px 0px;
border-bottom:1px dashed #714938;
margin-bottom:10px;
}
span.name a {
margin:0px;
padding:0px;
font-size:14px;
font-weight:bold;
float:left;
}
span.date {
margin:0px;
padding:0px;
font-size:11px;
float:left;

}
.comment-head {
margin:0px;
padding:0px;
margin-left:10px;
float:left;
}
.comment-entry {
margin:0px;
padding:0px;
margin-left:10px;
float:left;
}
.comment-entry p {
margin:0px;
padding:0px;
width:400px;
}
form#commentform input {
font-size:12px;
border:2px solid #040404;
}
form#commentform label {
font-size:12px;
font-style:italic;
}
/*===========================================*/
/*===               Sidebar               ===*/
/*===========================================*/
#sidebar p {
    font-size:13px;
	line-height:1.5em;
	margin-top:0px;
	padding-top:7px;
}
#sidebar a {
    text-decoration:underline;
    font-size:13px;
}
#sidebar h4 {
    margin-bottom:0px;
	padding-bottom:6px;
}
#sidebar .widget {
    padding-top:3px;
}
.textwidget {
margin:0px;
padding:0px;
text-align:justify;
}
.subnav p{
font-size:14px;
text-align:justify;
}
.box3 h4 {
text-transform:uppercase;
font-size:16px;
}

/*===========================================*/
/*===               Footer                ===*/
/*===========================================*/
#ftr
{
   background:url("http://bellatwilightshop.com/wp-content/uploads/2012/05/bigstock-floral-seamless-texture-for-de-27181640.jpg");
/*   background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#040404)); */
/*   background: -moz-linear-gradient(top,  #c0c0c0,  #040404); */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#040404');
  
 width:100%;
   height:auto;
   color:#c32222;
   padding-bottom:20px;
   padding-top:10px;
}
#ftr h1, #ftr h2, #ftr h3, #ftr h4, #ftr h5
{
   color:#ffffff;
   margin-bottom:8px;
   padding:0px;
}
#ftr p
{
   color:#ffffff;
   line-height:1.6em;
   font-size:13px;
   padding:0px;
   
}
#ftr .hrline
{
    background:url("images/ftr-hr.png") repeat-x;
	width:900px;
	height:2px;
	margin:10px 0px;
	margin:0px auto;
	margin-top:20px;
}
#ftr a
{
   color: #ffffff;
}
#ftr a:hover
{
   text-decoration:underline;
}
#ftr-bottom, #ftr-bottom p, #ftr-bottom a, #ftr-bottom a:hover {font-size:11px;}

#fancy_notification_content {
color: #454641;
}