/******************************
***** Reset *******************
******************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,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,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}

/* remember to define focus styles! */
:focus{outline:0}

/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}

/******************************
***** Set *********************
******************************/
html{font-size:100%;height:100%;margin-bottom:1px}
body{
	padding:0;
	margin:0;
	font:0.7em Arial,sans-serif;
	line-height:1.4em;
	background:#002c67 url('./images/header_bg3.jpg') no-repeat center 0;
	color:#454545;
}
a{color:#0e4d8b}
a:hover{color:#000}
a.title{color:#b41a1a; background:#fff}


h1{font:700 2em Arial,Sans-Serif; letter-spacing:-1px; padding:16px 0 0 8px; margin:0}
h2{margin:0 0 .5em; padding:0; font:1.6em Arial,Sans-Serif; letter-spacing:-1px}
h1 a:hover,h2 a:hover{color:#bfe1ed}
h3{
	font:91% Arial,Sans-Serif;
	margin:0 0 10px;
	padding:0;
	color:#5f5f5f;
}
h5{font-size:1.15em}

th,.center{text-align:center}
th.rq{text-align:left;font-size:1.15em}
th.rc{text-align:right;font-size:1.15em}

/* layout */
#wrap{
	margin:10px auto;
	width:768px;
	color:#454545;
	position:relative;
}
/* header */
#logo{position:relative;height:75px;}

	#logo a.logo{
		display:block;
		background:transparent url('./images/orcalogo4b.jpg') no-repeat;
		width:260px;height:50px;
		margin-bottom:25px;
		text-decoration:none;
		float:left;
	}
	#logo a.logo span{visibility:hidden}

ul#metanav{
	color:#fff;
	position:absolute;
	top:20px;
	right:27px;
	font-size:1em;
}
	ul#metanav li{
		display:inline;
		margin:0 5px;
	}
	ul#metanav a{
		color:#fff;
		text-decoration:none;
	}
	ul#metanav a:hover{
		color:#ccc;
	}
/* End header*/

/* Rounded Corners */
.cwraptop{
	height:16px;width:770px;
	background:url('./images/cont_top.png') no-repeat;
	position:relative;
}

.cwraps{
	width:770px;
	background:url('./images/cont_sides.gif') repeat-y center top;
	position:relative;
}

.cwrapbot{
	clear:both;
	width:770px;height:16px;
	background:url('./images/cont_bot.png') no-repeat;
}
/* End RC */

#bcwrap{
	height:15px;width:761px;
	margin:0 auto 5px;
	border-bottom:1px navy solid;
	border-top:1px navy solid;
	background:#ccc;
}
	.bc{
		float:left;
		display:block;
		/*margin-top:-1px;*/
		padding-left:15px;
		background:transparent url('images/icon_orca.png') no-repeat 2px 1px;
	}
	.bc a{text-decoration:none}
	.date{
		display:block;
		float:right;
		font-weight:700;
		padding-right:2px;
		text-align:right;
		width:190px;
		margin-top:0;
	}

#orcabanner{
	display:block;
	height:180px;width:750px;
	margin:0 auto;
	background:transparent url('images/orcaindex.jpg') no-repeat top center;
}

#testimonial{
	line-height:2em;
	padding:5px 10px
}
#testimonial h1,#testimonial h2{padding:0;letter-spacing:0}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* navigation */
ul#nav{
	position:absolute;
	top:-33px;
	right:15px;
	list-style-type:none;
	font:1.1em Verdana,Arial,sans-serif;
	margin:0;
}
	ul#nav li{float:left;font-size:85%}
	ul#nav a{
		width:91px;
		height:14px;
		margin:0 0 0 1px;
		padding:3px 0 1px;
		border:0;
		text-decoration:none;
	}
	ul#nav a:link,ul#nav a:visited{
		text-align:center;
		float:left;
		background:url('./images/nav_bg_over.png') top center no-repeat;
		background:url('./images/nav_bg.png') top center no-repeat;
		color:#ccc;
	}
	ul#nav a:link:hover,ul#nav a:visited:hover{
		background:url('./images/nav_bg_over.png') top center no-repeat;
		color:#fff;
	}
	ul#nav .active a,ul#nav .active a:hover{
		background:url('./images/nav_bg_selected.png') top left no-repeat;
		font-weight:700;
		color:#787878;
	}
	ul#nav .active a:hover{
		color:#000;
	}

/* left side */
.left{
	float:left;
	width:595px;
	margin:5px 0;
}
	.box_top{
		background:#F0F0F0 url('./images/leftbox_top.gif') no-repeat;
		color:gray;
		height:40px;
		width:159px;
	}
		.box_top a{text-decoration:none}
		.box_top h2{
			color:gray;
			background:inherit;
			padding:7px 0 0 5px;
			margin:0;
		}	
	.box{
		border-left:2px solid #f0f0f0;
		border-right:2px solid #f0f0f0;
		padding:0 4px 0 7px;
		margin:0;
		width:150px;
		color:#595959;
		background:#fff;
	}
		.box.article{text-align:left}
		div.box p,div.box ul{padding-left:5px}
		.box li{border-bottom:1px solid #ccc;padding-bottom:1px}
		.box ul li ul li{border:none;padding-bottom:1px;list-style:disc inside}
		.box .twitter{text-decoration:none}
		.box .twitter span{text-decoration:underline}

	.box_bottom{
		background:#fff url('./images/leftbox_bottom.gif') no-repeat;
		color:#000;
		height:13px;
		width:160px;
		margin:0 0 7px;
	}

	/* left and central column */
	.left_side{float:left;width:159px;padding:0 5px 8px 8px}
	.right_side{
		float: right;
		width: 405px;
		margin: 0 3px 0 0;
		text-align: justify;
		border: 1px #C0C0C0 solid;
		padding: 5px;
		background-color: #F0F0F0;
	}
	.article{padding:0 5px 0 0;margin-bottom:0}
	.article_donate{padding:0}
	.widget{min-height:180px}
	.box .last{padding:5px 0 0 5px}

	#gray_box{}
	.gray_top{
		clear:both;
		width:382px;
		/*background:#ededed url('./images/gray_top.gif') no-repeat*/;
		color:#000;
		height:5px;
		padding:0;
		margin:0 0 0 6px;
	}
	.gray{
		width:362px;
		margin:0 auto;
		padding:0 5px 5px;
		/*background:#ededed url('./images/gray_bottom.gif') no-repeat bottom left*/;
		color:gray;
		text-decoration:none;
	}
	.gray a{color:#c83c3c;font-weight:700}
		
	/* Sitemap */
	.sml1{list-style-type:disc}
	.sml2{list-style-type:circle}
	.sml3{list-style-type:square}
	.sml1 li,.sml2 li,.sml3 li{margin-left:15px}
	/* Congrats/Donate */
	#updatecongrats{margin:2em 0 1em;font-size:1.3em;font-weight:700}
		#updatecongrats h2{color:#900;font-size:1.7em}
	#donateinput{text-align:center}

/* right side */
.right{float:right;width:170px;margin:5px 0 10px}
	.article img.qmark{float:left;margin:0 9px 3px 0}
	.article img.bubble{float:left;margin:3px 2px 2px 0;padding-top:3px}
	.article img.world{float:left;margin:3px 9px 2px 0;padding-top:5px}
	
	.index-html #featleft{float:left;width:193px;}
	.index-html #featright{float:right;width:193px;}
	.index-html #featright li,.index-html #featleft li{margin-bottom:4px}

	/* versionhistory.html and download.html */
	.versionhistory-html ul{margin-left:1.5em;margin-bottom:1em}
	.versionhistory-html li,.download-html li{list-style-type:disc}
	.versionhistory-html li.change,.download-html li.change{list-style:none url('./images/change.png')}
	.versionhistory-html li.bugfix,.download-html li.bugfix{list-style:none url('./images/bugfix.png')}
	.versionhistory-html li.featadd,.download-html li.featadd{list-style:none url('./images/featadd.png')}
	.versionhistory-html li.featremove,.download-html li.featremove{list-style:none url('./images/featremove.png')}

	/* support.html */
	.support-html p{margin-bottom:1em}
	.support-html ul{}
	.support-html dt{margin-top:1em}
	.support-html dt#avantbrowser{margin-top:0}
	.support-html dd{margin-left:1.5em}

	/* download.html */
	.download-html ul{margin:0 1em 0 1.5em}

	.dlbtn{
		width:239px;height:76px;
		margin:0 auto;
		background:url('./images/dlorca_ie6.png');
		display:block;
		color:#fff;
	}
		.dlbtn .cl{
			color:#fff;
			cursor:pointer;
			display:block;
			font-size:1.5em;
			font-weight:700;
			padding:15px 0 0 86px;
		}
		.dlbtn .cl a{color:#fff;text-decoration:none;}
		.dlbtn .cl a span{display:block;font-size:.7em;font-weight:400;margin-top:-2px;}
		
	.dlh2{padding-top:10px;text-align:center}
	.dlt1{width:397px;margin-bottom:10px}
	.dlt2{width:362px;margin:0 auto}
	.dlskinm{float:right;clear:right;width:50px}
	.dlrobo{float:left;clear:left;margin-bottom:10px;width:118px}
	.dlty{margin-top:20px}
	.dlfh{width:195px}

	/* Getting Started */
	.started ol{list-style-type:decimal;margin-left:25px;padding-left:10px}
		.started li{padding-bottom:5px}
	
	/* Reviews */
	#awardstable{width:100%;text-align:center}
		#awardstable td{padding:5px;width:25%;vertical-align:middle}
	.reviews p{margin-bottom:7px}

/* footer */
.footer{
	clear:both;
	text-align:center;
	color:#fff;
	padding:5px 0;
}
	.footer ul{margin-bottom:4px}
	.footer li{height:15px;padding:0;display:inline}
	.footer li.rss{background:transparent url('./images/rss.gif') no-repeat;padding-left:17px}
	.footer p{line-height:2em}
	.footer a{color:#fff;border-bottom:1px dotted gray;text-decoration:none}