/******************************************************************************
 * Yahoo! Reset CSS
 *****************************************************************************/
 /*
 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.3.0
 */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/******************************************************************************
 * Template
 *****************************************************************************/
#template { margin: 0 auto; padding: 0 15px; position; relative; width: 900px; }
#template a { color: #117799; text-decoration: none; }
#template a:hover { text-decoration: underline; }
#template div.clear { clear: both; height: 1px; }

/******************************************************************************
 * Header
 *****************************************************************************/
/*#header h1 { color: #999999; display: inline; font-family: Impact; font-size: 118px; letter-spacing: -0.02em; margin: 0 60px 0 0; }*/
#header { height: 100px; margin: 0 0 10px 0; }
#header h1 { background: url(43n79w.jpg) no-repeat; color: #ffffff; font-size: 0; float: left; height: 100px; text-indent: -9999px; width: 608px; vertical-align: text-bottom; }
#header ul { display: inline; position: relative; top: 82px; }
#header ul li { font-family: Arial, sans-serif; font-size: 14px; display: inline; margin: 0 5px 0 0 }
#header ul li a { color: #666666; letter-spacing: -0.08em; text-decoration: none; text-transform: uppercase; }
#header ul li a:hover { color: #333333; text-decoration: none;}
#header ul li a.selected { color: #117799; font-weight: bold; }

/******************************************************************************
 * Content
 *****************************************************************************/
#content { color: #666666; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; }
#content p { margin: 0 0 1.0em 0; }
#content p.introduction { color: #333333; font-size: 20px; line-height: 28px; }
#content p.introduction:first-letter { font-size: 3.0em; line-height: 26px; }
#content div.newspaper-column-ctr { clear: both; }
#content div.newspaper-column { float: left; text-align: justify; width: 270px; }
#content div.newspaper-column img { border: 1px solid #000;}
#content #newspaper-column-1 { padding: 0 45px 0 0; }
#content #newspaper-column-2 { padding: 0 45px 0 0; }
#content h2 { color: #117799; font-size: 36px; line-height: 30px; text-transform: uppercase; letter-spacing: -0.06em; }
#content h3 { color: #333333; font-size: 26pt; text-transform: uppercase; letter-spacing: -0.05em; }
#content ul.post-list li { display: list-item; font-size: 12px; list-style-position: inside; list-style-type: square; margin: 15px 0 30px 0; }
#content ul.post-list li div.blurb { font-size: 14px; }
#content ul.post-list li a { text-transform: uppercase; }
#content ul.post-list li div.blurb a { text-transform: none; }

/******************************************************************************
 * Blog post
 *****************************************************************************/
#content a.permanent-link { text-transform: uppercase; font-size: 12px; }
#content div.creation-timestamp { font-size: 12px; margin: 0 0 30px 0; text-transform: uppercase; }
#content div.updated-timestamp { font-size: 12px; margin: 0 0 30px 0; text-transform: uppercase; }
#content div.tags { display: list-item; font-size: 12px; list-style-position: inside; list-style-type: square; text-transform: uppercase; }
#content div.tags a { color: #333333; }
#content div.blog-post-body { margin: 0 0 50px 0; }
#content div.blog-post-body img.no-column { background: #333333; display: block; margin: 0 auto 10px auto; padding: 10px; }
#content div.blog-posts div.clear { font-size: 12px; margin: 0 0 60px 0; text-align: right; text-transform: uppercase; }
#content div.blog-post-body li { list-style-type: square; list-style-position: inside; margin: 0 0 10px 0; }
#content div.blog-post-body strong { color: #333333; font-weight: bold; }
#content div.blog-post div.comment-actions { clear: both; position: relative;}
#content div.blog-post-comments { display: none; position: relative; }
#content div.blog-post div.comment-actions a { text-transform: uppercase; font-size: 12px; }
#content div.blog-post-comments h3 { font-size: 22px; }
#content div.blog-post-comments div.comment { margin: 0 0 20px 0; }
#content div.blog-post-comments div.comment div.comment-header { text-transform: uppercase; font-size: 12px; }
#content div.blog-post-comments div.comment div.comment-header strong { font-weight: bold; display: inline-block; width: 100px; text-align: right; }
#content div.blog-post-comments div.comment div.comment-header div.url a { text-transform: none; }
#content div.blog-post-comments div.comment div.comment-body { margin: 0 0 0 105px; }

/******************************************************************************
 * Software
 *****************************************************************************/
#software-list div.software { clear: left; margin: 0 0 50px 0; }
#software-list div.software div.name { color: #333333; font-size: 26px; text-transform: uppercase; letter-spacing: -0.05em; }
#software-list div.software div.type { color: #333333; display: list-item; font-size: 12px; list-style-position: inside; list-style-type: square; text-transform: uppercase; }
#software-list div.software div.license { font-size: 12px; text-transform: uppercase; }
#software-list div.software div.language { font-size: 12px; text-transform: uppercase; }
#software-list div.software div.download-info { font-size: 12px; text-transform: uppercase; }
#software-list div.software div.more-info { font-size: 12px; text-transform: uppercase; }
#software-list div.software div.description { clear: left; }
#software-list code { background: #666666; border: 1px solid #333333; color: #efefef; display: block; margin: 0 0 30px 0; }
#software-list p code { display: inline; margin: 0; }

/******************************************************************************
 * Pane Views
 *****************************************************************************/
#primary-pane { float: left; padding: 0 20px 0 0; width: 480px; }
#primary-pane h2.long { font-size: 30px; line-height: 26px; }
#primary-pane div.blog-post div.blurb { color: #333333; font-size: 20px; line-height: 28px; }
#primary-pane div.blog-post div.blurb:first-letter { font-size: 3.0em; line-height: 26px; }
#primary-pane div.blog-post div.blurb.long { color: #333333; font-size: 18px; line-height: 26px; }
#primary-pane div.blog-post div.blurb.long:first-letter { font-size: 3.0em; line-height: 24px; }
#secondary-pane { float: right; padding: 0 0 0 20px; width: 380px; }
#secondary-pane div.copyright-notice { text-transform: uppercase; font-size: 12px;}
/******************************************************************************
 * Callout
 *****************************************************************************/
#middle div.callouts { float: right; font-family: Arial, sans-serif; margin: 0 0 0 10px; width: 280px;}
#middle div.callout { margin: 0 0 30px 0; }
#middle div.callout dl dt { font-size: 26px; text-transform: uppercase; letter-spacing: -0.05em; }
#middle #primary-callout dl dd { display: list-item; font-size: 12px; list-style-type: square; margin: 0 0 10px 15px; text-transform: uppercase; }
#middle #secondary-callout dl dd { display: inline; font-size: 12px; margin: 0 10px 0 0; text-transform: uppercase; }

/******************************************************************************
 * Begin Modal Dialogs
 *****************************************************************************/
#modal-dialog { background: #efefef; border: 1px solid #117799; cursor: move; padding: 5px 10px; position: absolute; min-height: 390px; width: 580px; z-index: 1;}
#modal-dialog div.modal-title-bar { background: #117799; color: #fafafa; height: 20px; overflow: hidden; margin: -5px -10px 5px -10px; padding: 5px 10px; text-transform: uppercase; }
#modal-dialog div.modal-title { float: left; }
#modal-dialog a.modal-action { float: right; color: #fafafa; cursor: pointer; }
#modal-dialog a.modal-action:hover { background: transparent; }
#modal-dialog form { margin: 0 auto; }
#modal-dialog h2 { text-transform: none; font-size: 14px; }
#modal-dialog div.fieldWithErrors { border: 2px solid #117799;}
#modal-dialog form input { display: block; margin: 0 auto; width: 572px; }
#modal-dialog form textarea { display: block; margin: 0 auto; width: 574px; }

/******************************************************************************
 * Footer
 *****************************************************************************/
#footer { clear: both; color: #666666; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; text-align: right; text-transform: uppercase; }