/* Global */

html {
	scrollbar-3dlight-color:#CCC;
	scrollbar-arrow-color:#000;
	scrollbar-darkshadow-color:#CCC;
	scrollbar-face-color:#CCC;
	scrollbar-highlight-color:#CCC;
	scrollbar-shadow-color:#CCC;
	scrollbar-track-color:#EEE;
}

body {
	background:url(../images/bg_2sketch.gif) #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}

h2 {
	cursor:default;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	text-align:center;
}

h3 {
	cursor:default;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	margin:0;
}

h4 {
	cursor:default;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	margin:0;
	margin-top:1em;
}

a {
	color:#00C;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#F00;
	text-decoration:underline;
}

a:active {
	color:#999;
}

img {
	border:0;
	vertical-align:middle;
}

input {
	background:#EEE url(../images/bg_2sketch.gif);
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-bottom:3px solid #888;
	border-right:3px solid #888;
}

input:active, input:focus {
	background:#FFF;
}

textarea {
	background:#EEE url(../images/bg_2sketch.gif);
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-bottom:3px solid #888;
	border-right:3px solid #888;
	overflow:scroll;
}

textarea:active, textarea:focus {
	background:#FFF;
}

/* IDs */

#skip {
	display:none;
}

#topleft {
	background:#000;
	border-bottom:1px dashed #FFF;
	color:#CCC;
	cursor:default;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	line-height:20px;
	margin:0;
	margin-bottom:23px;
	padding:0;
	padding-left:5px;
}

#topleft a {
	font-style:normal;
}

#topright {
	color:#333;
	cursor:default;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:0;
	padding-right:5px;
	position:absolute;
	right:0;
	text-align:right;
	top:0;
	width:51%;
}

#topleft a, #topright a {
	color:#CCC;
	text-decoration:none;
}

#topleft a:hover, #topright a:hover {
	text-decoration:underline;
}

#topleft a:active, #topright a:active {
	color:#FFF;
}

#logo {
	background:url(../images/title_sketch.gif) center no-repeat;
	height:91px;
	margin-bottom:30px;
	text-align:center;
}

#logo h1 {
	display:none;
}

#nav {
	background:url(../images/nav_sketch3.gif) top center no-repeat;
	font-size:16px;
	position:absolute;
	top:165px;
	left:16px;
	margin:0;
	padding:0;
	width:156px;
}

#nav h2 {
	background:url(../images/nav_sketch3o.gif) top center no-repeat;
	display:none;
}

#nav a {
	color:#CCC;
	display:block;
	line-height:32px;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:100%;
}

#nav a:hover {
	background:url(../images/nav_sketch3o.gif) top center no-repeat;
	color:#000;
}

li#nav_home a:hover {
	background-position:0 -59px;
}

li#nav_art a:hover {
	background-position:0 -91px;
}

li#nav_proj a:hover {
	background-position:0 -123px;
}

li#nav_serv a:hover {
	background-position:0 -155px;
}

li#nav_misc {
	display:none;
}

li#nav_about a:hover {
	background-position:0 -187px;
}

li#nav_links a:hover {
	background-position:0 -219px;
}

li#nav_cont a:hover {
	background-position:0 -251px;
}

#nav a:active {
	color:#FFF;
}

#nav p {
	margin-top:14px;
}

ul#dropnav {
	list-style-type:none;
	margin:59px 0;
	padding:0;
}

#dropnav ul {
	display:none;
}

#theme {
	background:url(../images/theme_sketch4.gif) top left no-repeat;
	position:absolute;
	top:165px;
	right:16px;
	margin:0;
	padding:0;
	text-align:center;
	width:156px;
}


#theme h2 {
	background:url(../images/theme_sketch4o.gif) top center no-repeat;
	display:none;
}

#theme img {
	display:block;
}

#theme a {
	border:0;
	color:#CCC;
	display:block;
	font-size:16px;
	line-height:32px;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:100%;
}

#theme a:hover {
	background:url(../images/theme_sketch4o.gif) top left no-repeat;
	color:#000;
	margin:0;
	padding:0;
}

a#slide:hover {
	background-position:0 -59px;
}

a#shades:hover {
	background-position:0 -123px;
}

a#classic:hover {
	background-position:0 -155px;
}

a#sci-fi:hover {
	background-position:0 -91px;
}

a#sketch:hover {
	background-position:0 -187px;
}

a#solid:hover {
	background-position:0 -219px;
}

#theme a:active {
	color:#FFF;
}

#theme p {
	margin:59px 0;
	padding:0;
}

#wrapper {
	margin:0 auto;
	max-width:1600px;
}

#header {
	background:url(../images/header_sketch.gif) repeat-x;
	color:#EEE;
	line-height:45px;
	height:45px;
	margin:0 187px;
	padding:0;
	position:relative;
}

#headercap {
	background:url(../images/header_sketch_cap2.gif) right no-repeat;
	height:45px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:18px;
}

#main {
	border-bottom:2px dotted #000;
	padding:0;
	margin:0 187px;
}

#mainbot {
	background:url(../images/nav_sketch3o.gif) no-repeat;
	float:right;
	height:0;
	width:0;
}

#mainbotcap {
	background:url(../images/theme_sketch4o.gif) no-repeat;
	float:right;
	height:0;
	width:0;
}

#content {
	font-size:1em;
	padding:10px;
}

#longcontent {
	font-size:1em;
	padding:10px;
}

#topp {
	margin-top:0;
}

#search {
	text-align:center;
}

#business {
	font-size:1.15em;
	text-align:center;
}

#entrynav {
	font-size:.9em;
	margin-bottom:1.5em;
	text-align:center;
}

#comments {
	font-size:.9em;
	text-align:center;
}

#comments h3 {
	font-size:1.3em;
	margin-bottom:1em;
}

#comments input {
	font-size:.9em;
	margin-top:5px;
}

#copyright {
	cursor:default;
	font-size:.7em;
	line-height:40px;
	text-align:center;
}

/* Classes */

.hidedot {
	display:none;
}

.ctS {
	display:none;
}

.artbg img {
	border:1px solid #000;
}

.c {
	text-align:center;
}

.date {
	cursor:default;
	font-size:.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

.fontimg {
	background:#FFF;
	border:1px solid #000;
	padding:5px;
}

.music {
	color:#333;
}

.fonblue {
	color:#00F;
}

.searchlinks {
	font-size:.8em;
	font-weight:bold;
	line-height:12px;
}

.small {
	font-size:.9em;
}

.title {
	cursor:default;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.15em;
	font-weight:bold;
	margin:0;
}

a.title {
	color:#000;
	cursor:pointer;
}

a.title:hover {
	color:#000;
}

#toplink {
	font-size:.8em;
	font-weight:bold;
	margin-bottom:0;
}