/*   
Theme Name: IMNTL
Description: Online Portfolio of David Smith
Author: David Smith
Author URI: http://www.iamnonetheless.com/
*/

/******************
Global Styles
******************/
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body {
	font-family: Helvetica, Arial;
	font-size: 10px;
	line-height: 12px;
	background-color: #161616;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia;
}

img {border: 0;}

a {
	color: #ccc;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #fff;
}

sup {
	font: 8px/8px Arial,Helvetica,sans-serif;
	vertical-align: top;
}

sub {
	font: 8px/8px Arial,Helvetica,sans-serif;
	vertical-align: bottom;
}

.right {float: right;}

.left {float:left;}

.clear {clear:both;}

/******************
Image Replacement Styles
******************/
.image_replace {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.image_replace_anchor {
	background-position: 0 0;
	background-repeat: no-repeat;
}

.image_replace_anchor a {
	display: block;
	text-indent: -9999px;
	outline: none;
}

#logo_imntl {
  width: 441px;
  height: 125px;
  line-height: 125px;
  background-image: url(images/logo_imntl.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo_imntl.png", sizingMethod="crop");
  float: left;
}

#logo_imntl {
  width: 441px;
  height: 125px;
  line-height: 125px;
}

/******************
Wrapper Styles
******************/
#wrapper {
	width: 920px;
	margin-left: 40px;
}

/******************
Header Styles
******************/
#header {
  height: 165px;
	padding-top: 45px;
}

#social_networking {
  float: right;
  width: 190px;
  padding-top: 98px;
}

#social_networking ul {
  
}

#social_networking ul li {
  float: left;
  margin-right: 10px;
}

#social_networking ul li#icon_linked_in a {
  background-image: url(images/icon_linked_in.png);
}

#social_networking ul li#icon_twitter a {
  background-image: url(images/icon_twitter.png);
}

#social_networking ul li#icon_rss a {
  background-image: url(images/icon_rss.png);
}

#social_networking ul li a {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-indent: -9999px;
}

#social_networking ul li a:hover {
  background-position: 0px bottom;
}

/******************
Navigation Styles
******************/
#navigation {
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}

#nav {
  
}

#nav li {
  padding-bottom: 10px;
}

#nav li a {
  color: #ccc;
}

#nav li a:hover, #nav li.current_page_item a {
  color: #FFFF00;
}

/******************
Sub-Navigation Styles
******************/
.subnavigation {
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

.subnavigation h3 {
  color: #ccc;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 15px;
  background-image: url(images/icon_dash.gif);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.subnavigation ul {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

.subnavigation ul li {
  padding-bottom: 7px;
}

.subnavigation ul li a {
  color: #666666;
}

.subnavigation ul li a:hover {
  color: #fff;
}

/******************
Content Styles
******************/
#content {
	padding-bottom: 60px;
}

#left {
  float: left;
  width: 700px;
  border-top: 1px solid #000;
  padding-top: 19px;
}

#right {
  float: right;
  width: 190px;
  border-top: 1px solid #000;
  padding-top: 19px;
}

.post_preview {
  width: 220px;
  background-image: url(images/icon_dash.gif);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.first_post {
  margin-right: 20px;
  float: left;
  clear: left;
}

.middle_post {
  float: left;
}

.last_post {
  float: right;
}

.post_preview .image {
  margin-bottom: 15px;
}

.post_preview .image img {
  border: 1px solid #000;
}

.post_preview h3, .post_preview h3 a {
  color: #ccc;
  font-size: 14px;
  font-weight: normal;
}

.post_preview h3 {
  padding-bottom: 5px;
}

.post_preview .copy, .post_preview .copy a {
  font-size: 10px;
  color: #666666;
}

#no_posts {
  color: #fff;
}

#no_posts h2 {
  font-family: Helvetica, Arial;
  font-size: 30px;
  line-height: 32px;
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
  background-image: url(images/icon_dash_big.gif);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  display: block;
}

#no_posts p {
  font-size: 14px;
  padding-bottom: 20px;
}

#pagination {
  border-top: 1px solid #000;
  padding-top: 10px;
  color: #666666;
}

#pagination a {
  color: #ccc;
}

#pagination a:hover {
  color: #fff;
}

/******************
Post Styles
******************/
#post {
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 70px;
}

#post h1 {
  font-family: Helvetica, Arial;
  font-size: 36px;
  line-height: 38px;
  color: #fff;
}

#post h1.page_title, #post h1.post_title {
  font-weight: normal;
}

#post h2 {
  font-family: Helvetica, Arial;
  font-size: 30px;
  line-height: 32px;
  color: #000;
}

#post h3 {
  font-family: Helvetica, Arial;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  color: #666666;
}

#post h4 {
  font-size: 18px;
  height: 20px;
  font-weight: normal;
  color: #333;
}

#post h5 {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #fff;
}

#post .dash {
  padding-bottom: 15px;
  margin-bottom: 15px;
  background-image: url(images/icon_dash_big.gif);
  background-position: 0px bottom;
  background-repeat: no-repeat;
  display: block;
}

#post img {
  display: block;
  border: 1px solid #000;
}

#post p {
  padding-bottom: 10px;
}

#post ul {
  padding: 0px 0px 15px 30px;
}

#post ul li {
  list-style-type: disc;
}

#post ol {
  padding: 0px 0px 15px 30px;
}

#post ol li {
  list-style-type: decimal;
}

#post legend {
  font-size: 18px;
  height: 20px;
  font-weight: normal;
  color: #333;
}

#post abbr, #post acronym {
  text-transform: uppercase;
  text-decoration: underline;
}

#post blockquote {
  padding: 0px 0px 20px 20px;
}

#post blockquote em {
  display: block;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 18px;
  color: #ccc;
}

#post table {
  width: 100%;
  margin-bottom: 20px;
}

#post table th, #post table td {
  padding: 10px 10px 10px 0px;
  border-bottom: 1px solid #636363;
}

#post table th {
  font-size: 18px;
  height: 20px;
  font-weight: normal;
  color: #333;
  font-family: Georgia;
  text-align: left;
  text-transform: uppercase;
}

#post .field {
  width: 447px;
  background-image: url(images/bg_post_field.png);
}

#post label {
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  padding-bottom: 5px;
}

#post textarea {
  width: 437px;
  height: 54px;
  background-image: url(images/bg_post_textarea.png);
}

#post .file_upload {
  
}

#top_link {
  font-size: 10px;
  padding-top: 25px;
}

#byline {
  font-size: 10px;
  padding-bottom: 25px;
  color: #333;
}

/******************
Comments Styles
******************/
#comments {
  padding-bottom: 40px;
}

#comments h3 {
  color: #333;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  margin-bottom: 25px;
}

.comment {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
}

.comment_meta {
  float: left;
  width: 225px;
  padding: 0 0px 15px 0;
  background-image: url(images/icon_dash.gif);
  background-position: 0px bottom;
  background-repeat: no-repeat;
}

.comment_name {
  font-family: Georgia;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 5px;
}

.comment_date {
  color: #333;
}

.comment_copy {
  float: right;
  width: 460px;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
}

/******************
Comment Form Styles
******************/
#comment_form_section {
  
}

#comment_form_section h3 {
  color: #333;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  margin-bottom: 25px;
}

#comment_form {
  
}

#comment_form p {
  color: #666666;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 15px;
}

#comment_form p small {
  color: #333;
}

#comment_form .field {
  width: 208px;
  background-image: url(images/bg_comment_form_input.png);
}

#comment_form textarea {
  width: 438px;
  height: 196px;
  background-image: url(images/bg_comment_form_textarea.png);
}

/******************
Form Styles
******************/
.field {
  height: 18px;
  border: 1px solid #000;
  background-position: right 0px;
  background-repeat: no-repeat;
  color: #666666;
  padding: 3px 0 0 10px;
}

textarea {
  background-position: right bottom;
  background-repeat: no-repeat;
  border: 1px solid #000;
  font-family: Helvetica, Arial;
  color: #666666;
  font-size: 10px;
  line-height: 14px;
  padding: 10px;
}

#search_form {
  
}

#search_input {
  background-image: url(images/bg_search_form.png);
  width: 168px;
}

/******************
Footer Styles
******************/
#footer {
  width: 700px;
  border-top: 1px solid #000;
  padding: 10px 0 20px 0;
  color: #666666;
}

#footer a {
  color: #ccc;
}

#footer a:hover {
  color: #fff;
}

/******************
Dimension Styles
******************/

/******************
Margin/Padding Styles
******************/
.padbot_20 {padding-bottom: 20px;}
.padtop_40 {padding-top: 40px;}

.margbot_20 {display: block; margin-bottom: 20px;}