/*
THEME NAME: Not Without Salt
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Designed & Developed by Corey Jamison & Kyle Walling
VERSION: 1.0
AUTHOR: <a href="http://twitter.com/coreyjamison/">Corey Jamison</a> &amp; <a href="http://kwallingdesign.com/">Kyle Walling</a>
AUTHOR URI:
TAGS:
*/


/*---------- CSS RESET ----------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font-size: 62.5%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
	content: "."; 
	display: block; 
        height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden {
	display: none;
}

/*---------- UNIVERSAL ----------*/


/*---------- MAIN COLOR ----------*/
div#menu li a:hover, h2.entry-title a:hover, div.entry-content h1,div.entry-content h2,div.entry-content h3,div.entry-content h4,div.entry-content h5,div.entry-content h6, div.entry-content blockquote, div.entry-content a, div.sidebar a:hover, div#nav-below a, div#comments a, h3.entry-title a, li#twitter a {
	color: #99cccc;
}

div.sidebar h3, div#footer {
	background-color: #99cccc;
}
/*-------------------------------*/

body {
	font-family: "palatino linotype", palatino, Georgia, "Times New Roman", Times, serif;
	background: url(images/bkg-body.png) repeat top left;
}

div#wrapper {
	width: 960px;
	margin: 20px auto 0 auto;
}

div#header {
	height: 90px;
	background: url(images/bkg-header.png) no-repeat center bottom;
}

h1 a {
	width: 378px;
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 72px;
	margin: 0 auto;
	background: url(images/bkg-h1.png) no-repeat top left;
}

div#inner-wrapper {
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #cecece;
}

div#blog-description {
	height: 0;
	overflow: hidden;
}

div#access {
	width: 916px;
	margin: 30px auto 0 auto;
}

div.skip-link {
	height: 0;
	overflow: hidden;
}

div#search {
	float: right;
	display: inline;
	margin-right: 138px;
}

div#search label {
	display: none;
}

div#search input#s {
	width: 160px;
	height: 14px;
	padding: 2px 3px;
	font-family: "palatino linotype", palatino, Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #bfbfbf;
	border: 1px solid #ccc;
	position: relative;
}

div#search input.button {
	width: 20px;
	height: 15px;
	margin-left: 2px;
	background: url(images/search-button.png) no-repeat top left;
	border: none;
	font-family: "palatino linotype", palatino, Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	position: relative;
}

div#menu ul {
	float: right;
	display: inline;
	margin: 3px 30px 0 0;
}

div#menu li {
	display: inline;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #cecece;
	font-size: 1.4em;
	text-transform: lowercase;
	position: relative;
}

div#menu li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

div#menu li a {
	color: #ccc;
	text-decoration: none;
}

div#masthead {
	width: 830px;
	height: 197px;
	margin: -5px auto 0 auto;
	padding: 27px 43px 10px 43px;
	background: url(images/bkg-masthead.png) no-repeat top center;
}

div#masthead img {
	width: 830px;
	height: 197px;
	border: 1px solid #cecece;
}

div#container {
	width: 625px;
	float: left;
	display: inline;
	margin: 20px 0 30px 65px;
	color: #666;
}

div.hentry {
	margin-bottom: 30px;
}

h2.entry-title, h2.page-title {
	font-size: 3.8em;
	font-weight: normal;
	letter-spacing: -2px;
	text-transform: lowercase;
}

h2.entry-title a {
	text-decoration: none;
	color: #666;
}

div.entry-date {
	margin: 8px 0;
	padding-bottom: 8px;
	font-size: 1.2em;
	font-variant: small-caps;
	color: #ccc;
	border-bottom: 1px solid #eee;
}

div.entry-content {
	font-size: 1.4em;
	line-height: 1.3em;
}

div.entry-content h1,div.entry-content h2,div.entry-content h3,div.entry-content h4,div.entry-content h5,div.entry-content h6 {
	margin: 20px 0 8px 0;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: lowercase;
}

div.entry-content p {
	margin: 10px 0;
}

div.entry-content ol, div.entry-content ul, div.entry-content blockquote {
	margin-left: 30px;
}

div.entry-content li {
	margin: 5px 0;
}

div.entry-content ul li {
	list-style: square;
}

div.entry-content ol li {
	list-style: decimal;
}

div.entry-meta {
	margin: 18px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.3em;
	text-transform: lowercase;
	color: #ccc;
}

div.entry-meta a {
	color: #ccc;
}

div.entry-meta a:hover {
	color: #666;
}

div#nav-below {
	margin-top: -10px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

div#nav-below a:hover {
	color: #666;
}

div.nav-previous {
	width: 300px;
	float: left;
}

div.nav-next {
	width: 300px;
	float: right;
	text-align: right;
}

/*---------- COMMENTS ---------*/

div#comments h3 {
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: -1px;
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
	margin: 20px 0 10px 0;
}

div.vcard {
	width: 100px;
	float: left;
}

div.vcard img {
	margin-bottom: 4px;
}

div.vcard span {
	float: left;
	clear: left;
}

li.comment {
	clear: left;
	margin-bottom: 10px;
	border-bottom: 2px solid #eee;
	padding: 10px;
	background-color: #f8f8f8;
}

li.comment p, div.comment-meta {
	padding-left: 110px;
}

li.comment p {
	font-size: 1.2em;
	line-height: 1.2em;
}

div.comment-meta {
	color: #ccc;
	text-transform: uppercase;
	font-size: 1.0em;
	margin-bottom: 5px;
}

div.formcontainer {
	font-size: 1.4em;
	margin-bottom: 30px;
}

span.required {
	color: #990000;
}

p#comment-notes, p#login {
	margin-bottom: 20px;
	font-weight: bold;

}

div.form-label {
	width: 70px;
	float: left;
	margin: 0 10px 10px 0;
	clear: left;
	font-style: italic;
	font-weight: bold;
	position: relative;
}

div.form-input, div.form-textarea, div.form-submit {
	float: left;
	display: inline;
	margin: 0 0 10px 0;
	position: relative;
}

div.form-input {
	margin: 0 50px 10px 0;
}

div.form-input input, div.form-textarea textarea {
	width: 220px;
	height: 18px;
	padding: 2px 3px;
	font-family: "palatino linotype", palatino, Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #999;
	border: 1px solid #ccc;
}

div.form-textarea textarea {
	width: 500px;
	height: 100px;
}

div.form-submit {
	margin-left: 80px;
}

div.form-submit input.button {
	width: 120px;
	height: 15px;
	margin-left: 2px;
	background: url(images/comment-button.png) no-repeat top left;
	border: none;
	font-family: "palatino linotype", palatino, Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: .8em;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	position: relative;
}

div#trackbacks-list ol li {
	margin: 12px 0;
	font-size: 1.2em;
	line-height: 1.3em;
}

/*---------- SIDEBAR ---------*/

div.sidebar {
	width: 240px;
	float: right;
	clear: right;
}

div.sidebar h3 {
	margin: 20px 0 10px 0;
	padding: 10px 0 10px 10px;
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: lowercase;
	color: #fff;
}

div.sidebar ul {
	line-height: 1.5em;
	color: #666;
}

div.sidebar ul li ul li {
	margin: 8px 40px 8px 15px;	
	font-size: 1.2em;
}

div.sidebar a {
	color: #666;
	text-decoration: none;
	text-transform: lowercase;
}

div.sidebar a:hover {
	text-decoration: underline;
}

div.sidebar li#recent-posts a {
	text-transform: none;
}

li#twitter a {
	float: left;
}	

li#social ul li#facebook a {
	width: 110px;
	height: 0;
	overflow: hidden;
	padding-top: 40px;
	display: block;
	background: url(images/social-facebook.png) no-repeat top left;
}

li#social ul li#facebook a:hover {
	background: url(images/social-facebook.png) no-repeat -162px 0;
}

li#social ul li#digg a {
	width: 68px;
	height: 0;
	overflow: hidden;
	padding-top: 40px;
	display: block;
	background: url(images/social-digg.png) no-repeat top left;
}

li#social ul li#digg a:hover {
	background: url(images/social-digg.png) no-repeat -162px 0;
}

li#social ul li#stumble a {
	width: 162px;
	height: 0;
	overflow: hidden;
	padding-top: 44px;
	display: block;
	background: url(images/social-stumble.png) no-repeat top left;
}

li#social ul li#stumble a:hover {
	background: url(images/social-stumble.png) no-repeat -163px 0;
}


/*---------- FOOTER ---------*/

div#footer {
	clear: both;
	height: 2.8em;
	padding: 0 30px;
	font-size: 1.3em;
	font-style: italic;
	line-height: 2.8em;
	text-align: center;
	text-transform: lowercase;
	color: #fff;
}

div#footer a {
	color: #fff;
}

div#footer-left {
	float: left;
}

div#footer-right {
	float: right;
	display: inline;
	text-align: right;
	background: url(images/rss-icon.png) no-repeat right 8px;
}

div#footer-right a {
	width: 110px;
	display: block;
	padding-right: 26px;
}


/*---------- SEARCH/CATEGORIES/ARCHIVE LISTINGS ---------*/

h2.page-title {
	margin-bottom: 20px;
}

h3.entry-title {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: lowercase;
}

h3.entry-title a {
	text-decoration: none;
}

h3.entry-title a:hover {
	color: #666;
}