/* selectors */

/* Orange: #F18315 */


body { background-color: #ffffff; text-align: center; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
p, li {
	  text-align:left;font-family: Arial, Helvetica, sans-serif; font-size: small; color: #685742; padding: 0px 0px 0px 20px; margin-top: 6px; line-height: 1.4em
}
img { border-width: 0; margin-bottom: 10px; }
#frame { margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;}
#logo { height: 43px; width: 165px; background-color: #ffffff;  float: left;   padding-left: 10px; padding-top: 10px; }

.navbar  a {text-decoration: none; color: rgb(104,87,66);}
.navbar  a:visited {text-decoration: none; }
.navbar  a:active {text-decoration: underline}
.navbar  a:hover {text-decoration: underline}


p a {text-decoration: underline; color: rgb(104,87,66);}
p a:visited {text-decoration: underline; }
p a:active {text-decoration: underline}
p a:hover {text-decoration: underline}


.bodytext {  text-align:left;font-family: Arial, Helvetica, sans-serif; font-size: small; color: #685742; padding: 0px 0px 0px 20px;}
.bodytext p {
	 text-align:left;margin : 0px 0px 10px 0px;}
	
.bodytextsmall {  text-align:left;font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #685742; padding-left: 20px; }
h1 { clear:both;
text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: small; color: #685742; padding-left: 20px; ; font-weight: bold; padding-top: 5px; padding-bottom: 5px; background-image: url(images/heading_bg.gif)}


h2 { clear:both;
text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: small; color: #685742; padding-left: 20px; ; font-weight: bold;}


.bodytext h2 {
	text-align:left;font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #685742;
	font-weight: bold;
	margin : 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}


/* New Stuff for CSS site */

#navbar, #navbar2 { text-align: right;
	margin-top: 60px;
	width: 710px;
	margin-left: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 68%; 
	color: rgb(241,131,21);
	letter-spacing: 0.05em;
	/* border: solid 1px blue; */

	min-height: 20px;
	
	}
	
#navbar2 { 
	padding-top: 20px;
	margin-top: 0px;
	width: 100%;
	clear: both;
	}
	


#navbar a, #navbar2  a {text-decoration: none; color: rgb(104,87,66);}
#navbar a:visited, #navbar2  a:visited {text-decoration: none; }
#navbar a:active, #navbar2  a:active {text-decoration: underline}
#navbar a:hover, #navbar2  a:hover {text-decoration: underline}

#lines {
		background-image: url(images/orange_lines_sm.gif);
		height: 8px;
		margin: 0px;
		padding: 0px;
		
		}
#header {
	margin-left: auto;
	margin-right: auto;
	width:716px;
	border: 1px solid transparent;
	/* background-image: url(images/orange_lines2.gif); */
	/* height: 75px; */
	}
	
#main {
	/* box format */
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width:716px;
	padding: 10px 0px 0px 0px;
	/* background-color: rgb(110,135,174); */
	background-color: white;
	z-index: 3;

}

.content_item {
	width: 100%;
	clear: both;
	margin-top: 10px;
	}
	
.content_text {
	margin-left: 200px;
	margin-right: 1em;
	
	/* Font Size Increase advised by Colin */
	font-size: 110%;
	line-height: 100%;

}

.content_image {
	/* margin-left: 10px;
	margin-bottom: 20px; */
	float: left; 
}	
.content_image img {
	margin-top: 0px;
	
}

.content_text a:link, li a:link {
	text-decoration: underline;
	color: #685742;
}

.content_text a:visited, li a:visited {
	text-decoration: underline;
	color: #685742;
}

.content_text a:hover, li a:hover  {
	text-decoration: underline;
	color: #685742;
	background-color: #CCC;
}

.content_text h1 {
	font-size: 90%
}

.content_text h1 a, .content_text h1 a:hover, .content_text h1 a:visited  {
	text-decoration: none;

}

.content_text h2 {
	font-size: 83%;
	font-weight: bold;
}

.content_text ul {
	font-size: 80%;
	color: red;
}




.content_text td {
	font-size: 80%;
	border-top-style: solid;
	border-top-color: #CC0000;
	border-top-width: 1px;
}

.content_text tr {
	
}


.quote {
	background:transparent url(images/quotes.gif) no-repeat scroll left top;
	font-family: Times, "Times New Roman", Roman, serif;
	font-size: 1.5em;
	font-style: italic;

	color:#666666;
	margin-left:3em;
	padding: 10px 2em 0px 2em;
}

.screenshot {
	border: 4px double #ccc;
}

.body p {
	  padding: 0px 0px 0px 5px; 
}

#blogposts {
	width: 100%;
}

.post {
	width: 162px;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #F18315;
	border-top: 1px solid #F18315;
	margin-left: 8px;
	margin-right: 8px;

	
}

.post p, .post h2 {
	padding-left: 0px;
}

.post h2 {
	padding-top: 10px;
	margin-top: 0px;
}