/*  

Greg Houston Design
http://www.greghoustondesign.com/

*/

/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
	border: 0;	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { 
	border: 0;
	vertical-align: baseline;	
}

:focus {
	outline: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* Structure */

html {
	font-size: 100%; /* Makes sure IE displays em sizes correctly */
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* This sets 1em to 12px if browser default is 16px */
	line-height: 1.636em;
	color: #5f5f5f;
	background: #fff;
	text-align: center;
	border-top: 6px solid #e7eef8;
}
	
#header {
	position: relative; 		
}

#headerpad {
	margin: 0 auto 0;
	position: relative;
	height: 70px; 
	width: 900px;
	text-align: left;		
}
	
#headerimg {
	position: relative;
	clear: both;
	background: #fff url(../img/circles.jpg) no-repeat;
	width: 900px;
	height: 200px;	
}	

#logo {
	position: absolute;
	top: 30px;
	left: 0;
	width: 199px;
	height: 24px;
}
	
#topnav {
	position: absolute;
	top: 30px;
	right: 0;
	text-align: right;
}		

#topsearch {
	position: absolute;
	top: 0;
	right: 0px;
	width: 220px;
	height: 22px;
	padding-top: 4px;
	background: #fff url(../img/bg-search.jpg) no-repeat;	
}
	
#page {
	margin: 0 auto 0;
	padding: 0;
	width: 900px;
	text-align: left;
	border: 0;
}
	
#navbar {
	clear: both;
	position: relative;
	width: 900px;
	padding: 8px 0;	
}	

#wrapper {
	position: relative;
	width: 900px;
}

#mainsection {
	position: relative;
	clear: both;
	width: 900px;
	height: 420px;
	background: #f2f2f2 url(../img/loading.gif) no-repeat;
	background-position: 435px 195px;
	margin-bottom: 10px;
}

.roundcorner-nw {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.roundcorner-ne {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

* html .roundcorner-nw, * html .roundcorner-ne {
	display: none;
}	

.roundcorner-sw {
	position: absolute;
	top: 412px;
	left: 0;
	width: 8px;
	height: 8px;
}

.roundcorner-se {
	position: absolute;
	top: 412px;
	right: 0;
	width: 8px;
	height: 8px;
}

* html .roundcorner-sw, * html .roundcorner-se {
	display: none;
}	

#portfolio {
	position: relative;
	clear: both;
	height: 55px;
	color: #777;
	background: #fff;
	height: 65px;
}
	
#portfoliopad {
	width: 900px;	
	padding: 12px 0 0 0;
}

#navigation {
	position: absolute;
	top: 12px;
	left: 250px;
	visibility: hidden;
}

#itemnum {
	display: none;
	font-size: 33px;
	line-height: 33px;
	padding: 2px 8px 0 0;
	float: left;
	color: #999;			
}
	
#contentdesc {
	position: absolute;
	top: 0;
	right: 0;
	width: 550px;
	height: 43px;
	padding: 7px 0 0 20px;
	border-left: 1px solid #ddd;	
}

#type {
	color: #666;
	font-weight: bold;
}
	
#desc {}


#qualities {
	height: 100px;
	padding: 0 0 0 17px;
	background: #fff url(../img/bg-qualities.jpg) no-repeat;
	color: #3f3f3f;	
}

#qualities h3 {
	color: #e60;
}

.columns3 {
	float: left;
	width: 260px;
	margin-right: 43px;
	padding: 8px 0 0 0;		
}		
	
.maincolumn {
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;
	min-height: 400px;
}
	
.maincolumnpad {
	padding: 0 0 5px 0;
}
	
#footer {
	color: #666;
	font-size: 11px;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	clear: both;
	background: url(../img/bg-footer.jpg) no-repeat;
	padding-bottom: 20px;	
}

#footer.footer-home {
	margin-top: 35px;
	border: none;
}
	
#footerpad {
	padding: 12px 20px 0 20px;
	text-align: left;
	height: 60px;
}

#phonenumber {
	float: right;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding-top: 9px;
}	


/* Sidebar */

.sidebar {
	float: right;
	width: 180px;
	margin: 0 0 0 20px;
}
	
.sidebarpad {
	padding: 0 0 10px 0;
}
	
#blankbar {	
	float: right; 
}
	
/* General Typography */

h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;		
	color: #777;
	padding: 0 0 9px 0;
}

h1.top_heading { /* Blog Title */
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    margin: 0;
	padding: 19px 0 0 0;
	color: #fff;
}
	
h1.top_heading a, h1.top_heading a:hover {
	color: #fff;
   }   	

.tagline{ /* Tagline, Themeline or Description */
	display: none;
	color: #999;
	font-size: 12px;
	padding: 0 0 15px 0;
}

h2 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 0;
}

h7 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 0;
}

h3, h4 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 0 0;
}
	
h4 {
	font-family: Arial, Helvetica, sans-serif;
}	
	
h2 a, h3 a, h7 a {
	color: #616161;
}	

h2.pagetitle, .postheader h2 {
	color: #666;	
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 6px 0 6px 0;
	border-bottom: 2px solid #D9E673;	
}

h7.pagetitle, .postheader h7 {
	color: #666;	
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 6px 0 6px 0;
	LINE-HEIGHT: 25px;
	border-bottom: 2px solid #D9E673;	
}

h4.pagetitle, .postheader h4 {
	color: #666;	
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 6px 0 6px 0;
		
}
	
.postheader h2 {
	margin: 0;
}	

.postheader h7 {
	margin: 0;
}	
	
.sidebar h2 {
	color: #616161;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 6px 0 6px 0;
	border-bottom: 2px solid #b9b9b9;
}

.sidebar h7 {
	color: #616161;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 6px 0 6px 0;
	border-bottom: 2px solid #b9b9b9;
}

.entry h3 {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 5px 0 8px 0;
}
		

p { /* paragraph padding + margin should be a multiple of the line-height */
	padding: 0 0 9px 0;
}

a {
	color: #690;
	text-decoration: none;
}

a:hover {
	color: #e60;
	text-decoration: none;
}
	
/*
a[rel~="external"] {
	background-image: url(../img/icon-external.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
} */	
	

small,
strike {
	background-color: inherit;
	color: #808080;
}

pre, code {
	background-color: #f6f6f6;
	color: #006600;
	display: block;
	font-family: 'Courier New', Courier, monospace;
	font-size: 11px;
	max-height: 250px;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #d1d7dc;	
} 
	
blockquote {
	color: #B7C73F;		
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	width: 270px;
	line-height: 27px;
	letter-spacing: -1px;
	float: right;
	text-align: right;
	padding: 8px 0 0 0;
	margin: 7px 10px 0px 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
	
blockquote a {
	color: #B7C73F;
}
	
.download {
	background: url(../img/download.jpg) 0 1px no-repeat;
	padding: 0 0 0 30px;	
}		
			

/* Miscellaneous Typography */

#pageHeader {
	display: none;
}

.nocomments {
	background-color: inherit;
	color: #999;
}	
	
/* Miscellaneous Links */

.sidebar li a {
	margin: 0;
	color: #690;
}
	
/* Lists */

.entry ul, .commentlist li ul {
	list-style: outside;
	margin: 0 0 6px 16px;
}
	
.commentlist li ul li{
	margin: 0;
	padding: 0;
	list-style: outside;
}	

.sidebar ul,
.sidebar ol {
	margin: 0;
	padding: 0;
}

.sidebar ul li { /* Headers */
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
	
.sidebar ol li {
	padding: 0;
	margin: 0;
}	

.sidebar ul ul, 
.sidebar ul ol,
.sidebar ol ul,
.sidebar ol ol {
	margin: 0;
	padding: 0 0 15px 0;
}
	
.sidebar ul ul li,
.sidebar ul ol li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.sidebar ul ul li a {
	font-weight: normal;
	color: #555;
	padding: 5px 0 5px 0;
	display: block;
	border-bottom: 1px dotted #dcdcdc;
}

* html .sidebar ul ul li a {
	height: 16px;
}
	
.sidebar ul ul li a:hover {
	color: #e60;
	background-color: #f9f9f9;
}

/*	
.sidebar ul ul li a[rel~="external"]:hover {
	background-color: #f9f9f9;
	background-image: url(../img/icon-external.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
} */	

.sidebar ul ul ul,
.sidebar ul ul ol {
	margin: 0;
	padding: 0;
	border: none;
}
	
.sidebar ul ul ul li a,
.sidebar ul ul ol li a {
	margin: 0;
	padding: 5px 0 5px 20px;
}	

.recentcomments {
	margin: 0 0 10px 0;
}
	
/* Images */

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}
	
a img,
a:link img,
a:hover img {
	border: none;
	vertical-align: bottom;	
}
	
.sidebar01 img {
	margin: 0 0 10px 0;
}		

p img {
	max-width: 100%;
}
	
.entry img {
	margin-bottom: 5px;
}
	
#quoteimage	{
	margin: 0 0 10px 0;	
}	
		

/*	Using 'class="alignright"' on an image will align the image to
	the right. And using 'class="centered', will of course center
	the image. This is much better than using align="center",
	being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.bannerad180px {
	margin: 5px 0 0 0;
}
	

/* Posts */

.post {
	clear: both;
	margin: 0 0 10px 0;
}
	
.postheader {
	padding: 0;
}		

.postmeta {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 6px 0;	
/*	border-bottom: 1px dashed #ccc; */
	background: #f8f8f8;	
/*	background: #f7f7e9; */
}
	
.postDate {
	font-weight: bold;
	color: #888;
}	
	
.postmeta a {	
}
	
.postmeta a:hover {
	color: #e60;
	text-decoration: none;
}		

#content {

}
	
.entry {
	font-size: 12px;
	background: #fff;
	padding: 0;
}
	
.entry p {
	padding: 0;
	margin: 0 0 10px 0;
}
	
.entry img {
	padding: 0 0 10px 0;
}			
	
small {
	font-size: 10px;
}
	
.navigation {
	padding: 10px 0 0 0;
}
	
.gravatar {
	display: none;
}		


/* Tables */

table {
	border-collapse: collapse;
	border-width: 0;	
	border-spacing: 0;	
	text-align: left;
	margin: 0 0 15px 0;
}

tbody {
	border-width: 0;	
}

tr {
	background-color: #fff;
	border-width: 0;
}
	
tr.alt {
	background-color: #edf3fe;
	color: inherit;	
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 6px 8px;
	border: 1px solid #ddd;	
}

th {
	background-color: #f9f9f9;
	font-weight: bold;
	padding: 8px 8px;	
}
	

/* Comments */

.commentlist, #comments, #respond, #commentform {
	display: none;
}

.commentmetadata {
	margin: 5px 0 8px 0;
	padding: 0 0 8px 0;
	display: block;
	font-weight: normal;
	color: #808080;
	border-bottom: 1px dashed #808080;	
}

.commentbody, .commentbody-alt  { 
	margin: 0;
	padding: 10px;
	border: 1px solid #ddd;
}

.commentbody-alt { /* alternate styling for odd numbered comments */
	background-color: #fafafa;
}

/* This changes the styling of your own comments/replies so that they look different than your visitor's comments. */ 	
.author-reply {
	margin: 0;
	padding: 10px;
	border: 1px solid #ddd;	
	background-color: #f7f7e9;
	color: inherit;		
}

h3.comments {
	margin: 40px auto 20px ;
	padding: 0;
}

.commentlist cite,
.commentlist cite a {
	background-color: inherit;
	color: #555;
	font-weight: bold;
	font-style: normal;
}

.commentlist p {
	font-weight: normal;
}
	
.commenttext {
	clear: both;
	font-size: 12px;
	overflow: hidden;
}	

.commentlist {
	padding: 0;
	margin: 0 0 30px 0;
}

.commentlist li {
	margin: 15px 0 3px 0;
	padding: 10px;
	list-style: none;
}

.nocomments {
	text-align: left;
	margin: 0;
	padding: 0;
}

.commentnumber {
	font-family: 'Times New Roman', Times, serif;
	margin-top: -5px;
	float: right;
	color: #999;
	font-size: 14pt;
}


/* Forms */

form {
	margin: 0;
	padding: 0;
}

textarea, input[type=text] {
	padding: 1px 0 1px 3px;
	border: 1px solid #ccc;
	background: #fafafa;
}
	
* html textarea, input {	
	border: 1px solid #ccc;
	background: #fafafa;
}
	
select {
	width: 130px;
}
	
label {
}
	
/* Search Form */

#searchform {
	margin: 0;
	padding: 0;
	text-align: left;	
}

#topsearch #searchform input#s {
	font-size: 11px;
	width: 175px;
	margin: 0 0 0 10px;
	padding: 2px 2px 2px 3px;	
	vertical-align: middle;
	border: none;
	background: none;
	color: #777;
}
	
#searchsubmit {
	border: none;
	vertical-align: middle;
}
	
.searcharrow {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 10px;
	height: 10px;
}	

/* Contact Form */

#contactwrapper {
	width: 180px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 0 15px 0;	
}
	
#contactarea {
}
	
#contactform {
	margin: 0;
	padding: 0;
}	

#contactarea .contactlabel {
	text-align: left;
	clear: both;
}
	
#contactarea .contactfield {
	text-align: left;

	margin: 0 0 6px 0;
	clear: both;
}

#contactarea textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

#contactarea input[type=text] {
	width: 175px;
	margin-top: 2px;
}
	
* html #contactarea .contactfield input { /* set IE6 width */
	width: 173px;
}	

#contactarea textarea {
	width: 175px;
	height: 100px;
	margin: 3px 0 2px 0;	
}
	
* html #contactarea textarea { /* set IE6 width */
	width: 173px;
}		
	
#contactarea .contacterrormsg { /* Error text */
	color: #ee0000;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#contactarea #name.contacterror,	
#contactarea #email.contacterror,
#contactarea #phone.contacterror,
#contactarea #msg.contacterror { /* Highlights input fields with errors */
	border: 1px solid #ee0000;	
}
	
#contactarea .success {
	font-size: 12px;
}	

#contactarea #processing {
	float: right;
	display: none;
	padding: 3px 0 0 0;
}
	
#contactarea .faux { /* Honeypot */
	display: none;
}


/* Comment Form */

#commentform #author,
#commentform #email,
#commentform #url {
	border: 1px solid #ddd;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 469px;
	w\idth: 469px;	
	padding: 2px;
	border-color: #ddd;
	margin: 0 0 10px 0;	
}

#commentform p {
	margin: 5px 0 5px 0;
}

#commentform #submit {
	width: 65px;
	height: 20px;
	margin: 5px 0 20px 0;
	float: right;
	border: none;
}

/* Various Tags and Classes */

.center {
	text-align: center;
}


/* Linerules and Spacers */

hr {
	display: none;
}

.spacer {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}	
	
.linerule {
	clear: both;
	height: 1px;
	background-color: #ddd;
	overflow: hidden;
	margin: 0 0 50px 0;
	padding: 0;
}

.linerule2 {
	clear: both;
	height: 1px;
	background-color: #ddd;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
}
	
.linerule-dashed {
	clear: both;
	height: 1px;
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
	border-bottom: 1px dashed #ddd;
}	
	
.clear {
	clear: both;
}		


/* Menus */


.menu {
	margin: 0;
	padding: 0;
	text-decoration: none;	
}

.menu li {
	display: inline;
	margin: 0;
}

/* CSS2 List separators, before and first:before are for future use.
IE does not yet support them. 
	
.menu li:before {
	content: "\00B7";
}

.menu li:first-child:before {
	content: "";
}
	
*/	
	
#mainmenuright li,
#footer li {
	margin-left: 6px;
}	

#footer a,
#mainmenuright a {
	color: #666;
}
	
#footer a:hover,
#mainmenuright a:hover {
	color: #e60;
}	

.footermenu,
#mainmenuright {
	float: right;
	text-align: right;
}

/* Pager */

#prev, #next {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
}

#prev {
	margin: 0 7px 0 0;
}	

#prev {
	background: #fff url(../img/arrows.jpg) no-repeat;
	background-position: 0px 0px;	
}

#prev:hover {
	background-position: 0px -60px;	
}

#next {
	background: #fff url(../img/arrows.jpg) no-repeat;
	background-position: 0px -30px;
}

#next:hover {
	background-position: 0px -90px;
}

/* Round Nav */
	
.roundnav {
	font-size: 11px;
	line-height: 14px;	
}

.roundnav ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
}

.roundnav ul li {
	display: inline;
}

.roundnav ul li a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	overflow: hidden;
	height: 14px;
 	padding: 6px 20px;	
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: center 0;				
}

.roundnav ul li.first a {
	padding-left: 24px;
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: 0px 0px;	
}

.roundnav ul li.last a {
	padding-right: 24px;
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: right 0px;
	border: none;	
}

.roundnav ul li a:hover {
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: center -30px;
	color: #fff;
}

.roundnav ul li.first a:hover {
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: 0px -30px;	
}

.roundnav ul li.last a:hover {
	border: none;
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: right -30px;	
}

.roundnav ul li a.current, .roundnav ul li a.current:hover {
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: center -60px;
}

.roundnav ul li.first a.current, .roundnav ul li.first a.current:hover {
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: 0px -60px;	
}

.roundnav ul li.last a.current, .roundnav ul li.last a.current:hover {
	background: #fff url(../img/roundnav.jpg) no-repeat;
	background-position: right -60px;	
}

#topnav	.roundnav ul li a {
 	padding: 6px 28px;
}

#topnav .roundnav ul li.first a {
	padding-left: 35px;	
}

#topnav .roundnav ul li.last a {
	padding-right: 35px;	
}	

/* Google Map */
#map {
	display: none;
	width: 180px;
	height: 180px;
	overflow: hidden;
}
	
/* Spam Deterrents */

.url {
	display: none;
}
	
/* hCard */

.vcard {
	margin: 6px 0 10px 0;
}

.fn, .addr, .street-address, .locality, .region, .postal-code, .country-name, .tel, .email {}	

/* Color Boxes */

.box180 {
	width: 180px;
	height: 180px;
	background: #83BADB;
	margin: 0 0 10px 0;
}
	
/* Mantra */

.mantra {
	color: #999;
	font-size: 16px;
	font-family: jomolhari;
}