html, body, #wrap, #wrap_index {height: 95%;}
body > #wrap, body > #wrap_index {height: auto; min-height: 95%;}
body {background-color: #000; font-size:62.5%;}
#wrap, #wrap_index {width: 960px; margin: 0 auto; background-color: #000; color: white; font-family: helvetica, arial, sans-serif; }
#main {padding-bottom: 20px;}

a:link {color: #fff; text-decoration: underline;}
a:visited {color: #fff; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
a:active {color: #fff; text-decoration: underline;}
a:focus {color: #fff; text-decoration: underline;}

h1 {font-family: georgia; font-size: 2.4em; padding: 0; float: left;}
h2 {font-size: 2.4em;}
h4 {font-family: georgia, times, serif; font-size: 1.6em; margin-bottom: 20px;}
p {font-size: 1.4em; line-height: 1.4em; padding: 0em;}

#header {margin: 0;}
	#header img {float: left; margin: 20px 0;}
	#header #navigation {height: 70px; list-style-type: none; font-size: 1.2em; line-height: 1.6em; background-color: #000; float: right;}
	#navigation li {display: inline; float: left; padding: 0; border-right: 1px solid #333; border-left: 1px #000 solid; height: 30px; position: relative; margin: 0;}
	#navigation li a { background-color: #222;color: #fff; display: block; padding: 0.5em 1em; color: #fff; text-decoration: none;}
	#navigation li a.on {background-color: #333; height: 19px;}
	#navigation li a:hover {background-color: #333;}
	#navigation li#end {border-right: none;}
	
#page, #admin {clear: both;}
	#page p, ul#contact, h2 {margin-left: 420px; font-family: helvetica, arial, sans-serif; font-size: 1.4em; margin-bottom: 0.9em; line-height: 1.4em;}
	#page h3, #admin h3 {margin-left: 420px; font-family: georgia, times, serif; font-size: 2em; margin-bottom: 1em; margin-top: 1em;border-bottom: 1px solid #fff;}

	#adminpage p, ul#contact, h2 {margin-left: 0px; font-family: helvetica, arial, sans-serif; font-size: 1.4em; margin-bottom: 0.9em; line-height: 1.4em;}

p.nav, p.home, .clear {clear: both;}

#footer {position: relative; clear: both; font-size: 0.8em; height: 20px; padding-top: 20px;}
#footer p {text-align: center; margin: 5px 0; color: #fff; font-size: 1.6em;}

img#front {float: left; margin: 0 2em 2em 0; width: 320px;}
blockquote {font-family: georgia, times, serif; font-size: 2em; line-height: 1.6em; margin: 0 0 10px 400px;}

ul#contact li {margin: 10px 0;}
ul#contact li input {padding: 4px; }

/* Portfolio */

div.domtab {margin-top: 40px;width: 960px;} /* total size of page  */
ul.domtabs {width: 200px; float: right;}
ul.domtabs li {margin: 0 10px 10px 0; float: left; height: 80px; width: 80px;}
div.domtab div img#photo {width: 560px; float: left;} /* the photo */
.caption {clear: left;padding: 1em 0; float: left; position: relative; left: -420px;}

img.preload {opacity:0.4;filter:alpha(opacity=40);}
img.postload {opacity:1.0;filter:alpha(opacity=100);}

#port_select {float: right; font-size: 1.2em; line-height: 1.2em; font-weight: bold; width: 100px; margin-right: 20px;}
#port_select li {padding: 0.5em 0; text-transform: capitalize;}
#port_select li a { padding: 0.5em;}
#port_select li a.on{border-left: 4px solid #333;}

/* Admin pages */

#admin ul#nav { float: right; font-size: 1.4em; margin-bottom: -1px;}
#admin ul#nav li {float: left; }
#admin ul#nav li a {display: block; background-color: #222; padding: 10px;margin-left: 1px;}
#admin ul#nav li.on a, #admin ul#nav li.on a:hover {background-color: #000; border: 1px solid #222; border-bottom: 1px solid #000;}
#admin ul#nav li a:hover {background-color: #333;}
#admin div#admincontent {width: 958px; min-height: 400px; border: 1px solid #222; clear: both;}
#adminpage form {margin-left: 0px;}

div#admincontent ul#secondary {float: left; width: 115px; padding: 20px; padding-left: 25px;}
div#admincontent ul#secondary li {font-size: 1.2em; line-height: 1.8em; list-style-type: disc;}
div#admincontent div#primary {width: 797px; float: left;border-left: 1px solid #222; min-height: 400px;}

ul.tertiary {margin-left: 15px;}

#galleries {}
#galleries li {margin-left: 20px; float: left;}
#galleries li p {text-align: center; margin-top: 10px;}

#admin h3 {margin: 20px 20px 40px 20px; border-bottom: none; font-size: 1.6em;}
#admin h3 a {padding: 5px;}
#admin h3 a:hover, #admin h3 .on {background-color: #222; padding: 5px;}

#admin .boxes {float: left;}
#admin h4 {margin-left: 20px;}

ul#slots, ul#sortable1, ul#sortable2 {margin: 20px;}
#slots li img, ul#sortable1 li img, ul#sortable2 li img {width: 80px; float: left;}
#slots li, ul#sortable1 li, ul#sortable2 li {clear: both; height: 80px; margin-bottom: 10px;}

/* class name of generated Ruby form */

.button-to {margin: 0;}

/* Forms */

form {font-family: georgia, times, serif; margin-left: 400px;}
form ul li label {display: block; margin-bottom: 5px;}
form ul li {font-size: 1.4em; margin: 20px 0px;}


/* experiments */