/* 
==============================
LightUpYourWorld.org - Basic Style Sheet
==============================
This CSS cucumber was pickled by:
>> Kyle Dutka at See Design
>> www.seedesign.ca | kyle [at] seedesign.ca
------------------------------
CSSed in Canada inside an igloo with 
dial-up internet powered by beaver
fur and pemmican that was purchased
with coloured money from the Queen.
------------------------------

==============================
Notes
==============================
- Play Dodgeball with Nice Browsers (PDwNB) 
  refers to using [id], [class], etc. to hide that 
  element from IE6 in order to apply the AlphaImageLoader
  or another "hack" in ie6.css and force proper display in IE6
- Make IE Sit in the Corner (MIEsitC) refers to using the
  * hack to display only to IE6 and IE7.
- We do indeed actually play Dodgeball with the
  Nice Browsers (Firefox, Safari, etc.)
- IE 7 may be considered a Nice Browser due to it's 
  native transparent PNG support, but then again it's 
  Microsoft - so we're still deciding.
------------------------------

==============================
Table of Contents
==============================

------------------------------

==============================
Colour Palette
==============================
#177eeb - Light Up Blue
#e57600 - Light Up Orange
------------------------------

==============================
Layers (z-index)
==============================
100 - CMS Editing Bar
 10 - Main Navigation (#nav)
------------------------------
*/


/* 
==============================
1.1 General Styles
============================== 
*/

body {
	padding: 0 0 0 0;
	margin: 0;
	color: #000101;
	font-size: 13px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	background: url(../../images/page_bkg.jpg) top center no-repeat #e57600;
	}

/* --- Header and Paragraph --- */

h1 {
	font-size: 22px;
	}

h2 {
	font-size: 1em;
	}

h3 {
	font-size: 0.8em;
	}

h4 {
	font-size: 0.8em;
	font-weight: normal;
	}

p {
	margin: 5px 0 0 0;
	}

/* --- Links --- */

a {
	padding-bottom: 2px;
	border-bottom: 1px dotted #CCCCCC;
	color: #e57600;
	text-decoration: none;
	cursor: pointer;
	}

a:hover {
	border-bottom: 1px dotted #00c8f2;
	color: #ff8300;
	text-decoration: none;
	}

a.link_go {
	padding-right: 20px;
	background: url(../../images/link_go.gif) top right no-repeat;
	}

a.link_go:hover {
	background-position: right -15px;
	}

a.link_return {
	padding-left: 20px;
	background: url(../../images/link_return.gif) top left no-repeat;
	}

a.link_return:hover {
	background-position: left -15px;
	}

a img {
	border-bottom: none;
	}

a.link_external {
	padding-right: 12px;
	background: url(../../images/link_external.gif) top right no-repeat;
	}

a.link_external:hover {
	background-position: right -16px;
	}

/* --- Images --- */

img {
	}

/* 
==============================
2.1 Site Structure
==============================
*/

#container {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding:  0 0 0 40px;
	}

#error {
	background: #FF0000;
	}

#header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	}

/* PDwNB*/
#header[id] {
	}

#nav {
	position: relative;
	float: left;
	width: 800px;
	height: 43px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10;
	}

#main {
	clear: both;
	width: 700px;
	margin-left: 75px;
	}

#column_both {
	width: 100%;	
	}
	
#sidebar {
	display: none;
	width: 300px;
	float: right;
	border: 1px #999 solid;
	padding: 0 0 5px 5px;
	margin: 0 0 5px 10px;
	}
	
#column1 {	
	width: 380px;
	padding-right: 5px;
	float: left;
	}
	
#column2 {	
	width: 300px;
	padding-left: 5px;
	float: left;
	}


#footer {
	padding-top: 20px;
	margin-bottom: 10px;
	clear: both;
	}

/*
==============================
3.1 Header
==============================
*/

/* --- Logo --- */

#logo {
	position: relative;
	height: 225px;
	width: 260px;
	text-indent: -7777777px;
	z-index: 7;
	}

/* PDwNB */
#logo[id] {
	margin: 0 0 -43px 48px;
	background: url(../../images/logo.png) top left no-repeat;
	}




/*
==============================
3.1 Footer
==============================
*/

#footer {
	color:#666666; 
	font-size: 10px;
	text-align: center;
	}

#footer a {
	color: #666666;
	}

#footer a:hover {
	color: #333;
	border-bottom: #999 1px solid;
	}
	
#footer .divider {
	color: #999;
}

.pickle, #footer .pickle a {
	color: #999;
	}

/* 
==============================
4.1 Navigation: Main
============================== 
*/


/*
------------------------------------------------------------------------------------------
Your {CREATIVITY} is RESTRICTED [when you think] your creativity is BOUND by your {ABILITY}.
םֹולָׁש 
------------------------------------------------------------------------------------------
*/