body {
	padding: 0; margin: 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif !important;
	font-size: 76%;
	line-height: 1.5em;
	color: #65625d;
	background: #2B2D29 url(../img/bg.jpg) top repeat-x; border-top: 4px solid #625f5a;
}

html { overflow-y: scroll; }

h1 { display: none; }
h2, .contentheading { font-size: 170%; color: #00A4DF; font-weight: bold; margin-top: 0; }
h3 { font-size: 125%; }
h4 { border-bottom: 1px solid #00A4DF; color: #00A4DF; font-size: 115%; }
h5 { font-size: 110%; font-weight: bold;}
	
td, th {  font-family: "Lucida Grande", Verdana, Arial, sans-serif; }

img { border: none; }

.hr { border-bottom: 3px solid #6E6966; }

.shadow { -webkit-box-shadow: hsla(0, 0%, 10%, 0.1) 0px 2px 4px; -moz-box-shadow: hsla(0, 0%, 10%, 0.1) 0px 2px 4px; box-shadow: hsla(0, 0%, 10%, 0.1) 0px 2px 4px; }

.rounded5 	{ -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rounded7 	{ -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.rounded10 	{ -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.clear   		{ clear: both; }
.align.justify 	{ text-align: justify; }
.align.center,
p.center 		{ text-align: center; }

a 	  { font-weight: bold !important; text-decoration: none; border-bottom: 1px dotted grey; }
a:link    { color: #464441 !important; }
a:visited { color: #464441; }
a:hover   { color: #00AEEF !important; border-bottom: none; }
a:active  { color: #464441 !important; }

input.button { margin-left: 10px; }
input.paypal, a.buy-now { 
	font-weight: bold;
	color: #464441;
	border: 1px solid #B0B0B0;
	background: #F8F8F8; 
	padding: 5px 10px; 
	font-size: 1.1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#F8F8F8), to(#EEE));
	background-image: -moz-linear-gradient(0% 50% 270deg,#F8F8F8, #EEE);
	-moz-box-shadow: 0px 0px 6px #DDD;
	-webkit-box-shadow: 0px 0px 6px #DDD;
}

a.buy-now 			{ display: block; text-align: center; padding: 10px 10px; }
a.buy-now span 		{ display: block; font-size: 0.75em; }
a.buy-now strong 	{ font-size: 1.10em; }

a.more-info 		{ line-height: 60px; }

input.paypal:hover, a.buy-now:hover { 
	color: #00AEEF;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#EEE), to(#F8F8F8));
	background-image: -moz-linear-gradient(0% 50% 270deg,#EEE, #F8F8F8);
	-moz-box-shadow: 0px 0px 4px #00AEEF;
	-webkit-box-shadow: 0px 0px 4px #00AEEF;
	border: 1px solid #00AEEF;
	cursor: pointer;
}

#pathway span { color: #65625D; font-family: "Lucida Grande",Verdana,Arial,sans-serif !important; margin-left: 16px;}

#header    			{ margin-bottom: 25px; margin-top: 1.5em; position: relative; }
#header span.logo 	{ height: 60px; width: 294px; background: transparent url(../img/slogan.png) no-repeat; display: block; }

#header a      				{ font-weight: normal !important; border-bottom: none; }
#header a span.first 		{ color: #00aeef;}
#header a:hover 			{ text-decoration: none; }
#header a:hover span.first 	{ color: #464441; font-weight: normal; }

#header ul {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	list-style-type: none;
	padding: 0;
	position: absolute;
	top: 5px; left: 320px;
}

#header ul li {
	display: inline;
	padding-left: 1.5em;
	float: left;
	text-transform: lowercase;
	letter-spacing: 1px;
}

#header ul li a:hover,
#header ul li a.active,
#header ul li.active  a { text-decoration: none; padding-bottom: 2px; border-bottom: 4px solid #00aeef; }

#pathway { 
	padding-top: 5px;
	padding-bottom: 5px;
	background: #FAFAFA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #F0F0F0;
}

#wrap-main { background: #FFF; }

#content 						{ text-align: left; }

#content-block 					{ text-align: left; padding-top: 15px; padding-bottom: 15px; }
#content-block fieldset 		{ width: 440px; border-width: 0px; }
#content-block legend 			{ color: #00A4DF; font-size: 120%; font-weight: bold; padding: 1em 0; }
#content-block .field 			{ display: inline; }
#content-block .inputbox 		{ margin-bottom: 15px; width: 100%; }
#content-block .contact_email 	{ text-align: left; }
#content-block .note 			{ border: 1px dotted #B0B0B0; padding: 5px 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content-block .leading 			{ padding-bottom: 0.5em; }
#content-block .column_separator 	{ padding-left: 20px; }
#content-block .article_separator 	{ display: block; border-bottom: 1px solid #DDD; margin: 15px 0; height: 5px; }
#content-block #emailForm input { margin-top: 3px; margin-bottom: 10px; }
#content-block #creditfooter { display: none; }
#content-block .rule { border-bottom: 1px dotted #6D6A68; padding-top: 15px; }
#content-block .readon {
	margin-top: 1em; padding: 3px; 
	font-size: 85%;
	background: #F2F2F2 url(../img/generic_link.gif) no-repeat 5px 50%; padding-left: 25px;
	border: 1px dotted #E2E2E2;
	display: block;
}

#content-block a.readon:hover   { border-bottom: 1px dotted #E2E2E2; }

#content-block .profile 			{ }
#content-block .profile .title		{ font-weight: bold; }
#content-block .profile .linkedin 	{ float: right; margin-top: -28px; }
#content-block .profile .gravatar 	{ float: left; padding: 3px; border: 1px solid silver; margin-right: 5px; }

#content-block .box {
	border: 1px solid #D4D5D6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #FEFEFE;	
}

#content-block .box .title {
	font-size: 1.3em;
	display: block;
	padding: 7px 0;
	margin: 0 0 15px 0;
	background: #FAFAFA;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FAFAFA), to(#F0F0F0));
	background-image: -moz-linear-gradient(0% 50% 270deg,#FAFAFA, #F0F0F0);
	border-bottom: 1px solid #D4D5D6;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

#sidebar { line-height: 1.5em; }

#sidebar ul,
#sidebar dl 	{ list-style:none; margin: 1em 0 0 0.5em; padding:0 0 0; }
#sidebar ul li 	{ margin:0; padding:0 0 .25em 15px; line-height: 1.5em; }
#sidebar ul li 	{ margin:3px 0 0; }

#sidebar dd {
	color:#666666;
	font-size:95%;
	font-style:italic;
	line-height:1.4em;
	margin:0;
	padding:1px 0 3px;
}

#sidebar .widget, .main .widget, #sidebar h3 { margin:0 0 0.5em; }

#sidebar .title,
#sidebar h3,
#sidebar span.separator {
	height: 24px;
	line-height: 24px;
	margin:1.5em 0pt 0pt;
	padding:0pt 0pt 0pt 10px;
	text-align: left;
	font-family : "Lucida Grande",Verdana,Arial,sans-serif;
	font-weight: bold;
	border-top: 5px solid #6E6966;
	border-bottom: 1px dotted #6D6A68;
	font-size: 105%;
	color: #505050;
	letter-spacing: 0;
}

#sidebar span.separator 			{ display: block; margin: 15px 0 5px -20px; padding: 0 0 0 10px; }
#sidebar span.separator span.first 	{ margin: 0 0 0 10px; }

#sidebar ul 		{ margin: 1em 0 0 0.5em; }
#sidebar .menu li 	{ text-indent: -10px; }
#sidebar .menu li a { background: url(../img/bullet.png) no-repeat left 3px; padding-left: 15px; border-bottom: none; }
#sidebar .menu li.active a { background-image: url(../img/bullet-full.png)}
#sidebar .contact { border: 1px dotted #E2E2E2; padding: 0 0 0 5px; margin-top: 20px; background-color: #F2F2F2; }
#sidebar .warning { background: #F2F2F2 url(/images/stories/warning.png ) no-repeat 5px 50%; padding-left: 50px; }
#sidebar .info { background: #F2F2F2 url(/images/stories/info.png ) no-repeat 5px 50%; padding-left: 50px; }

#sidebar ul.tick li { background: url(../img/tick.gif) no-repeat 5px 3px; padding-left: 25px;  }

#sidebar .moduletable p, 
#sidebar .moduletable form  { padding-left: 10px; }

#sidebar .newsfeed li { background: none; padding-left: 0; list-style: none; padding-top:5px; font-size: 90%;}

#sidebar .ohloh-badge   { margin-top: 10px; margin-left: 15px;}
#sidebar .ohloh-badge a { border-bottom: 0 none; }

/* @group Footer */
#footer     { background: #2B2D29; color: #999; border-top: 4px solid #00AEEF; padding-top: 15px; list-style: none; }

#footer a 			{ font-weight: normal !important; }
#footer a		  	{ border-bottom: 0 none; }
#footer a:link    	{ color: #00AEEF !important; }
#footer a:visited 	{ color: #00AEEF !important; }
#footer a:hover   	{ color: #FFF !important; border-bottom: 0 none; }
#footer a:active  	{ color: #00AEEF !important; }

#footer h4 a:link    	{ color: #FFF !important; }
#footer h4 a:visited 	{ color: #FFF !important; }
#footer h4 a:hover   	{ color: #00AEEF !important; }
#footer h4 a:active  	{ color: #FFF !important; }

#footer #slogan ul 						{ list-style: none; }
#footer #slogan ul li 					{ float: right; margin-left: 20px; }
#footer #slogan ul li.rss a:link 		{ color: #FFB500 !important; }
#footer #slogan ul li.rss a:visited 	{ color: #FFB500 !important; }
#footer #slogan ul li.twitter a:link 	{ color: #1DA1CC !important; }
#footer #slogan ul li.twitter a:visited { color: #1DA1CC !important; }
#footer #slogan ul li.flickr a:link		{ color: #D036AA !important; }
#footer #slogan ul li.flickr a:visited	{ color: #D036AA !important; }

#footer #slogan ul li a span.icon {
	display:block;
	float:left;
	height:14px;
	margin-right:10px;
	width:20px;
	background:transparent url(../img/icon-sprite.gif) no-repeat scroll;
}

#footer #slogan ul li.rss 		a span.icon	{ background-position: 0px; }
#footer #slogan ul li.flickr 	a span.icon { background-position: -20px; }
#footer #slogan ul li.twitter 	a span.icon { background-position: -40px; }

#footer #slogan .slogan   { font-size: 140%; }

#footer #latest 	{ font-size: 90%; }
#footer #latest h4 	{ border-bottom: 0px none !important; color: #999 !important; font-size: 120%; }

#footer #copyright { border-top: 1px solid #444; margin-top: 10px; padding: 5px 0; }
/* @end group */

/* Features list DOCman page */
#features ul 			{ list-style: none; margin: 0; padding: 0; }
#features ul li 		{ height: 160px; list-style: none; margin: 20px 0 0px 0; padding: 5px 0px 20px 0; border-bottom: 1px dotted #808080; }
#features ul li.last 	{ border-bottom: 0 none; }

#features ul li div.left a { border: 0px none;}
#features ul li div.left a img { border: 5px solid #F5F5F5; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#features ul li div.left a small { display: block; text-align: center; }
#features ul li div.left a:hover { display: block; text-align: center; }

#features ul li div.left a 	  		{ font-weight: normal !important; text-decoration: none; border: 0px none; }
#features ul li div.left a:link    { color: #808080 !important; }
#features ul li div.left a:visited { color: #808080 !important; }
#features ul li div.left a:hover   { color: #00AEEF !important; border-bottom: none; }
#features ul li div.left a:active  { color: #808080 !important; }

#features ul li div.right strong {
	font-size: 115%; margin-bottom: 0; display: block;
}

/* @group Teaser */
#teaser {
	margin-bottom: 15px;
	background: #caeefc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #00aeef;
	text-align: justify;
}

#teaser ul.features 			{ float: left; list-style: none; padding: 0; margin: 0 20px 10px 0; }
#teaser ul.features li 			{ margin: 0 0 5px 0; padding: 0; height: 65px;}
#teaser ul.features li img 		{ float:  left; margin: 0 10px 0 0; }
#teaser ul.features li strong 	{ color: #00AEEF; }

#teaser .moduletable 		{ padding: 25px 20px; }
#teaser .title      		{ font-size: 250%; padding: 0; margin: 0; color: #00A4DF;}
#teaser a.screenshot 		{ width: 500px; border: 1px dotted #CCCCCC; display: block; float: right; margin-left: 15px; padding:5px; background: white; }
#teaser a.screenshot:hover 	{ border-color: #00A4DF; }
/* @end group */

/* System Messages overrides for system.css */
/* System Messages */
#system-message dd ul { 
	color: #464441 !important; 
	background-color: #F2F2F2; 
	border: 1px dotted #E2E2E2 !important; 
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* System Standard Messages */

/* System Error Messages */
#system-message dd.error ul { border: 1px dashed #DE7A7B !important; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

/* System Notice Messages */
#system-message dd.notice ul { border: 1px dashed #F0DC7E !important; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

/* @group Moduletable.style1 */
div.moduletable.style1 {
	padding: 5px 10px;
	margin: 0 0 15px 0;
	background:#FDFDFD;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FCFCFC), to(#F5F5F5));
	background-image: -moz-linear-gradient(0% 50% 270deg,#FCFCFC, #F5F5F5);
	border: 1px solid #e8eaec;
	-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;
	color: #777;
}

div.moduletable.style1 h3 	{ text-align: center; margin-bottom: 5px; }
div.moduletable.style1 p 	{ text-align: center; }
div.moduletable.style1 cite { display: block; padding: 5px 0; text-align: center; }
/* @end group */
