/*  
Theme Name: Triangle Line
Theme URI: http://triangleline.com
Description: A wordpress theme by Peter Bussigel & Scott Meves
Version: 1.0
Author: Peter Bussigel & Scott Meves
Author URI: http://www.stereointeractive.com
*/

body, p, ul, li, h1, h2, h3, form {
  margin:0;
  padding:0;
}

body {
  margin: 0;
  padding: 0;
  background: url(images/background.png);
}

.clear {
  clear: both;
}

a img {
  border: none;
}

#wrap {
  background: url(images/wrapbg.gif) repeat-y #B1AD87;
  margin: 0 auto;
  padding: 0 9px;
  width: 805px;
}

#header {
  width: 805px;
  height: 251px;
  background: url(images/header.jpg) no-repeat;
}

#header a{
  height: 250px;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
}

/* navigation */
#navigation {
  height: 34px;
  width: 805px;
  background: url(images/nav_right.png) top right no-repeat;
}

#navigation ul {
  list-style: none;
  height: 34px;
  width: 773px;
  padding-left:32px;
  background: url(images/nav_left.png) no-repeat;
}

#navigation ul li {
  display: inline;
  float: left;
  height: 34px;
}

#navigation a {
  text-decoration: none;
  display:block;
  height: 34px;
  overflow: hidden;
  text-indent: -9999px;
}

#navigation a:hover {
  background-position: 0 -34px;  
}

#nav_home a {
  width: 102px;
  background: url(images/nav_home.png) no-repeat;
}

#nav_about a {
  width: 101px;
  background: url(images/nav_about.png) no-repeat;
}

#nav_projects a {
  width: 101px;
  background: url(images/nav_projects.png) no-repeat;
}

#nav_contact a{
  width: 100px;
  background: url(images/nav_contact.png) no-repeat;
}

#nav_right {
  width: 369px;
  background: url(images/nav_right.png) no-repeat;
}

/* main area */
#main {
  width: 805px;
  background: url(images/contentbg.jpg) repeat-y;
  font: 10px Arial,'Lucida Grande',Verdana,Arial,Sans-Serif;
}

#main a {
  color: #304C62;
  text-decoration: none;
}

#leftcol {
  float: left;
  width: 470px;
  padding: 25px 43px 0 34px;
  color:#565656;
  font-size:12px;
}

.entry p {
  line-height:1.6em;
  text-align:justify;
  padding: 15px 0;
}

.entry ul, .entry ol {
  margin-left: 20px;
  line-height: 1.7em;
}

.post {
  padding-bottom: 70px;
}

#leftcol h1 {
  font: bold 18px "Trebuchet MS", 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #303030;
}

#leftcol h2 {
  font: bold 14px Arial,"Trebuchet MS", 'Lucida Grande', Verdana, Arial, Sans-Serif;
  padding-top: 20px;
  color: #303030;
}

#leftcol h2.pagetitle {
  font-size: 14px;
  padding-bottom:20px;
}

#leftcol h1 a {
  color: #303030;
}

#leftcol h1 span {
  font-weight: normal;
  font-size: 12px;
  color: #6F6F6F;
}

.entry img {
	padding: 10px;
	border: 1px solid #ccc;
	max-width: 95.5%;
	display: block;
	margin: 0 auto;
	}

.entry img.none {
	border: 0;
	max-width: 90%;
	margin: 0 auto;
	}
	
/* comments */
h3#comments {
  margin-top: 20px;
}

ol.commentlist {
  list-style: none;
}

ol.commentlist li {
  padding-bottom: 20px;
}
.comment_number {
	font: 3.2em Georgia, serif;
	float: right;
	padding-right: 10px;
	color: #d6d6d6;
	margin-top: -23px;
}


#rightcol {
  float: left;  
  width: 245px;
  padding-top: 15px;
}

#rightcol h1 {
  border-bottom: 3px double #A0A0A0;
  margin-bottom: 20px;
  text-indent: -9999px;
}

/* right col headers */
#vault {
  background: url(images/vault.gif) no-repeat;
}

#authors {
  background: url(images/authors.gif) no-repeat;
}

#library {
  background: url(images/library.gif) no-repeat;
}

#search {
  background: url(images/search.gif) no-repeat;
}

/* right col links */
#rightcol ul {
  list-style: none;
  font: normal 11px Helvetica, Sans-Serif;
  margin-bottom: 20px;
}

#rightcol ul li {
  height: 24px;
  padding-left: 16px;
}

#rightcol ul li a {
  color: #304C62;
  text-decoration: none;
  text-transform: uppercase;
}

#rightcol ul li a:hover {
  text-decoration: underline;
}

/* search */
#searchbox {
  background: url(images/searchbox.png) no-repeat;
  border: 1px solid #838383;
  width: 184px;
  height: 20px;
  font-size: 14px;
  padding: 1px 0 0 2px;
}

#go {
  vertical-align: middle;
}

#footer {
  width: 805px;
  height: 96px;
  background: url(images/footer.jpg) no-repeat;
}

#footer a {
  color: #304C62;
  text-decoration: none;
}

#footer a:hover {
  color: #720000;
  text-decoration: underline;
  float: left;
}

#footer ul {
  padding: 40px 0 0 285px;
  list-style: none;
  font: 11px "Trebuchet MS", 'Lucida Grande',Verdana,Arial,Sans-Serif;
  color: #171C07;
}

#footer ul li {
  float: left;
  padding-left: 20px;
}