@charset "UTF-8";
/* =================================================================
	CSS Styling for the Code Snippets Section of tonyperson.com/code
	Author:Tony Person
	url:tonyperson.com/styles/code.css
	Mantra:
	for the betterment of a world WITHOUT Internet Explorer :)
================================================================= */

/*  Baseline values for browser consistency */
 
p, div, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0;	}
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none;	}
 
a:link, a:visited, a:active { color: #0e7fc7; text-decoration: none; outline: 0;	}
a:hover { text-decoration: underline;	}
 
blockquote {
 background-color: transparent;
 border-left: 2px solid #ccc;
 margin: 4px 0 15px 4px;
 padding: 1px 8px 1px 12px;
}
 
.clear { clear: both; height: 0px;	}
.hide { display:none;	}
 
.left {float: left;}
.right {float: right;}
 
/* @end */

body {
 background-image:url(../images/bg_01.jpg);
 background-repeat: repeat-y;	
 background-color: #494949;
 /*margin: 40px;*/
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
 margin: 0; 
 padding: 0;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}
a:hover {
	color:#FF0000;
	text-decoration:none;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}
h2 {
	color:#FF3300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	height:30px;
	min-height:30px;
	padding: 25px 0 10px 0;
}
p {
	margin: 6px 0;
	line-height: 16px;
}
code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
/*========================================
	Navigation css for top nav
========================================*/
#nav {
 background-color: #494949;
 margin: 0;
 padding: 0;
}
#nav2 {
 background: #fff url(../images/nav_bg_darker.jpg) repeat-x left top;
 padding: 0 310px 0 0;
 margin: 0;
 text-align: right;
}
#nav_inner {
 background-color: transparent;
 padding: 8px 12px 0 20px;
 margin: 0;
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 11px;
}
 
#nav_inner h3 {
 font-size: 12px;
 color: #fff;
 margin: 0;
 padding: 0;
}
 
#nav_inner .td_sep {
 background: transparent url(../images/nav_separator_darker.jpg) repeat-y left top;
 width: 25%;
 padding: 0 0 0 20px;
}
#nav_inner .td {
 width: 25%;
}
#nav_inner p {
 color: #eee;
 background-color: transparent;
 padding:0;
 margin: 0 0 10px 0;
}
#nav_inner ul {
 list-style-image: url(../images/arrow.gif);
 padding: 0 0 0 18px;
 margin: 8px 0 12px 0;
}
#nav_inner li {
 padding: 0;
 margin: 0 0 4px 0;
}
 
#nav_inner a {
 color: #eee;
 background-color: transparent;
 text-decoration: none;
 font-weight: normal;
}
 
#nav_inner a:visited {
 color: #eee;
 background-color: transparent;
 text-decoration: none;
}
 
#nav_inner a:hover {
 color: #ccc;
 text-decoration: none;
 background-color: transparent;
}
/*=============END Navigation ==========*/

div.content{
	position: relative; /* The absolute positioning of it takes it (and thus the entire page's contents) out of the flow, collapsing the body down to a height of 0. You can verify that by checking e.g. document.body.scrollHeight. Since Lightbox then sees the body has no height, it only bothers adding the overlay to one screen-full. */
	background-color:#FFFFFF;
	width:760px;
	min-width:760px;
	top:0px;
	left:175px;
}
div#body { padding:18px; }
div.content div#body ul {
 list-style-image: url(../images/arrow.gif);
 padding: 0 0 0 18px;
 margin: 8px 0 18px 0;
}
#sec_nav{
	margin:0;
	padding:0;
	/*height:28px;*/
	display:block;
}
#sec_nav li {
	float:left;
	width:59px;
}
div.pagination
{
    padding: 3px;
    margin: 3px;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #000099;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #000099;
    color: #000;
}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #993300;
    color: #FFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}
div#footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
div#footer p {
margin:0;
padding:10px 0; }