body {
	padding: 0; margin: 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif !important;
	font-size: 76%;
	line-height: 1.5em;
	background-color: #2c2e2b;
}

html {
	overflow-y: scroll;
}

h1 { display: none; }
h2, .contentheading { font-size: 150%; color: #00A4DF; font-weight: normal;  }
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; }

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; }

.container { width: 100%; background:  white url(../img/bg.jpg) top repeat-x; border-top: 4px solid #625f5a; padding: 0 0 25px 0;  }
.limiter { margin: auto; width: 860px;  }

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 #B0B0B0;
	-webkit-box-shadow: 0px 0px 6px #B0B0B0;
}

a.buy-now {display: block; text-align: center; padding: 10px 10px; }

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 6px #00AEEF;
	-webkit-box-shadow: 0px 0px 6px #00AEEF;
	border: 1px solid #00AEEF;
	cursor: pointer;
}

#header    { margin: 0px; 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; color:  }
#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 {
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 4px solid #00aeef;
}

#pathway { padding: 5px 10px; }

#colums { width: 860px; }

#event { border-top: 1px dotted #625f5a; margin-left: -15px; margin-right: -15px;}

#event-list     { padding: 1em 0em 1.5em 0em;  }

#event-list h2 {
	font-size: 150%; font-weight: bold; font-family: Arial,sans-serif; 
	color: #333333;
	text-align: left;
	margin: 0;
	padding: 0;
	
}

#event-list table {
   width: 767px;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin: 1em 0px 0 0px;
	border-collapse:collapse;
}

#event-list td, th {
	font-size:11px;
}

#event-list table th {
	color: #333333;
	background-color: #AAE6FF;
	border: 1px solid #40CDFF;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

#event-list table td {
	border-right: 1px solid #40CDFF;
	border-bottom: 1px solid #40CDFF;
	border-left: 1px solid #40CDFF;
	background: #fff;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

#content { 
	color: #65625d;
	text-align: left;
	font-size: 12px;
	padding: 0px 10px 10px 4px;
}

#sidebar { 
	color: #666666;
	line-height: 1.5em;
	float: right;
	width: 230px;
}

#sidebar ul, #sidebar dl {
	list-style:none;
	margin: 1em 0 0 0.5em;
	padding:0 0 0;
}

#sidebar li {
	margin:0;
	padding:0 0 .25em 15px;
	line-height:1.5em;
}

#sidebar 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; }
	

#content-block {
	float: left;
	text-align: justify;
	padding: 0 1em;
}

#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;
}

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

#frame-bottom     { color: #FFF; height: 100%; font-size: 10px; padding: 0; margin: 10px 0 10px 0; }
#modules-wrapper {  width: 800px; margin: auto; padding: 0 35px 0 35px; }
#modules         {  height: 15em; max-width: 875px; margin-left: 10px;  }

#footer-wrapper { width: 860px; margin: auto; }
#footer         { margin-left: 20px; padding-top: 15px; margin: auto; list-style: none; }
.footer-left    { float: left; }
.footer-right   { float: right; }

#footer ul 		{ list-style: none; font-weight: bold; float: right; }
#footer a:link    { color: white !important; }
#footer a:visited { color: white; }
#footer a:hover   { color: #00AEEF !important; border-bottom: none; }
#footer a:active  { color: white !important; }


#footer ul li 					{ padding: 5px;}
#footer ul li a					{ border-bottom: 0 none; }
#footer ul li a:hover			{ border-bottom: 0 none; }
#footer ul li.rss a:link 		{ color: #FFB500 !important; }
#footer ul li.rss a:visited 	{ color: #FFB500 !important; }
#footer ul li.twitter a:link 	{ color: #1DA1CC !important; }
#footer ul li.twitter a:visited { color: #1DA1CC !important; }
#footer ul li.flickr a:link		{ color: #D036AA !important; }
#footer ul li.flickr a:visited	{ color: #D036AA !important; }

#footer 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 ul li.rss a span.icon     { background-position: 0px; }
#footer ul li.flickr a span.icon  { background-position: -20px; }
#footer ul li.twitter a span.icon { background-position: -40px; }

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

#frame-bottom a {
	color: #00aeef;
}

#frame-bottom a:hover {
	color: #00aeef;
	text-decoration: none;
	border-bottom: 1px dotted #00aeef;
}

#blog-headlines {		
	height: 1.5em; 
	position: relative;
	clear: both;
	margin-left: 0.5em;
}

#blog-headlines h3 {		
	border-right:1px solid #CCD4D7;
	left:0pt; top:1px;	
	position:absolute;
	width:11.5em;
	margin: 0; 
}

#blog-headlines img {
	left:0pt; top:0px;	
	position: absolute;
}

#blog-headlines a.text {
	border-bottom: none;
}

#blog-headlines a.text {
	padding-left: 20px;
	color: #00A4DF;
}

#blog-headlines ul {		
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0; padding:0;
}

#blog-headlines li {
	left:16.0em; top: 0.1em;
	position:absolute;
	visibility:hidden;
}

.feedburnerFeedBlock a { font-weight: normal; }

#creditfooter { display: none; }

.small, .createdate, .modifydate { font-size: 78%; }

.rule { border-bottom: 1px dotted #6D6A68; padding-top: 15px; }

.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;
}

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

.newsfeed {  margin: 0; margin-left: 5px; padding: 10px;  }  
.newsfeed li { background: url(../img/generic_link.gif) no-repeat left 6px; padding-left: 20px; list-style: none; padding-top:5px;}

.clear   { clear: both; height: 1px; }
.leading { padding-bottom: 0.5em; }
.column_separator { padding-left: 20px; }

#menumain li.active  a { border-bottom: 4px solid #00AEEF; padding-bottom: 2px; text-decoration: none; }

#emailForm input { margin-top: 3px; margin-bottom: 10px; }

#page1 #content-block { }

#page1 .title      { font-size: 250%; padding: 0; margin: 0; color: #00A4DF;}
#page1 a.screenshot { width: 500px;  border: 1px dotted #CCCCCC; display: block; float: right; margin-left: 15px; padding:5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
#page1 a.screenshot:hover { border: 1px dotted #00A4DF; }

#page1 .feed { border: 1px dotted #E2E2E2; background: #F2F2F2; padding: 5px 0 10px 20px; width: 500px; margin-top: 40px;}
#page1 .feed .subscribe { float: right; padding: 10px; border-bottom: none; }
#page1 .feed .subscribe a { border-bottom: none; }
#page1 h2 { padding-bottom: 3px; padding-top: 0; margin-top: 0; }
#page1 h2.first { padding-bottom: 3px; padding-top: 0px; margin-top: -10px; }
#page1 .buttonheading { height: 0; padding: 0; margin: 0; }

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

ul.information {
	border:1px dotted #CCCCCC;
	display:block;
	float:right;
	margin:0 0 10px 10px;
	padding:0;
	width:200px;
	list-style-image:none;
	list-style-type:none;
	padding: 10px;
	font-size: 90%;
}

/*
--- Added styles
*/
.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;
}

.rounded {
	border: 1px solid #00aeef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#headlines {
	margin: 20px 5px;
}

#headlines .moduletable {
	width: 31%;
	float: left;
	margin: 0 5px;
	padding: 0px;
	text-align: justify;
}

#headlines .moduletable h2 {
	padding: 0;
	margin: 0;
}

#headlines .borders {
	padding: 0px 10px 5px 10px;
	border-right: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
}

#headlines .moduletable h2 {
	padding: 0; margin: 0;
}

#headlines .moduletable h2 a 			{ border: 0px none; font-weight: normal; }
#headlines .moduletable h2 a:link, 
#headlines .moduletable h2 a:visited,
#headlines .moduletable h2 a:hover,
#headlines .moduletable h2 a:active  	{ color: #00A4DF !important; font-weight: normal; }

#feed, #twitter, #flickr {
	width: 278px;
	height: 200px;
	float: left;
	border: 1px solid #00aeef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#feed { 
	margin: 0 10px 0 0;
}

#twitter {
	margin: 0 10px 0 0;
}

#flickr {
	
}

#feed ul {
	font-size: 90%;
}

#twitter ul {
	list-style: none;
	padding: 0;
	margin: 15px;
}

#flickr a#flickr-link,
#feed a#feed-link,
#twitter a#twitter-link {
	padding: 15px 0;
	border: 0px none;
	width: 100%;
	display: block;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

#flickr a#flickr-link 	{ background: #D8E8E8 url(../img/flickr.png) no-repeat 10px 10px; }
#feed a#feed-link 		{ background: #D8E8E8 url(../img/feed.png) no-repeat 10px 10px; }
#twitter a#twitter-link { background: #D8E8E8 url(../img/twitter.png) no-repeat 10px 10px; }

#flickr a#flickr-link span,
#feed a#feed-link span,
#twitter a#twitter-link span {
	padding: 0 0 0 75px;
}


#flickr #flickr-images { padding: 20px 0 10px 20px; }
.flickr_badge_image { float: left; margin: 0 5px 0 0; }
.flickr_badge_image a { border: 0px none; }

img.right { float: right; margin: 0 0 20px 20px; }

/* Features list frontpage */
ul.features {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 20px 10px 0;
}

ul.features li {
	margin: 0 0 5px 0;
	padding: 0;
	height: 65px;
}

ul.features li img {
	float:  left;
	margin: 0 10px 0 0;
}

ul.features li strong {
	color: #00AEEF;
}

/* 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 {
	float: left;
	width: 300px;
}

#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 {
	float: right;
	width: 260px;
}

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

/* Used for 'People at Joomlatools make...' */
h2.small {
	font-size: 120%;
	color: #808080;
}

ul.buttons {
	list-style: none;
	margin: 30px 0 15px 0;
}

ul.buttons li {
	float: left;
	display: block;
	margin: 0 5px;

}

ul.buttons li a {
	border: 0px none;
	padding: 10px 15px;
	background: #E9E9E9 url(../img/bg_button.png) top repeat-x;
	border: 1px solid #D0D0D0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

ul.buttons li a:hover {
   border-bottom: 1px solid #D0D0D0;
   border-top: 1px solid #888;
   border-right: 1px solid #D0D0D0;
   border-left: 1px solid #888;
}


ul.buttons li a span {
	font-size: 85%;
}

.note {
	border: 1px dotted #B0B0B0;
	padding: 5px 0;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

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

.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;
}

/* 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;}