/* 
==============================
Nicole Dee Photography 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
==============================
1.1 General Styles
2.1 Site Layout
3.1 Header: Logo / Navigation
4.1 Content: Titles
4.2 Content: Home
------------------------------

==============================
Colour Palette
==============================

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

==============================
Layers (z-index)
==============================
100 - CMS Editing Bar

------------------------------
*/


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

body {
	margin: 0;
	padding: 0 0 0;
	color: #000101;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	}

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

h1 {
	font-size: 18px;
	}

h2 {
	font-size: 14px;
	}

h3 {
	font-size: 0.8em;
	}

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

p {
	margin: 5px 0 0 0;
	}

.divider {
	color: #999999;
	}

/* --- Links --- */

a {
	color:#006699;
	text-decoration: underline;
	}

a:hover {
	color:#666666;
	text-decoration: underline;
	}
	
/* --- Forms --- */



/* --- Images --- */

img {
	}

/* 
==============================
2.1 Site Layout
==============================
*/

#container {
	position: relative;
	width: 1060px;
	margin: 0;
	}

#error {
	background: #FF0000;
	}

#header {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	}

#nav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 575px;
	height: 183px;
	background: url(../../images/nav_bkg.jpg) top left no-repeat;
	}

#main {
	clear: both;
	width: 100%;
	margin-left: 100px;
	padding: 15px 0 5px 25px;
	}

#column1 {
	position: relative;
	float: left;
	width: 520px;
	padding-right: 5px;
	}

#column2 {
	float: left;
	width: 350px;
	padding-left: 5px;
	}
	
#column_both {
	position: relative;
	width: 800px;
	}

#footer {
	padding: 10px 0 10px 0;
	color: #666666;
	font-size:10px;
	clear: both;
	}

#footer .divider {
	color:#CCCCCC;
	}


/* 
==============================
3.1 Header: Logo / Navigation
============================== 
*/

/* --- Logo --- */

#logo {
	position: relative;
	float: left;
	height: 210px;
	width: 385px;
	margin: 0;
	text-indent: -7777777px;
	background: url(../../images/logo.jpg) top left no-repeat;
	}

/* --- Nav --- */

#nav ul {
	display: block;
	list-style: none;
	padding: 0;
	}

#nav_main {
	float: left;
	margin: -10px 0 0 0;
	}
	
#nav_sub {
	margin: 20px 0 0 0;
	}

#nav li li a {
	display: block;
	font-weight: normal;
	}

#nav li li a:hover {
	padding-left: 5px;
	border-bottom: none;
	font-weight: bold;
	}

#nav li {
	display: block;
	float: left;
	position: relative;
	padding: 4px 0 5px 0;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
	}

#nav li.divider {
	padding: 8px 10px 0 10px;
	margin: 0;
	}

/* --- Nav: Image Replacement --- */

#nav a {
	position: relative;
	float: left;
	text-indent: -7777777px;
	height: 50px !important; 
	}
	
#nav a:hover {
	background-position: 0 -50px;
	}
	
/* Nav: Main - Page Selected */
#pageid_people #nav_people a, #pageid_places #nav_places a, #pageid_things #nav_things a, #pageid_events #nav_events a, #pageid_film #nav_film a {
	background-position: 0 -50px;
	cursor: default;
	}
	
/* Nav: Main */
#nav_people a {
	width: 115px;
	background: url(../../images/nav_people.gif) top left no-repeat;
	}
	
#nav_places a {
	width: 115px;
	margin: 5px 0 0 7px;
	background: url(../../images/nav_places.gif) top left no-repeat;
	}

#nav_things a {
	width: 115px;
	margin: 10px 0 0 7px;
	background: url(../../images/nav_things.gif) top left no-repeat;
	}

#nav_events a {
	width: 115px;
	margin: 15px 0 0 5px;
	background: url(../../images/nav_events.gif) top left no-repeat;
	}
	
#nav_film a {
	width: 65px;
	margin: 20px 0 0 5px;
	background: url(../../images/nav_film.gif) top left no-repeat;
	}
	
/* Nav: Sub */	
#nav_about a {
	width: 65px;
	height: 15px !important;
	background: url(../../images/nav_about.gif) top left no-repeat;
	}

#nav_contact a {
	width: 85px;
	height: 15px !important;
	margin: 1px 0 0 5px;
	background: url(../../images/nav_contact.gif) top left no-repeat;
	}
	
#nav_home a {
	width: 50px;
	height: 15px !important;
	margin: 2px 0 0 5px;
	background: url(../../images/nav_home.gif) top left no-repeat;
	}
	
/* Nav: Sub - Hover */
	
#nav_about a:hover, #nav_contact a:hover, #nav_home a:hover {
	background-position: 0 -25px;
	}
	
/* Nav: Sub - Page Selected */

#pageid_about #nav_about a, #pageid_contact #nav_contact a,#pageid_home #nav_home a {
	background-position: 0 -25px;
	cursor: default;
	}

/* 
==============================
4.1 Content: Titles
==============================
*/

/* --- Set-up --- */

h1.title {
	height: 50px;
	width: 310px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -7777777px;
	}

/* --- Titles --- */

#title_about {
	background:  url(../../images/title_about.png) top left no-repeat;
	}
	
#title_contact {
	background:  url(../../images/title_contact.png) top left no-repeat;
	}
	
#title_home {
	background:  url(../../images/title_home.png) top left no-repeat;
	}

	#title_latest_album {
	background:  url(../../images/title_latest_album.png) top left no-repeat;
	}
	
#pageid_people #title_gallery {
	background:  url(../../images/title_people.png) top left no-repeat;
	}
	
#pageid_places #title_gallery {
	background:  url(../../images/title_places.png) top left no-repeat;
	}
	
#pageid_things #title_gallery {
	background:  url(../../images/title_things.png) top left no-repeat;
	}
	
#pageid_events #title_gallery {
	background:  url(../../images/title_events.png) top left no-repeat;
	}
	
#pageid_film #title_gallery {
	background:  url(../../images/title_film.png) top left no-repeat;
	}
	

/* 
==============================
4.2 Content: Home
==============================
*/

/* --- Headline --- */

#headline {
	position: relative;
	height: 300px;	
	width: 400px;
	margin: 5px;
	overflow: hidden;
	border: none;
	}


/* --- News Archive --- */

#news {
	}

.news_item {
	width: 200px;
	float: left;
	margin: 5px;
	}
	
	
/* 
==============================
4.2 Content: Contact
==============================
*/


/* --- Forms --- */

#pageid_contact input.text {
	width: 225px;
	height: 15px;
	margin: 0 0 7px 0;
	padding: 3px;
	color: #CC6600;
	border: 0;
	border-bottom: 1px #CCCCCC solid;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}

#pageid_contact input.captcha {
	width: 50px;
	height: 15px;
	margin: 0;
	padding: 3px;
	color: #CC6600;
	border: 1px #CC6600 dotted;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}

#pageid_contact textarea {
	width: 225px;
	height: 160px;
	color: #CC6600;
	padding: 5px;
	border: 1px #CCCCCC solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#pageid_contact input.submit {
	width: 200px;
	padding: 4px;
	background: #006699;
	color: #FFFFFF;
	font-weight: bold;
	border: #CCCCCC 1px solid;
	cursor: pointer;
	}
	
#pageid_contact input.submit:hover {
	width: 200px;
	padding: 4px;
	background: #F4F4F4;
	color: #006699;
	font-weight: bold;
	border: #006699 1px solid;
	cursor: pointer;
	}
	
#pageid_contact #column2 {
	color: #333333;
	font-size: 10px;
	}

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