#dummy-element{width:2px;} /* Necessary to check if StyleSheet has loaded */

/*Reset reloaded by Eric Meyer's - brilliant - thanks*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*end of meyer's*/

/*	COLOURS				*/
/* #f7f5f0 light brown 	*/
/* #c1b49a brown 		*/
/* #d0993e orange	 	*/
/* #889955 green 	*/
/* #121212 off-black	*/
/* #223344 blue dark 	*/

/* main settings */

body {
	font-family: Calibri, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background: #121212;
	color: #f7f5f0;	
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
a {
	color: #f7f5f0;
	text-decoration: none;
}
a.skip {
	width: 10em;
	float: right;
	color: #223344;	
}
/* HEADER */
#header {
	padding: 0 0 0 5%;
	height: 6em;	
	background: #223344;
	border-bottom: 2px solid #f7f5f0;
}
#header h2 {
	padding: 52px 0 0 0;
}
#header h2 a{
	padding: 32px 0 20px 120px;
	background: transparent url(../images/dark_header.gif) no-repeat;
	color: #f7f5f0;
}

/*	headings - general settings	*/
h1 {
	padding: 0px 0 5px 0px;
	font-size: 1.5em;
	font-weight: bold;
	background: #121212;
	color: #f7f5f0;
}


h2 {}
h3 {
	color: #f7f5f0;
	font-size: 1.2em;
	padding: 10px 0 10px 0px;
}
h4 {
	font-size: .9em;
	background: #121212;
	color: #c1b49a;
	font-style: italic;
	padding: 10px 0 10px 0px;
	border-bottom: 1px solid #c1b49a;
	border-top: 1px solid #c1b49a;
}
/*						*/
/*		Main Menu		*/
/*						*/

ul#nav {
	text-align: right;
	float: left;
	width: 100px;
	padding: 50px 0 0 0;
}
ul#nav li {
	
}
ul#nav li a {
	display: block;
	color: #f7f5f0;
	padding: .2em 10px .2em 0px;
	background: #121212;
}
ul#nav li a:link {}
ul#nav li a:visited {}
ul#nav li a:hover {}
ul#nav li a:active {}


/* NAV LINK SPECIFIC PROPERTIES */

/*									*/
/*	HOME AND CONTACT PAGE NAV LINKS	*/ 
/*									*/
body#home ul#nav li a:link.home, body#contact ul#nav li a:link.contact, body#home ul#nav li a:visited.home, body#contact ul#nav li a:visited.contact {
	background: #223344 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0px 0;
	color: #d0993e;
} 
ul#nav li a:hover.home, ul#nav li a:hover.contact {
	color: #d0993e;
	background: #121212 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px 0;
}
ul#nav li a:active.home, ul#nav li a:active.contact {
	color: #d0993e;
	background: #223344 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px 0;
}


/*	ABOUT PAGE NAV LINKS */
body#about ul#nav li a:link.about, body#about ul#nav li a:visited.about {
	background: #d0993e url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0 -120px;
}

ul#nav li a:hover.about {
	background: #d0993e url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px -120px;
}
ul#nav li a:active.about {
	background: #d0993e url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px -120px;
}


/*	 WORK PAGE NAV LINKS 	*/
body#work ul#nav li a:link.work, body#work ul#nav li a:visited.work {
	background: #f7f5f0 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0px -80px;
	color: #d0993e;
}
ul#nav li a:hover.work {
	background: #223344 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px -80px;
	color: #d0993e;
}
/*	STUFF PAGE NAV LINKS	*/
body#stuff ul#nav li a:link.stuff, body#stuff ul#nav li a:visited.stuff {
	background: #c1b49a url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0px -40px;
}
ul#nav li a:hover.stuff {
	background: #c1b49a url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px -40px;
}
ul#nav li a:active.stuff {
	background: #c1b49a url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px -40px;
}
/*	HIRE PAGE NAV LINKS	*/
body#hire ul#nav li a:link.hire, body#hire ul#nav li a:visited.hire {
	background: #889955 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0px -400px;
	color: #f7f5f0;
}
ul#nav li a:hover.hire {
	background: #889955 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px -400px;
	color: #f7f5f0;
}
ul#nav li a:active.hire {
	background: #889955 url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: -150px -400px;
}
/*								*/
/*		Content | General		*/
/*								*/

#container {
	padding: 0 0 0 5%;
}
#content {
margin: 0 0 0 46px;
padding: 0 0 0 70px;
background: #121212;
}
h1 span {
	text-transform: uppercase;
	font-style: italic;
}
h4.subtitle {	
	font-size: .9em;
	background: #121212;
	color: #c1b49a;
	font-style: italic;
	padding: 10px 0 10px 0px;
	border: none;
	background: transparent;
}
#content p {
	background: #223344;
	margin: 20px 0;
	padding: .4em 0 .4em 5px;
	max-width: 45em;
}
#content p span {
	color: #889955;
}
img {
	clear: both;
	margin: .4em 0;
	background: #223344;
}
#content .mini_container {
	margin: 0 30% 0 0;
	background: transparent;
}
#content .mini_container p a {
	display: block;
	padding: 0 25px 0 0;
	text-align: right;
	color: #c1b49a;
	font-style: italic;
	
}
#container .float_right {
	float: right;
	width: 120px;
	padding: 10px;
	margin: 0 10px 0 0;
	background: #121212;
	border: 3px solid #223344;
	
}
#container .float_right span {
	font-weight: bold;
	display: block;
	color: #d0993e;
}
/* content links */
#content p a, #content h2 a {
	color: #d0993e;
}
#content p a:link, #content h2 a:link {}
#content p a:visited, #content h2 a:visited {
	color: #c1b49a;
	text-decoration: underline;
}
#content p a:hover, #content h2 a:hover {
	color: #d0993e;
	text-decoration: underline;
}
#content p a:active, #content h2 a:active {
	color: #889955;
}
#content h4 a {
	color: #c1b49a;
	text-decoration: underline;
}
#content h4 a:link {}
#content h4 a:visited {
	color: #f7f5f0;
}
#content h4 a:hover {
	color: #d0993e;
	text-decoration: underline;
}
#content h4 a:active {
	color: #889955;
}
#content .mini_container p a:link {
	text-decoration: none;
}
#content .mini_container p a:visited {
	text-decoration: underline;
}
#content .mini_container p a:hover {
	text-decoration: none;
	color: #d0993e;
}
#content .mini_container p a:active {
	text-decoration: underline;
}
#content .slide {
	clear: left;
}
#content .slide a {
	margin: 0 15px;	
}
#content .slide a img {
	border: 2px solid #223344;
}
#content .slide a:hover img {
	border: 2px solid #c1b49a;
}
/* note styling */
#content p.note {
	width: 20em;
	padding: 15px;
	border: 1px dashed #c1b49a;
}

/* SPECIFIC SETTINGS */

/* HOME AND CONTACT */
body#home #content, body#contact #content {
	border-left: 4px solid #223344;
}

/* ABOUT */
body#about #content {
	border-left: 4px solid #d0993e;
}
body#about h1 {
	border-bottom: 1px solid #c1b49a;
}
/* WORK */
body#work #content {
	border-left: 4px solid #f7f5f0;
}
body#work #content .mini_container p {
	width: 510px;
	padding: 0.4em 15px;
	border-bottom: 1px solid #f7f5f0;
}
body#work p {
	padding: 15px 0;
	margin: 0 0 20px 0;
}
body#work h1 {
	border-bottom: 1px solid #f7f5f0;
	margin: 0;
}
body#work h3 {
	background: #121212;
	font-weight: bold;
	border-bottom: 2px solid #f7f5f0;
	padding: 0;
	margin: 10px 0 0px 0px;
}
body#work h3 a {
	font-size: .8em;
	font-weight: normal;
	color: #d0993e;
	float: right;
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 4em -310px;
	padding: 0 0 15px 0;
	width: 7em;
	font-style: italic;
	margin: 0 30% 0 0;

}
body#work h3 a:link {}
body#work h3 a:visited {}
body#work h3 a:hover {
	color: #d0993e;
	text-decoration: underline;
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 4em -350px;
}
body#work h3 a:active {
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 4em -350px;
	text-decoration: none;
	color: #f7f5f0;
}
body#work h4 {
	border: none;
	color: #d0993e;
}
body#work .mini_container h4 {
	border: none;
	color: #889955;
	font-style: normal;
	letter-spacing: 1px;
}

/* STUFF */
body#stuff #content {
	border-left: 4px solid #c1b49a;
}
body#stuff #content h3 {
	padding: 20px 0 0px 0px;
	margin: 20px 0 0 0;
	font-weight: bold;
}

/* HIRE */
body#hire #content {
	border-left: 4px solid #889955;
}
body#hire h1 {
	color: #889955;
	padding: 0 0 5px 0px;
	margin: 0;
}

/* CONTACT */
body#contact h1 {
	color: #d0993e;
}
/*						*/
/*		Style switcher 	*/
/*						*/
#style-switcher {
	display: block;
	font-size: .8em;
	font-style: italic;
	padding: 8px 0 1px 0px;
	border-bottom: 1px solid #c1b49a;
}
#style-switcher p {
	background: transparent;
	padding: 0;
	display: inline;
}
#style-switcher ul li {
	display: inline;
}
#style-switcher ul {
	display: inline;
} 
#style-switcher ul li a.light, #style-switcher ul li a.dark {
	margin: 0 3px;
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	padding: 6px 0 0px 25px;
	color: #f7f5f0;
}
#style-switcher ul li a.dark {
	background-position: 0 -517px;
}
#style-switcher ul li a:link.dark, #style-switcher ul li a:visited.dark {
	background-position: 0 -517px;
	color: #f7f5f0;
}
#style-switcher ul li a:hover.dark, #style-switcher ul li a:active.dark{
	background-position: 0 -517px;
	color: #d0993e;
	text-decoration: underline;
}
#style-switcher ul li a.light {
	background-position: 0 -517px;
}
#style-switcher ul li a:link.light, #style-switcher ul li a:visited.light {
	color: #f7f5f0;
	background-position: 0 -557px;
}
#style-switcher ul li a:hover.light, #style-switcher ul li a:active.light {
	color: #d0993e;
	text-decoration: underline;
	background-position: 0 -557px;
}
/*						*/
/*		FOOTER			*/
/*						*/
#footer {
	background: #223344;
	height: 700px;
	padding: 20px 0 0 5%;
	border-top: 2px solid #f7f5f0;
}
#footer p, body#work #footer p {
	margin: 0 0 0 116px;
	border-bottom: 1px solid #c1b49a;
}
#footer a {
	float: left;
	width: 250px;
	color: #f7f5f0;
	margin: .2em 0;
}
#footer a:link, footer a:visited {
	
}
#footer a:hover {
	color: #889955;
}
#footer a:active {
	
}
#footer a.delicious {
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0px -160px;
	padding: 4px 0 0 30px ;
}
#footer a.flickr {
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0px -192px;
	padding: 4px 0 0 30px ;
}
#footer a.twitter {
	clear: left;
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 9em -240px;
	padding: 2px 30px 0 0;
}
#footer a.gaiachik_logo {
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0 -272px;
	padding: 4px 0 0 30px ;
}

span.highlight {
	color: #d0993e;
	font-weight: bold;
}

/* TWITTER UPDATES 	*/
#footer #twitter_div {
	margin: 0 0 0 116px;
	color: #f7f5f0;
	border-bottom: 1px solid #c1b49a;
}
#footer #twitter_div a {
	float: none;
	color: #f7f5f0;
	margin: .2em 0;
	color: #c1b49a;
}
#footer #twitter_div ul#twitter_update_list li {
	padding: 0 0 0 15px;
	margin: 10px;
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0 -433px;
}
#footer #twitter_div ul#twitter_update_list li span a {
	color: #f7f5f0;
	text-decoration: underline;
}
#footer #twitter_div h2.sidebar-title {
	color: #d0993e;
	font-style: italic;
}
#footer #twitter_div a#twitter-link {
	color: #f7f5f0;
	font-style: italic;
}
#footer #twitter_div a#twitter-link span {
	color: #d0993e;
	text-decoration: underline;
}
#footer #twitter_div a:hover#twitter-link span {
	color: #889955;
}
/* DELICIOUS */

.delicious-posts { 
	margin: 0 0 0 116px;
	padding: 0 0 3.5em 0;
	color: #f7f5f0;
	border-bottom: 1px solid #c1b49a;
	font-size: .8em;
}
.delicious-banner { 
	height: 2em;
	font-size: 1.2em;
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0px -160px;
	padding: 4px 0 0 30px ;
	margin: 1em 0 0 0;
}
.delicious-posts ul li {
	clear: left;
	padding: 0px 0 20px 15px;
	margin: 10px;
	background: transparent url(../images/sprite_gaiachik_dark.gif) no-repeat;
	background-position: 0 -473px;
}
.delicious-post { 
}
a.delicious-link { 
	color: #d0993e;
}
.delicious-banner a { 
}
.delicious-posts a:hover { 
}
.delicious-posts a { 
}
.delicious-post a { 
}
/* friendly links */

a#webeyedea {
	width: 150px;
	padding: 5px 0 15px 45px;
	background: transparent url(../images/sprite_links_dark.gif) no-repeat;
	background-position: top left;
}
a:hover#webeyedea {
	background-position: 0 -60px;
}
a#prisca {
	width: 150px;
	padding: 5px 0 15px 35px;
	background: transparent url(../images/sprite_links_dark.gif) no-repeat;
	background-position: 0 -120px;
}
a:hover#prisca {
	background-position: 0 -180px;
}
/*  form */
label.opt-label.main-label {
  letter-spacing: 1px;
}
input.text-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea {
	font-family: Calibri, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	border : 1px solid #d0993e;
	color: #d0993e;
	background-color : transparent;
	cursor : text;
	padding : 1px 2px;
}
input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
  border : 1px solid #d0993e;
  background-color : #223344;
  color: #d0993e;
}
input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
	color : #d0993e;
	background: #223344;
	border-bottom: 1px solid #d0993e;
}