/*--------------------------------------------------------------------------------
FILE: main.css

PURPOSE: Pykyl's master cascading style sheet.

AUTHOR: Bruce R. Saunders

EMAIL: bruce@pykyl.com

HISTORY: Created 12/30/2006

COLOR SCHEME:
--------------------------------------------------------------------------------  
Color                        Token                    Hex         RGB             
--------------------------------------------------------------------------------  
Black                        black                    000000      0,0,0           
White                        white                    FFFFFF      255,255,255     
Pykyl Blue                   pykyl_blue               304EF4      48,78,244       
Pykyl Blue (lighter)         pykyl_blue_lighter       4B65F5      75,101,245      
Pale Blue                    pale_blue                BAC3F2      186,195,242     
Pale Blue (darker)           pale_blue_darker         A1AEF0      161,174,240     
Pale Blue (darkest)          pale_blue_darkest        899AF0      137,154,240     
Gray                         gray                     B6B9C5      182,185,197     
Bright Orange                bright_orange            DC851E      220,133,30      
Pale Orange                  pale_orange              F3D2AB      243,210,171     
Harmony Pale Orange          harmony_pale_orange      FFB57B      255,181,123     
Harmony Light Turquoise      harmony_light_turquoise  2EE0C5      46,224,197      
Harmony Violet               harmony_violet           B8ACFF      184,172,255     
Harmony Pale Green           harmony_pale_green       B8D376      184,211,118     
Harmony Orange               harmony_orange           B93500      185,53,0        
Harmony Dark Turquoise       harmony_dark_turquoise   00805F      0,128,95        
Harmony Bright Green         harmony_bright_green     007C00      0,124,0         
Harmony Dark Mustard         harmony_dark_mustard     7F6000      127,96,0        
Harmony Dark Red             harmony_dark_red         7A0000      122,0,0         
Harmony Dark Pale Green      harmony_dark_pale_green  00482F      0,72,47         
Harmony Bright Blue          harmony_bright_blue      0020B8      0,32,184        
Harmony Bright Green         harmony_bright_green     063F00      6,63,0          
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
General
--------------------------------------------------------------------------------*/

* {
	font-family: "Tahoma", "Verdana", "Arial", "Sans-Serif";
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url('pykgrad.jpg');
	background-repeat: repeat-x;
	text-align: center;
}

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
}

b {
	font-weight: bold;
}

i {
	font-style: italic;	
}

#clearer {
	clear: both;
}

/*-------------------------------------------
DEFAULT LINKS
-------------------------------------------*/

a:link {
	padding: 3px;
	color: #000000;
}

a:visited {
	padding: 3px;
	color: #000000;
}

a:hover {
	padding: 3px;
	color: #FFFFFF;
	background: #A1AEF0;
}

a:active {
	padding: 3px;
	color: #000000;
}

/*-------------------------------------------
HEADING LINKS
-------------------------------------------*/

a.heading:link {
	padding: 1px;
	font-weight: bold;
	font-size: 9pt;
	color: #304EF4;
	text-decoration: none;
}

a.heading:visited {
	padding: 1px;
	font-weight: bold;
	font-size: 9pt;
	color: #304EF4;
	text-decoration: none;
}

a.heading:hover {
	padding: 1px;
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	background: #A1AEF0;
	text-decoration: none;
}

a.heading:active {
	padding: 1px;
	font-weight: bold;
	font-size: 9pt;
	color: #304EF4;
	text-decoration: none;
}

/*-------------------------------------------
PICTURE LINKS
-------------------------------------------*/

a.picture:link {
	color: #FFFFFF;
}

a.picture:visited {
	color: #FFFFFF;
}

a.picture:hover {
	color: #FFFFFF;
	background: #FFFFFF;
}

a.picture:active {
	color: #FFFFFF;
}

/*--------------------------------------------------------------------------------
Geography Elements
--------------------------------------------------------------------------------*/

#offset {
	margin-top: 0px;
	margin-left: 0px;
}

#left_pane {
	width: 120px;
	padding: 5px;
	float: left;
}

#right_pane {
	border-left: 1px solid #B6B9C5;
	margin-left: 140px;
	width: 550px;
	padding: 10px;
}

/*--------------------------------------------------------------------------------
Header Elements
--------------------------------------------------------------------------------*/

#header {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 900px;
	background: #0020B8;
}

a.header:link {
	text-decoration: none;
	border: none;
	color: #4B65F5;
	padding: 3px;
	font-weight: bold;
	font-size: 24pt;
}

a.header:visited {
	text-decoration: none;
	border: none;
	color: #4B65F5;
	padding: 3px;
	font-weight: bold;
	font-size: 24pt;
}

a.header:hover {
	text-decoration: none;
	border: none;
	color: #4B65F5;
	background: #0020B8;
	padding: 3px;
	font-weight: bold;
	font-size: 24pt;
}

a.header:active {
	text-decoration: none;
	border: none;
	color: #4B65F5;
	padding: 3px;
	font-weight: bold;
	font-size: 24pt;
}

/*--------------------------------------------------------------------------------
Body Elements
--------------------------------------------------------------------------------*/

h1 {
	font-weight: bold;
	font-size: 11pt;
	font-style: italic;
	color: #4B65F5;
	margin-bottom: 2px;
}

h2 {
	font-weight: bold;
	font-size: 10pt;
	color: #4B65F5;
	margin-bottom: 2px;
}

#body_contents {
	padding: 10px;
	margin: 0px;
	padding: 0px;
	background-image: url('pykylgradbody.jpg');
	border-bottom: solid 1px #B6B9C5;
	border-left: solid 1px #B6B9C5;
	border-right: solid 1px #B6B9C5;
}

.body_font {
	font-family: "Tahoma", "Verdana", "Arial", "Sans-Serif";
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	color: #4B65F5;
}

.desc_font {
	font-family: "Tahoma", "Verdana", "Arial", "Sans-Serif";
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
}

#err_box {
	width: 460px;
	border: 1px dotted #7A0000;
	background-color: #7A0000;
	color: #FFFFFF;
	padding: 7px;
	font-weight: bold;
}

.help_box {
	margin-bottom: 2px;
}

.email_box {
	background-color: #BAC3F2;
	border: 1px dotted #899AF0;
	padding: 3px;
	width: 460px;
}

#sent_to_box {
	width: 460px;
	border: 1px dotted #DC851E;
	background-color: #DC851E;
	color: #FFFFFF;
	padding: 7px;
	font-weight: bold;
}

.padded_box {
	margin-bottom: 6px;
}

.code_sample {
	background-color: #BAC3F2;
	border: 1px dotted #899AF0;
	width: 460px;
	padding: 7px;
}

/*--------------------------------------------------------------------------------
Footer Elements
--------------------------------------------------------------------------------*/

#footer {
	padding: 10px;
	width: 750px;
	text-align: center;
}

.copyright {
	font-size: 8pt;
	color: #B6B9C5;
}

a.copyright:link {
	font-size: 8pt;
	padding: 3px;
	color: #B6B9C5;
	text-decoration: none;
}

a.copyright:visited {
	font-size: 8pt;
	padding: 3px;
	color: #B6B9C5;
	text-decoration: none;
}

a.copyright:hover {
	font-size: 8pt;
	padding: 3px;
	color: #FFFFFF;
	background: #B6B9C5;
	text-decoration: none;
}

a.copyright:active {
	font-size: 8pt;
	padding: 3px;
	color: #B6B9C5;
	text-decoration: none;
}

#shadowbox {
	background-image: url('shadow.jpg');
	width: 900px;
	height: 20px;
}