body 
{
	background: #F9DCA2 url(j_wallpaper.jpg) repeat-x top;
	color: #555;
	text-align: center;
	margin: 0;
	padding: 0;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	background: url(j_header.jpg) repeat-x bottom right;
	color: #339933;
	border: solid 1px #ccc;
	font-size: 1.2em;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 20px 0 10px;
	padding: 5px 10px;
}

#content h2.typeset
{
	font: normal 1.5em Geneva, Arial, Helvetica, sans-serif;
	color: #339933;
	text-align: justify;
}

h3
{
	color: #444;
	word-spacing: 2px;
	padding-bottom: 5px;
	margin: 15px 0 0;
	font: 500 1.25em Verdana, Arial, Helvetica, sans-serif;
}

h4
{
	color: #999;
	margin: 0 0 5px;
	font-size: 1em;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
}

h4 a:visited
{
	background: none;
	border-bottom: #DDE4EF 1px solid;
	color: #369;
	padding: 0;
}

p
{
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 1em;
	line-height: 1.7em;
}


.annotation-text
{
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #999;
}


a
{
	color: #369;
	text-decoration: none;
	border-bottom: #DDE4EF 1px solid;
}

a:visited
{
	color: #69c;
	border: none;
	padding-right: 10px;
}

a:hover
{
	color: #B35071;
	border-bottom: #F3D7E0 1px solid;
}



.superscript
{
	font-size: 0.8em;
	position: relative;
	top: -4px;
}

.title
{
	margin-bottom: 10px;
}

a#logo, a#logo img, a:hover#logo img, a:visited#logo img
{
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}


a#toggle, a#toggle img, a:hover#toggle img, a:visited#toggle img
{
	border: none;
	background: none;
	margin: 5px 0 10px 10px;
	padding: 0;	
}


#package
{
	border-left: solid 5px #eee;
	border-right: solid 5px #eee;
	border-bottom: solid 5px #eee;
	background: url(j_background.jpg) repeat-y top;
	width: 720px;
	text-align: left;
	margin: 0 auto;
}



#frame
{
	background: url(j_banner.jpg) no-repeat top;
	padding: 12px 0;
}

#footer
{
	background: url(j_footer.jpg) no-repeat top;
	height: 39px;
	font: 0.8em Arial, Helvetica, sans-serif;
	text-align: right;
}

#footer p
{
	color: #69c;
	margin: 0;
	margin-left: 22px;
	padding: 13px 25px 0 0;
}

#footer p a, #footer p a:visited
{
	color: #69c;
	border-bottom: #069 1px solid;
	background: none;
	padding: 0;
}

#footer p a:hover
{
	color: #DBE68F;
}

.highlight
{
	background-color: #EDF0D7;
	padding: 1px 0;
}

.entry
{
	margin: 0 0 30px;
}

.entry>p
{
	font-family: Helvetica, Arial, sans-serif;
}

.entry img
{
	padding: 5px;
	margin-left: 20px;
	border: 1px solid #ccc;
}

.weblog-title
{
	background: url(./img/content-list.gif) no-repeat left;
	padding-left: 15px;
	padding-top: 5px;
}

a.comments
{
	color: #999;
	background: url(./img/generic-button.png) no-repeat top left;
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	font-weight: bold;
	padding: 4px 5px 3px;
}

a.comments:hover
{
	color: #666;
}

/*<group=Link List>*/

ul.link-list
{
	list-style: url(./img/feature-list.gif) inside;
	text-align: left;
	font-size: 0.9em;
	margin:  0;
	padding:  0;
}

ul.link-list li
{
	margin:  10px 0;
}

/*</group>*/

/*<group=Content>*/

#content
{
	width: 450px;
	margin: 47px 0 0 242px; /* positions content box */
}

#img-area img
{
	border: #ccc 1px solid;
	padding: 3px;
	margin:  10px;
	display: block;
}

#img-area
{
	float: left;
	margin-right: 10px;
}

#content .picture
{
	border: solid 1px #666;
}

#content h3
{
	font-style: italic;
	font-size: .8em;
}

#content .date
{
	/*border-bottom: solid 1px #ccc;*/
	display: block;
	color: #666;
	font-size: 0.85em;
	font-weight: normal;
	margin: 0;
	margin-bottom: 20px;
	padding-bottom: 20px;

}

#content a.download
{
	font-size: 11px;
	color: #555;
	background: url(button-download.gif) no-repeat top left;
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	padding: 5px 5px 4px 25px;
}

#content a.download:hover
{
	color: #996;
}

/*</group>*/

/*<group=Sidebar>*/

#sidebar p.feature-list
{

	padding-left: 20px;
	font-size: 0.9em;
	color: #444;
	font-weight: normal;
	margin: 10px 10px 0 20px;
	line-height: 16px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#sidebar p.feature-list a
{
	color: #333333;
}

#sidebar
{
	float: left;
	display: inline;
	width: 210px;
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar ul#menu
{
	color: #333;
	font-size: 0.9em;
	list-style-type: none;
	margin: 50px 10px;
	padding: 0;
}

#sidebar ul#menu li
{
	border-top: solid 1px #9FB0B3;
	border-bottom: solid 1px #424F7C;
	background: url(./img/menu-arrow.gif) no-repeat left;
	padding: 4px 15px; /*controls positon of menu items */
}

#sidebar ul#menu li a, #sidebar ul#menu li a:visited
{

	background: none;
	display: block;
	border: none;
	color: #fff;
}

#sidebar ul#menu li a:hover
{
	color: #DBE68F;
	background: url(./img/menu-selected.gif) no-repeat right;
	text-decoration: none;
}

#sidebar ul#menu li#first
{
	border-top: none;
}

#sidebar ul#menu li#last
{
	border-bottom: none;
}

#sidebar ul#menu li#current
{
	background: url(./img/menu-current.gif) no-repeat right;
	color: #DBE68F;
}

#sidebar ul#menu li#first-current
{
	border-top: none;
	background: url(./img/menu-current.gif) no-repeat right;
	color: #DBE68F;
}

#sidebar ul#menu li#last-current
{
	border-bottom: none;
	background: url(./img/menu-current.gif) no-repeat right;
	color: #DBE68F;
}

/*</group>*/

/*<group=Form Widgets>*/

.row .widget
{
	display: block;
	margin-bottom: 10px;
}

.row .label 
{
	display: block;
	color: #666;
	font-size: 1em;
	margin: 10px 0 5px;
}

.login
{
	width: 250px;
	border-right: solid 1px #ccc;
	margin: 15px 0 10px 15px;
}

.send-email
{
	width: 300px;
}

input, textarea
{
	border: solid 1px #aaa;
}

/*</group>*/

/*<group=comment>*/
.comment
{
	margin-bottom: 20px;
}

.comment h3
{
	color: #565F4F;
	background: none;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Georgia, Times New Roman, Times, serif;
	padding: 0;
}

.comment p
{
	font-size: 1em;
}

/*</group>*/

/*<group=Block>*/

#content div.products
{
	background: #313131 url(./img/typeworks.gif) no-repeat top right;
}

#content div.products h2
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.6em;
	color: #95A13D;
}

#content div.products p
{
	color: #fff;
}

#content div.products p a, #content div.products p a:visited
{
	color: #fff;
	background: none;
	border-bottom: #888 1px solid;
	padding-right: 0;
}

#content div.products p a:hover
{
	color: #DBE68F;
}

.general
{
	background: #ECECEC url(./img/block-back-white.jpg) no-repeat bottom right;
}

.screenshot
{
	background: #E6EAF3 url(./img/block-back-blue.jpg) no-repeat bottom right;
}

.video
{
	background: #E3F0E6 url(./img/block-back-green.jpg) no-repeat bottom right;
}

.whitepaper
{
	background: #ECECEC url(./img/block-back-white.jpg) no-repeat bottom right;
}

.definition
{
	background: #F0E4E4 url(./img/block-back-red.jpg) no-repeat bottom right;
}

.block
{
	text-align: center;
	margin: 10px 0;
	border: #ccc 1px solid;
	padding-left: 10px;
	padding-bottom: 10px;
}

.block img
{
	background-color: #fff;
	padding: 3px;
	border: #ccc 1px solid;
	margin-bottom: 15px;
}

.block-label
{
	float: right;
	color: #fff;
	background-color: #ccc;
	padding: 1px 0;
	width: 110px;
}

.block-label a, .block-label a:visited
{
	background: none;
	color: #fff;
	border: none;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.block-label a:hover
{
	color: #996;
	border: none;
}

.block .download-area
{
	margin: 20px;
}

.block p
{
	font: Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;
	font-size: 0.9em;
	margin: 10px;
	margin-left: 0;
}

.block h2
{
	text-align: left;
	color: #666;
	font-size: 0.9em;
	margin: 10px 0 7px 0;
}

.block h2.new
{
	background: url(./img/icon-new.png) no-repeat left;
	padding-left: 35px;
}
/*</group>*/