/* by Arthur Klepchukov, last updated: 08.10.2007 */
body {
	margin: 10px 0;
 	background: black url("/images/utility/candle.jpg") no-repeat fixed -500px 0px;
 	font-family: Helvetica, Arial, sans-serif;
}

#everything {
	width: 610px;
	margin: 0px auto;
}

a:link, a:visited {
	background-color: inherit;
	color: #FC3;
	text-decoration: none;
	border-bottom: 1px dotted #FC3;
}
a:hover {
	background-color: inherit;
	color: #F93;
	border-bottom: 1px solid white;
}

#switcher {
  margin: 0;
  padding: 2px;
  background-color: #333333;
  color: white;
  width: 60px;
  position: absolute;
  top: 20px;
  left: 30px;
}

#switcher a:link, #switcher a:visited {
  background-color: transparent;
  color: #FF9900;
}
#required { display: none; }
#switcher a:hover { background: transparent; }
#switcher a:hover #required {
  display: block;
  width: 95px;
  margin: 0;
  padding: 2px;
  background-color: #FFFF99;
  color: black;
  border: 1px solid black;
  text-decoration: none;
  text-align: center;
  font-size: small;
  position: absolute;
  left: -20px;
  top: 105px;
}

.main_container {
	padding: 10px;
	width: 610px;
	background-color: transparent;
	color: white;
	font-size: 0.95em;
	border: 1px solid white;
	border-left: none;
	border-right: 2px dashed white;
}

.main_container img { border: 0; }

#quote {
  text-align:center; 
  background-color: #FF9900;
  color: black;
}

.writings a:link, .writings a:visited {
	background-color: inherit;
	color: gray;
	text-decoration: none;
	border: none;
}
.writings a:hover {
	background-color: inherit;
	color: maroon;
	border: none;
	margin: 0;
}
.genre {
	background-color: #F93;
	color: black;
	letter-spacing: 0.15em;
}

/* --------------------- TOP LINKS --------------------- */
#top_links {
  background-color: none;
  color: white;
}
#top_links .TL { width: 100px; padding: 0; }
#top_links #TL_1 { float: left; }
#top_links #TL_2 { margin-left: 110px; float: left; }
#top_links #TL_3 { margin-left: 410px; }
#top_links a {
  margin: 0;
  padding-left: 5px; 
  border-left-style: double;
  border-bottom-style: solid;
  border-color: white;
  font-style: normal;
  font-variant: small-caps;
}
#top_links a:link, #top_links a:visited {
  background-color: inherit;
  color: #ffa500;
}
#top_links a:hover {
  background-color: #ffa500;
  color: maroon;
  padding-left: 20px;
  padding-right: 5px;
  border-left-style: none;
  border-right-style: double;
  border-color: white;
  letter-spacing: 0.25em;
}

#digital_art, #writings, #resume {
  margin: 0;
  padding: 0 0 0 10px;
}
#drawings, #photos, #store {
  margin: 0;
  padding: 0 0 0 55px;
}
#websites, #print, #email {
  margin: 0;
  padding: 0 0 0 100px;
}

/* --------------------- SECTIONS --------------------- */
.section_header {
  	width: 570px;
  	height: 20px;
  	margin: -20px auto 0 auto;
  	padding-left: 10px;
  	border: 2px solid white;
  	border-top: none;
  	border-bottom: none;
	letter-spacing: 0.35em;
	text-align: center;
    /*background-image:  url("/images/breaker02.jpg");
      	background-position: left center;*/   
	background-color: #F30;
  	color: white;
  	font-style: italic;
  	position: relative;
  	z-index: 2;
}


/* --------------------- GENERAL TABLES --------------------- */
th { 
  font-variant: small-caps;
  background-color: #FF9900;
  color: black;
}
.th1 { width: 34% }
.th2 { width: 66% }
td {
  margin: 0;
  padding: 5px 0; 
  border-bottom: 1px solid #FF9900;
}
.text_table a:link { visibility: visible; }
.text_table td.right_align { 
  padding-right: 0.4em;
  text-align: right; 
}


/* --------------------- THUMBNAILS --------------------- */
.thumbnail_table {
	width: 544px;
	margin: 0 auto;
}
.thumbnail_table td {
  	margin: 3px;
  	padding: 2px;
  	text-align: center;
}
.thumbnail_table a:link, .thumbnail_table a:visited { 
	display: block;
	border-color: #FFF #FFF #000 #000;
	border-style: solid;
	border-width: 1px;
  	text-decoration: none; /* for Opera */
  	cursor: crosshair;
}
.thumbnail_table a:hover {
	border-color: #000 #000 #CCC #CCC;
}
.thumbnail_table .thumb {
	width: 130px;
	height: 150px;
	display: block;
}

/* --------------------- FOOTER --------------------- */
#footer {
	width: 610px; 
	margin-top: 20px;
	padding: 5px;
	background-color: transparent;
	color: #999;
	font-size: small;
	text-align: right;
}
#footer a.noborder, #footer a img { border: none; }
#footer a:hover {
  background-color: inherit;
  color: white;
}
#footer hr {
	width: 85%;
	text-align: right; /* align-right in IE */
	margin: 1px 0 3px auto; /* align-right in Mozilla */
}