@charset "UTF-8";
/* Cloxboy CSS */

/*Global*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #000000;
    margin: 0;
    padding: 0;
    color: #4c7e88;
}

#splash {
	margin: 100px 0px 0px 0px;
	text-align: center;
}

p {
	width: 580px;
	padding-bottom: 0px;
}

a.enter {
	font-size: 16px;
}

a:link { 
    color: #b2d6e9; 
    font-weight: bold; 
    text-decoration: none;
}

a:visited { 
    color: #b2d6e9; 
    font-weight: bold; 
    text-decoration: none;
}

a:active { 
    color: #b2d6e9; 
    font-weight: bold; 
    text-decoration: none;
}

a:hover { 
    color: #a0b0b9; 
    font-weight: bold; 
    text-decoration: underline;
}


#cloxy-background {
    width: 804px;
    height: 500px;
    background-image: url(http://www.cloxboyart.com/images/background.jpg);
    background-repeat: no-repeat;
    z-index: 1;
    
}

#cloxy-menu {
    padding: 165px 0 0 15px;
    position: absolute;
    z-index: 2;
}


ul#nav  {
    margin: 10px 0 10px 40px;
    padding: 0;
} 

#nav li {
    list-style: none;
}

ul.thumbnails  {
    margin:0px 0px 0px 40px;
    padding: 0;
    clear:both;
    width:110px
}

.thumbnails li {
    float: left;
    list-style: none;
    padding: 0px 7px 4px 0px;
}
.thumbnails li a, .thumbnails li img {display:block}


#artbox {
	padding: 150px 0 0 200px;
    position: absolute;
}

#art-title {
	font-weight: bold;
	font-size: 14px;
	float: left;
}

#artbox-nav {
	float: left;
	padding-left: 70px;
}

#artwork {
	padding-top: 8px;
	padding-bottom: 8px;
}

.clear-floats {
	clear: both;
}

/*Illustrations Thumbnail Rollovers*/
a.i01 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb01.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i01 {
    background-position: -20px 0;
}

a.i02 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb02.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i02 {
    background-position: -20px 0;
}

a.i03 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb03.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i03 {
    background-position: -20px 0;
}

a.i04 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb04.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i04 {
    background-position: -20px 0;
}

a.i05 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb05.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i05 {
    background-position: -20px 0;
}

a.i06 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb06.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i06 {
    background-position: -20px 0;
}

a.i07 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb07.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i07 {
    background-position: -20px 0;
}

a.i08 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb08.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i08 {
    background-position: -20px 0;
}

a.i09 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb09.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i09 {
    background-position: -20px 0;
}

a.i10 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb10.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i10 {
    background-position: -20px 0;
}

a.i11 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb11.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i11 {
    background-position: -20px 0;
}

a.i12 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb12.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i12 {
    background-position: -20px 0;
}

a.i13 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb13.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i13 {
    background-position: -20px 0;
}

a.i14 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb14.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i14 {
    background-position: -20px 0;
}

a.i15 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb15.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i15 {
    background-position: -20px 0;
}

a.i16 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb16.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i16 {
    background-position: -20px 0;
}

a.i17 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb17.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i17 {
    background-position: -20px 0;
}

a.i18 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb18.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i18 {
    background-position: -20px 0;
}

a.i19 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb19.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i19 {
    background-position: -20px 0;
}

a.i20 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("illust_thumbs/illust_thumb20.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.i20 {
    background-position: -20px 0;
}


/*Paintings Thumbnail Rollovers*/
a.p01 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb01.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p01 {
    background-position: -20px 0;
}

a.p02 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb02.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p02 {
    background-position: -20px 0;
}

a.p03 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb03.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p03 {
    background-position: -20px 0;
}

a.p04 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb04.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p04 {
    background-position: -20px 0;
}

a.p05 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb05.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p05 {
    background-position: -20px 0;
}

a.p06 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb06.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p06 {
    background-position: -20px 0;
}

a.p07 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb07.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p07 {
    background-position: -20px 0;
}

a.p08 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb08.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p08 {
    background-position: -20px 0;
}

a.p09 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb09.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.p09 {
    background-position: -20px 0;
}

a.p10 {
    display: block;
    width: 20px;
    height: 38px;
    background: url("paint_thumbs/paint_thumb10.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.p10 {
    background-position: -20px 0;
}

/*Misc*/
#name {
	padding-left: 490px;
	width: 200px;
}


/*Copyright*/
#copyright {
	margin: 20px 0 0 200px;
	color: #2a474b;
}

#copyright a {
	color: #2a474b;
}