@charset "utf-8";
/* CSS Document */

* {
padding:0;
margin:0;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
background:#9fcfff url(images/body_bg.png) fixed;
}

/* Layout */
#top-nav {
width:930px;
margin:5px auto 0 auto;
text-align:right;
list-style:none;
}
#wrapper {
width:980px;
margin:10px auto 15px auto;
border:1px solid #1c4b78;
box-shadow:3px 3px 5px #173d63;
-moz-box-shadow:3px 3px 5px #173d63;
-webkit-box-shadow:3px 3px 5px #173d63;
}
#masthead {
height:95px;
background:#ffcc00 url(images/masthead_bg.png) repeat-x;
padding:21px 24px 12px 24px;
}
#primary-nav {
list-style:none;
float:left;
width:960px;
background:#2a70b3 url(images/primary-nav_bg.png) repeat-x;
padding-left:20px;
}
#inner {
width:930px;
float:left;
background:#fff url(/style/images/inner_bg.gif) repeat-x;
padding:25px;
border-bottom:1px solid #2a70b3;
}
#content {
width:580px;
float:left;
}
#content-wide {
width:940px;
}
#sidebar {
width:300px;
float:right;
border-bottom:5px solid #e0e8f1;
margin-bottom:15px;
}
#footer {
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#153657;
height:50px;
background:#ffcc00 url(/style/images/footer_bg.png) repeat-x;
padding:10px 0 0 25px;
margin:0;
}

/* Top Navigation */
#top-nav li {
display:inline;
font-size:0.7em;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#top-nav li+li {
padding-left:7px;
border-left:1px solid #6685a4;
margin-left:5px;
}
#top-nav li a {
color:#133454;
text-decoration:none;
}
#top-nav li a:hover {
color:#cc0000;
text-decoration:none;
}

/* Masthead */
#masthead img {
float:left;
border:none;
}
#cse-search-box {
float:right;
}

/* Primary Navigation */
/* Menu adapted from http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html */
#primary-nav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
#primary-nav li a{
padding: 8px 5px 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
#primary-nav li a:hover{
	color: #ffde5a;
}
#primary-nav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(images/subnav_btn.png) no-repeat center top;
}
#primary-nav li span.subhover { /*--Hover effect for trigger--*/
background-position: center bottom;
cursor: pointer;
}
#primary-nav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 180px;
border: 1px solid #0b1c2d;
box-shadow: 2px 2px 3px #6a7f93;
-moz-box-shadow: 2px 2px 3px #6a7f93;
-webkit-box-shadow: 2px 2px 3px #6a7f93;
z-index: 1;
}
#primary-nav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #133250; /*--Create bevel effect--*/
border-bottom: 1px solid #205386; /*--Create bevel effect--*/
clear: both;
width: 180px;
}
html #primary-nav li ul.subnav li a {
float: left;
width: 155px;
background-color: #1a436d;
padding-left: 20px;
}
html #primary-nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background-color: #13314f;
border: none;
padding-top: 8px;
background-image: none;
}

/* Footer Navigation */
#footer li {
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#9d7e00;
}
#footer li+li {
padding-left:7px;
border-left:1px solid #d4aa00;
margin-left:5px;
}
#footer li a {
color:#133454;
text-decoration:none;
}
#footer li a:hover {
color:#cc0000;
text-decoration:none;
}

/* Ad Zones */
.leaderboard {
/* no declarations */
}
.medium-rectangle {
/* no declarations */
}
.leaderboard-foot {
/* no declarations */
}
.link-unit {
clear:both;
padding-top:15px;
}

.index-list {
width:50%;
float:left;
background-color:#e5edf6;
margin-bottom:25px;
}
.index-list h2 {
color:#fff;
background-color:#1e5081;
padding:7px 0 7px 10px;
border-bottom-color:#184168;
margin-top:0;
}
div.begin {
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
div.begin h2 {
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
}
div.feature {
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
div.feature h2 {
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
}
.author {
font-weight: bold;
color:#668;
margin-top:-10px;
}
.indent {
margin-left:20px;
}
.clear {
clear:both;
}
ul.links {
list-style: none;
margin-top: 25px;
}
ul.links li {
margin-bottom: 10px;
}
ul.links li a {
text-decoration: none;
}
ul.links li a:hover {
color: #1a446e;
background-color: #ecd2ef;
}

/* Typography */
h1, h2, h3 {
font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
color: #1a446e;
font-weight: normal;
}
h1 {
font-size: 2.15em;
margin: 10px 0 12px 0;
}
h2 {
font-size: 1.65em;
margin: 30px 0 10px 0;
padding-bottom: 3px;
border-bottom: 2px solid #e0e8f1;
}
.begin h2 {
padding-left: 18px;
}
h3 {
font-size: 1.4em;
margin: 15px 0 5px 0;
}
h3.map {
font-family: Arial, Helvetica, sans-serif;
margin: 15px 0 10px 0;
}
h4 {
color: #1a446e;
margin: 5px 0 5px 0;
}
p, blockquote {
margin-bottom: 20px;
line-height: 1.7em;
}
blockquote {
padding: 0 35px;
font-style: italic;
}
.functions p.highlight {
margin-top: 25px;
margin-bottom: 8px;
}
p.alphabet {
word-spacing:0.6em;
}
#content a, #sidebar a {
color: #0467b3;
text-decoration: none;
outline: none;
padding-bottom: 1px;
border-bottom: 1px #0467b3 dotted;
}
#content a:hover, #sidebar a:hover {
color: #cc0000;
border-bottom: 1px #0467b3 solid;
}
#sidebar ul a, #sidebar ul a:hover {
border:none;
}
#content ul, #content ol {
margin-bottom: 25px;
margin-left: 30px;
}
#content ul p.tutorial-stats {
font-size: 0.85em;
color: #333;
margin-bottom: 18px;
}
#content ul p.tutorial-link {
font-weight: bold;
font-size: 1.25em;
margin-bottom: 3px;
}
#content ul p.tutorial-link-map {
font-weight: normal;
margin-bottom: 3px;
}
#content ul.tutorials {
list-style:none;
padding-left:0;
margin-left:0;
}
#content .begin ul.tutorials {
margin-left:8px;
}
#content .index-list ul.tutorials li {
margin-left:10px;
}
#content ul.tiles {
list-style:none;
padding-bottom:15px;
border-bottom:1px solid #a9c7e4;
margin-left:0;
}
#content ul.tiles li {
display:inline;
margin-right:5px;
}
#content ul li, #content ol li {
line-height:1.7em;
margin-bottom: 10px;
}
#content ul.part {
list-style:none;
margin-left:0;
padding-left:0;
margin-bottom:12px;
}
#content ul.part li{
display:inline;
margin-right:10px;
}
pre, code, .value {
font-family:Consolas, "Andale Mono", "Lucida Console", "Courier New", monospace;
font-size:14px;
}
pre {
line-height:1.7em;
margin-bottom:25px;
color:#00c;
}
code {
color:#00c;
}
.value {
color #333;
}
.comment {
color:#060;
}
.highlight {
color:#b00;
}
.highlight .comment {
color:#955;
}
.highlight-alt {
color:#080;
}
var {
font-weight:bold;
color:#58722a;
}
.command {
font-weight:bold;
color:#444488;
}
.menu {
font-weight:bold;
color:#333355;
}
.center {
display:block;
margin:0 auto;
}
.left {
float:left;
margin-right:15px;
margin-bottom:15px;
}
.right {
float:right;
margin-left:15px;
margin-bottom:15px;
}
/* Tables
----------------------------------------------- */
table.data {
border:1px solid #1e5081;
border-collapse:collapse;
margin-bottom:15px;
}
table.data caption {
font-weight:bold;
color:#fff;
background-color:#1e5081;
padding:5px;
}
table.data tr th {
color:#fff;
text-align:left;
background-color:#1e5081;
}
table.data tr {
vertical-align:top;
}
table.data tr.row1 {
background-color:#edf6ff;
}
table.data tr.row2 {
background-color:#e0e8f1;
}
table.data tr td, table.data tr th {
padding:4px 8px;
}
table.clean {
border-collapse:collapse;
margin-bottom:15px;
}
table.clean caption {
text-align:left;
padding-bottom:5px;
}
table.clean tr th, table.clean tr td {
vertical-align:top;
}
table.clean tr th{
color:#1a446e;
text-align:left;
background:none;
border-bottom:1px solid #1e5081;
}
.map-section {
margin-left:30px;
}

/* Contact & Link Forms
----------------------------------------------- */
table.form {
border:none;
margin:15px 15px 5px 15px;
width:350px;
}
table.form td {
padding-bottom:10px;
}
form td label {
padding-right:5px;
}
form legend {
color:#1a446e;
margin:0 7px;
padding:0 10px;
}	
.form_note {
margin-left:10px;
color:#555;
}
.ip {
color:#aa0000;
margin-top:15px;
}
.error {
color:#aa0000;
}
#formError ul.email-format {
list-style:none;
margin:3px 0 0 15px;
padding:0;
}
#formError ul.email-format li {
margin-bottom:2px;
}
.button {
margin-right:15px;
}
/* Download List
----------------------------------------------- */
#content ul.download {
list-style: none;
margin-left:0;
padding-left:0;
}
#content ul.download li{
padding-bottom:10px;
padding-left:20px;
border-bottom: 1px solid #a9c7e4;
margin-bottom:15px;
}
#content ul.download li p {
margin-bottom:5px;
}
#content ul.download li p.author {
font-size: 0.85em;
font-weight:normal;
color:#333;
margin-top:-2px;
}
#content ul.download li p a {
font-size:1.2em;
font-weight:bold;
}
/* Forum List
----------------------------------------------- */
#content ul.forum {
list-style:none;
padding:0;
border:1px solid #1e5081;
margin:0 0 15px 0;
width:580px;
}
#content ul.forum li {
padding:10px 0 10px 20px;
margin:0;
}
#content ul.forum li.head {
background-color:#1e5081;
}
#content ul.forum li.odd {
background-color:#edf6ff;
}
#content ul.forum li.even {
background-color:#e0e8f1;
}
#content h2.forumhead {
color:#fff;
background-color:#1e5081;
margin:0;
padding:7px 0 7px 25px;
border-bottom-color:#184168;
width:557px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
}
#content ul.forum li h3 {
font-size:1.25em;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
#content ul.forum li p {
margin:0;
color:#444;
}
#content ul.forum li .start {
position:absolute;
}
#content ul.forum li .reply {
position:relative;
left:390px;
}
#content ul.forum li .views {
display:block;
float:right;
margin-right:20px;
}
.hot {
margin-left:8px;
}
#sidebar h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.25em;
font-weight:bold;
padding-top:10px;
border-top:5px solid #e0e8f1;
border-bottom:none;
margin:15px 0 7px 0;
}
#sidebar p {
margin-bottom:15px;
}
#sidebar ul {
list-style:none;
}
#sidebar ul li {
padding-top:5px;
border-top:1px dotted #000;
margin-top:5px;
}
#sidebar ul li a {
padding-left:18px;
margin-left:-18px;
text-decoration:none;
}
span.external {
padding-right:13px;
background-image:url(/style/images/external_link.png);
background-repeat:no-repeat;
background-position:right;
}
#sidebar ul li a:hover {
background-image:url(/style/images/sidebar_bullet.png);
background-repeat:no-repeat;
background-position:left;
}
.tutorial-count {
padding-top:10px;
border-top:5px solid #e0e8f1;
margin-top:15px;
}
#sidebar .tutorial-count p {
margin-bottom:10px;
}
.tutorial-count .number {
display:block;
float:left;
color:#1a446e;
font-weight:bold;
font-size:4.0em;
margin-top:10px;
margin-right:10px;
}