/*
170% - h2
150% - h3
120% - h4
small 100% - body size
90% - body size
75% - footnote size text

============================================ */



/* NORMALIZING styles
===========================================*/
* {
	margin: 0;
	padding: 0;
	}

html { height: 100%; }
body { min-height: 100%; height: 100%;}

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	/*font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;*/
	font-family: helvetica, arial, "Trebuchet MS", sans-serif;
	}
div, span, img, form, h1, h2, h3, h4, h5, h6 {
	background-color: transparent;
	border: 0;
	}

table { border: 0px;}

/* MAIN styles
===========================================*/
body {
	/*background: #fff url('/../imagini/site/bg_body.gif') 0 0 repeat-x;*/
	font-size: 62.5%;
	color: #465752;
	background: #04364b;
	}

/* Headers 
----------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	}
	
h1 {
	font-size: 3em;
	line-height: 1.2em;
	color: #074f70;
	font-weight: normal;
	}

h2 {
	font-size: 2.4em;
	line-height: 1.2em;
	color: #074f70;
	margin: 0 0 .2em 0;
	}

h3 {
	font-size: 19px;
	line-height: 1.2em;
	color: #167495;
	margin: .3em 0;
	}

#right h3 {
	margin: 5px 0 0 0;
	}

body#archives h3 {
	font-size: 150%;
	color: #074f70;
	margin: 5px 0 3px 0;
	}

h4 {
	font-family: arial, "Trebuchet MS", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #244451;
	margin: 0 0 5px 0;
	}

h5 {
	font-family: arial, "Trebuchet MS", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #244451;
	margin: 0 0 5px 0;
	}

h6 {
	font-family: arial, "Trebuchet MS", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #406567;
	margin: 0 0 5px 0;
	}

/* Script Page Headers */
#scriptDescription h3 {
	border-bottom: 1px solid #167495;
	line-height: 1.4;
	}


/* links 
----------------------------------------- */
a {outline:none;}
a:link{color: #76b900;text-decoration:none;}
a:visited{color: #76b900;text-decoration:none;}
a:hover{color: #49a505;text-decoration:underline;}
a:active{color: #49a505;text-decoration:underline;}

a.external {
	background: url('../imagini/site/external.gif') center right no-repeat;
	padding-right: 13px;
	}

#left p span.vcard {
	display: block;
	padding: 0px;
	padding-top: 8px;
	}

#footer a.external {
	background: none;
	padding:0;
	}

/*body#portfolio .entry a.external {
	background: url('/../imagini/site/external_blue.gif') center right no-repeat;
	}*/

p   {
	margin-bottom: 1.1em;
	font-size: 1.2em;
	line-height: 1.5em;
	}

td { vertical-align: top;}

dt { font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 5px 0;
	padding: 0;
	}

.clr {
	clear: both;
	height: 0px;
}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* =CONTAINER styles
===========================================*/
#containerwrap { /* need to find a better way to do this */
	/*background: transparent url('/../imagini/site/bg_containershadow.gif') 0 0 no-repeat;*/
	background: #fff url('../imagini/site/bg_body.gif') 0 -152px repeat-x;
	/*width:938px;
	left: 50%;
	margin: 0 0 0 -469px;
	position:relative;*/
	}

#container{
	width: 938px;
	position:relative;
	/*background: transparent url('/../imagini/site/bg_container_norm.gif') 0 0 repeat-y;*/
	background: #fff url('../imagini/site/bg_contentshadow.gif') 0 0 no-repeat;
	padding-bottom: 2px;
	margin: 0 auto;
	}


body#home #container-inner{
	background: transparent url('../imagini/site/bg_container.gif') 0 0 repeat-y;
	}

/* ********************************************************************** */


/* =HEADER styles
===========================================*/

#wrap-header {
	background: #64AC2F url('../imagini/site/bg_body.gif') 0 0 repeat-x;
	}


#header{
	margin: 0 auto;
	padding: 0px 0 0 0px;
	background: transparent url('../imagini/site/bg_containershadow.gif') 0 0 repeat-x;
	height: 152px;
	position: relative;
	width:938px;
	}

#header-inner {
	background: #dadada url('../imagini/site/bg_header.gif') 0 0 repeat-x;
	width: 930px;
	height: 152px;
	margin: 0 0 0 4px;
	padding: 0;
	}


	
#header h1 { 
	position: absolute;
	top: 54px;
	left: 28px;
	/* put the background image here too to avoid 'flash' when viewing in IE */
	background: transparent url('../imagini/site/logo.gif') 0 0 no-repeat;
	}

#header h1 a {
	background: transparent url('../imagini/site/logo.gif') 0 0 no-repeat;
	display: block;
	height: 92px;
	width: 258px;
	color: #DADFCE;
	padding: 92px 0px 0px 0px; 
	height: 0px !important;
	height /**/:92px;
	overflow:hidden;
	font-size: 1px;
	}

#header #hiring { 
	position: absolute;
	top: 4px;
	left: -2px;
	/* put the background image here too to avoid 'flash' when viewing in IE */
	background: none;
	}

#header #hiring a {
	background: transparent url('../imagini/site/hiring_banner.png') 0 0 no-repeat;
	display: block;
	height: 42px;
	width: 124px;
	color: #DADFCE;
	padding: 42px 0px 0px 0px; 
	height: 0px !important;
	height /**/:42px;
	overflow:hidden;
	font-size: 1px;
	}


/* Header Nav
---------------------------------- */
#header-nav {
	position: absolute;
	top:86px;
	right: 20px;
	list-style: none;
	font-size: 1.3em;
	letter-spacing: 0em;
	}
	
#header-nav ul {
	padding:0 0 3px 0; /* put the 3px in so IE can see the underline */
	}
	
#header-nav li {
	display: inline;
	padding: 5px 0px 0px 15px;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	}

#header-nav li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #72B542;
	}

#header-nav ul li a.active {
	color: #157294;
	border-bottom: 2px solid #157294;
	}

#header-nav li.current_page_item a {
	color: #49a505;
	border-bottom:3px solid #72B542;
	}



/* Header (Admin) Nav
---------------------------------- */
#headerAdminNavOld {
	position: absolute;
	top: 6px;
	right: 10px;
	list-style: none;
	font-size: 1.1em;
	letter-spacing: 0em;
	background: #dcdcdc;
	padding: 5px 10px 4px;
	border: 1px solid #ccc;
	}

/* bar across top on pages that need approval */
#headerAdminNav {
	list-style: none;
	font-size: 1.1em;
	letter-spacing: 0em;
	background: #dcdcdc;
	padding: 8px 0 7px;
	width: 100%;
	overflow: auto; /* to surround the floats */
	color: #f9f9f9;
	font: 11px Arial, Verdana, Helvetica, Sans serif;
	background-color: #333;
	}
	
#headerAdminNav span {
	float: left;
	display: inline;
	padding:0 12px 0px 0; /* put the 3px in so IE can see the underline */
	margin: 0 0px 0 20px;
	}

#headerAdminNav ul {
	float: right;
	display: inline;
	padding:0 0 3px 0; /* put the 3px in so IE can see the underline */
	margin: 0 20px 0 0px;
	}
	
#headerAdminNav li {
	display: inline;
	padding: 5px 0px 0px 10px;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	}

#headerAdminNav li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #72B542;
	}

#headerAdminNav ul li a.active {
	color: #157294;
	border-bottom: 1px solid #157294;
	}









/* may bring back... */
/*#searchBox {
	position: absolute;
	right: 16px;
	top: -10px;
	background: transparent url('/../imagini/site/bg_searchbox.png') 0 0 no-repeat;
	width: 180px;
	height:  84px;
	z-index: 80;
	}*/

#searchBox {
	float: right;
	position: relative;
	/*margin-top: -54px;*/
	/*background: transparent url('/../imagini/site/bg_searchbox.png') 0 0 no-repeat;*/
	background: transparent;
	padding: 0 12px 30px 16px;
	width: 170px; /* explicit width, safi was chucking a wobbly */
	}

#searchBox h2 {
	display: none;
	}

#searchText { 
	float: right; 
	width: 116px; 
	height: 18px; 
	border: none; 
	position: relative;
	border-top: 1px solid #727272;
	border-left: 1px solid #939393;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #dadada;
	background: transparent; 
	padding: 4px 2px 0px; 
	color: #666; 
	font-size: 11px;
	margin:  14px 0 0 12px;
	}
	
.actionButton { 
	border:  none;
	padding: 0;
	display: block; 
	float: right; 
	margin: 13px 0 0 10px; 
	width: 24px; 
	height: 24px; 
	background: url('../imagini/site/btn_search.png') no-repeat;
	cursor: pointer;
	}
/*.actionButton:hover { background-position: 0 -17px; }*/
.actionButton b { display: none; }



/* Search Results */

#searchResults {
	width: 570px;
	border-collapse: collapse;
	margin-top: 15px;
	}

#searchResults th {
	text-align:	left;
	padding: 0px 0 0px 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.7em;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: 1px;
	}

#searchResults td {
	padding:8px 0px;
	}

#searchResults td.resultTitle {
	border-top: 1px solid #ccc;
	width: 200px;
	padding-right: 30px;
	}

#searchResults td.resultTitle h4 {
	margin-bottom: 0;
	}

#searchResults td.resultExcerpt {
	border-top: 1px solid #ccc;
	width:320px;
	padding-right: 20px;
	font-size: 10px;
	color:  #6d6e71;
	line-height: 1.6em;
	padding-top: .5em;
	}






/* =CONTENT styles
===========================================*/



#content-wrap {
	margin: 0;
	padding: 0 10px 0 5px;
	background: transparent url('../imagini/site/bg_standardcolumn_tr.gif') 100% 0 no-repeat;
	width: 610px;
	float: left;
	position:relative;
	}

#thefade {
	height:47px;
	width:610px;
	float:left;
	clear:both;
	margin-left:315px;
	display:inline;
	background: transparent url('../imagini/site/bg_content_bottom.gif') 0 100% repeat-x;
	border-bottom:1px solid #BEC7CA;
	}

body#home #thefade {
	display:none;
	}

#content-wrap span.topleft {
	background: transparent url('../imagini/site/bg_standardcolumn_tl.gif') 0 0 no-repeat;
	height:276px;
	width:5px;
	position:absolute;
	left:0;
	top:0;
	}

#content {
	margin: 0;
	width: 576px;
	padding: 15px 16px 20px 18px;
	background: transparent;
	position: relative;
	min-height: 276px;
	height: auto;
	}


div#content.home {
	margin:0 0 0 4px;
	padding:0;
	background:transparent url('../imagini/site/bg_content.gif') 0 0 repeat-x;
	width:930px;
	border-bottom:none;
	}

/* Portfolio content area */
/*body#portfolio #content {
	margin:0;
	width:585px;
	float:left;
	padding:14px 20px 20px 20px;
	border-bottom:none;
	background: transparent;
	position: relative;
	min-height: 276px;
	height: auto;
	}*/

body#portfolio #content .miniPortfolio {
	display: block;
	float:  left;
	width: 98%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	border-color: #bec7ca;
	}

body#portfolio #content .miniPortfolio img {
	float:left;
	margin: 0 10px 12px 0;
	}



#content ul,
#content ol
	{
	margin: 1em 0 1em 20px;
	font-size: 1.2em;
	}

#content ul li,
#content ol li
	{
	margin-bottom: 5px;
	line-height: 1.4em;
	}


/* TOC Table of Contents list(s) 
----------------------------------------------- */
#content #toc {
	margin: 0 0 20px 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	}

#content #toc ul
	{
	margin: 0px 0 0 12px;
	font-size: 11px;
	list-style: none;
	}

#content #toc > ul
	{
	margin-top: 10px;
	margin-left: 0px;
	}

#content #toc ul li
	{
	margin-bottom: 0px;
	line-height: 1.5;
	font-size: 12px;
	}

#content #toc ul ul li
	{
	font-size: 11px;
	line-height: 1.5;
	}

#content #toc ul li a
	{
	font-weight: bold;
	}

#content #toc ul ul a
	{
	font-weight: normal;
	}

#content #scriptDescription a.toc-top:link,
#content #scriptDescription a.toc-top:visited {
	font-size: 10px !important;
	font-weight: normal;
	color: #dedede !important;
	}

#content #scriptDescription a.toc-top:hover,
#content #scriptDescription a.toc-top:active {
	text-decoration: none;
	color: #aaa !important;
	}

#content #scriptDescription ul.versionnotes {
	margin: 5px 0 20px 24px;
	}

#content #scriptDescription ul.versionnotes li {
	font-size: 11px;
	line-height: 1.3;
	margin-bottom: 0;
	}



#content #scriptDescription ul.fileoutline {
	margin: 5px 0 20px 5px;
	}

#content #scriptDescription ul.fileoutline li {
	font-size: 11px;
	line-height: 1.5;
	list-style: none;
	margin-bottom: 0px;
	}

#content #scriptDescription ul.fileoutline ul,
#content #scriptDescription ul.fileoutline ul li ul {
	margin: 0 0 0px 10px;
	}


#content #scriptDescription p.ext-setting {
	color: #a50002;
	line-height: 1;
	margin-top: .5em;
	margin-bottom: .5em;
	}

#content #scriptDescription pre {
	border: 1px solid #ccc;
	padding: 6px 5px;
	margin: 8px 0 10px;
	background: #F8FBFD;
	}

#content #scriptDescription pre code {
	font-size: 11px;
	
	}


/* on MD Markitup page */
#testimonials {
	margin: 20px 0;
	padding: 20px 20px 10px;
	background: #F8FBFD;
	border: 1px solid #ccc;
	}

#testimonials .author {
	font-size: 11px;
	padding-left: 10px;
	color: #666;
	}

#testimonials .author a 
{
	color:  #666;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	}



/* Homepage columns
--------------------------------------- */
#left {
	width:275px;
	float:left;
	margin:0;
	padding:48px 10px 10px 20px;
	background:transparent;
	}

#left .promo {
	margin-top: 20px;
	}

#left .promo p {
	font-size: 11px;
	line-height: 1.3;
	}

#left .promo p.desc {
	margin-top: 5px;
	margin-bottom: 5px;
	}

#left .promo p.link a {
	font-weight: bold;
	}

#center {
	width:271px;
	float:left;
	margin:0;
	padding:10px 25px;
	background:transparent url('../imagini/site/bg_centercolumn.gif') 0 0 no-repeat;
	color:#fff;
	min-height: 400px;
	height:  auto;
	}

#center div.wrap {
	width: 271px; /* specify for transition */
	}

#center h2 {
	color: #fff;
	margin:5px 0 8px;
	padding:0;
	line-height: 1.1em;
	}

#center h3 {
	color: #e4e400;
	margin:5px 0 0 0;
	}

/* center column highlight pic */
div#highlight-pic,
div.highlight-pic {
	height:180px;
	width:268px;
	margin:0 0 0 -5px;
	padding:10px 0 0 10px;
	background: transparent url('../imagini/site/bg_highlightpic.gif') 0 0 no-repeat;
	}

#highlight-pic a:hover img,
.highlight-pic a:hover img
	{
	border:3px solid #76b900;
	margin:-3px 0 0 -3px;
	}


#right {
	width:275px;
	float:left;
	margin:0;
	padding:48px 19px 10px 10px;
	overflow:  hidden;
	}

/* some links in the tweets are long */
#right p{
	overflow: hidden;
	}

#right .entry p {
	margin:0;
	padding:0;
	}



/* Definition Lists
--------------------------------------- */
dl {
	padding:0 0 12px 0;
	margin:0 0 12px 0;
	}
	
dt {
	font-weight:bold;
	font-size:1.4em;
	color:#054e71;
	background: #EBEBEB;
	border-bottom:1px solid #D3E385;
	padding:6px;
	}

dd ol li {
	margin-bottom:8px;
	padding:0;
	font-size: 100%;
	line-height:120%;
}

dd ul li {
	margin-bottom:5px;
	padding:0;
}

dd {
	margin:12px 0;
	font-size: 1.2em;
	line-height: 1.2em;
	padding:  2px 6px;
	}

/* =SIDEBAR styles
===========================================*/
#sidebar{
	margin: 0 0 0 4px;
	padding: 48px 0px 20px 0;
	background: #fff url('../imagini/site/bg_content.gif') 0 0 repeat-x; /* efefb6 */
	width: 305px;
	float: left;
	display: inline;
	}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6
	{
	margin-left:20px;
	}

#sidebar h2 {
	margin-left:20px;
	margin-bottom:2px;
	font-size: 1.7em;
	}

#sidebar h3 {
	margin-left:20px;
	margin-bottom:4px;
	}

#sidebar h4 {
	font-size: 1.5em;
	margin-bottom: 2px;
	text-transform: none;
	}

#sidebar .section { /* these are div's for separation */
	margin-bottom:15px;
	padding: 0 20px;
	}

#sidebar p { /* these are div's for separation */
	padding: 0 20px;
	}



#sidebar .section h2 { /* these are div's for separation */
	margin-left:0;
	}


#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0px 0 1em 0;
	}

#sidebar ul li {
	display: inline;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	}

#sidebar ul li a {
	display: block;
	padding: 2px 0 2px 25px;
	color: #76b900;
	font-weight:bold;
	text-decoration: none;
	background: #fff;
	}

#sidebar ul li.commercial a .scriptTitle {
	display: block;
	padding: 2px 0 2px 20px;
	color: #76b900;
	font-weight:bold;
	text-decoration: none;
	background: transparent url('../imagini/site/money.png') 0 0 no-repeat;
	}

#sidebar ul li a span.site-desc {
	display: block;
	padding: 0px 10px 5px 0;
	color: #899195;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	line-height: 1.3em;
	font-weight:normal;
	text-decoration: none;
	background: transparent;
	}


#sidebar a span.site-desc span.draftitem {
	background: #fd9800;
	color: #fff;
	padding: 0 3px 1px;
	text-transform: uppercase;
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	}

span.draftFlag {
	background: #fd9800;
	color: #fff;
	padding: 0 3px 1px;
	text-transform: uppercase;
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	}




#sidebar ul li a span.counts {
	color: #899195;
	font-size:90%;
	line-height:120%;
	font-weight:normal;
	text-decoration: none;
	background: transparent;
	}

#sidebar>ul li a { width: auto; }

#sidebar ul li a.active {
	background: #fafbe2 url('../imagini/site/arrow_sidebar_ul.gif') 4px 5px no-repeat;
	color: #49a505;
	}

#sidebar ul li a:hover {
	color: #49a505;
	background: #fafbe2;
	}

#sidebar ul li a.active:hover {
	color: #49a505;
	background: #fafbe2 url('../imagini/site/arrow_sidebar_ul.gif') 4px 5px no-repeat;
	}

#sidebar ul#taglist li a:hover, #sidebar ul#taglist li#active a:hover {
	color: #49a505;
	background: #fafbe2 url('../imagini/site/arrow_sidebar_ul.gif') 4px 50% no-repeat;
	}

/* End Sidebar 
-------------------------------------------- */


/* right side ul (on homepage)
============================================= */
#right ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	}

#right ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#right ul li a {
	display: block;
	padding: 4px 0 4px 50px;
	color: #76b900;
	font-weight: normal;
	text-decoration: none;
	background: #fff;
	line-height: 1.4em;
	}

#right>ul li a { width: auto; }


#right ul li a span.postdate {
	color: #899195;
	font-size:11px;
	line-height:1.1em;
	font-weight:normal;
	text-decoration: none;
	background: transparent;
	text-transform:uppercase;
	float:left;
	width:45px;
	display:inline;
	margin:0 0 10px -50px;
	padding: 3px 0 0 2px;
	}

#right ul li#active a {
	background: #fafbe2;
	color: #49a505;
	}

#right ul li a:hover, #right ul li#active a:hover {
	color: #49a505;
	/*background: #fafbe2 url('/../imagini/site/arrow_sidebar_ul.gif') 99% 5px no-repeat;*/
	background: #fafbe2;
	}


/* =FOOTER styles
===========================================*/
#footer-wrap {
	width:100%;
	display:block;
	overflow:hidden;
	height:100px;
	background: transparent url('../imagini/site/bg_footerwrap.gif') 0 0 repeat-x;
	margin:0;
	padding:0;
	}

#footer {
	width:938px;
	margin: 0 0 0 -469px;
	left: 50%;
	padding: 0 0 0 0px;
	background: #04364b url('../imagini/site/bg_footer3.gif') 0 0 repeat-x;
	height:100px;
	position:relative;
	}

#footer p#copyright {
	margin: 0;
	width:  838px;
	float:  left;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;
	color:#899195;
	background: transparent url('../imagini/site/footer_shadow_left.gif') 0 0 no-repeat;
	height:  100px;
	padding: 20px 0px 0 20px;
	}


#footer ul#credits {
	float: right;
	text-align: right;
	margin: 0;
	padding: 20px 20px 0 0px;
	background: transparent url('../imagini/site/footer_shadow_right.gif') 100% 0 no-repeat;
	height: 100px;
	}

#footer ul#credits li {
	display: inline;
	margin-right: 10px;
	height: 20px;
	line-height: 20px;
	float: left;
	}

#footer ul#credits li a {
	float:  left;
	padding: 0;
	width: 100%;
	height: 20px;
	}

#footer ul#credits li.last {
	margin-right: 0px;
	}

#footer ul#credits li a#ee {
	background: transparent url('../imagini/site/ftr_icons.png') 0 0 no-repeat;
	width: 30px;
	}
#footer ul#credits li a#ee:hover {
	background: transparent url('../imagini/site/ftr_icons.png') 0 -20px no-repeat;
	}

#footer ul#credits li a#lw {
	background: transparent url('../imagini/site/ftr_icons.png') -40px 0 no-repeat;
	width: 19px;
	}
#footer ul#credits li a#lw:hover {
	background: transparent url('../imagini/site/ftr_icons.png') -40px -20px no-repeat;
	}

#footer ul#credits li a#apple {
	background: transparent url('../imagini/site/ftr_icons.png') -69px 0 no-repeat;
	width: 18px;
	}
#footer ul#credits li a#apple:hover {
	background: transparent url('../imagini/site/ftr_icons.png') -69px -20px no-repeat;
	}

#footer ul#credits li a#ac {
	background: transparent url('../imagini/site/ftr_icons.png') -96px 0 no-repeat;
	width: 31px;
	}
#footer ul#credits li a#ac:hover {
	background: transparent url('../imagini/site/ftr_icons.png') -96px -20px no-repeat;
	}

#footer ul#credits li a#jq {
	background: transparent url('../imagini/site/ftr_icons.png') -136px 0 no-repeat;
	width: 27px;
	}
#footer ul#credits li a#jq:hover {
	background: transparent url('../imagini/site/ftr_icons.png') -136px -20px no-repeat;
	}



#footer ul#credits li.footerCreditsFirst {
	font-size: 10px;
	color: #d2d2d2;
	text-align: right;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 20px;
	vertical-align: top;
	padding: 0 10px 0;
	margin: 0 0 0 0;
	}


/*#footer #shadow-left {
	height:60px;
	width:4px;
	background: transparent url('../imagini/site/shadow_footer_left.gif') 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
	}

#footer #shadow-right {
	height:60px;
	width:4px;
	background: transparent url('../imagini/site/shadow_footer_right.gif') 0 0 no-repeat;
	position:absolute;
	top:0;
	right:0;
	}
*/

/* Post/Entry Related
=====================================
Content
  Post
    Entry
------------------------------------- */

.post {
	padding-bottom: .5em;
	}

.post h3 {
	margin: .3em 0 3px 0;
	}

body#home .post {
	margin-top: 5px;
	padding:0 0 10px 0;
	background: transparent url('/../imagini/site/bg_articlesep.gif') 50% 100% no-repeat;
	}

body#home .post div.entry
	{
	font-size: 1.2em;
	margin-top: 3px;
	line-height: 1.5em;
	}

body#home .post div.entry p
	{
	font-size: 1em;
	}

body#home #right .post h3 {
	color:#106789;
	margin:0 0 3px 0;
	font-size: 1.5em;
	line-height: 1.3em;
	}

.post p.footnote.dotline {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #DCE6AD;
	}

p.more-link {
	margin: 0;
	padding:0 5px 0 0;
	text-align: right;
	}

.tagdata{
	display:block;
	color: #465760;
	}
						
.relatedposts {
	display:block;
	padding-bottom:3px;
	border-bottom:1px solid #E4E4DD;
	color: #465760;
	}

small {
	font-size: 80%;
	color: #777;
	}
	
code, pre {
	font-size: 13px;
	font-family: 'Courier New', Courier, Fixed;
	}


#scriptDownload {
	border: 1px solid #d2e284;
	margin: 5px 0 10px;
	padding: 10px;
	background: #FAFBE2;
	}

#nosupport {
	border: 1px solid #d86017;
	margin: 5px 0 10px;
	padding: 5px 10px;
	background: #ffeacc;
	color: #89231d;
	}

#nosupport a:link,
#nosupport a:visited {
	color: #89231d;
	text-decoration: underline;
	}

#nosupport a:hover,
#nosupport a:active {
	color: #89231d;
	text-decoration: none;
	}

#nosupport h3 {
	color: #a13d00;
	}


/* Image specific
--------------------------------  */
p img {
	padding: 0;
	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.flRight {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.flLeft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}
	
/* End Images */


/* FORM Elements
========================================= */

/* SEARCH Form */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	}

select {
	width: 130px;
	}

/* COMMENT Form ------------------------- */
#comment_form fieldset {
	margin:10px 0 0 0;
	border:1px solid #cacaca;
	border-width:0;
	}

#comment_form fieldset div {
	margin-bottom: 3px;
	padding: 3px;
	}

#comment_form fieldset div.captcha {
	margin-bottom: 3px;
	padding: 3px 3px 3px 180px;
	}

#comment_form fieldset div.captcha input {
	margin-left: -177px;
	}

#comment_form fieldset legend {
	font-size: 1.4em;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
	color: #167495;
	margin: 0;
	padding: 10px 0 5px 0;
	}

#comment_form fieldset label {
	font-size: 1.3em;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 0 0;
	}

#comment_form fieldset div.captcha .captchaQ {
	font-size: 1.1em;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 0 7px;
	
	}





#comment_form fieldset div.captcha span.captcha-hints {
	font-size: 11px;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
		color: #777;
	font-style: italic;
	}


#comment_form fieldset label span,
#comment_form fieldset legend span {
	font-size: 11px;
	font-family: arial, Trebuchet, "Trebuchet MS", "Lucida Grande" sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #777;
	margin: 0;
	padding: 0 5px 0 0;
	}

#comment_form input.text {
	width: 168px;
	padding: 3px;
	margin: 0px 5px 1px 0;
	background:#F8F6F4;
	color:#666;
	border:1px solid #E6E7D8;
	font-size: 1.2em;
	font-family: arial, helvetica, "Trebuchet MS" sans-serif;
	}

#comment_form textarea {
	width: 99%;
	padding: 2px;
	background:#f8f8f8;
	color:#666;
	border:1px solid #E6E7D8;
	font-size: 1.2em;
	font-family: arial, helvetica, "Trebuchet MS" sans-serif;
	}

#comment_form fieldset input:hover, 
#comment_form fieldset textarea:hover
 	{
	border:1px solid #B7B7A4;
	}

#comment_form fieldset input:focus, 
#comment_form fieldset textarea:focus
 	{
	border:1px solid #B7B7A4;
	background:#fff;
	color:#333;
	}



#comment_form fieldset ul.buttons {
	list-style: none;
	margin:  10px 0;
	float: left;
	clear:  both;
	}

#comment_form fieldset ul.buttons li {
	display:  inline;
	}

#comment_form fieldset ul.buttons li input {
	margin: 0px 12px 0 0;
	width: auto;
	padding:3px 8px;
	float: left;
	background: #76B900;
	color: #fff;
	font-weight: bold;
	border:1px solid #558500;
	border-top-color:#97D823;
	border-left-color:#97D823;
	font-family: arial, helvetica, "Trebuchet MS" sans-serif;
	}


#comment_form fieldset div label .req,
#comment_form fieldset legend .req {
	font-size: 16px;
	vertical-align: middle;
	color:  #8C1000;
	}

/* =Member Form
===========================================*/
#member_form div {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
  	}

#member_form div span {
 	width: 150px;
	float: left;
	text-align: right;
	padding-right: 10px;
  	}

#member_form div span em {
  	font-size: 16px;
	vertical-align: middle;
	color:  #8C1000;
  	}

/* End Form Elements */



/* Begin Comments Area
========================================= */


#comment_form {
	float: left;
	}


#content ol.commentlist {
	padding: 0;
	margin:5px 0 12px 0;
	text-align: left;
	float: left;
	width: 100%;
	}
	
#content ol.commentlist li {
	list-style: none;
	margin:0;
	padding:0;
	font-size: 11px;
	float: left;
/*	border-top:1px solid #E4E4DD;*/
	}

.commentlist li div.comment-info {
	font-size: 100%;
	line-height:120%;
}

.commentlist li div.comment-info code, .commentlist li div.comment-info pre {
	font-size: 11px;
	line-height:1.2em;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
	}

p.footnote {
	margin: 0 0 3px;
	padding:0;
	font-size: 11px;
	line-height: 1.2em;
	color: #999;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	}


/* second style list, for the trackbacks */
.commentlist-ping {
	padding: 0;
	margin:0;
	list-style: none;
	text-align: left;
	}
	
.commentlist-ping li {
	list-style: none;
	margin:0;
	padding:2px 8px;
	}

.commentlist-ping cite {
	font-size: 80%;
	font-style: normal;
	}
	
.commentlist-ping cite a {
	font-size:110%;
	font-weight: bold;
	}

.commentlist-ping p {
	font-size: 80%;
	font-weight: normal;
	text-transform: none;
	}

a.commentnumber:link{color: #465760;text-decoration:none;}
a.commentnumber:visited{color: #465760;text-decoration:none;}
a.commentnumber:hover{color: #49a505;text-decoration:underline;}
a.commentnumber:active{color: #465760;text-decoration:underline;}

.author-info { 
	float:left;
	width:150px;
	padding:10px;
	}

.author-info .noteAdmin{ 
	padding: 0;
	}

.comment-info {
	float:right;
	text-align:left;
	width:386px;
	padding:10px;
	background:transparent;
	overflow: hidden;
	}

.codeblock {
	overflow: auto;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 5px;
	background: #fff;
	font-size: 12px;
	}

.codeblock code {
	font-size: 12px;
	}

.alt {
	background:#f4f3ee;
	}

.masugabooga { /* my post styles */
	background:#E4E4DD;
	border-left:1px solid #074F70;
	}

.masugabooga .comment-info {
	width:385px;
	}

.masugabooga .author-info {
	/* pad the bottom for an image or something? */
	/*padding-bottom: 200px;*/
	}

.commentprop { /* fakes a minimum height on comments */
	height:60px;
	float:right;
	width:1px;
	}

.propcontent { /* fakes a minimum height on inside content pages */
    height:276px;
    float:right;
    width:1px;
	}

.prop { /* fakes a minimum height on inside content pages */
    height:276px;
    float:right;
    width:1px;
  }
/* i need to delete one of the above... */

.post .postmetadata {
	border:1px solid #E4E4DD;
	display:block;
	padding:10px;
	font-size: 80%;
	line-height:120%;
	color: #899195;
	margin:0;
	}

body.single .post {
	padding-bottom:0;
	margin-bottom:.25em;
	}

.moderation {
	color:#C93030;
	font-size: 90%;
	font-style:italic;
	}

.moderation-text {
	color: #d0d0d0;
	}
/* End Comments Styles ------------------------------------- */


/* Begin Various Tags & Classes */
acronym, abbr {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	border: 1px solid #6690A3;
	background: #EDF2F4;
	padding: 10px 20px;
	color: #2b3733;
	margin: 10px 20px;
	}

.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
	border-bottom: 1px solid #D3E385;
	height: 20px;
	font-size: 11px;
	}

.available {color:#4A9414;font-weight:bold;}
.unavailable {color:red;font-weight:bold;}

.credit {
	color: #707070;
	display: block;
	font-size: 11px;
	padding:0 0px 0 10px;
	margin:0;
	clear:left;
	}


/* PORTFOLIO Area
======================================= */
#portfolioImages {
	width: 576px;
	height: 340px;
	background: transparent url('../imagini/site/bg_portfolio.gif') 0 0 no-repeat;
	}

#portfolioImages img {
	width: 556px;
	height: 322px;
	margin: 9px 0 0 10px;
	}

#port-left, #port-right {
	float: left;
	background: transparent;
	width: 270px;
	padding: 0 8px 10px;
	margin: 10px 0 0 0;
	}

#port-left {
	border-right: 1px solid #87a5b3;
	width: 267px;
	}

#port-left span.draftmsg-portfolio,
#content p.draftmsg 
	{
	background: #fd9800;
	color: #fff;
	padding: 3px;
	text-transform: uppercase;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	display: block;
	width:  260px;
	text-align: center;
	}

#content p.draftmsg 
	{
	width: auto;
	}

#port-right {
	padding-left:15px;
	width:265px;
	}

/* Testimonial Balloon 
------------------------------------ */
#port-right #testimonial{
	margin: 0px 0 12px 0;
	width: 260px;
	color: #0f3152;
	}

#port-right #testimonial h3 { 
	display:none;
	height: 0;
	margin: 0;
	padding: 0;
	}

#port-right #testimonial p.quote {
	background: transparent url('/../imagini/site/quote_top.gif') 0 0 no-repeat;
	padding: 15px 15px 8px 15px;
	min-height: 38px;
	height: auto;
	margin: 0px;
	line-height: 1.3em;
	}

#port-right #testimonial p.author {
	background: transparent url('/../imagini/site/quote_bottom.gif') 0 0 no-repeat;
	padding: 42px 0 0 15px;
	color: #858585;
	line-height: 1.3em;
	}		

#port-right #testimonial p.author span.author-desc {
	display:block;
	font-style: italic;
	font-size: 11px;
	color: #858585;
	}


#port-left h3, 
#port-right h3 
	{
	margin: 0 0 .25em 0;
	}

#port-left ul, #port-right ul {
	margin: 0 0 2em 0;
	padding-left: 1.5em;
	font-size: 1.2em;
	}

#port-left ul, #port-right ul li {
	margin: 0 0 0 0;
	}



/* Misc Styles
----------------------------------- */
pre, code {
	color:#1A327C;
	}

.note {
	font-size:11px;
	color:#999;
	font-style: normal;
	line-height: 1.2em;
	}

.noteAdmin {
	color: #fd9800;
	font-style: normal;
	font-size: 11px;
	}

.noteAdmin a {
	color: #fd9800;
	font-weight: bold;
	}


/* =Services Page
----------------------------------- */
.service {
	float: left;
	clear: both;
	margin-bottom: 10px;
	}

.service img {
	float: left;
	margin-top: 10px;
	}

.service p {
	margin-left: 110px;
	}

a.linkedin {
	color:  #0783B6;
	}

a.linkedin .linked {
	font-weight:  bold;
	}

a.linkedin .linked .in {
	color:  #fff;
	background: #0783B6;
	padding:  0 1px;
	}


.service p.quote {
	border: 1px solid #6690A3;
	background: #EDF2F4;
	padding: 10px 20px;
	color: #2b3733;
	}

.service .credit {
	text-align: right;
	margin-top: 8px;
	}



/* Software Def List
----------------------------------- */
dl.software-list dt {
	float:left;
	clear:left;
	width:40px;
	height:50px;
	border-bottom: none;
	}

dl.software-list dt span {
	display:none;
	margin:0;
	padding:0;
	}

dl.software-list dd {
	margin:0 0 0 55px;
	_margin:0 0 0 60px;
	}

dl.software-list dd.extLink {
	font-weight: bold;
	font-size: 1.4em;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	}

/* Big Fat Button Links
----------------------------------- */
a.button {
	height:97px;
	width:250px;
	margin:10px 0 10px 0;
	padding:0;
	clear: both;
	text-indent: -9999px; 
	display:block;  
	color:#999;
	overflow:hidden;
	background-color: transparent;
	background-position: 0 0;
	background-image: none;
	background-repeat: no-repeat;
	}

a.button:hover {
	background-position: 0 -97px;
	}

#sidebar a.button {
	margin-left: 20px;
	}

a.button.starrater {
	background-image:url("/../imagini/site/button_starrater_dl.png");
	}

a.button.survey {
	background-image:url("/../imagini/site/button_projectsurvey_dl.png");
	}

/* Pagination */
.pagination {
	color: #737368;
	font-size: 1em;
	margin:  10px 0;
	}

.pagination .pagecount {
	margin-right: 20px;
	}

.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
	padding: 0.1em 0.4em;
	margin: 0 0 0 0.2em;
	border: 0px none !important;
	text-decoration: underline !important;
	}
.pagination b {
	color: #297eb3;
	padding: 0.1em 0.5em .2em;
	margin: 0 0 0 0.2em;
	text-decoration: none !important;
	border: 1px solid #297eb3 !important;
	}


/* Members area */
#transactions {
	background: #fff;
	border: 1px solid #d9d9d9;
	width: 100%;
	margin: 10px 0 15px 0;
	}

#transactions .alt th, 
#transactions .alt td
{background-color:#f1f6e7;}

#transactions thead th {
	background: #e7eec3; border-bottom:1px solid #d9d9d9; border-left:1px dotted #d9d9d9; color:#333; padding:8px;
	} 

#transactions th:first-child, 
#transactions td:first-child
	{border-left:none;} 

#transactions th, 
#transactions td
	{
	padding:8px; 
	border-left:1px dotted #d9d9d9;
	} 


	#buy-md-markitup {
		background: transparent url('/../imagini/site/buy-md-markitup.png') 0 0 no-repeat;
		width: 576px;
		height: 211px;
	}

#buy-md-markitup p.desc {
	color: #fff;
	padding: 36px 15px 0 15px;
	width: 214px;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 10px;
	}

#buy-md-markitup p.link {
	text-align: center;
	width: 240px;
	color: #157293;
	}

#buy-md-markitup p.link a:link,
#buy-md-markitup p.link a:visited {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family:  Trebuchet, "Trebuchet MS", Arial, sans-serif;
	width: 242px;
	color: #fafb49;
	}

#buy-md-markitup p.link a:hover,
#buy-md-markitup p.link a:active {
text-decoration: underline;
color: #BAD33E;
}

/* END default.css styles for masugadesign.com =======================*/