/* ---------------------------------------------------------------------------------------------------------

DotComOnomics

Design, Code, Content, Database Structure, Interactivity, and Management by DotComOnomics
Thomas Bright and Tony Scialdone
http://www.dotcomonomics.com/

--------------------------------------------------------------------------------------------------------- */

/* UNIVERSAL DECLARATIONS */

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	position: relative;
	margin: 0; padding: 0;
	background: transparent;
	border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline; }
:focus { outline: 0; }


/* Block Level Elements */

body { 
	margin: 0;
	padding: 0;
	height: 100%;
	background: #cbcbcb url(../images/bg_body.jpg) repeat-y center top; 
	font-size: 100.01%; 
	color: #666; }
	
#wrap { 
	z-index: 10;
	top: 0; left: 0;
	margin: 0 auto;
	width: 777px; 
	background: #fff; 
	font: 0.75em/1.5em verdana, arial, sans-serif; 
	border-right: 1px solid #999; border-left: 1px solid #999; }
	
#nav { 
	margin: 0; 
	width: 100%;
	height: 57px; 
	background: #eaffb2; 
	border-bottom: 1px solid #999; }
	
#header { 
	height: 140px; 
	background: #fff url(../images/bg_header.gif) no-repeat left top; 
	border-bottom: 1px solid #999; }
	
#header p { 
	top: 70px;
	float: right;
	margin: 0; 
	padding: 0 21px 0 0;
	width: 50%; 
	font-weight: bold;
	color: #5e6f2f; 
	text-align: right; }
	
#contentwrap { 
	clear: both; 
	float: left; 
	padding: 0; 
	background: url(../images/bg_content.gif) repeat-y left top; }
	
#primary { 
	float: left;
	padding: 0 21px 77px 0;
	width: 455px; }
	
#secondary {
	float: right;
	top: -102px; 
	width: 297px; }
	
#footer {
	clear: both; 
	height: 140px;
	background: #688fb9 url(../images/bg_footer.gif) no-repeat left top; 
	border-top: 1px solid #999; }
	
	
/* NAV STYLES */

#nav ul {
	margin: 0 0 0 14px; 
	padding: 0; }
	
#nav li {
	list-style-type: none; 
	display: inline; }
	
#nav a { 
	display: block; float: left;  
	top: -0px; 
	padding: 0 14px; 
	font: bold .9em/2.5em verdana, arial, sans-serif; 
	color: #5e6f2f; 
	text-decoration: none; 
	border-right: 1px solid #eaffb2; 
	border-bottom: 0; 
	border-left: 1px solid #eaffb2; }
	
#nav a:hover { 
	background: #89a7c6; 
	color: #fff; 
	border-right: 1px solid #89a7c6; 
	border-bottom: 1px solid #89a7c6; 
	border-left: 1px solid #89a7c6; }

body#index #nav li.home a,
body#portfolio #nav li.portfolio a,
body#software #nav li.software a,
body#FAQ #nav li.faq a,
body#blog #nav li.blog a,
body#GetANewSite #nav li.GetANewSite a,
body#contact #nav li.contact a {
	top: -1px; 
	background: #a9cc4a url(../images/bg_nav_li.jpg) repeat-x left bottom;
	color: #5e6f2f; 
	cursor: default;
	border-top: 1px solid #a9cc4a; 
	border-right: 1px solid #999; 
	border-bottom: 3px solid #5e6f2f; 
	border-left: 1px solid #999; }
	
body#index #footer li.home a { 
	color: #fff; 
	cursor: default; }

a:link,
a:visited,
a:active {
	text-decoration: none;
	font-weight: bold; 
	font-size: 100%;
	color: #5e6f2f; 
	border-bottom: 1px dotted #5e6f2f; }
a:hover { 
	text-decoration: none;
	color: #47a; }
	
p.moderatecomments { margin-left: 42px; }


/* ELEMENTS */

h1 {
	margin: 0 0 1.5em 0; 
	padding: 7px 0;
	width: 777px;
	background: url(../images/bg_brandingbox.gif) no-repeat left bottom; 
	font: normal 2em/1.5em arial, verdana, sans-serif;
	color: #fff; 
	text-indent: 21px;
	text-transform: lowercase; 
	letter-spacing: 5px; 
	border-bottom: 1px solid #666; }
	
h2 { 
	margin: 14px 0 7px 14px;
	font: normal 1.64em/1.3em arial, sans-serif;
	color: #5e6f2f; }
	
.post h2 { margin-left: 21px; }
.postbody h2 { margin-left: 0; }
	
body#blog h2 a:link,
body#blog h2 a:visited,
body#blog h2 a:hover,
body#blog h2 a:active {
	font-weight: normal;
	font-size: 100%; }

body#blog h2 a:hover {
	text-decoration: none;
	color: #f00; }
	
h2#cats {
	text-align: right;
	padding-right: 54px; }
	
ul.portfolio li h2 {
	margin: 0 0 7px 21px; 
	padding: 0; 
	text-indent: 0; }

	
h3 { 
	margin: 21px 0 7px 14px;
	font: normal 1.64em/.91em arial, sans-serif;
	color: #5e6f2f;	}
	
#secondary h3 { margin-left: 14px; }
	
h4 { 
	margin: 1.27em 0 0 0;
	font: bold 1.36em/1.27em arial, sans-serif;  
	color: #4778ac;
	letter-spacing: -1px;	}
	
h5 { 
	margin: 1.27em 0 0 14px;
	font: bold 1.36em/1.27em arial, sans-serif;  
	color: #4778ac;
	letter-spacing: -1px; }
	
#primary p, pre, th, td, label { 
	margin: 0 0 1.5em 14px;
	line-height: 1.5em; 
	text-align: justify; }
	

	
/* Lists */

ul, ol, dl { 
	list-style-position: outside; 
	margin: 1.5em 28px 0 42px; }
	
ol li { margin-bottom: 7px; }
	
li, dt, dd { text-align: justify; }

li.none { list-style-type: none; }

dt { 
	font-weight: bold; 
	font-size: 1.18em; }

dd { margin-left: 14px; }

ul.specialties {
	margin-left: 35px; }	
		
dl.products { 
	left: 1px; clear: both; 
	margin: 0 0 21px 0;
	padding: 21px 0;
	width: 296px;
	background: #b7db56 url(../images/bg_products.jpg) no-repeat left top; 
	border-top: 1px solid #cfef7a; border-bottom: 1px solid #b4b4b4; }
	
dl.products dt {
	margin: 0 0 10px 14px;
	font-size: 136%; 
	color: #fff; }

dl.products dd {
	list-style-type: none; 
	margin: 0 35px 7px 35px;
	padding: 0 0 7px 14px; 
	background: url(../images/bullet_products.gif) no-repeat 0% 40%; 
	font-size: 90%; 
	border-bottom: 1px solid #9fc43d; }
	
dl.products dd a { 
	color: #5e6f2f; 
	text-decoration: none;
	border: 0; }

dl.products dd a:hover { color: #47a; }	

ul.footernav { 
	margin: 28px 0 0 0; 
	text-align: center; }

ul.footernav li {
	list-style-type: none; 
	display: inline; }
	
ul.footernav a:link,
ul.footernav a:visited,
ul.footernav a:active,
ul.footernav a:hover {
	padding: 0 14px; 
	font-size: 90%; 
	color: #5e6f2f; 
	border: 0; }
ul.footernav a:hover { color: #fff; }
	
p.copyright { 
	margin: 21px 0 0 0; 
	color: #5e6f2f; 
	text-align: center; }
	
	
acronym { 
	color: #f00;
	border-bottom: 1px dotted #f00; 
	cursor: help; }
	
	
/* Blockquotes */

blockquote { 
	margin: 1.37em 21px 0 21px; 
	border-top: .015em solid #666; border-bottom: .015em solid #666; }
	
blockquote p { 
	margin: 0;
	padding: 1.5em; 
	background: url(quotes.gif) no-repeat 5px 10px;
	font-weight: bold; 
	color: #4778ac; }
  

/* CLASSES */

.color1 { color: #5e6f2f; }
.clear { clear: both; }
.center { display: block; margin: 0 auto; text-align: center; }

strong {
	font-weight: bold;
	color: #5e6f2f; }
	
em { font-style: italic; }

/* FORMS */

form { margin: 28px 0 0 21px; }

label {
	clear: both;
	display: block;
	margin-top: 14px;
	font-weight: bold;
	color: #5e6f2f;
	text-transform: uppercase;
	letter-spacing: -1px; }
	
label span { color: red; }

input {
	clear: both;
	display: block;
	padding: 4px;
	width: 250px;
	background: #fff;
	font: bold 100%/1.3em verdana, arial, sans-serif;
	color: #5e6f2f;
	border: 1px solid #c2c2c2; }
	
input[type $='hidden'] { display: none; }

input[id $='cappy'] { margin-top: 7px; width: 230px; }
img[src $='includes/capimage.php'] { top: 9px; left: 4px; }

img.pix {
	display: block;
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #000; }

a.pix {
	border: 0; }	
	
textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 7px 0;
	padding: 4px 4px 0 4px;
	width: 85%;
	height: 210px;
	background: #fff;
	font: normal 100%/1.3em verdana, arial, sans-serif;
	color: #5e6f2f;
	border: 1px solid #c2c2c2; }

textarea[name $='comments'] { margin: 28px 0 0 0; }


select {
	margin: 7px 0 7px 0;
	background: #fff;
	border: 1px solid #c2c2c2; }

input[type $='submit'] {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #5e6f2f;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }
	
input.button {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #5e6f2f;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }

#secondary form { margin: 0 0 0 14px; }

#secondary form input[type $='submit'] { 
	margin: 7px 7px 7px 0; 
	width: 250px; }
	
#secondary textarea { 
	margin: 0px 14px 21px 0px; 
	width: 250px; 
	height: 77px; }

#secondary form input[type $='submit'] {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: 77px;
	background: #5e6f2f;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: none; }
	
#secondary form input.button {
	clear: both;
	display: block;
	margin: 14px 0 0 21px;
	padding: 2px 7px;
	width: 77px;
	background: #5e6f2f;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: none; }
	
/* BLOG STYLES */

.post { margin: 0 0 42px 0; }

p, ul { 
	margin: 14px 0;
	text-align: justify; }
	
#secondary p, ul { 
	margin: 14px 28px;
	text-align: justify; }
	
#primary .postbody { 
	margin: 0 21px; 
	text-align: justify; }
	
#primary .postbody p {
	margin: 14px 0;
	padding: 0; }
	

body#blog p { margin: 14px 0; }


body#blog p.time {
	margin: 28px 0 14px 21px;
	font-size: 100%;
	background: url(../blog/images/clock.gif) no-repeat 0 7px;
	color: #999;
	text-indent: 14px;
	font-variant: small-caps;
	border-top: 1px solid #e9e9e9; }

body#blog p.tags {
	margin: 28px 0 14px 21px;
	font-size: 100%;
	background: url(../blog/images/clock.gif) no-repeat 0 7px;
	color: #999;
	text-indent: 14px;
	font-variant: small-caps;
	border-top: 1px solid #e9e9e9; }
	
#categories ul {
	list-style-type: none;
	margin: 7px 0 21px 0;
	font-size: 100%; }

#categories li { 
	text-align: right; 
	letter-spacing: -1px; }

#categories ul a:link {
	font: bold 100%/1.3em verdana, tahoma, arial, sans-serif;
	color: #999;
	text-decoration: none; }

#categories ul a:visited {
	font: bold 100%/1.3em verdana, tahoma, arial, sans-serif;
	color: #999;
	text-decoration: none; }

#categories ul a:active {
	font: bold 100%/1.3em verdana, tahoma, arial, sans-serif;
	color: #f00;
	text-decoration: none; }

#categories ul a:hover {
	font: bold 100%/1.3em verdana, tahoma, arial, sans-serif;
	color: #5e6f2f;
	text-decoration: none; }

#comment_form { margin-top: 42px; }

.comment_post {
	clear: both;
	display: block;
	margin: 28px 28px 21px 28px;
	padding-bottom: 7px;
	background: #f1f1f1;
	text-align: left;
	border-top: 1px solid #ccc; }
.comment_post h3 { font-size: 90%; text-transform: lowercase; }
.comment_post a:link,
.comment_post a:visited,
.comment_post a:hover,
.comment_post a:active {
	text-decoration: underline;
	margin-left: 28px;
	color: #5e6f2f;
	text-transform: none; }
.comment_post a:hover {
	text-decoration: none;
	color: #f00; }

#categoryadmin h3 { clear: both; }
#addcat { float: left; }

#catgoryddl { margin: 14px 0; }

#categorylist ul.category li {
	list-style-type: none;
	clear: both;
	background-image: none; }
	
	
body#blog embed, body#blog object {
	display: block;
	margin: 0 auto; }

.adminbutton {
	position: absolute;
	top: 0;
	float: right;
	height: 21px;
	width: 21px; }

input#postid { border: 0; }
.modimage {
	display: block;
	margin: 14px 0 28px 42px; }


p.time {
	margin-top: 28px;
	padding-top: 2px;
	font-size: 90%;
	color: #999;
	font-variant: small-caps;
	border-top: 1px solid #e9e9e9; }
p.time img {
	display: block;
	display: inline;
	top: 3px;
	left: 14px; }

code {
	display: block;
	margin: 7px;
	padding: 14px;
	background: #eee;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.3em;
	color: #666;
	text-indent: 0; }

.hidden { border: 0; }

ul.portfolio { 
	margin: 0;
	padding: 0; 
	width: 100%; }
	
ul.portfolio li {
	list-style-position: outside; 
	list-style-type: none; 
	margin: 0 0 56px 0; 
	padding: 0; }
	
ul.portfolio li img {
	display: block;
	margin: 0 0 7px 21px;
	padding: 4px;
	background: #fff;
	border: 1px solid #666; }
	
ul.portfolio li p {
	margin: 0 28px 7px 21px;
	padding: 0; }


/* ADDITIONAL STUFF LIKE SOCIAL NETWORKING */

img[src $='/images/rssb.png'] {
	display: block;
	float: right; 
	margin-right: 42px; }
	

.digg {
	clear: both;
	display: block;
	margin: 28px; }
	
#prod_desc { margin-bottom: 21px; }