/* CSS Document */

/* Layout______________________________________________ */

body {
	background-color: #ffffff;
	font-family: "Futura", Helvetica, Arial, Verdana, sans-serif;
	color:#333333;
	font-weight:normal;
	background-image: url(http://ineedsubstance.com/images/main_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


a {outline: none;}

a:link {
  color:#189D9E;
  text-decoration:none;
  }
a:visited {
  color:#189D9E;
  text-decoration:none;
  }
a:hover, a:active {
  color:#BC272D;
  text-decoration:none;
  }
  
button {
	overflow: visible;
	width: auto;
}

button.link {
	font-family: "Futura", Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	text-align: left;
	text-decoration: none;
	color:#000000;
	background: none;
	margin-left: -2px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	border: none;
	cursor: pointer;
	-moz-user-select: text;
	text-transform: uppercase;
}

buttonlink span {
	text-decoration: none;
}

button.link:link span,
button.link:visited span {
	text-decoration: none;
	color:#000000;
}

button.link:hover span,
button.link:active span,
button.link:focus span {
	text-decoration: none;
	color:#333333;
}


#container {
	position: relative;
	background-color:#FFFFFF;
	width: 1024px;
	height:100%;
	margin:0;
}

.substance_logo span {
	width:260px;
	height:60px;
	display:block;
}

.substance_logo span a:link, .substance_logo span a:visited {
	width:260px;
	height:60px;
	display:block;
	background-image: url(../images/substance_logo.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
}

.substance_logo span a:hover, .substance_logo span a:active {
	width:260px;
	height:60px;
	display:block;
	background-image: url(../images/substance_logo_over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
}

span.image_replacement {
	float:left;
	text-indent:-99999px;
}

#left_side {
	background-color:#4A4A4A;
	width:260px;
	height:1000px;
	position:absolute;
	left:0;
	float:left;
	background-image: url(../images/left_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#right_side {
	background-color:#ffffff;
	width:700px;
	height:100%;
	position:absolute;
	left:260px;
	float:left;
	margin-left:20px;
}

#download-portfolio-side {width:220px;position: absolute;float:left;left:990px;top:20px;}

#blog_main {
	width:700px;
	margin-left:20px;
	font-weight:normal;
}

#blog_main p {
	font-size:12px;
	color:#333333;
	line-height:20px;
	margin-bottom:10px;
	padding-right:45px;
}

#blog_main p a:link, #blog_main p a:visited {
	font-size:12px;
	color:#189D9E;
	line-height:20px;
	text-decoration:none;
}

#blog_main p a:hover, #blog_main p a:active {
	font-size:12px;
	color:#BC272D;
	line-height:20px;
	text-decoration:none;
}

.blog_title {
	background-image: url(../images/blog_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 59px;
	width: 705px;
	margin-bottom:20px;
	margin-left:-20px;
}

/* NAVIGATION______________________________________________ */

#nav {
	color:#333333;
	width:260px;
}

#nav ul.navigation {
	font-size:14px;
	width:100%;
	margin:0;
}
#nav ul.navigation li.first {
	display:block;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}

#nav ul.navigation li.page_on {
	display:block;
	color:#333333;
	width:260px;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	background-image: url(../images/nav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#nav ul.navigation li.page_on a:link, #nav ul.navigation li.page_on a:visited, #nav ul.navigation li.page_on a:hover, #nav ul.navigation li.page_on a:active {
	display:block;
	color:#333333;
	text-decoration:none;
	background:none;
}

#nav ul.navigation li {
	display:block;
	width:100%;
	margin-bottom:10px;
}

#nav ul.navigation li a:link, #nav ul.navigation li a:visited{
	display:block;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	color:#1A1A1A;
	text-decoration:none;
}

#nav ul.navigation li a:hover, #nav ul.navigation li a:active {
	display:block;
	color:#333333;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	background-image: url(../images/nav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#nav ul.navigation li.contact {
	display:block;
	width:100%;
	margin-bottom:5px;
}

#nav ul.navigation li.contact a:link, #nav ul.navigation li.contact a:visited{
	display:block;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	color:#1A1A1A;
	text-decoration:none;
}

#nav ul.navigation li.contact a:hover, #nav ul.navigation li.contact a:active {
	display:block;
	color:#333333;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	background-image: url(../images/nav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}
  
 /* CONTACT FORM______________________________________________ */


.overlay h2 {
	color:#189D9E;
	font-size:18px;
	line-height:22px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#contact_form {
	
}

#contact_form ul {
	list-style:none;
}

#contact_form ul li {
	list-style:none;
	margin-bottom:15px;
	float:left;
}

#contact_form ul li label {
	font-size:14px;
	color:#2e2e2e;
	margin-bottom:5px;
	display:block;
	float:left;
	width:90px;
}

#contact_form ul li input {
	width:200px;
	height:18px;
	margin-right:15px;
	color:#2e2e2e;
	background-color:#F4F4F4;
	border: 1px solid #171717;
}

#contact_form ul li textarea {
	width:200px;
	float:left;
	color:#2e2e2e;
	background-color:#F4F4F4;
	border: 1px solid #171717;
}

#contact_form ul li input#Submit {
	width:100px;
	height:22px;
	margin-left:190px;
}
 
  

/* Content
----------------------------------------------- */
#blog_content {
	width:900px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
    }
#blog_content a:hover {
	text-decoration: none;
    }
#main {
    width:600px;
	font-weight:normal;
    }
#main a:hover {
	text-decoration: none;
    }
#sidebar {
    width:260px;
	font-weight:normal;
    }
#sidebar a:hover {
	text-decoration: none;
    }

/* Headings
----------------------------------------------- */
h2.sidebar-title {
	display:block;
	color:#666666;
	font-size:14px;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:normal;
	text-decoration:none;
	background-image: url(http://ineedsubstance.com/images/nav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
	text-transform: uppercase;
  }


/* Posts
----------------------------------------------- */
h2.date-header {
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	color:#999999;
	font-weight:normal;
	font-size:10px;
	line-height:12px;
	text-transform: uppercase;
    }
.post {
    margin:.5em 0 1.5em;
    border-bottom:3px solid #189D9E;
    padding-bottom:1.5em;
	font-weight:normal;
    }
	
.post-body {
	font-weight:normal;
	font-size:12px;
	color:#333333;
	line-height:20px;
	margin-bottom:10px;
}

h3.post-title {
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	color:#189D9E;
	margin-top: 0.25em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	text-transform: uppercase;
  }
h3.post-title a, h3.post-title a:visited, h3.post-title strong {
  display:block;
  text-decoration:none;
  color:#189D9E;
  font-weight:normal;
  }
h3.post-title strong, h3.post-title a:hover {
  color:#FFFFFF;
  background-color: #693C7B;
  text-decoration:none;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#cccccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Futura", Helvetica, Arial, Verdana, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
	padding:0px;
	border:3px solid #dddddd;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
  }
.post img.no_padding {
	padding:0px;
	border:3px solid #dddddd;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Futura", Helvetica, Arial, Verdana, sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Futura", Helvetica, Arial, Verdana, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0;
  padding:0;
  list-style:none;
  margin-top:5px;
  margin-bottom:5px;
  }
#sidebar li {
  margin:0;
  padding:0;
  list-style:none;
  font-size:12px;
  font-weight:normal;
  margin-bottom:4px;
  }
  
#sidebar li a:link, #sidebar li a:visited {
	display:block;
	font-size:12px;
	font-weight:normal;
	padding-left:26px;
	padding-top:3px;
	padding-bottom:3px;
	color:#333333;
	text-decoration:none;
  } 
  
#sidebar li a:hover, #sidebar li a:active {
	display:block;
	color:#BC272D;
	font-size:12px;
	font-weight:normal;
	padding-left:26px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	background-image: url(http://ineedsubstance.com/images/subnav_trans_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
  } 

#sidebar p.site-links {
  color:#333333;
  font-size:11px;
  line-height:16px;
  font-weight:normal;
  margin-left:10px;
  margin-top:5px;
  padding-right:5px;
  }
  
 #sidebar p.site-links a:link, #sidebar p.site-links a:visited {
  color:#333333;
  font-size:11px;
  line-height:16px;
  text-decoration:none;
  }
  
 #sidebar p.site-links a:hover, #sidebar p.site-links a:active {
  color:#BC272D;
  font-size:11px;
  line-height:16px;
  text-decoration:none;
  }
  
 #sidebar p span {
  color:#693C7B;
  font-size:11px;
  line-height:1.5em;
  font-weight:normal;
  text-decoration:none;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:3px solid #693C7B;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:0px;
  border:2px solid #dddddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Futura", Helvetica, Arial, Verdana, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Futura", Helvetica, Arial, Verdana, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#blog_footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#blog_footer hr {
  display:none;
  }
#blog_footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Futura", Helvetica, Arial, Verdana, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }

#footer_bar {
	width: 100%;
	clear: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.redbar {
	background-color: #693C7B;
	width: 100%;
	height: 14px;
}
.blackbar {
	background-color: #D97BFF;
	width: 100%;
	height: 6px;
}

.audio {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.Strike {
	text-decoration: line-through;
}

/* Pagination
----------------------------------------------- */