/* --------------------------------------
Theme Name: SLTT THM V2
AUTHOR: <a href="http://unttld.com/" title="UNTTLD&trade;">Derek Kinsman</a> &amp; <a href="http://www.ideacompany.ca/" title="IdeaCo">The Idea Company</a>
Theme URI: <a href="http://ideacompany.ca/" title="IdeaCo>ideacompany.ca</a>
Description: Custom theme for Shelf Life.
Version: 0001 All rights reserved.
--------------------------------------- */

/* Content 0000
--------------------------------------- */
.feature {

	background: #fff;

	padding: 15px 5px;

	border-bottom: 1px dotted #b6b6b6;

	border-top: 1px dotted #b6b6b6;

	}



.feature p, #rightcol p {

	margin: 0;

  padding: 0;

	}



.feature img, #rightcol img, #leftcol img {

	padding: 1px;

	border: 1px solid #980E00;

	}



.feature#lead .title {

	font-size: 1.8em;

	line-height: 100%;

	display: block;

	padding-bottom: 7px;

	}



.entry {

	padding-bottom: 28px;

	}



.entry table td {

	border-bottom: 1px dotted #222 !important;

  margin: 0 0 15px 0 !important;

  padding: 30px 0 0 0;

	}



h3 a:link, h3 a:visited {

	color: #5f5f5f;

	}



.title {

	font-size: 1.2em;

	font-weight: bold;

	line-height: 115%;

	}



.bullets li {

	border-bottom:1px solid #FFF;

	}



.postmetadata {

	margin: 30px 0;

	}



#lead {

	margin-top: 22px;

	}



#leadpic {

	/*float:left;*/

	margin: 0 18px 8px 0;

	}



#subContent {

  background-color: #eee;

  border: 1px solid #aaa;

  margin-top: 20px;

  }



#rightcol {

  border-left: 1px solid #aaa;

	}



#rightcol img,#leftcol img {

	float:left;

	margin: 3px 10px 4px 0;

	}



#rightcol h3, #leftcol h3,

#rightcol p, #leftcol p {

	margin: 0 0 0 60px;

	}


#rightcol p, #leftcol p {

	margin-top: 5px;

	}



#rightcol h3, #leftcol h3 {

	margin-top: 15px;

	}



#rightcol .clearfloat {

	padding: 0;

	}

div#subContent div#leftcol div,
div#subContent div#rightcol div {
	background-color: #aaa;
        border: 2px solid #cdcdcd;
	color: #fff;
	margin: 5px 3px;
        overflow: hidden;
	padding: 3px 5px;
}

div#subContent div#leftcol div a:link,
div#subContent div#rightcol div a:link,
div#subContent div#leftcol div a:visited,
div#subContent div#rightcol div a:visited,
div#subContent div#leftcol div a:link h3,
div#subContent div#rightcol div a:link h3,
div#subContent div#leftcol div a:visited h3,
div#subContent div#rightcol div a:visited h3 {
	color: #980E00;
        font-size: 1.1em;
        text-decoration: underline;
}

div#subContent div#leftcol div a:hover,
div#subContent div#rightcol div a:hover,
div#subContent div#leftcol div a:hover h3,
div#subContent div#rightcol div a:hover h3 {
	color: #980E00;
        font-size: 1.1em;
        text-decoration: underline;
}


/* Post Formatting 0000

--------------------------------------- */

.picleft {

	float: left;

	margin: 3px 14px 10px 0;

	border: 7px solid #f2f2f2;

	}



.picright {

	float: right;

	margin: 3px 0 10px 14px;

	border: 7px solid #f2f2f2;

	}



.post blockquote {

	color: #76767a;

	background: #f2f2f2;

	padding: 6px 14px;

	margin: 18px 35px;

	border-right: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	}



.post ul li {

	margin-bottom: 5px;

	line-height: 115%;

	margin-left: 42px;

	}



.post ol li {

	margin-bottom: 5px;

	line-height: 115%;

	margin-left: 48px;

	}



.post a img {

	margin: 0 10px 10px 0;

	}



#tags {

  padding: 3px;

	border-bottom: 1px solid #DDD;

	border-top: 1px solid #DDD;

	}



.slashdigglicious img {

  margin: 15px 0 0 0;

  padding: 0;

  }



/* --------------------------------------

Form 0000

--------------------------------------- */

.al_nodisplay {

	display: none;

  }



#al_loading a, #al_login a, #al_register a, #al_lostPassword a {

  margin-bottom: 2px;

  }



#al_loading input, #al_login input, #al_register input, #al_lostPassword input {

  background-color: #fff;

  border: 1px solid #222;

  }



#al_loading .alField input, #al_login .alField input, #al_register .alField input, #al_lostPassword .alField input {

  float: right;

  margin: 2px 0;

  }



#al_loading .alText, #al_login .alText, #al_register .alText, #al_lostPassword .alText {

  float: left;


  margin: 2px 0;

  }



#al_loginMessage, #al_registerMessage, #al_lostPasswordMessage {}



#al_loadingImage {

	margin-top: 35px;

  }



select {

	background:#f2f2f2;

	border:1px solid #9c9c9c;

	width:100%

	}



#searchform {

	padding: 2px;

	}



/* --------------------------------------

Comments 0000

--------------------------------------- */


.commentlist {

	padding-left:30px;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 8px 15px 10px 15px;

	background:#f2f2f2;

	border-top: 1px solid #ddd;

	}



#commentform small {


	background:#FFF;

	font-weight:bold;

	padding:0;

	}



.commentmetadata {

	display: block;

	}



.commentlist small {

	background:#e9e9e9

	}



.commentlist cite {

	font: 1.6em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	letter-spacing:-0.05em;

	}



#commentform input {

	width: 170px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	margin-top:5px;

	}



/* --------------------------------------
HTML Elements 0100
-------------------------------------- */
* {
  margin: 0;
  padding: 0;
  }

html, body {
  min-height: 101%;
  }

body {
	background: #222;
	color: #444;
	font: 62.5% Helvetica, Arial, Sans-Serif;
	}

body.mceContentBody {
  background-color: #fff;
  }

a:link, a:visited {
	color: #980e00;
  outline: 0;
	text-decoration: none;
	}

a:hover, a:active {
	color: #333;
  outline: 0;
	text-decoration: underline;
	}

img, a:link img, a:visited img {
	border: 0;
  outline: 0;
	}

h1 {
	font-size: 4em;
	font-weight: bold;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	}

h2 {
	border-bottom: 1px solid #333;
	font-size: 2.3em;
	margin: 20px 0;
	padding-bottom: 8px;
	}

h3, #sidebar h2 {
	color: #5f5f5f;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 4px;
	text-transform: uppercase;
	}

#sidebar h3, #sidebar h2 {
	border-top: 5px solid #bbb;
	border-bottom: 1px solid #bbb;
	font-size: 1em;
	margin: 22px 0 15px 0;
	padding: 6px 0 6px 2px;
	}

h3#respond {
	border-top: 1px dotted #b6b6b6;
	margin-top: 25px;
	padding-top: 20px
	}

h3#comments {
	margin-top: 32px
	}

h4 {
	font-size: 1.6em;
	margin-bottom: 6px;
	text-align: left;
	}

#rightcol h4, #leftcol h4 {
	text-align: center;
	}

#rightcol h4 img, #leftcol h4 img {
	border: none !important;
	float: none !important;
	}

p {
  font-size: 1.2em;
	margin: 15px 0;
	}

td {
  font-size: 1.2em;
	}

td p {
  font-size: 1.0em !important;
	}

select, input, textarea {
	font: 100% Helvetica, Arial, Sans-Serif;
	}

small {
	background: #fff;
	font-size: 0.95em;
	padding: 3px 6px;
	}

ul {
  list-style: none;
  list-style-image: none;
  list-style-position: inside;
  list-style-type: none;
  }

li {
  list-style: none;
  list-style-image: none;
  list-style-position: inside;
  list-style-type: none;
  }

hr {
	background: #fff;
	border: 0;
	display: block;
	height: 1px;
	}

/* --------------------------------------
Layout 0100
--------------------------------------- */
#page {
  background: #fff;
  border-left: 3px solid #980e00;
  border-right: 3px solid #980e00;
	margin: 0 auto;
	padding: 10px 15px 35px 15px;
	width: 960px;
	}

#heading {
	padding: 15px 0;
	width: 960px;
	}

#content {
	float: left;
	width: 745px;
	}

#leftcol a h3, #rightcol a h3 {
  margin-top: 8px;
  padding-top: 8px;
  padding-right: 5px;
  }

#leftcol, #rightcol {
	float: left;
	margin: 0 15px 0 0;
  padding: 15px 0 15px 15px;
	width: 338px;
	}

#sidebar {
	float: right;
	width: 200px;
	}

/* --------------------------------------
Header 0100
--------------------------------------- */
#heading {
	background: #980e00;
	color: #fff;
  }

#heading h1 a,
#heading h1 a:hover {
	background: #980e00;
	color: #dcdcdc;
	padding: 0 10px;
	text-decoration: none;
  }

#heading .description {
	background: #980e00;
	color: #dcdcdc;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: none;
  }

/* --------------------------------------
Archives 0000
--------------------------------------- */
div.archivesblock {
	border-top: 1px solid #980e00;
	margin-bottom: 20px;
	padding-top: 5px;
	overflow: auto;
	}

ul.archivesfloat {
	float: left;
	width: 33%;
	}

div.archivesblock li {
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0;
	}

ul.archivesfloatchild {
	padding-left: 10px;
	}

ul.archivesfloatchild li {
	font-style: italic;
	font-weight: normal;
	}


/* --------------------------------------
Side Bar 0000
--------------------------------------- */
.subnav li {
	border-bottom: 1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background: #efefef;
	border-left: 4px solid #dfdfdf;
	display: block;

	padding: 4px 4px 4px 8px;
	}

.subnav li a:hover, .subnav li a:active {
	background: #333;
	border-left: 4px solid #222;
	color: #efefef;
	text-decoration: underline;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left: none;
	}

.subnav .children {
	background: #efefef;
	}

.subnav .children li {
	margin-left: 28px;
	border-bottom: 1px solid #efefef;
	}

.subnav .children li a, .subnav .children li a:visited {
	padding: 2px 2px 2px 0px;
	border: 0;
	background: #efefef;
	color: #444;
	}

.subnav .children li ul li a, .subnav .children li ul li a:visited {
	padding: 2px 2px 2px 0px;
	border: 0;
	background: #efefef;
	color: #666;
	}

.subnav .children li a:hover, .subnav .children li a:active	{
  background-color: #efefef;
	color: #980e00;
	}

/* --------------------------------------
Footer 0100
--------------------------------------- */
#footer {
	background: #fff;
  border-left: 3px solid #980e00;
  border-right: 3px solid #980e00;
	color: #444;
	font-size: 1.1em !important;
	margin: 0 auto;
	padding: 15px 15px;
  text-decoration: none;
	width: 960px;
	}

#footer a {
  background-color: #fff;
  color: #222;
  text-decoration: none;
  }

#footer a:hover {
  background-color: #fff;
  color: #222;
  text-decoration: underline;
  }

#footerinfo {
  background-color: #eee;
  border-bottom: solid 2px #980E00;
  border-top: solid 2px #980E00;
  color: #222;
  display: inline;
  float: left;
  margin-bottom: 10px;
  padding: 0;
  text-align: left;
  width: 100%;
  }

#footernavcontainer {
  float: left;
  width: 100%;
  }

#footernavcontainer ul {
  background-color: #eee;
  color: #444;
  float: left;
  margin-left: 0;
  padding-left: 0;
  width: 100%;
  }

#footernavcontainer ul li {
  display: inline;
  text-transform: uppercase;
  }

#footernavcontainer ul li a {
  background-color: #eee;
  border-right: 1px solid #fff;
  color: #980E00;
  display: block;
  float: left;
	font-weight: bold;
  margin: 0;
  padding: 5px 5px 3px 3px;
  text-decoration: none;
  }

#footernavcontainer ul li a:hover {
  background-color: #980E00;
  color: #fff;
  text-decoration: underline;
  }

#footer .top {
	float: right;
	margin-right: 0;
  }

#footer .top a {
        border-right: 1px solid #eee;
  }

#footer .top a:hover {
        border-right: 1px solid #980E00;
  }

/* --------------------------------------
Floats 0100
--------------------------------------- */
.clearfloat {
	clear: both;
	display: block;
	}

.clearfloat:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

.left { float: left; }

.right { float: right; }

/* --------------------------------------
Extra 0100
--------------------------------------- */
#stimuli_imageData {color: #fff !important; }