/* TABLE OF CONTENTS
---------------------------------------
1. Global
2. Wrapper
3. Header
4. Navigation
5. Content
6. Left column
	6.1 Breadcrumb
	6.2 Listing
	6.3 Story
	6.4 Pagination
	6.5 Comments
7. Right column
	7.1 Boxes
	7.2 Newsletters
8. Advertisements
9. Common
10. Homepage
11. Video
12. Forums
13. Downloads
14. Image gallery
15. Search/Tags
16. Labs
17. Franchises
18. RSS Feeds
19. Footer
---------------------------------------*/

/* 1. Global
---------------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,input,textarea,table,tr,th,td { margin:0; padding:0 }
body { background:#FFF url(http://olca.cl/oca/java/img/bx_grey_top.gif) repeat-x; font:11px Tahoma, Arial, sans-serif; color:#4d4d4d }
button, input, select, textarea { font:11px Tahoma, Arial }
button { font-weight:bold }
fieldset,img { border:0 }
hr { clear:both; visibility:hidden }
ol, ul { list-style:none }
table { border-collapse:collapse; border-spacing:0 }
:focus { outline:0 }
h1 { font-size:19px }
h2 { font-size:12px }
h3 { font-size:11px }
a { /*color:#7f99ae;*/ color:#6b8499; text-decoration:none }
a:hover { text-decoration:underline }

/* 2. Wrapper
---------------------------------------*/
#width, .width { margin:0 auto; padding:0 10px; width:800px; text-align:left }
#middle{background:#fff;padding:10px 15px 0;}

/* 3. Header
---------------------------------------*/
#masthead #site-logo { margin:50px 0 0 0; float:left; width:196px; background:url(http://olca.cl/oca/java/img/logo.gif) no-repeat }
	#masthead #site-logo a { display:block; height:16px; text-indent:-9999px }
	#masthead #leaderboard { margin:7px 0 0 0; padding:10px 0 0 0; float:right; width:799px; height:16px; background:url(http://olca.cl/oca/java/img/ad_grey.gif) no-repeat 100% 0 }

/* 4. Navigation
---------------------------------------*/
#tabs {margin:0px 0 0 0;padding:0 0 0px 0px;}
	#tabs ul{position:absolute;display:block}
	#tabs li{float:left;height:15px;display:inline;background:#0080C0 url(http://olca.cl/oca/java/img/bx_grey_tab.gif) no-repeat}
	#tabs li ul{visibility:hidden;z-index:100;border-top:1px solid #fcd290}
	#tabs li li{float:none;display:block;background:#fff0ce}
	#tabs a{width:100px;font-weight:bold;color:#fff;line-height:15px;text-align:center;display:block;background:url(http://olca.cl/oca/java/img/bx_grey_tab.gif) no-repeat top left;border-right:1px solid #a2a2a2}   
	#tabs a:hover, #tabs a.selected{background:url(http://olca.cl/oca/java/img/bx_orange_tab.gif) #fcd290 no-repeat top left;color:#fff;text-decoration:none}
	#tabs li.l a{width:100px;border:none}
	#tabs ul a{font-weight:normal;color:#666;line-height:14px;width:100px;background:#fff0ce;border-right:1px solid #fcd290;border-left:1px solid #fcd290;border-bottom:1px solid #fcd290}
	#tabs li li li{background:#fff9ea}
	#tabs li li ul{position:absolute;margin:-16px 0 0 100px}
	#tabs ul ul a{background:#fff9ea}
	#tabs ul a:hover, #tabs ul a.selected{background:url(http://olca.cl/oca/java/img/bx_orange_tab.gif) no-repeat bottom left}
	#tabs a.promo, #tabs a.promo:hover{background:url(http://olca.cl/oca/java/img/bx_promo_tab.gif) #6d889d no-repeat top left;color:#b8d4ea;text-decoration:none}

#sub-nav #links { float:left; width:500px; line-height:16px; color:#999 }
	#search-bar { float:right; width:380px; text-align:right }
	#search-bar legend { display:none }
	#search-bar input { width:270px; vertical-align:middle }
	#search-bar button { margin:0 0 0px 0px; vertical-align:middle }

#languages { margin:10px 0 0 0; background:#849eb3 url(http://olca.cl/oca/java/img/bx_blue_tab.gif) repeat-x; border-top:4px solid #d8e1e9 }
	#languages li { float:left; width:79px }
	#languages li a { display:block; border-right:1px solid #d8e1e9; line-height:16px; text-align:center; color:#FFF }
	#languages li a:hover, #languages a.selected { background:#f7991c url(http://olca.cl/oca/java/img/bx_orange_tab.gif) no-repeat; text-decoration:none }
	#languages li.l { width:81px }
	#languages li.l a { border:none }

/* 5. Content
---------------------------------------*/
#content { padding:0 0 10px 0; background:url(http://olca.cl/oca/java/img/bx_grey_tab.gif) repeat-x }

#col1 { padding:15px 0; float:left; width:610px }

#col2 { padding:0 0 13px 0; float:right; width:320px; background:url(http://olca.cl/oca/java/img/bg_right-end.gif) no-repeat 0 100% }
	#col2-top { padding:10px 10px 10px 0; background:url(http://olca.cl/oca/java/img/bg_right-bottom.gif) no-repeat 0 100% }
	#col2-bottom { padding:5px 10px 0px 9px; background:#f2f2f2 url(http://olca.cl/oca/java/img/bg_right-top.gif) no-repeat; border-left:1px solid #CCC }

/* 6.1 Breadcrumb
---------------------------------------*/
#breadcrumb { margin:0 0 10px 0; padding:5px 0 0 0 }
	#col1 #breadcrumb { margin-top:-15px }
	#breadcrumb li { padding:0 9px 0 13px; float:left; background:url(http://olca.cl/oca/java/img/raquo.gif) no-repeat 0 5px }
	#breadcrumb li.first { padding-left:0; background:none }
	#breadcrumb li.last { font-weight:bold }

/* 6.2 Listing
---------------------------------------*/
#listing { padding:0 0 10px 0 }
	#listing .latest-story { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #e5e5e5; line-height:16px }
	#listing .latest-story h2, #listing .latest-story h3 { font:bold 15px Arial, Helvetica, sans-serif }
	#listing .latest-story .story-img { margin:5px 7px 0 0; float:left }
	#listing .latest-story .tags { /*padding:0 0 0 12px; background:url(http://olca.cl/oca/java/img/icon-tags.gif) no-repeat; color:#999*/ }

#listing .listing-top h2 { font-size:21px }
	#listing .listing-top .latest-story { margin:0; padding:0 10px 0 0; float:left; width:429px; border-right:1px solid #e5e5e5; border-bottom:none }
	#listing .related-stories { padding:0 0 0 10px; float:right; width:160px }
	#listing .related-stories .list { margin:10px 0 }

/* 6.3 Story
---------------------------------------*/
#head { position:relative }
	#head h1 { margin:0 0 3px 0; font:bold 21px/24px Arial, Helvetica, sans-serif }
	#head h3 { font-weight:normal }
	#head h3, #head p { padding:0 150px 0 0; line-height:16px }
	#head #text-change { position:absolute; right:0; bottom:0; line-height:16px; text-align:right }
	#head #text-change a { cursor:pointer }
	#size-1 { font-weight:bold }
	.size-1 { font-size:11px }
	.size-2 { font-size:12px }

.tools { margin:10px 0; padding:6px 0 0 0; height:17px; background:url(http://olca.cl/oca/java/img/double_grey_dot.gif) repeat-x }
	.tools li { margin:0 5px 0 0; padding:2px 5px 2px 20px; float:left; background-repeat:no-repeat; background-position:0 50%; border-right:1px solid #CCC }
	.tools li.last { border:none }
	.tools li.print { background-image:url(http://olca.cl/oca/java/img/printico.gif) }
	.tools li.emailthis { background-image:url(http://olca.cl/oca/java/img/emailico.gif) }
	.tools li.leavecomment { background-image:url(http://olca.cl/oca/java/img/commentico.gif) }
	.tools li.diggthis { background-image:url(http://cdn.cbsi.com.au/builder/i/b/gl/digg_16x16.gif) }
	.tools li.delicious { background-image:url(http://cdn.cbsi.com.au/builder/i/b/gl/delicious.small.gif) }
	.tools li.clipthis { background-image:url(http://olca.cl/oca/java/img/c/clip.gif) }

#story { line-height:16px }
	#story p, #story h1, #story ul, #story ol { margin:0 0 15px 0 }
	#story pre { margin:0 0 15px 0; overflow:auto; width:100% }
	#story ul li, #story ol li { margin:0 0 10px 15px }
	#story ul li { list-style-type:disc }
	#story ol li { list-style-type:decimal }
	#story blockquote { margin:0; padding:0 0 0 30px; background:url(http://olca.cl/oca/java/img/quote-left.gif) no-repeat }
	#story #prodimg { margin:0 0 15px 0; text-align:center }
	#story .aligncenter { margin:0 0 15px 0; text-align:center }
	#story .alignleft, #story .boxleft, .img_left, .img-left { margin:0 10px 10px 0; float:left; font-size:10px; font-weight:700; text-align:center }
	#story .alignright, #story .boxright, .img_right, .img-right { margin:0 0 10px 10px; float:right; font-size:10px; font-weight:700; text-align:center }
	#story .alignright p, #story .alignleft p, #story .boxright p, #story .boxleft p, #story .aligncenter p { margin:8px 0 0 0; padding:0 }
	#story .boxleft, #story .boxright { padding:8px; background:#f2f2f2; border:1px solid #CCC; text-align:center }
	#story .clarification { padding:5px 10px; background:#ffffeb; border:1px solid #ebe6bc; text-align:center }
	#story .clarification a { color:#bf7300 }
	#story .highlight { color:#6b8499 }
	#story .precode { font:11px courier, monospace }
	#story .pullout thead th, #story .pullout h2 { padding:3px 10px; background:#F8A11B; color:#fff }
	#story .pullout tbody th, #story .pullout ul { background:#F2F2F2; padding:3px 10px; font-weight:normal }
	#story .pullout ul { margin:0 }
	#story .pullout tbody td, #story .pullout h3 { padding:3px 10px; background:#FFE6BF; color:#EF7B1D }
	#story .smdeck { font-weight:bold }
	#story .quote { padding:0 10px 15px 40px; background:url(http://cdn.cbsi.com.au/builder/i/blogs/quote.jpg) no-repeat; font:bold 12px tahoma, arial, sans-serif; color:#999 }
	#story .quote-right { margin:0 0 15px 10px; padding:0; float:right; width:165px; border:none; background:none }
	#story .quote-left { margin:0 10px 15px 0; padding:0; float:left; width:165px; border:none; background:none }
	#story .quote-right p, #story .quote-left p { margin:0; padding:0 0 0 27px }
	#story .quote-right span, #story .quote-left span { font:bold 16px Arial, Helvetica, sans-serif; font-weight:bold; color:#6b8499 }
	#story .quote-right .quotation, #story .quote-left .quotation { position:absolute; margin:-6px 0 0 -27px }
	#story .quote-right .credit, #story .quote-left .credit { margin:5px 0 0 0; color:#666 }
	#story .quote-right img, #story .quote-left img { padding:3px 0 0; vertical-align:top }
	#story .aligncenter p, #story .alignleft p, #story .alignright p {color:#999;}

#contentsBox { margin:0 15px 15px 0; padding:10px; float:left; width:130px; border:1px solid #CCC; background:#f8f8f8 }
	#contentsBox p { margin:0 0 5px 0 }
	#contentsBox p.title { text-transform:uppercase }
	#contentsBox ul { margin:0 }
	#contentsBox ul li { margin:0; padding:0 0 4px 15px; background:url(http://olca.cl/oca/java/img/arrow-grey.gif) no-repeat 0 3px; list-style:none; font-weight:bold }

#related-links, .comments, .leavecomment { margin:0 0 20px 0 }
	#col2-top .comments { margin:10px 0 }

#forum-tie-in, #franchise-tie-in { margin:15px 0; padding:5px; border:2px solid #e5e5e5; text-align:center }
	#forum-tie-in img, #franchise-tie-in img { margin:0 10px 0 0; vertical-align:middle }

.bootstrapper-opinion { font-size:1.6em }
	.bust span { color:#C00 }
	.boom span { color:#093 }

/* 6.4 Pagination
---------------------------------------*/
.pages { padding:0 0 15px 0; float:right }
	.pages a, .pages span { margin:0 0 0 2px; padding:3px 7px; float:left; display:block; background:#FFF; border:1px solid #DDD; line-height:14px }
	.pages a:hover { background:#fcd72d; border-color:#F90; color:#C60; text-decoration:none }
	.pages span.this-page, .pages span.current, .pages .active { background:#7f99ae; border-color:#7f99ae; font-weight:bold; color:#FFF }
	.pages div.results { padding:10px 0; clear:both; text-align:right; color:#aaa }

/* 6.5 Comments
---------------------------------------*/
#leavecomment { padding:25px 0 0 0; background:url(http://olca.cl/oca/java/img/comment.gif) no-repeat 50% 0; text-align:center  }
	#leavecomment a { color:#f8a11b }

.comment { padding:8px 10px; border-bottom:1px solid #e5e5e5; overflow:auto }
	.comment h3 span { font-weight:normal }
	.comment pre { margin:8px 0; width:530px; overflow:auto }
	.comment-number { margin-top:-5px; position:absolute; font-size:30px; font-weight:bold; color:#d9d9d9 }
	.comment-number10 { margin-top:-2px; font-size:18px }
	.comment-content, .comment h3 { padding:0 0 0 30px; line-height:16px }
	.comment-alternate { background-color:#f2f2f2 }
	.comment-alternate .comment-number { color:#FFF }
	.report-talkback { text-align:right }

.leavecomment p { margin:0 0 7px 0 }
	.leavecomment input, .leavecomment select, .leavecomment textarea { margin:0 7px 0 0; float:left; width:150px }
	.leavecomment textarea { width:350px; height:17px }
	.comment-rating { margin:10px 0 0 0 }

.security-code img { margin:0 5px 0 0; float:left; border:1px solid #CCC }
	.security-code #tbprivate_key { margin:0 7px 0 0; float:left; width:auto }

/* 7.1 Boxes
---------------------------------------*/
.box-tabs { background:url(http://olca.cl/oca/java/img/box-tab-btm.gif) repeat-x 0 100% }
	.box-tabs li { float:left }
	.box-tabs li span { padding:5px 10px; display:block; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; cursor:pointer; color:#999 }
	.box-tabs li span:hover { background:#f2f2f2 }
	.box-tabs .last-tab { border-right-color:#FFF }
	.box-tabs .active span, .box-tabs .active span:hover { background:#FFF; border-bottom-color:#FFF; font-weight:bold; color:#666 }
	.box-tabs .active .last-tab { border-right-color:#e5e5e5 }

.box { margin:10px 0 0; border-bottom:3px solid #e5e5e5 }
	.box .box-border { background:#FFF; border:1px solid #CCC }
	.box-content, .box-content-dl { margin:10px }
	.box-content li { margin:0 0 7px 0; padding:0 0 7px 0; border-bottom:1px solid #e5e5e5; line-height:14px }
	.box-content li a span, .box-content li a:hover span { color:#4d4d4d }
	.box-content .last, .box-content .more { margin:0; padding:0; border:none }
	.box-content .more { font-weight:normal; text-align:right }
	.box-content .timestamp { font-size:10px; white-space:nowrap; color:#999 }

.most-discussed .comments { margin:0; float:right; width:26px; height:17px; background:url(http://olca.cl/oca/java/img/comments.gif) no-repeat; text-align:center; color:#666 }
	.most-discussed .comments span { display:none }

#box-blogs .box-content img, #box-marketing .box-content img { margin:0 0 10px 10px; float:right }
	#box-blogs .author { clear:both; float:right; font-size:10px; text-align:right }

#box-downloads .box-tabs .active span { background:url(http://olca.cl/oca/java/img/box-tab-btm.gif) repeat-x 0 0 }

#box-news .box-content li { margin:0 0 5px 0; padding:0 0 5px 0 }
	#box-news .box-content a { font-weight:bold }
	#box-news .more a { font-weight:normal }

#box-tag-cloud .box-content { text-align:center }

/* 7.2 Newsletters
---------------------------------------*/
#box-newsletters ul li { border-bottom:1px solid #e5e5e5; vertical-align:bottom }
	#box-newsletters ul li p { margin:0 5px 0 0; padding:7px 10px; float:left; width:75px }
	#box-newsletters ul li ul { padding:7px 0; float:left; width:195px }
	#box-newsletters ul li ul li { margin:0; padding:0; border:none; display:inline }
	#box-newsletters .selected { background:#FFF url(http://olca.cl/oca/java/img/newsletters-bg.gif) repeat-x 0 100% }
	#box-newsletters .selected p { ; background:url(http://olca.cl/oca/java/img/newsletters-flag.gif) no-repeat 100% 50%; color:#FFF }
	#box-newsletters .selected p, #box-newsletters .selected a { font-weight:bold }

/* 8. Advertisements
---------------------------------------*/
#mpu { padding:10px 0 0 0; margin:10px 0 0 0; background:url(http://olca.cl/oca/java/img/ad_grey.gif) no-repeat 100% 0 }
.ad{ padding:15px 0 0 0; margin:0 0 0; background:url(http://olca.cl/oca/java/img/ad_grey.gif) no-repeat 50% 0 }

/* 9. Common
---------------------------------------*/
#latest-videos { margin:0 0 20px 0 }
	#latest-videos h3 { width:120px; clear:both }

#poll-submit, #poll-results, #poll-loading { margin:0 0 10px 10px; padding:10px; float:right; width:160px; border:1px solid #CCC }
	#poll-submit ul { margin:0 0 10px 0; display:table }
	#poll-submit ul li, #poll-results ul li { margin:0; list-style:none }
	#poll-submit ul li { margin:0 0 5px 0; clear:both }
	#poll-submit input, #poll-submit label { float:left }
	#poll-submit label { width:130px; margin:0 0 0 5px }
	#poll-results ul, #poll-results .total-votes { margin:0 }
	#poll-results .voting-result { margin:2px 10px 8px 0; position:relative; width:155px; background:#dedede }
	#poll-results .voting-result .voting-bar { display:block; position:relative; height:10px; line-height:10px; background:#7f99ae }
	#poll-results .total-votes { text-align:center; font-weight:bold }

.center { margin:0 auto; text-align:center }

.error { font-weight:bold; color:#E00 }
	.error-msg, .confirm-msg { margin:0 0 10px 0; padding:10px 10px 10px 50px; border:1px solid #FCC; background:#fff5f5 url(http://olca.cl/oca/java/img/icon-error.gif) no-repeat 10px 50% }
	.confirm-msg { background-color:#F2FFE3; background-image:url(http://olca.cl/oca/java/img/icon-confirm.gif); border-color:#BFF2A5 }

.fl { float:left }
	.fr { float:right }

.form {margin:5px 0 10px 0}
	.form h2{margin:15px 0 5px 0}
	.form p{margin:0 0 5px 0}
	.form input{float:left;width:190px;margin:0 5px 0 0}
	.form textarea{float:left;width:350px;height:17px;margin:0 5px 0 0}
	.form input.checkbox{width:15px}
	.form button{float:left;width:auto;margin:0 5px 0 0}
	.form select{float:left;width:195px;margin:0 5px 0 0}

.grid-2-col { float:left; width:305px }
	.grid-3-col { float:left; width:203px }
	.grid-4-col { float:left; width:152px }

.hide, .builder-hide, .trdeck { display:none }

.list li { margin:0 0 7px 0; padding:0 0 0 15px; background:url(http://olca.cl/oca/java/img/arrow-grey.gif) no-repeat 0 3px }
	.list a { font-weight:bold }

.list-forum-posts li, .list-downloads li { margin:0 0 7px 0; padding:0 0 5px 20px; background:url(http://olca.cl/oca/java/img/icon-forum.gif) no-repeat 0 1px }
	.list-forum-posts li a, .list-downloads li a { font-weight:bold }
	.list-forum-posts li { padding-right:20px }
	.list-downloads li { padding-left:22px; background-image:url(http://olca.cl/oca/java/img/icon-download.gif); border:none }

.section-heading { margin:0 0 10px 0; padding:0 0 6px 0; background:url(http://olca.cl/oca/java/img/heading-bg.gif) repeat-x 0 100%; color:#4d4d4d }
	.section-heading h1, .section-heading h2 { float:left; font:bold 21px/24px Helvetica, Arial, sans-serif }
	.section-heading h1 a, .section-heading h2 a { padding:0 28px 0 0; background:url(http://olca.cl/oca/java/img/heading-more.gif) 100% 50% no-repeat; color:#4d4d4d }
	.section-heading h1 a:hover, .section-heading h2 a:hover { background-image:url(http://olca.cl/oca/java/img/heading-more-hover.gif); text-decoration:none }
	.section-heading p { padding:5px 0 0 0; float:right }
	.section-heading span { font-weight:normal; color:#999 }
	#col2 .section-heading, #page-top .section-heading, #members-sidebar .section-heading { margin:0 0 7px 0; padding:0; background:none }
	#col2 .section-heading h2, #page-top .section-heading h2, #members-sidebar .section-heading h2 { font:bold 15px Arial, Helvetica, sans-serif }
	#col2 .section-heading h2 a, #page-top .section-heading h2 a, #members-sidebar .section-heading h2 a { padding:2px 24px 2px 0; background-image:url(http://olca.cl/oca/java/img/heading-more-sml.gif) }
	#col2 .section-heading h2 a:hover, #page-top .section-heading h2 a:hover, #members-sidebar .section-heading h2 a:hover { background-image:url(http://olca.cl/oca/java/img/heading-more-sml-hover.gif) }
	#col2 .section-heading p, #members-sidebar .section-heading p { padding:0 }
	#col2-bottom .section-heading, #members-sidebar .section-heading { margin:0; padding:7px 10px; background-image:url(http://olca.cl/oca/java/img/heading-bg-col.gif); border-bottom:1px solid #CCC }
	#col2 .comments .section-heading { margin:0; padding:0 0 6px 0; border-bottom:1px solid #e5e5e5 }

.timestamp { font-size:10px; white-space:nowrap; color:#999 }

span.download, span.login, span.rss, span.tag, span.thumb-down, span.thumb-up { padding:2px 0 2px 20px; background:url(http://olca.cl/oca/java/img/feedico.gif) no-repeat 0 50% }
	span.download { background-image:url(http://olca.cl/oca/java/img/downloadico.gif) }
	span.login { background-image:url(http://olca.cl/oca/java/img/loginico.gif) }
	span.rss { padding-left:16px }
	span.tag { background-image:url(http://olca.cl/oca/java/img/c/tag-add.gif) }
	span.thumb-down { background-image:url(http://olca.cl/oca/java/img/thumb_down.gif) }
	span.thumb-up { background-image:url(http://olca.cl/oca/java/img/thumb_up.gif) }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block }
/* Hides from IE-mac \*/
.clearfix { display:block }
/* End hide from IE-mac */

/* 10. Homepage
---------------------------------------*/
#page-top { position:relative; background:url(http://olca.cl/oca/java/img/page-top-shadow.gif) repeat-x }
	#page-top #news-carousel { float:left; width:630px; height:220px; position:relative }
	#page-top #carousel, #page-top #carousel a { color:#FFF }
	#page-top #carousel h2 { padding:0 180px 0 0; font:bold 28px/32px Arial, Helvetica, sans-serif }
	#page-top #carousel p { margin:8px 0 0 0; padding:0 220px 0 0; line-height:16px }
	#page-top #carousel-nav { position:absolute; bottom:0; left:20px; z-index:100 }
	#page-top #carousel-nav a { margin:0 2px 0 0; padding:5px 8px; float:left; display:block; border:1px solid #acb9c1; border-bottom:none; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer }
	#page-top #carousel-nav a.selected, #page-top #carousel-nav a.selected:hover { background:#e4e8eb; border-color:#e4e8eb; color:#6b8499 }
	#page-top #carousel .slide { padding:20px; position:absolute; top:0; left:0; height:180px; width:590px; background-repeat:no-repeat; background-color:#6b8499 }
	#page-top #carousel .tags a { color:#cad4d9 }
	#page-top #latest-stories { float:right; width:320px }
	#page-top #latest-stories #col2-top { padding:15px; min-height:190px; background-position:100% 100% }

#top-stories{background:url(http://olca.cl/oca/java/img/top-stories.gif) no-repeat bottom left;padding:0 0 15px 0}
.top-story{width:184px;float:left;padding:0 13px}
#top-stories h1 {margin:5px 0 0 0}
#top-stories p {line-height:16px;margin:5px 0 0 0}
#top-stories .first{padding:0 13px 0 0}
#top-stories .last{padding:0 0 0 13px}
.top-story img{border-bottom:3px solid #e5e5e5;} 
#how-to{margin-top:-10px;background:url(http://olca.cl/oca/java/img/grey_dot.gif) repeat-x bottom}

/* 11. Video
---------------------------------------*/
.video-thumb-container { padding:15px 0 0 }

.video-thumb h4 { font-size:11px }
.video-thumb p { line-height:14px }
.video-thumb-image { padding:6px 0 0 6px; float:left; width:100px; height:78px; display:inline; background:url(http://olca.cl/oca/java/img/video-thumb-image.png) no-repeat }
.video-thumb-image em { display:block; width:88px; height:66px; background:transparent url(http://olca.cl/oca/java/img/v-frame.png) no-repeat; text-indent:-2000em; cursor:pointer }
.video-thumb-image em:hover { background-image:url(http://olca.cl/oca/java/img/v-frame-hov.png) }

#video-thumbnails { padding:10px }
#video-thumbnails .video-thumb { margin:0; width:275px }
#video-channel { position:relative }
#video-channel h2 { padding:6px 10px 5px 10px; background:#F68919 url(http://olca.cl/oca/java/img/video-h2_bg.gif) repeat-x; font-size:1em; font-weight:bold; color:#FFF }
#video-channel h2.grey { background:#333 url(http://olca.cl/oca/java/img/video-h2_bg-grey.gif) repeat-x }
#video-channel h2.blue { background:url(http://olca.cl/oca/java/img/video-h2_bg-orange.gif) repeat-x }
#video-channel h2 a { color:#FFF }
#video-channel h1 { padding:0 0 5px 0; font:bold 1.1em/1.2em arial }
#video-channel label { display:block; font:bold 1em arial }
#video-url, #video-embed { margin:10px 0 0 0 }
#video-current input { padding:2px; width:220px }
#video-header { padding:20px 10px; background:url(http://olca.cl/oca/java/img/video-header_bg.gif) repeat-x 0 100% }
#video-player { float:left; width:400px }
#video-current { float:left; margin:0 0 0 20px; width:250px }
.video-box { padding:5px 10px; background:#F4F4F4 }
#video-current #story-tools { margin:10px 0 5px 0 }
#video-right { float:right; width:250px }
#video-description { font-size:1em }
#video-related { max-height:240px; overflow:auto }
#video-related li { padding:5px; font-size:1em; background:#f5f5f5 }
#video-related li.alt { background:#efefef }
#video-related li a { font-weight:bold }
#video-related li img { margin:0 10px 0 0; float:left; border:1px solid #333}
#video-feed { margin:20px 0 0 0; padding:0 0 0 40px; width:210px; height:30px; line-height:30px; background:url(http://olca.cl/oca/java/img/video-feed.gif) no-repeat; font-weight:bold }
#video-feed a { color:#FFF }
.video-switch-tabs { padding:0 10px; background:#EFEFEF }
.video-switch-tabs li { padding:8px 0 0 10px; float:left }
.video-switch-tabs li h4, .video-switch-tabs li h2 { background:#F68919 url(http://olca.cl/oca/java/img/video-switch-tab-right-off.gif) no-repeat 100% 0;font-size:11px }
.video-switch-tabs li a { padding:8px 15px 6px 15px; background:url(http://olca.cl/oca/java/img/video-switch-tab-left-off.gif) no-repeat; display:block; text-decoration:none }
.video-switch-tabs li a, .video-switch-tabs li a:visited { color:#FFF }
.video-switch-tabs li.active h4, .video-switch-tabs li.active h2 { background:#FFC17F url(http://olca.cl/oca/java/img/video-switch-tab-right-on.gif) no-repeat 100% 0 }
.video-switch-tabs li.active a { padding:8px 15px 6px 15px; background:url(http://olca.cl/oca/java/img/video-switch-tab-left-on.gif) no-repeat; display:block; text-decoration:none }
.video-switch-tabs li.active a, .video-switch-tabs li.active a:visited { color:#666 }
.video-switch-tabs h2 { font-size:.9em }
#video-archive-left { padding:20px 10px; float:left; width:620px }
#video-archive-right { padding:10px 10px 0 0; width:300px; float:right }
#video-subnav { margin:0 0 20px 0; background:#FFC17F url(http://olca.cl/oca/java/img/video-h2_bg-orange.gif) repeat-x }
#video-subnav h2 { float:left; border-right:1px solid #FFA200}
.video-row li { padding:0 10px; float:left; width:135px; display:inline; font-size:1em; font-weight:bold; text-align:center }
.video-row img { margin:0 20px 5px 20px; border:1px solid #333}
.video-row { margin:0 0 15px 0 }

#story-tools{ margin:0 0 15px 0; padding:5px 0; position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5 }
#story-tools li{ margin:0 15px 0 0; float:left; display:block; font-size:1em }
#story-tools li a{ padding:4px 0 5px 20px; display:block }
.save-this, .delicious, .digg, .reddit, .slashdot, .stumbleupon, .technorati { background-repeat:no-repeat; background-position:10px 50% }
.save-this { background-image:url(http://olca.cl/oca/java/img/icon-save.gif) }
.delicious { background-image:url(http://olca.cl/oca/java/img/icon-delicious.gif) }
.digg { background-image:url(http://olca.cl/oca/java/img/icon-digg.gif) }
.reddit { background-image:url(http://olca.cl/oca/java/img/icon-reddit.gif) }
.slashdot { background-image:url(http://olca.cl/oca/java/img/icon-slashdot.gif) }
.stumbleupon { background-image:url(http://olca.cl/oca/java/img/icon-stumbleupon.gif) }
.technorati { background-image:url(http://olca.cl/oca/java/img/icon-technorati.gif) }
#story-tools li.favourites { overflow:hidden }
#story-tools li.favourites .save-this { padding:4px 8px 5px 25px; z-index:500; position:relative; background-position:5px 50% }
#story-tools li.favourites:hover .save-this, #story-tools li.sfhover .save-this { background:#FFF url(http://olca.cl/oca/java/img/favourites-bg.gif) no-repeat 0 0; border-right:1px solid #CCC }
#story-tools li.favourites ul {	margin:-1px 0 0 0; position:absolute; left:-999em; z-index:400; border-right:2px solid #ebebeb; border-bottom:2px solid #ebebeb; background:#FFF }
#story-tools li.favourites:hover ul, #story-tools li.sfhover ul { left:auto }
#story-tools li ul li { margin:0; float:none; border-left:1px solid #CCC; border-right:1px solid #CCC; font-size:1em }
#story-tools li ul li a { padding:7px 0 7px 33px; width:110px }
#story-tools li ul li a:hover { background-color:#f2f2f2 }
#story-tools li ul .first { border-top:1px solid #CCC }
#story-tools li ul .last { border-bottom:1px solid #CCC }

/* 12. Forums
---------------------------------------*/
#forums table {width:100%;border-collapse:collapse;border-spacing:0pt}
	#forums td {vertical-align:top}
	#forums img {vertical-align:middle}

.forum-styling th, .forum-styling td {padding:7px 10px;line-height:13px;text-align:left}
	.forum-styling th {background:#969696 url(http://olca.cl/oca/java/img/bx_grey_tab.gif) repeat-x;font-weight:normal}
	.forum-styling th, .forum-styling th a {font-weight:bold;color:#FFF}
	.forum-styling td {border-bottom:1px solid #e5e5e5}
	.forum-styling td.thread a.thread-topic {font-weight:bold}
	.forum-styling .last-updated, .forum-styling .replies, .forum-styling .views {width:80px;text-align:center}
	.forum-styling .replies, .forum-styling .views {width:40px}
	.forum-styling .alt-row .thread, .forum-styling .alt-row td {background-color:#f2f2f2}
	.forum-nav, .forum-error {margin:10px 0pt;color:#666}
	.forum-nav .fl {float:left;width:220px}
	.forum-nav .fr {float:right;width:380px;line-height:20px;text-align:right}
	.forum-nav .pages {padding:0}

#forum-topic {font:bold 21px/24px Arial, Helvetica, sans-serif}
	.forum-post {margin:15px 0pt 0pt 0;border-bottom:1px solid #e5e5e5;line-height:16px}
	.forum-post .user-col {padding:0pt 15px 0pt 0pt;width:48px;}
	.forum-post .message-col .username span {font-weight:normal}
	.forum-post .message-col .post-tools {text-align:right}
	.forum-post .message-col .date-posted {float:left;color:#666}
	.forum-post .message-col .date-posted span { font-size:10px }
	.forum-post .message-col h3, .forum-post .message-col p, .forum-post .message-col q, .forum-post .message-col .post-tools {margin:0pt 0pt 10px}
	.forum-post .message-col q {margin-left:20px;padding:10px;display:block;background:#f2f2f2 none repeat scroll 0%;border:1px solid #e5e5e5}

/* 13. Downloads
---------------------------------------*/
#downloads-categories{padding:20px 0 5px 0}
#downloads-categories li{margin:0 0 15px 0;padding:0 20px 0 0;line-height:15px}
#downloads-categories h3,#downloads_listing h2{font:bold 14px Arial, Helvetica, sans-serif}
#downloads-categories span, #downloads-categories span a {color:#666}
#downloads_specs{margin:10px 0 15px 0;float:right;width:415px;border-top:1px solid #e5e5e5;padding-top:1px}
#downloads_specs strong{width:145px; float:left;}
#downloads_specs span{width:240px; float:right;line-height:16px;}
#downloads_specs li,#downloads_listing td{border-bottom:1px solid #e5e5e5;padding:5px 10px;}
#downloads_specs li.alternate,#downloads_listing tr.alternate{background-color:#f2f2f2}
#downloads_button,#downloads_button2{float:left;width:140px;background:url(http://olca.cl/oca/java/img/download-button.gif) no-repeat;padding:0 0 0 40px;line-height:30px;margin:10px 0 0 0}
#downloads_button a,#downloads_button2 a{color:#F7A62A;font-weight:bold}
#downloads_button2{width:350px;line-height:16px;background-position:left 50%;}
#downloads_desc, #downloads_reliability {margin:0 0 15px 0;line-height:16px}
#downloads_reliability {margin:15px 0;}
#downloads_reliability img {vertical-align:middle;}
#downloads_reliability p {margin:10px 0 0 0;}
#downloads_reliability span {width:130px; float:left;}
#downloads_listing {margin:0 0 15px 0;border-collapse:collapse}
#downloads_listing tr.head td{padding:7px 10px;background:#4D4D4D;color:#fff; font-weight:bold}
#downloads_listing td{padding:10px;line-height:15px}
#downloads_listing .downloads_list_download a{color:#F7A62A;font-weight:bold}
#downloads_listing .head a{color:#fff}
.downloads_list_date, .downloads_list_download, .downloads_list_rating{text-align:center;width:100px}
#downloads-search { margin:15px 0 0 0; padding:7px 10px; background:#f2f2f2; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center }
#downloads-search input, #user-groups-search select, #user-groups-search button { margin:0 0 0 3px; width:220px }
#downloads-search button { width:50px }

/* 14. Image gallery
---------------------------------------*/
/*
#prodimg{margin:0 0 15px;text-align:center}
	#imagegallery{margin:20px 10px}
	#story #imagegallery{margin:0}
	#story #imagegallery #thumbnails p{margin:0 10px 10px 0;height:70px}
	#story #imagegallery p{margin:10px 0;text-align:left}
	#thumbnails p{border:1px solid #a0a0a0;float:left;margin:0 10px 10px 0;padding:10px}
	#thumbnails span{border:1px solid #a0a0a0;font-size:10px;padding:3px; display:block; width:1.6em; text-align:center;}
	#thumbnails span.selected{background:#FFA100;color:#fff}
*/

#photo-gallery #image-holder { margin:0 auto 15px auto; position:relative; clear:both }
	#photo-gallery #image-holder, #photo-gallery #image-holder #nav-overlay { min-height:140px }
	#photo-gallery #image-holder #nav-overlay { margin:0 auto; position:absolute; width:100%; height:100%; background:#000; opacity:0; filter:alpha(opacity=0) }
	#photo-gallery #nav-overlay .prev, #photo-gallery #nav-overlay .next { float:left; display:block; width:55px; height:100%; background:url(http://olca.cl/oca/java/img/photo-gallery/prev-btn.gif) no-repeat 0 50%; text-indent:-9999px; outline:none }
	#photo-gallery #nav-overlay .next { float:right; background-image:url(http://olca.cl/oca/java/img/photo-gallery/next-btn.gif); background-position:100% 50% }
	#photo-gallery #nav-overlay .prev:hover { background-image:url(http://olca.cl/oca/java/img/photo-gallery/prev-btn-hover.gif) }
	#photo-gallery #nav-overlay .next:hover { background-image:url(http://olca.cl/oca/java/img/photo-gallery/next-btn-hover.gif) }
	.thumbnail-nav { margin:0 0 15px 0; padding:0 20px; position:relative; width:570px; height:59px; background:url(http://olca.cl/oca/java/img/photo-gallery/thumbs-bg.png) repeat-x }
	.thumbnail-nav .prev, .thumbnail-nav .next { position:absolute; top:0; width:15px; height:59px; display:block; background:url(http://olca.cl/oca/java/img/photo-gallery/btn-left.png) no-repeat; text-indent:-9999px; cursor:pointer }
	.thumbnail-nav .prev { left:0 }
	.thumbnail-nav .next { float:right; right:0; background-image:url(http://olca.cl/oca/java/img/photo-gallery/btn-right.png) }
	.thumbnail-nav .prev:hover { background-image:url(http://olca.cl/oca/java/img/photo-gallery/btn-left-hover.png) }
	.thumbnail-nav .next:hover { background-image:url(http://olca.cl/oca/java/img/photo-gallery/btn-right-hover.png) }
	.thumbnail-slides { width:570px; height:59px; overflow:hidden }
	.thumbnail-slides .slides-container { width:3000px }
	.thumbnail-slides .slide { float:left }
	.thumbnail-slides .slide li { width:64px; padding:5px 5px 0 0; float:left; text-align:center }
	.thumbnail-slides .slide li a { padding:2px; display:block }
	.thumbnail-slides .slide li a:hover { background:#6b8499 }
	.thumbnail-slides .slide li.selected a, .thumbnail-slides .slide li.selected a:hover { background:#F90 }
	#story #thumbnail-slides ul li { margin:0; width:auto; list-style:none }

/* 15. Search/Tags
---------------------------------------*/
#search-results-hd, #search-listing .list { margin:0 0 15px 0 }
	#search-listing h1 { margin:0 0 5px 0 }
	#search-listing .categories { padding:5px 0 0 0 }
	#search-listing .list li { float:left; width:135px; color:#999 }
	#search-listing .archive-listing { padding:10px 0 0 0; border-top:1px solid #e5e5e5 }

#search-results-hd { position:relative }
	#search-results-hd .highlight { color:#F63 }
	#search-results-hd ul { position:absolute; top:0; right:0; width:250px; text-align:right }
	#search-results-hd li { margin:0 0 0 7px; display:inline }
	#search-results-hd span { padding-top:3px; padding-bottom:3px; line-height:21px }

/* 16. Labs
---------------------------------------*/
#codesearch { margin-bottom:10px }
	.code-box { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #e5e5e5 }
	.box-code { padding:18px; margin:18px; border:1px solid #aaa; height:140px; font-family:Courier; overflow:scroll }
	#codesearch input { width:270px; margin-right:3px }

#graph_box { margin:14px 0 } 
	#graph_stats { float:left; margin-left:14px; line-height:18px } 

/* 17. Franchises
---------------------------------------*/
#franchise-summary { padding:5px 0 10px 0; line-height:14px }
	#franchise-summary h2 { font:normal 18px Arial; color:#F90 }
	#franchise-summary h3 { font-size:12px }
	#franchise-summary img { position:absolute; top:10px; left:0 }
	#franchise-summary .signup, #franchise-summary .subscribe { margin:10px 0 0 0; padding:10px 0 0 40px; position:relative; border-top:1px solid #e5e5e5 }

/* 18. RSS Feeds
---------------------------------------*/
#feeds-home p, #feeds-home ul { margin:0 0 15px 0; line-height:16px }
	#feeds-home #main-col { float:left; width:375px }
	#feeds-home #secondary-col { float:right; width:220px }
	#feeds-home .feeds-list li { margin:0 0 7px 0; padding:0 0 0 22px; background:url(http://olca.cl/oca/java/img/icon-rss.gif) no-repeat 0 50% }
	#feeds-home .feeds-list a { font-weight:bold }
	#feeds-home .feeds-box { margin:0 0 10px 0; padding:15px 15px 0 15px; background:#FFFFFF url(http://olca.cl/oca/java/img/feeds/box-bg.gif) repeat-x 0 0; border:1px solid #d9d9d9 }
	#feeds-home .feeds-box h2 { margin:0 0 5px 0 }
	#feeds-home .feeds-heading, .usage-guidelines, .feeds-resources, .more-on-rss { background-repeat:no-repeat; text-indent:-9999px }
	#feeds-home .feeds-heading { background-image:url(http://olca.cl/oca/java/img/feeds/zdnet-feeds.gif); height:75px }
	#feeds-home .usage-guidelines { background-image:url(http://olca.cl/oca/java/img/feeds/usage-guidelines.gif); height:36px }
	#feeds-home .feeds-resources { background-image:url(http://olca.cl/oca/java/img/feeds/resources.gif); height:41px }
	#feeds-home .more-on-rss { background-image:url(http://olca.cl/oca/java/img/feeds/more-on-rss.gif); height:38px }

/* 19. Footer
---------------------------------------*/
#footer { margin:15px 0 0 0 }
	#footer p { padding:0 0 10px 0 }


#subnav-container { padding:10px 0 }

#schedule{width:100%;margin:0; padding: 0 0 15px 0;}
.schedule-col1{width:80%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(http://olca.cl/oca/java/img/bx_grey_tab.gif) repeat-x top left;color:#fff}
.schedule-col2{width:60%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(http://olca.cl/oca/java/img/bx_grey_tab.gif) repeat-x top left;color:#fff}
.schedule-col3{width:20%;float:left;text-align:center;line-height:20px;background:#F79D1D url(http://olca.cl/oca/java/img/bx_orange_tab.gif) repeat-x top left;color:#fff;font-weight:bold}
.schedule-col4{width:20%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(http://olca.cl/oca/java/img/bx_grey_tab.gif) repeat-x top left;color:#fff}
#schedule table{clear:both;width:100%;border-right:1px solid #A2A2A2;}
#schedule table td, #schedule table th{padding:5px;border-left:1px solid #A2A2A2;border-bottom:1px solid #A2A2A2;text-align:center}
#schedule table th{background:#D8E1E9}

.taglink { padding-left:15px}
.img-hack{display:block;width:88px;height:66px;}

.story-tag { position:relative; top:4px; }
#story-tags { margin-top:9px }
.author-image {  }