/*
Theme Name: SpiceRack Theme
Theme URI: http://www.brianfidler.com
Description: SpiceRack
Version: 1.0
Author: Brian Fidler
Tags: Designed and developed for Spice Rack Cavaliers

960 Base Theme, Version 1.0.0, 2009-06-29
Created by Brian Fidler. See the official site for more info: http://www.brianfidler.com
http://www.brianfidler.com
Under GPL/MIT License
Based on 960 Grid System
Uses JQuery javascript framework

*/

/*
+----------------------------------------------------+
| SpiceRack Theme created by Brian Fidler            |
| This project is created solely for use by          |
| Spice Rack Cavaliers and Kelly Collins             | 
| This note remain intact                            |
| ____________________________________________       |
| SpiceRack Theme | http://www.brianfidler.com       |
+----------------------------------------------------+
*/

/* css files of Grid System */
@import url("css/reset.css");

@import url("css/960.css");

@import url("css/text.css");


/* Fluid Grid System Navigation and color styling */
@import url("css/layout.css");

@import url("css/nav.css");

/* All of css files of 960 Grid System & 960 Grid System, you can copy/past this for you prject*/
/*
@import url("css/reset.css");
@import url("css/960.css");
@import url("css/text.css");
@import url("css/grid.css"); 
@import url("css/layout.css");
@import url("css/nav.css");
*/

body {background-image:url(img/spicerack/background.gif) ; background-repeat: repeat;}

/* SpiceRack specific styles */

#img-head {width: 940px; height:319px; background-image:url(img/spicerack/masthead/masthead.jpg) ; background-repeat: repeat; }
#img-head p{ }
.rss-head a:hover{text-decoration:underline;background:#fff;color:#000;}
.rss-head a {display:block;
text-align:right;color:#fff;margin-bottom:5px;padding:2px 3px;}

/* Several classes for aligning images and block elements (DIV, P, TABLE etc.) were introduced in WordPress 2.5  */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* Several classes for wordpress */
.categories {}
.cat-item {}
.current-cat {}
.current-cat-parent {}
.pagenav{}
.page_item {}
.current_page_item {}
.current_page_parent {}
.widget {}
.widget_text {}
.blogroll {}
.linkcat{}

/* BFI STYLES */
h1 {font-size: 28px; margin-bottom: 18px;}
h2 {font-size: 18px; margin-bottom:18px; }
h3 {font-size: 15px; margin-bottom:18px;}
h4 {font-size: 12px; margin-bottom:18px;}

#articles h1, #articles h2, #articles h3, #articles h4 {font-weight: normal; color:#512d21; margin-left: 20px; }
#articles h1 {margin-top: 50px; margin-bottom:20px;}
#articles h2 {margin-bottom:10px; color: #633201; line-height: 24px;}
#articles h3, #articles h4 {color: #997a5a;}
 
h2 a#toggle-grid {font-size:12px; font-weight: normal; background-color: #794b2a;}
h2 #toggle-grid:hover {background-color: #633201;}
h4 {text-transform: none;}

#wrapper-wrapper {width: 1049px; margin: auto; background-image:url(img/spicerack/spicerack-bkgd-shadow.png) ; background-repeat: no-repeat;}
#wrapper {}
.box {background-color: #ffffff;}
#page-heading {display: none;}
#branding {display: none;}
#header {width: 940px; height:319px; margin-top:-10px; margin-bottom:10px;}

#navi {margin-bottom: 10px;}

#content {margin-bottom: 10px;}

.thumbnail-class {
	float: left;
	width: 440px;
	margin: 0 15px 0 0;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}
	
#photogallery {margin-top:-24px;}
div.piclenselink {display: none;}
.linklove {display: none;}
#li--1, #li--2, #li--3 {border:1px solid #ccc;}
#li--1 label, #li--1 input, #li--2 label, #li--2 input, #li--3 label, #li--3 textarea {width:438px;}
form#cformsform {text-align: left; margin-left: 20px; font-family: Arial;}
p {padding: 0px 20px 0px 20px;}
div#usermessagea {text-align: left;}

#content li {font-size:1.25em; line-height: 2em; margin-bottom:1em;}
#content ol li {margin-left:40px;}
a {color:#633201;}
a:hover {color:#997a5a;}

.ngg-galleryoverview {margin-left: 10px;}
.ngg-singlepic {margin-left:20px;}

#maincontent {margin:20px; width:600px;}
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4 { font-weight: normal; color:#512d21; margin:0 0 9px 18px; }
#maincontent h2 {font-weight: bold; margin: 36px 0 18px 18px; }
#maincontent h3 {font-weight: bold; color:#794b2a; margin-top: 27px;}
#maincontent h4 {font-weight: bold; color:#794b2a; margin-top: 27px;}
#maincontent ul {margin: 0 0 0 18px; list-style: square; border-bottom: solid #512d21 1px;}
#maincontent ul li {line-height: 20px;}
#maincontent ul li:last-child {margin-bottom: 36px;}

#sidebarcontent {margin: 20px 20px 20px 0; width:280px;}

.ngg-navigation {visibility: hidden;}
.thumbnail-class {margin-left:0px; margin-bottom:9px; }
.ngg-left {margin-left:0px; margin-bottom:9px; }
.ngg-right {margin-bottom:9px; }